@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/popover-kFN8s84V.js

@@ -0,0 +1,229 @@
+import { jsx as s, jsxs as X } from "react/jsx-runtime";
+import { useState as H, useCallback as f, useRef as $, useEffect as T, forwardRef as u, useId as w, useContext as v, createContext as N } from "react";
+import * as p from "@radix-ui/react-popover";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { I as J } from "./icon-button-Wnnde5lc.js";
+import { X as K } from "./x-CCcI3eJp.js";
+const g = N({
+  headingId: void 0,
+  setHeadingId: () => {
+  },
+  descriptionId: void 0,
+  setDescriptionId: () => {
+  }
+}), D = N({
+  isHoverMode: !1,
+  clearHoverTimer: () => {
+  },
+  closeWithDelay: () => {
+  }
+});
+function Q(e) {
+  if (e === "top" || e === "bottom") return e;
+  const o = typeof document < "u" && document.documentElement.dir === "rtl";
+  return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
+}
+const S = q(
+  [
+    // Border kept (transparent) so the forced-colors override below can
+    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
+    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
+    // 1.4.11 bump in 67fef8c) made the popover read as a charcoal box.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-transparent ds:rounded-[var(--radius-md)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:z-[var(--z-popover)]",
+    "ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]",
+    "ds:break-words",
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
+    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
+    "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
+    "ds:forced-colors:border-[CanvasText]",
+    "ds:focus-visible:outline-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:max-w-[var(--popover-size-sm)]",
+        md: "ds:max-w-[var(--popover-size-md)]",
+        lg: "ds:max-w-[var(--popover-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), R = N(void 0);
+function C({
+  openOn: e = "click",
+  children: o,
+  id: r,
+  open: n,
+  onOpenChange: t,
+  defaultOpen: c,
+  modal: h
+}) {
+  const [P, b] = H(c ?? !1), m = n !== void 0, y = m ? n : P, d = f(
+    (z) => {
+      m || b(z), t == null || t(z);
+    },
+    [m, t]
+  ), a = $(null), l = e === "hover" || e === "hover-or-click", i = f(() => {
+    a.current && (clearTimeout(a.current), a.current = null);
+  }, []), I = f(() => {
+    i(), a.current = setTimeout(() => {
+      d(!0);
+    }, 300);
+  }, [i, d]), x = f(() => {
+    i(), a.current = setTimeout(() => {
+      d(!1);
+    }, 300);
+  }, [i, d]);
+  T(() => () => i(), [i]);
+  const [W, A] = H(void 0), [F, L] = H(
+    void 0
+  ), V = l ? {
+    onMouseEnter: I,
+    onMouseLeave: x,
+    onFocus: () => {
+      i(), d(!0);
+    },
+    onBlur: x
+  } : {};
+  return /* @__PURE__ */ s(R.Provider, { value: r, children: /* @__PURE__ */ s(
+    g.Provider,
+    {
+      value: { headingId: W, setHeadingId: A, descriptionId: F, setDescriptionId: L },
+      children: /* @__PURE__ */ s(
+        D.Provider,
+        {
+          value: { isHoverMode: l, clearHoverTimer: i, closeWithDelay: x },
+          children: /* @__PURE__ */ s(
+            p.Root,
+            {
+              open: y,
+              onOpenChange: d,
+              modal: h,
+              children: l ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...V, children: o }) : o
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+C.displayName = "Popover.Root";
+const j = u(({ children: e, ...o }, r) => /* @__PURE__ */ s(p.Trigger, { ref: r, ...o, children: e }));
+j.displayName = "Popover.Trigger";
+const M = u(
+  ({
+    side: e = "bottom",
+    align: o = "center",
+    size: r = "md",
+    showArrow: n = !0,
+    className: t,
+    children: c,
+    ...h
+  }, P) => {
+    const { headingId: b, descriptionId: m } = v(g), y = v(R), { isHoverMode: d, clearHoverTimer: a, closeWithDelay: l } = v(D), i = Q(e), I = d ? {
+      onMouseEnter: a,
+      onMouseLeave: l,
+      onFocus: a,
+      onBlur: l
+    } : {};
+    return /* @__PURE__ */ s(p.Portal, { children: /* @__PURE__ */ X(
+      p.Content,
+      {
+        ref: P,
+        side: i,
+        align: o,
+        sideOffset: 8,
+        collisionPadding: 8,
+        "aria-labelledby": b,
+        "aria-describedby": m,
+        className: S({ size: r, className: t }),
+        "data-component": "popover",
+        "data-component-id": y,
+        ...I,
+        ...h,
+        children: [
+          c,
+          n && /* @__PURE__ */ s(
+            p.Arrow,
+            {
+              width: 12,
+              height: 6,
+              className: "ds:fill-[var(--popover)]"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+M.displayName = "Popover.Content";
+const B = u(({ className: e }, o) => {
+  const { t: r } = G();
+  return /* @__PURE__ */ s("div", { className: ["ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]", e].filter(Boolean).join(" "), children: /* @__PURE__ */ s(p.Close, { asChild: !0, children: /* @__PURE__ */ s(
+    J,
+    {
+      ref: o,
+      icon: /* @__PURE__ */ s(K, {}),
+      intent: "ghost",
+      size: "sm",
+      "aria-label": r("ui.common.close", "Close")
+    }
+  ) }) });
+});
+B.displayName = "Popover.Close";
+const k = u(
+  ({ as: e = "h3", className: o, ...r }, n) => {
+    const t = w(), { setHeadingId: c } = v(g);
+    return T(() => (c(t), () => c(void 0)), [t, c]), /* @__PURE__ */ s(
+      e,
+      {
+        ref: n,
+        id: t,
+        className: [
+          "type-title-item ds:leading-snug ds:break-words",
+          "ds:pe-[var(--spacing-xl)]",
+          o
+        ].filter(Boolean).join(" "),
+        ...r
+      }
+    );
+  }
+);
+k.displayName = "Popover.Heading";
+const E = u(({ className: e, ...o }, r) => {
+  const n = w(), { setDescriptionId: t } = v(g);
+  return T(() => (t(n), () => t(void 0)), [n, t]), /* @__PURE__ */ s(
+    "p",
+    {
+      ref: r,
+      id: n,
+      className: [
+        "ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
+    }
+  );
+});
+E.displayName = "Popover.Description";
+const oe = Object.assign(C, {
+  Root: C,
+  Trigger: j,
+  Content: M,
+  Close: B,
+  Heading: k,
+  Description: E
+});
+export {
+  oe as P
+};
+//# sourceMappingURL=popover-kFN8s84V.js.map

package/dist/_chunks/popover.agent-K_d1cfbj.js

@@ -0,0 +1,39 @@
+const e = {
+  id: "popover",
+  capabilities: ["open", "close"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the popover is currently open.",
+      read: (o) => o.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the popover.",
+      invoke: (o) => {
+        o.open();
+      }
+    },
+    close: {
+      safety: "read",
+      description: "Close the popover.",
+      invoke: (o) => {
+        o.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "popover" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Popover.Root."
+    }
+  }
+};
+export {
+  e as p
+};
+//# sourceMappingURL=popover.agent-K_d1cfbj.js.map

package/dist/_chunks/privacy-lock.agent-C1i1-T58.js

@@ -0,0 +1,185 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { forwardRef as H, useState as F, useCallback as k, useRef as M, useImperativeHandle as q } from "react";
+import { useTranslation as G } from "react-i18next";
+import * as i from "@radix-ui/react-dialog";
+import { B as p } from "./button-7mLWcMp_.js";
+import { I as J } from "./icon-button-Wnnde5lc.js";
+import { L as Q } from "./logo-BpFoCL-s.js";
+import { E as L } from "./eye-off-xEXDAh5z.js";
+import { U as V } from "./user-CPxpqFjJ.js";
+import { L as W } from "./log-out-616hnn2-.js";
+const X = H(
+  ({
+    open: t,
+    defaultOpen: g = !1,
+    onOpenChange: s,
+    onUnlock: h,
+    onAccountPage: u,
+    onSignOut: v,
+    triggerIcon: x,
+    triggerAriaLabel: b,
+    triggerTooltip: w,
+    title: D,
+    description: P,
+    unlockLabel: T,
+    accountPageLabel: I,
+    signOutLabel: O,
+    className: N,
+    ...m
+  }, A) => {
+    const { t: r } = G(), [j, z] = F(g), n = t !== void 0, d = n ? t : j, a = k(
+      (e) => {
+        n || z(e), s == null || s(e);
+      },
+      [n, s]
+    ), f = M(d);
+    f.current = d, q(
+      A,
+      () => ({
+        isLocked: () => f.current,
+        lock: () => a(!0),
+        unlock: () => a(!1)
+      }),
+      [a]
+    );
+    const l = k(
+      (e) => (S) => {
+        e == null || e(), S.defaultPrevented || a(!1);
+      },
+      [a]
+    ), C = b ?? r("privacyLock.triggerAriaLabel", "Lock screen for privacy"), R = w ?? r("privacyLock.triggerTooltip", "Lock screen"), y = D ?? r("privacyLock.title", "Screen locked for privacy"), U = P ?? r(
+      "privacyLock.description",
+      "Locking the screen helps protect the privacy of your data."
+    ), K = T ?? r("privacyLock.unlock", "Unlock screen"), B = I ?? r("privacyLock.accountPage", "Account page"), E = O ?? r("privacyLock.signOut", "Log out");
+    return /* @__PURE__ */ c(i.Root, { open: d, onOpenChange: a, children: [
+      /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+        J,
+        {
+          icon: x ?? /* @__PURE__ */ o(L, { "aria-hidden": !0 }),
+          "aria-label": C,
+          tooltip: R,
+          className: N,
+          "data-component": "privacy-lock",
+          "data-component-id": m.id,
+          ...m
+        }
+      ) }),
+      /* @__PURE__ */ c(i.Portal, { children: [
+        /* @__PURE__ */ o(
+          i.Overlay,
+          {
+            className: [
+              "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+              "ds:bg-[var(--background)]/40 ds:backdrop-blur-xl",
+              // Fade-in / fade-out via Radix data-state. Gated on
+              // motion-reduce per accessibility requirements.
+              "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+              "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+              "ds:motion-reduce:animate-none"
+            ].join(" ")
+          }
+        ),
+        /* @__PURE__ */ o(
+          i.Content,
+          {
+            "aria-label": y,
+            onEscapeKeyDown: (e) => e.preventDefault(),
+            onPointerDownOutside: (e) => e.preventDefault(),
+            onInteractOutside: (e) => e.preventDefault(),
+            onCloseAutoFocus: (e) => e.preventDefault(),
+            className: [
+              "ds:fixed ds:inset-0 ds:z-[var(--z-modal)]",
+              "ds:flex ds:items-center ds:justify-center",
+              "ds:focus:outline-none",
+              "ds:text-[color:var(--foreground)]",
+              "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+              "ds:motion-reduce:animate-none"
+            ].join(" "),
+            children: /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:w-[min(22rem,calc(100vw-var(--spacing-xl)))] ds:text-center", children: [
+              /* @__PURE__ */ o(Q, { size: "xl", decorative: !0 }),
+              /* @__PURE__ */ o(i.Title, { className: "ds:sr-only", children: y }),
+              /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full", children: [
+                /* @__PURE__ */ o(
+                  p,
+                  {
+                    intent: "primary",
+                    startIcon: /* @__PURE__ */ o(L, { "aria-hidden": !0 }),
+                    onClick: l(h),
+                    children: K
+                  }
+                ),
+                u ? /* @__PURE__ */ o(
+                  p,
+                  {
+                    intent: "secondary",
+                    startIcon: /* @__PURE__ */ o(V, { "aria-hidden": !0 }),
+                    onClick: l(u),
+                    children: B
+                  }
+                ) : null,
+                v ? /* @__PURE__ */ o(
+                  p,
+                  {
+                    intent: "secondary",
+                    startIcon: /* @__PURE__ */ o(W, { "aria-hidden": !0 }),
+                    onClick: l(v),
+                    children: E
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ o(i.Description, { className: "type-body-sm ds:opacity-90", children: U })
+            ] })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+X.displayName = "PrivacyLock";
+const ae = {
+  id: "privacy-lock",
+  capabilities: ["submit", "dismiss"],
+  state: {
+    isLocked: {
+      type: "boolean",
+      descriptionKey: "ui.agent.privacyLock.state.isLocked",
+      description: "True when the privacy overlay is open.",
+      read: (t) => t.isLocked()
+    }
+  },
+  actions: {
+    lock: {
+      safety: "write",
+      descriptionKey: "ui.agent.privacyLock.actions.lock",
+      description: "Open the privacy overlay.",
+      invoke: (t) => {
+        t.lock();
+      }
+    },
+    unlock: {
+      safety: "write",
+      descriptionKey: "ui.agent.privacyLock.actions.unlock",
+      description: "Close the privacy overlay (consumer-confirmed action).",
+      invoke: (t) => {
+        t.unlock();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "privacy-lock",
+      description: "Marks the PrivacyLock trigger."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+export {
+  X as P,
+  ae as p
+};
+//# sourceMappingURL=privacy-lock.agent-C1i1-T58.js.map

package/dist/_chunks/progress-wNsqkw8I.js

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