@alfadocs/ui-kit 0.0.12

package/dist/_chunks/progress-DL3-izuO.js

@@ -0,0 +1,252 @@
+import { jsx as m, jsxs as I } from "react/jsx-runtime";
+import { forwardRef as M, useId as ue, useRef as g, useState as me, useEffect as de, useLayoutEffect as q, useImperativeHandle as fe, createContext as ge, useContext as pe } from "react";
+import { c as J } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+const j = ge(null);
+function K() {
+  const s = pe(j);
+  if (!s) throw new Error("Progress sub-components must be used within <Progress>");
+  return s;
+}
+const N = {
+  sm: { viewBox: "0 0 24 24", cx: 12, cy: 12, r: 10 },
+  md: { viewBox: "0 0 40 40", cx: 20, cy: 20, r: 18 },
+  lg: { viewBox: "0 0 56 56", cx: 28, cy: 28, r: 26 }
+}, ve = J(
+  "relative w-full overflow-hidden rounded-[var(--radius-full)] bg-[var(--progress-track)]",
+  {
+    variants: {
+      size: { sm: "h-1", md: "h-2", lg: "h-3" }
+    },
+    defaultVariants: { size: "md" }
+  }
+), G = J("", {
+  variants: {
+    size: {
+      sm: "w-6 h-6",
+      md: "w-10 h-10",
+      lg: "w-14 h-14"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), Q = M(({ children: s, className: e, ...a }, r) => {
+  const o = K(), { t: d, i18n: l } = C(), p = o.isIndeterminate ? d("ui.common.loading", "Loading...") : d("ui.common.progress_label", {
+    percent: new Intl.NumberFormat(l.language, {
+      style: "percent",
+      maximumFractionDigits: 0
+    }).format((o.value ?? 0) / o.max)
+  });
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      ref: r,
+      id: o.labelId,
+      className: [
+        "type-label text-foreground",
+        e
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: s ?? p
+    }
+  );
+});
+Q.displayName = "Progress.Label";
+const U = M(({ className: s, ...e }, a) => {
+  const r = K(), { t: o, i18n: d } = C(), l = r.isIndeterminate ? o("ui.common.loading", "Loading...") : new Intl.NumberFormat(d.language, {
+    style: "percent",
+    maximumFractionDigits: 0
+  }).format((r.value ?? 0) / r.max);
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      ref: a,
+      className: ["type-body-sm tabular-nums text-muted-foreground", s].filter(Boolean).join(" "),
+      ...e,
+      children: l
+    }
+  );
+});
+U.displayName = "Progress.Value";
+const W = M(
+  ({
+    value: s,
+    max: e = 100,
+    shape: a = "bar",
+    size: r = "md",
+    ariaLabel: o,
+    ariaValueText: d,
+    debouncePercent: l = 1,
+    disabled: p = !1,
+    className: Y,
+    children: L,
+    ...R
+  }, Z) => {
+    const V = ue(), { t: B, i18n: $ } = C(), x = g(null), P = g(null), k = g(null), w = g(null), f = g(null), t = s === void 0, c = t ? void 0 : Math.min(e, Math.max(0, s)), z = c !== void 0 ? c / e * 100 : void 0, [ee, re] = me(!1);
+    de(() => {
+      re(!0);
+    }, []);
+    const v = ee || t ? z : 0;
+    q(() => {
+      var n, u;
+      if (!(t || v === void 0))
+        if (a === "bar")
+          (n = P.current) == null || n.style.setProperty(
+            "--progress-value",
+            String(v)
+          );
+        else {
+          const { r: i } = N[r], h = 2 * Math.PI * i * (1 - v / 100);
+          (u = w.current) == null || u.style.setProperty(
+            "stroke-dashoffset",
+            String(h)
+          );
+        }
+    }, [t, v, a, r]), q(() => {
+      const n = a === "bar" ? x.current : k.current;
+      if (!n) return;
+      if (t) {
+        n.removeAttribute("aria-valuenow"), f.current = null;
+        return;
+      }
+      if (c === void 0) return;
+      const u = c / e * 100, i = f.current;
+      (i === null ? 1 / 0 : Math.abs(u - i)) >= l && (n.setAttribute("aria-valuenow", String(c)), f.current = u);
+    }, [t, c, e, l, a]), fe(
+      Z,
+      () => ({
+        setValue: (n) => {
+          var H, X;
+          const u = Math.min(e, Math.max(0, n)), i = u / e * 100;
+          if (a === "bar")
+            (H = P.current) == null || H.style.setProperty(
+              "--progress-value",
+              String(i)
+            );
+          else {
+            const { r: le } = N[r], ce = 2 * Math.PI * le * (1 - i / 100);
+            (X = w.current) == null || X.style.setProperty(
+              "stroke-dashoffset",
+              String(ce)
+            );
+          }
+          const y = a === "bar" ? x.current : k.current, h = f.current;
+          (h === null ? 1 / 0 : Math.abs(i - h)) >= l && y && (y.setAttribute("aria-valuenow", String(u)), f.current = i);
+        }
+      }),
+      [e, a, r, l]
+    );
+    const te = t ? B("ui.common.loading", "Loading...") : B("ui.common.progress_label", {
+      percent: new Intl.NumberFormat($.language, {
+        style: "percent",
+        maximumFractionDigits: 0
+      }).format((c ?? 0) / e)
+    }), D = o ? { "aria-label": o } : { "aria-labelledby": V, "aria-label": te }, F = t ? { "aria-busy": !0, "aria-valuemin": 0, "aria-valuemax": e } : {
+      "aria-valuemin": 0,
+      "aria-valuemax": e,
+      ...d ? { "aria-valuetext": d } : {}
+    }, S = p ? { "aria-disabled": !0 } : {}, E = [
+      "flex flex-col gap-[var(--spacing-xs)]",
+      p && "opacity-50",
+      Y
+    ].filter(Boolean).join(" "), A = {
+      labelId: V,
+      isIndeterminate: t,
+      value: c,
+      max: e
+    };
+    if (a === "bar") {
+      const n = t ? [
+        "absolute [inset-block:0] bg-primary rounded-[var(--radius-full)]",
+        "[@media(prefers-reduced-motion:no-preference)]:animate-[progress-bar-indeterminate_1200ms_ease-in-out_infinite]",
+        "[.theme-accessible_&]:animate-none",
+        "motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]"
+      ].join(" ") : [
+        "absolute [inset-block:0] start-0",
+        "[inline-size:calc(var(--progress-value,0)*1%)]",
+        "bg-primary rounded-[var(--radius-full)]",
+        "transition-[inline-size] duration-[var(--animation-duration)]",
+        "ease-[var(--ease-out)] motion-reduce:transition-none"
+      ].join(" ");
+      return /* @__PURE__ */ m(j.Provider, { value: A, children: /* @__PURE__ */ I("div", { className: E, "data-component": "progress", ...R, children: [
+        L,
+        /* @__PURE__ */ m(
+          "div",
+          {
+            ref: x,
+            role: "progressbar",
+            ...D,
+            ...F,
+            ...S,
+            className: ve({ size: r }),
+            children: /* @__PURE__ */ m("div", { ref: P, className: n })
+          }
+        )
+      ] }) });
+    }
+    const { viewBox: ae, cx: T, cy: O, r: _ } = N[r], b = 2 * Math.PI * _, ne = b * 0.25, se = t ? ne : b, oe = t ? [
+      G({ size: r }),
+      "[transform:rotate(-90deg)]",
+      "[@media(prefers-reduced-motion:no-preference)]:animate-[progress-circular-spin_1200ms_linear_infinite]",
+      "[.theme-accessible_&]:animate-none",
+      "motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]"
+    ].join(" ") : [
+      G({ size: r }),
+      "[transform:rotate(-90deg)]",
+      "rtl:[transform:rotate(-90deg)_scaleX(-1)]"
+    ].join(" "), ie = [
+      "stroke-primary [stroke-width:var(--spacing-xs)]",
+      !t && "transition-[stroke-dashoffset] duration-[var(--animation-duration)] ease-[var(--ease-out)] motion-reduce:transition-none"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ m(j.Provider, { value: A, children: /* @__PURE__ */ I("div", { className: E, "data-component": "progress", ...R, children: [
+      L,
+      /* @__PURE__ */ I(
+        "svg",
+        {
+          ref: k,
+          role: "progressbar",
+          ...D,
+          ...F,
+          ...S,
+          viewBox: ae,
+          className: oe,
+          children: [
+            /* @__PURE__ */ m(
+              "circle",
+              {
+                cx: T,
+                cy: O,
+                r: _,
+                fill: "none",
+                strokeDasharray: b,
+                className: "[stroke:var(--progress-track)] [stroke-width:var(--spacing-xs)]"
+              }
+            ),
+            /* @__PURE__ */ m(
+              "circle",
+              {
+                ref: w,
+                cx: T,
+                cy: O,
+                r: _,
+                fill: "none",
+                strokeLinecap: "round",
+                strokeDasharray: b,
+                strokeDashoffset: se,
+                className: ie
+              }
+            )
+          ]
+        }
+      )
+    ] }) });
+  }
+);
+W.displayName = "Progress";
+const we = Object.assign(W, {
+  Label: Q,
+  Value: U
+});
+export {
+  we as P
+};
+//# sourceMappingURL=progress-DL3-izuO.js.map

package/dist/_chunks/progress-DL3-izuO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-DL3-izuO.js","sources":["../../src/components/progress/progress.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ── Public types ─────────────────────────────────────────────────────── */\n\nexport interface ProgressHandle {\n  setValue: (value: number) => void;\n}\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {\n  value?: number;\n  max?: number;\n  shape?: 'bar' | 'circular';\n  size?: 'sm' | 'md' | 'lg';\n  ariaLabel?: string;\n  ariaValueText?: string;\n  debouncePercent?: number;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\n/* ── Context ──────────────────────────────────────────────────────────── */\n\ntype ProgressContextValue = {\n  labelId: string;\n  isIndeterminate: boolean;\n  value: number | undefined;\n  max: number;\n};\n\nconst ProgressCtx = createContext<ProgressContextValue | null>(null);\n\nfunction useProgressCtx(): ProgressContextValue {\n  const ctx = useContext(ProgressCtx);\n  if (!ctx) throw new Error('Progress sub-components must be used within <Progress>');\n  return ctx;\n}\n\n/* ── Circle geometry ──────────────────────────────────────────────────── */\n\nconst CIRCLE = {\n  sm: { viewBox: '0 0 24 24', cx: 12, cy: 12, r: 10 },\n  md: { viewBox: '0 0 40 40', cx: 20, cy: 20, r: 18 },\n  lg: { viewBox: '0 0 56 56', cx: 28, cy: 28, r: 26 },\n} as const;\n\n/* ── CVA ──────────────────────────────────────────────────────────────── */\n\nconst barTrackVariants = cva(\n  'relative w-full overflow-hidden rounded-[var(--radius-full)] bg-[var(--progress-track)]',\n  {\n    variants: {\n      size: { sm: 'h-1', md: 'h-2', lg: 'h-3' },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst circularVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'w-6 h-6',\n      md: 'w-10 h-10',\n      lg: 'w-14 h-14',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ── Progress.Label ───────────────────────────────────────────────────── */\n\nconst ProgressLabel = forwardRef<\n  HTMLSpanElement,\n  HTMLAttributes<HTMLSpanElement>\n>(({ children, className, ...props }, ref) => {\n  const ctx = useProgressCtx();\n  const { t, i18n } = useTranslation();\n\n  const defaultText = ctx.isIndeterminate\n    ? t('ui.common.loading', 'Loading...')\n    : t('ui.common.progress_label', {\n        percent: new Intl.NumberFormat(i18n.language, {\n          style: 'percent',\n          maximumFractionDigits: 0,\n        }).format((ctx.value ?? 0) / ctx.max),\n      });\n\n  return (\n    <span\n      ref={ref}\n      id={ctx.labelId}\n      className={[\n        'type-label text-foreground',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children ?? defaultText}\n    </span>\n  );\n});\nProgressLabel.displayName = 'Progress.Label';\n\n/* ── Progress.Value ───────────────────────────────────────────────────── */\n\nconst ProgressValue = forwardRef<\n  HTMLSpanElement,\n  HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => {\n  const ctx = useProgressCtx();\n  const { t, i18n } = useTranslation();\n\n  const text = ctx.isIndeterminate\n    ? t('ui.common.loading', 'Loading...')\n    : new Intl.NumberFormat(i18n.language, {\n        style: 'percent',\n        maximumFractionDigits: 0,\n      }).format((ctx.value ?? 0) / ctx.max);\n\n  return (\n    <span\n      ref={ref}\n      className={['type-body-sm tabular-nums text-muted-foreground', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {text}\n    </span>\n  );\n});\nProgressValue.displayName = 'Progress.Value';\n\n/* ── Progress root ────────────────────────────────────────────────────── */\n\nconst ProgressRoot = forwardRef<ProgressHandle, ProgressProps>(\n  (\n    {\n      value,\n      max = 100,\n      shape = 'bar',\n      size = 'md',\n      ariaLabel,\n      ariaValueText,\n      debouncePercent = 1,\n      disabled = false,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const labelId = useId();\n    const { t, i18n } = useTranslation();\n    const barTrackRef = useRef<HTMLDivElement>(null);\n    const barFillRef = useRef<HTMLDivElement>(null);\n    const circTrackRef = useRef<SVGSVGElement>(null);\n    const circFillRef = useRef<SVGCircleElement>(null);\n    /* Separate typed refs for each shape to avoid union-type casts */\n    const lastAnnouncedPercentRef = useRef<number | null>(null);\n\n    const isIndeterminate = value === undefined;\n    const clampedValue = isIndeterminate\n      ? undefined\n      : Math.min(max, Math.max(0, value));\n    const targetPercent =\n      clampedValue !== undefined ? (clampedValue / max) * 100 : undefined;\n\n    /* ── Mount-in animation ──────────────────────────────────────────── */\n    // Paint once at 0 before showing the target value, so the existing\n    // transition on stroke-dashoffset / inline-size animates from empty\n    // → target on mount. First render: hasMounted=false → percent=0,\n    // useLayoutEffect writes 0 to the style, browser paints empty.\n    // useEffect then flips hasMounted, triggering a re-render at the\n    // target percent; the style write inside useLayoutEffect produces\n    // the change the transition needs.\n    const [hasMounted, setHasMounted] = useState(false);\n    useEffect(() => {\n      setHasMounted(true);\n    }, []);\n    const percent =\n      hasMounted || isIndeterminate ? targetPercent : 0;\n\n    /* ── CSS property updates (visual fill) ──────────────────────────── */\n    useLayoutEffect(() => {\n      if (isIndeterminate || percent === undefined) return;\n\n      if (shape === 'bar') {\n        barFillRef.current?.style.setProperty(\n          '--progress-value',\n          String(percent),\n        );\n      } else {\n        const { r } = CIRCLE[size];\n        const circumference = 2 * Math.PI * r;\n        const offset = circumference * (1 - percent / 100);\n        circFillRef.current?.style.setProperty(\n          'stroke-dashoffset',\n          String(offset),\n        );\n      }\n    }, [isIndeterminate, percent, shape, size]);\n\n    /* ── Debounced ARIA value updates ────────────────────────────────── */\n    useLayoutEffect(() => {\n      const trackEl =\n        shape === 'bar' ? barTrackRef.current : circTrackRef.current;\n      if (!trackEl) return;\n\n      if (isIndeterminate) {\n        trackEl.removeAttribute('aria-valuenow');\n        lastAnnouncedPercentRef.current = null;\n        return;\n      }\n      if (clampedValue === undefined) return;\n\n      const pct = (clampedValue / max) * 100;\n      const last = lastAnnouncedPercentRef.current;\n      const delta = last === null ? Infinity : Math.abs(pct - last);\n      if (delta >= debouncePercent) {\n        trackEl.setAttribute('aria-valuenow', String(clampedValue));\n        lastAnnouncedPercentRef.current = pct;\n      }\n    }, [isIndeterminate, clampedValue, max, debouncePercent, shape]);\n\n    /* ── Imperative handle for high-frequency updates ────────────────── */\n    useImperativeHandle(\n      ref,\n      () => ({\n        setValue: (v: number) => {\n          const clamped = Math.min(max, Math.max(0, v));\n          const pct = (clamped / max) * 100;\n\n          if (shape === 'bar') {\n            barFillRef.current?.style.setProperty(\n              '--progress-value',\n              String(pct),\n            );\n          } else {\n            const { r } = CIRCLE[size];\n            const circumference = 2 * Math.PI * r;\n            const offset = circumference * (1 - pct / 100);\n            circFillRef.current?.style.setProperty(\n              'stroke-dashoffset',\n              String(offset),\n            );\n          }\n\n          const trackEl =\n            shape === 'bar' ? barTrackRef.current : circTrackRef.current;\n          const last = lastAnnouncedPercentRef.current;\n          const delta = last === null ? Infinity : Math.abs(pct - last);\n          if (delta >= debouncePercent && trackEl) {\n            trackEl.setAttribute('aria-valuenow', String(clamped));\n            lastAnnouncedPercentRef.current = pct;\n          }\n        },\n      }),\n      [max, shape, size, debouncePercent],\n    );\n\n    /* ── ARIA props shared by both shapes ────────────────────────────── */\n    // Provide aria-label as fallback alongside aria-labelledby: per ARIA spec,\n    // AT falls back to aria-label when aria-labelledby references a missing id.\n    // This covers the case where neither ariaLabel nor Progress.Label is used.\n    const fallbackAriaLabel = isIndeterminate\n      ? t('ui.common.loading', 'Loading...')\n      : t('ui.common.progress_label', {\n          percent: new Intl.NumberFormat(i18n.language, {\n            style: 'percent',\n            maximumFractionDigits: 0,\n          }).format((clampedValue ?? 0) / max),\n        });\n\n    const labelProps = ariaLabel\n      ? { 'aria-label': ariaLabel }\n      : { 'aria-labelledby': labelId, 'aria-label': fallbackAriaLabel };\n\n    const stateProps = isIndeterminate\n      ? { 'aria-busy': true as const, 'aria-valuemin': 0, 'aria-valuemax': max }\n      : {\n          'aria-valuemin': 0 as const,\n          'aria-valuemax': max,\n          ...(ariaValueText ? { 'aria-valuetext': ariaValueText } : {}),\n        };\n\n    const disabledProp = disabled ? { 'aria-disabled': true as const } : {};\n\n    const wrapperClass = [\n      'flex flex-col gap-[var(--spacing-xs)]',\n      disabled && 'opacity-50',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const ctxValue: ProgressContextValue = {\n      labelId,\n      isIndeterminate,\n      value: clampedValue,\n      max,\n    };\n\n    /* ── Bar shape ──────────────────────────────────────────────────── */\n    if (shape === 'bar') {\n      const fillClass = isIndeterminate\n        ? [\n            'absolute [inset-block:0] bg-primary rounded-[var(--radius-full)]',\n            '[@media(prefers-reduced-motion:no-preference)]:animate-[progress-bar-indeterminate_1200ms_ease-in-out_infinite]',\n            '[.theme-accessible_&]:animate-none',\n            'motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]',\n          ].join(' ')\n        : [\n            'absolute [inset-block:0] start-0',\n            '[inline-size:calc(var(--progress-value,0)*1%)]',\n            'bg-primary rounded-[var(--radius-full)]',\n            'transition-[inline-size] duration-[var(--animation-duration)]',\n            'ease-[var(--ease-out)] motion-reduce:transition-none',\n          ].join(' ');\n\n      return (\n        <ProgressCtx.Provider value={ctxValue}>\n          <div className={wrapperClass} data-component=\"progress\" {...rest}>\n            {children}\n            <div\n              ref={barTrackRef}\n              role=\"progressbar\"\n              {...labelProps}\n              {...stateProps}\n              {...disabledProp}\n              className={barTrackVariants({ size })}\n            >\n              <div ref={barFillRef} className={fillClass} />\n            </div>\n          </div>\n        </ProgressCtx.Provider>\n      );\n    }\n\n    /* ── Circular shape ─────────────────────────────────────────────── */\n    const { viewBox, cx, cy, r } = CIRCLE[size];\n    const circumference = 2 * Math.PI * r;\n    const indeterminateDashOffset = circumference * 0.25;\n    // For determinate progress, paint an empty arc on first mount. The\n    // effect above then sets stroke-dashoffset to the target, and the\n    // CSS transition animates from empty → target.\n    const initialDashOffset = isIndeterminate\n      ? indeterminateDashOffset\n      : circumference;\n\n    const svgClass = isIndeterminate\n      ? [\n          circularVariants({ size }),\n          '[transform:rotate(-90deg)]',\n          '[@media(prefers-reduced-motion:no-preference)]:animate-[progress-circular-spin_1200ms_linear_infinite]',\n          '[.theme-accessible_&]:animate-none',\n          'motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]',\n        ].join(' ')\n      : [\n          circularVariants({ size }),\n          '[transform:rotate(-90deg)]',\n          'rtl:[transform:rotate(-90deg)_scaleX(-1)]',\n        ].join(' ');\n\n    const fillStrokeClass = [\n      'stroke-primary [stroke-width:var(--spacing-xs)]',\n      !isIndeterminate &&\n        'transition-[stroke-dashoffset] duration-[var(--animation-duration)] ease-[var(--ease-out)] motion-reduce:transition-none',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <ProgressCtx.Provider value={ctxValue}>\n        <div className={wrapperClass} data-component=\"progress\" {...rest}>\n          {children}\n          <svg\n            ref={circTrackRef}\n            role=\"progressbar\"\n            {...labelProps}\n            {...stateProps}\n            {...disabledProp}\n            viewBox={viewBox}\n            className={svgClass}\n          >\n            <circle\n              cx={cx}\n              cy={cy}\n              r={r}\n              fill=\"none\"\n              strokeDasharray={circumference}\n              className=\"[stroke:var(--progress-track)] [stroke-width:var(--spacing-xs)]\"\n            />\n            <circle\n              ref={circFillRef}\n              cx={cx}\n              cy={cy}\n              r={r}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={initialDashOffset}\n              className={fillStrokeClass}\n            />\n          </svg>\n        </div>\n      </ProgressCtx.Provider>\n    );\n  },\n);\n\nProgressRoot.displayName = 'Progress';\n\n/* ── Compound export ──────────────────────────────────────────────────── */\n\nexport const Progress = Object.assign(ProgressRoot, {\n  Label: ProgressLabel,\n  Value: ProgressValue,\n});\n"],"names":["ProgressCtx","createContext","useProgressCtx","ctx","useContext","CIRCLE","barTrackVariants","cva","circularVariants","ProgressLabel","forwardRef","children","className","props","ref","t","i18n","useTranslation","defaultText","jsx","ProgressValue","text","ProgressRoot","value","max","shape","size","ariaLabel","ariaValueText","debouncePercent","disabled","rest","labelId","useId","barTrackRef","useRef","barFillRef","circTrackRef","circFillRef","lastAnnouncedPercentRef","isIndeterminate","clampedValue","targetPercent","hasMounted","setHasMounted","useState","useEffect","percent","useLayoutEffect","_a","r","offset","_b","trackEl","pct","last","useImperativeHandle","v","clamped","fallbackAriaLabel","labelProps","stateProps","disabledProp","wrapperClass","ctxValue","fillClass","jsxs","viewBox","cx","cy","circumference","indeterminateDashOffset","initialDashOffset","svgClass","fillStrokeClass","Progress"],"mappings":"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"}

package/dist/_chunks/progress.agent-CXkHURjX.js

@@ -0,0 +1,22 @@
+const a = {
+  id: "progress",
+  capabilities: [],
+  state: {},
+  actions: {
+    set_value: {
+      safety: "read",
+      argsType: "{ value: number }",
+      description: "Set the displayed progress value (0–100).",
+      invoke: (e, s) => {
+        e.setValue(s.value);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "progress" }
+  }
+};
+export {
+  a as p
+};
+//# sourceMappingURL=progress.agent-CXkHURjX.js.map

package/dist/_chunks/progress.agent-CXkHURjX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.agent-CXkHURjX.js","sources":["../../src/components/progress/progress.agent.ts"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ProgressHandle } from './progress';\n\nexport const progressAgent: AgentAdapter<ProgressHandle> = {\n  id: 'progress',\n  capabilities: [],\n  state: {},\n  actions: {\n    set_value: {\n      safety: 'read',\n      argsType: '{ value: number }',\n      description: 'Set the displayed progress value (0–100).',\n      invoke: (handle, args: { value: number }) => {\n        handle.setValue(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'progress' },\n  },\n};\n"],"names":["progressAgent","handle","args"],"mappings":"AAGO,MAAMA,IAA8C;AAAA,EACzD,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACC,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,WAAA;AAAA,EAAW;AAEtD;"}