38:I[58715,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"PreviewTabs"] 39:I[27009,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"Progress"] 3a:I[27009,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"ProgressLabel"] 3b:I[27009,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"ProgressValue"] 36:T2e7c,

"use client"

import { Progress as ProgressPrimitive } from "@base-ui/react/progress"

import { cn } from "@/lib/utils"

const Progress = ({
  className,
  children,
  ...props
}: ProgressPrimitive.Root.Props) => (
  <ProgressPrimitive.Root
    data-slot="progress"
    className={cn("flex flex-wrap items-center gap-8", className)}
    {...props}
  >
    {children}
    <ProgressPrimitive.Track
      data-slot="progress-track"
      className="relative flex h-4 w-full items-center overflow-hidden rounded-full bg-background-tertiary"
    >
      <ProgressPrimitive.Indicator
        data-slot="progress-indicator"
        className="h-full rounded-full bg-background-inverse transition-[width] duration-300 ease-out"
      />
    </ProgressPrimitive.Track>
  </ProgressPrimitive.Root>
)

const ProgressLabel = ({
  className,
  ...props
}: ProgressPrimitive.Label.Props) => (
  <ProgressPrimitive.Label
    data-slot="progress-label"
    className={cn("text-compact-bold", className)}
    {...props}
  />
)

const ProgressValue = ({
  className,
  ...props
}: ProgressPrimitive.Value.Props) => (
  <ProgressPrimitive.Value
    data-slot="progress-value"
    className={cn("ml-auto text-compact text-text-secondary", className)}
    {...props}
  />
)

export { Progress, ProgressLabel, ProgressValue }

35:["$","div",null,{"className":"relative overflow-hidden rounded-16 bg-background-secondary","children":[["$","div",null,{"className":"overflow-x-auto p-16 pr-48 font-mono text-compact leading-[20px] [&_pre]:bg-transparent!","dangerouslySetInnerHTML":{"__html":"$36"}}],"$L37"]}] 26:["$","$L38",null,{"glass":false,"preview":["$","$L39",null,{"value":62,"className":"w-full max-w-480","children":[["$","$L3a",null,{"children":"Uploading"}],["$","$L3b",null,{}]]}],"code":"$L3c"}]

Installation

Usage