@alfadocs/ui-kit 0.1.4 → 0.1.5

package/dist/_chunks/{privacy-lock-up2ervfF.js.map → privacy-lock-DS6QRo2N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"privacy-lock-up2ervfF.js","sources":["../../src/components/privacy-lock/privacy-lock.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* PrivacyLock — a one-click \"lock my screen\" dialog for operator        */\n/* workstations on shared clinic hardware. Clicking the trigger paints   */\n/* a full-viewport privacy overlay (blurred backdrop + centred card);    */\n/* the only ways out are the three action buttons the consumer wires.    */\n/*                                                                       */\n/* Composed of one `IconButton` trigger and a Radix Dialog overlay. The  */\n/* dialog is intentionally *not* dismissible via Escape or outside-click */\n/* — the whole point is to make the screen unreadable until the user     */\n/* takes an explicit action.                                              */\n/*                                                                       */\n/* See `src/components/privacy-lock/privacy-lock.mdx` for usage.          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { EyeOff, LogOut, User } from 'lucide-react';\nimport { Button } from '../button';\nimport { IconButton } from '../button/icon-button';\nimport { Logo } from '../logo';\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface PrivacyLockProps {\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Uncontrolled initial state. Ignored when `open` is provided. */\n  defaultOpen?: boolean;\n  /** Fires whenever the dialog opens or closes — trigger click, action button, etc. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Fires when the \"Unlock screen\" button is activated. Dialog closes automatically. */\n  onUnlock?: () => void;\n  /** Fires when \"Account page\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onAccountPage?: () => void;\n  /** Fires when \"Log out\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onSignOut?: () => void;\n\n  /** Override the trigger icon. Default: `lucide-react` `<EyeOff />`. */\n  triggerIcon?: ReactNode;\n  /** Accessible name for the trigger. Default: t('privacyLock.triggerAriaLabel'). */\n  triggerAriaLabel?: string;\n  /** Tooltip for the trigger. Default: t('privacyLock.triggerTooltip'). */\n  triggerTooltip?: string;\n\n  /** Accessible title of the dialog (visually hidden). Default: t('privacyLock.title'). */\n  title?: string;\n  /** Visible supporting text under the action buttons. Default: t('privacyLock.description'). */\n  description?: string;\n  /** Label for the \"Unlock screen\" button. Default: t('privacyLock.unlock'). */\n  unlockLabel?: string;\n  /** Label for the \"Account page\" button. Default: t('privacyLock.accountPage'). */\n  accountPageLabel?: string;\n  /** Label for the \"Log out\" button. Default: t('privacyLock.signOut'). */\n  signOutLabel?: string;\n\n  /** Extra classes on the trigger `IconButton`. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PrivacyLock = forwardRef<HTMLButtonElement, PrivacyLockProps>(\n  (\n    {\n      open,\n      defaultOpen = false,\n      onOpenChange,\n      onUnlock,\n      onAccountPage,\n      onSignOut,\n      triggerIcon,\n      triggerAriaLabel,\n      triggerTooltip,\n      title,\n      description,\n      unlockLabel,\n      accountPageLabel,\n      signOutLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : uncontrolledOpen;\n\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    // Every action closes the dialog after firing the consumer's\n    // callback. Consumers that need to keep the dialog open (e.g.\n    // confirmation step) should control `open` themselves and skip the\n    // close on the relevant callback.\n    const handleAction = useCallback(\n      (callback?: () => void) => (event: MouseEvent<HTMLButtonElement>) => {\n        callback?.();\n        // Only close if the consumer didn't preventDefault — lets a\n        // controlled consumer stop the auto-close for guarded actions.\n        if (!event.defaultPrevented) setOpen(false);\n      },\n      [setOpen],\n    );\n\n    const resolvedTriggerAriaLabel =\n      triggerAriaLabel ?? t('privacyLock.triggerAriaLabel', 'Lock screen for privacy');\n    const resolvedTriggerTooltip =\n      triggerTooltip ?? t('privacyLock.triggerTooltip', 'Lock screen');\n    const resolvedTitle =\n      title ?? t('privacyLock.title', 'Screen locked for privacy');\n    const resolvedDescription =\n      description ??\n      t(\n        'privacyLock.description',\n        'Locking the screen helps protect the privacy of your data.',\n      );\n    const resolvedUnlockLabel =\n      unlockLabel ?? t('privacyLock.unlock', 'Unlock screen');\n    const resolvedAccountPageLabel =\n      accountPageLabel ?? t('privacyLock.accountPage', 'Account page');\n    const resolvedSignOutLabel =\n      signOutLabel ?? t('privacyLock.signOut', 'Log out');\n\n    return (\n      <RadixDialog.Root open={isOpen} onOpenChange={setOpen}>\n        <RadixDialog.Trigger asChild>\n          <IconButton\n            ref={ref}\n            icon={triggerIcon ?? <EyeOff aria-hidden />}\n            aria-label={resolvedTriggerAriaLabel}\n            tooltip={resolvedTriggerTooltip}\n            className={className}\n            data-component=\"privacy-lock\"\n            {...rest}\n          />\n        </RadixDialog.Trigger>\n        <RadixDialog.Portal>\n          <RadixDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[var(--background)]/40 ds:backdrop-blur-xl',\n              // Fade-in / fade-out via Radix data-state. Gated on\n              // motion-reduce per accessibility requirements.\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          />\n          <RadixDialog.Content\n            aria-label={resolvedTitle}\n            // Make the overlay non-dismissible by ambient input. The only\n            // way out is an explicit action button — preserving the\n            // \"locked\" contract. Screen readers + assistive tech still\n            // reach the buttons via Tab.\n            onEscapeKeyDown={(event) => event.preventDefault()}\n            onPointerDownOutside={(event) => event.preventDefault()}\n            onInteractOutside={(event) => event.preventDefault()}\n            // Radix's default closes the dialog and returns focus to the\n            // trigger (per the WAI-ARIA Dialog pattern). Stacked with\n            // Radix Tooltip — which opens on focus per the WAI-ARIA\n            // Tooltip pattern — that produces a tooltip stuck on the\n            // lock icon every time the user unlocks. PrivacyLock's UX\n            // contract is \"unlock and get out of the user's way\" (cf.\n            // macOS / Windows / 1Password unlock flows: focus returns to\n            // the page, not the unlock control), so we opt out of\n            // Radix's auto-focus return and let focus fall to the body.\n            onCloseAutoFocus={(event) => event.preventDefault()}\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal)]',\n              'ds:flex ds:items-center ds:justify-center',\n              'ds:focus:outline-none',\n              'ds:text-[color:var(--foreground)]',\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          >\n            <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\">\n              <Logo size=\"xl\" decorative />\n              <RadixDialog.Title className=\"ds:sr-only\">\n                {resolvedTitle}\n              </RadixDialog.Title>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full\">\n                <Button\n                  intent=\"primary\"\n                  startIcon={<EyeOff aria-hidden />}\n                  onClick={handleAction(onUnlock)}\n                >\n                  {resolvedUnlockLabel}\n                </Button>\n                {onAccountPage ? (\n                  <Button\n                    intent=\"outline\"\n                    startIcon={<User aria-hidden />}\n                    onClick={handleAction(onAccountPage)}\n                  >\n                    {resolvedAccountPageLabel}\n                  </Button>\n                ) : null}\n                {onSignOut ? (\n                  <Button\n                    intent=\"outline\"\n                    startIcon={<LogOut aria-hidden />}\n                    onClick={handleAction(onSignOut)}\n                  >\n                    {resolvedSignOutLabel}\n                  </Button>\n                ) : null}\n              </div>\n              <RadixDialog.Description className=\"type-body-sm ds:opacity-90\">\n                {resolvedDescription}\n              </RadixDialog.Description>\n            </div>\n          </RadixDialog.Content>\n        </RadixDialog.Portal>\n      </RadixDialog.Root>\n    );\n  },\n);\nPrivacyLock.displayName = 'PrivacyLock';\n"],"names":["PrivacyLock","forwardRef","open","defaultOpen","onOpenChange","onUnlock","onAccountPage","onSignOut","triggerIcon","triggerAriaLabel","triggerTooltip","title","description","unlockLabel","accountPageLabel","signOutLabel","className","rest","ref","t","useTranslation","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","setOpen","useCallback","next","handleAction","callback","event","resolvedTriggerAriaLabel","resolvedTriggerTooltip","resolvedTitle","resolvedDescription","resolvedUnlockLabel","resolvedAccountPageLabel","resolvedSignOutLabel","RadixDialog","jsx","IconButton","EyeOff","jsxs","Logo","Button","User","LogOut"],"mappings":"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"}
+{"version":3,"file":"privacy-lock-DS6QRo2N.js","sources":["../../src/components/privacy-lock/privacy-lock.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* PrivacyLock — a one-click \"lock my screen\" dialog for operator        */\n/* workstations on shared clinic hardware. Clicking the trigger paints   */\n/* a full-viewport privacy overlay (blurred backdrop + centred card);    */\n/* the only ways out are the three action buttons the consumer wires.    */\n/*                                                                       */\n/* Composed of one `IconButton` trigger and a Radix Dialog overlay. The  */\n/* dialog is intentionally *not* dismissible via Escape or outside-click */\n/* — the whole point is to make the screen unreadable until the user     */\n/* takes an explicit action.                                              */\n/*                                                                       */\n/* See `src/components/privacy-lock/privacy-lock.mdx` for usage.          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { EyeOff, LogOut, User } from 'lucide-react';\nimport { Button } from '../button';\nimport { IconButton } from '../button/icon-button';\nimport { Logo } from '../logo';\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface PrivacyLockProps {\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Uncontrolled initial state. Ignored when `open` is provided. */\n  defaultOpen?: boolean;\n  /** Fires whenever the dialog opens or closes — trigger click, action button, etc. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Fires when the \"Unlock screen\" button is activated. Dialog closes automatically. */\n  onUnlock?: () => void;\n  /** Fires when \"Account page\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onAccountPage?: () => void;\n  /** Fires when \"Log out\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onSignOut?: () => void;\n\n  /** Override the trigger icon. Default: `lucide-react` `<EyeOff />`. */\n  triggerIcon?: ReactNode;\n  /** Accessible name for the trigger. Default: t('privacyLock.triggerAriaLabel'). */\n  triggerAriaLabel?: string;\n  /** Tooltip for the trigger. Default: t('privacyLock.triggerTooltip'). */\n  triggerTooltip?: string;\n\n  /** Accessible title of the dialog (visually hidden). Default: t('privacyLock.title'). */\n  title?: string;\n  /** Visible supporting text under the action buttons. Default: t('privacyLock.description'). */\n  description?: string;\n  /** Label for the \"Unlock screen\" button. Default: t('privacyLock.unlock'). */\n  unlockLabel?: string;\n  /** Label for the \"Account page\" button. Default: t('privacyLock.accountPage'). */\n  accountPageLabel?: string;\n  /** Label for the \"Log out\" button. Default: t('privacyLock.signOut'). */\n  signOutLabel?: string;\n\n  /** Extra classes on the trigger `IconButton`. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PrivacyLock = forwardRef<HTMLButtonElement, PrivacyLockProps>(\n  (\n    {\n      open,\n      defaultOpen = false,\n      onOpenChange,\n      onUnlock,\n      onAccountPage,\n      onSignOut,\n      triggerIcon,\n      triggerAriaLabel,\n      triggerTooltip,\n      title,\n      description,\n      unlockLabel,\n      accountPageLabel,\n      signOutLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : uncontrolledOpen;\n\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    // Every action closes the dialog after firing the consumer's\n    // callback. Consumers that need to keep the dialog open (e.g.\n    // confirmation step) should control `open` themselves and skip the\n    // close on the relevant callback.\n    const handleAction = useCallback(\n      (callback?: () => void) => (event: MouseEvent<HTMLButtonElement>) => {\n        callback?.();\n        // Only close if the consumer didn't preventDefault — lets a\n        // controlled consumer stop the auto-close for guarded actions.\n        if (!event.defaultPrevented) setOpen(false);\n      },\n      [setOpen],\n    );\n\n    const resolvedTriggerAriaLabel =\n      triggerAriaLabel ?? t('privacyLock.triggerAriaLabel', 'Lock screen for privacy');\n    const resolvedTriggerTooltip =\n      triggerTooltip ?? t('privacyLock.triggerTooltip', 'Lock screen');\n    const resolvedTitle =\n      title ?? t('privacyLock.title', 'Screen locked for privacy');\n    const resolvedDescription =\n      description ??\n      t(\n        'privacyLock.description',\n        'Locking the screen helps protect the privacy of your data.',\n      );\n    const resolvedUnlockLabel =\n      unlockLabel ?? t('privacyLock.unlock', 'Unlock screen');\n    const resolvedAccountPageLabel =\n      accountPageLabel ?? t('privacyLock.accountPage', 'Account page');\n    const resolvedSignOutLabel =\n      signOutLabel ?? t('privacyLock.signOut', 'Log out');\n\n    return (\n      <RadixDialog.Root open={isOpen} onOpenChange={setOpen}>\n        <RadixDialog.Trigger asChild>\n          <IconButton\n            ref={ref}\n            icon={triggerIcon ?? <EyeOff aria-hidden />}\n            aria-label={resolvedTriggerAriaLabel}\n            tooltip={resolvedTriggerTooltip}\n            className={className}\n            data-component=\"privacy-lock\"\n            {...rest}\n          />\n        </RadixDialog.Trigger>\n        <RadixDialog.Portal>\n          <RadixDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[var(--background)]/40 ds:backdrop-blur-xl',\n              // Fade-in / fade-out via Radix data-state. Gated on\n              // motion-reduce per accessibility requirements.\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          />\n          <RadixDialog.Content\n            aria-label={resolvedTitle}\n            // Make the overlay non-dismissible by ambient input. The only\n            // way out is an explicit action button — preserving the\n            // \"locked\" contract. Screen readers + assistive tech still\n            // reach the buttons via Tab.\n            onEscapeKeyDown={(event) => event.preventDefault()}\n            onPointerDownOutside={(event) => event.preventDefault()}\n            onInteractOutside={(event) => event.preventDefault()}\n            // Radix's default closes the dialog and returns focus to the\n            // trigger (per the WAI-ARIA Dialog pattern). Stacked with\n            // Radix Tooltip — which opens on focus per the WAI-ARIA\n            // Tooltip pattern — that produces a tooltip stuck on the\n            // lock icon every time the user unlocks. PrivacyLock's UX\n            // contract is \"unlock and get out of the user's way\" (cf.\n            // macOS / Windows / 1Password unlock flows: focus returns to\n            // the page, not the unlock control), so we opt out of\n            // Radix's auto-focus return and let focus fall to the body.\n            onCloseAutoFocus={(event) => event.preventDefault()}\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal)]',\n              'ds:flex ds:items-center ds:justify-center',\n              'ds:focus:outline-none',\n              'ds:text-[color:var(--foreground)]',\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          >\n            <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\">\n              <Logo size=\"xl\" decorative />\n              <RadixDialog.Title className=\"ds:sr-only\">\n                {resolvedTitle}\n              </RadixDialog.Title>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full\">\n                <Button\n                  intent=\"primary\"\n                  startIcon={<EyeOff aria-hidden />}\n                  onClick={handleAction(onUnlock)}\n                >\n                  {resolvedUnlockLabel}\n                </Button>\n                {onAccountPage ? (\n                  <Button\n                    intent=\"outline\"\n                    startIcon={<User aria-hidden />}\n                    onClick={handleAction(onAccountPage)}\n                  >\n                    {resolvedAccountPageLabel}\n                  </Button>\n                ) : null}\n                {onSignOut ? (\n                  <Button\n                    intent=\"outline\"\n                    startIcon={<LogOut aria-hidden />}\n                    onClick={handleAction(onSignOut)}\n                  >\n                    {resolvedSignOutLabel}\n                  </Button>\n                ) : null}\n              </div>\n              <RadixDialog.Description className=\"type-body-sm ds:opacity-90\">\n                {resolvedDescription}\n              </RadixDialog.Description>\n            </div>\n          </RadixDialog.Content>\n        </RadixDialog.Portal>\n      </RadixDialog.Root>\n    );\n  },\n);\nPrivacyLock.displayName = 'PrivacyLock';\n"],"names":["PrivacyLock","forwardRef","open","defaultOpen","onOpenChange","onUnlock","onAccountPage","onSignOut","triggerIcon","triggerAriaLabel","triggerTooltip","title","description","unlockLabel","accountPageLabel","signOutLabel","className","rest","ref","t","useTranslation","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","setOpen","useCallback","next","handleAction","callback","event","resolvedTriggerAriaLabel","resolvedTriggerTooltip","resolvedTitle","resolvedDescription","resolvedUnlockLabel","resolvedAccountPageLabel","resolvedSignOutLabel","RadixDialog","jsx","IconButton","EyeOff","jsxs","Logo","Button","User","LogOut"],"mappings":"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"}

package/dist/_chunks/{progress-D4ELgHG3.js → progress-B4Of_pzz.js}

@@ -1,5 +1,5 @@
-import { jsx as d, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as M, useId as ue, useRef as g, useState as de, useEffect as me, useLayoutEffect as q, useImperativeHandle as fe, createContext as ge, useContext as pe } from "react";
+import { jsx as u, jsxs as I } from "react/jsx-runtime";
+import { forwardRef as M, useId as de, useRef as g, useState as ue, useEffect as me, 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);
@@ -29,14 +29,14 @@ const N = {
     }
   },
   defaultVariants: { size: "md" }
-}), Q = M(({ children: n, className: e, ...a }, r) => {
+}), Q = M(({ children: n, className: e, ...s }, r) => {
   const o = K(), { t: m, i18n: l } = C(), p = o.isIndeterminate ? m("ui.common.loading", "Loading...") : m("ui.common.progress_label", {
     percent: new Intl.NumberFormat(l.language, {
       style: "percent",
       maximumFractionDigits: 0
     }).format((o.value ?? 0) / o.max)
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(
     "span",
     {
       ref: r,
@@ -45,21 +45,21 @@ const N = {
         "type-label ds:text-foreground",
         e
       ].filter(Boolean).join(" "),
-      ...a,
+      ...s,
       children: n ?? p
     }
   );
 });
 Q.displayName = "Progress.Label";
-const U = M(({ className: n, ...e }, a) => {
+const U = M(({ className: n, ...e }, s) => {
   const r = K(), { t: o, i18n: m } = C(), l = r.isIndeterminate ? o("ui.common.loading", "Loading...") : new Intl.NumberFormat(m.language, {
     style: "percent",
     maximumFractionDigits: 0
   }).format((r.value ?? 0) / r.max);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(
     "span",
     {
-      ref: a,
+      ref: s,
       className: ["type-body-sm ds:tabular-nums ds:text-muted-foreground", n].filter(Boolean).join(" "),
       ...e,
       children: l
@@ -71,7 +71,7 @@ const W = M(
   ({
     value: n,
     max: e = 100,
-    shape: a = "bar",
+    shape: s = "bar",
     size: r = "md",
     ariaLabel: o,
     ariaValueText: m,
@@ -81,43 +81,43 @@ const W = M(
     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 = n === void 0, c = t ? void 0 : Math.min(e, Math.max(0, n)), z = c !== void 0 ? c / e * 100 : void 0, [ee, re] = de(!1);
+    const V = de(), { t: B, i18n: $ } = C(), x = g(null), P = g(null), k = g(null), w = g(null), f = g(null), t = n === void 0, c = t ? void 0 : Math.min(e, Math.max(0, n)), z = c !== void 0 ? c / e * 100 : void 0, [ee, re] = ue(!1);
     me(() => {
       re(!0);
     }, []);
     const v = ee || t ? z : 0;
     q(() => {
-      var s, u;
+      var a, d;
       if (!(t || v === void 0))
-        if (a === "bar")
-          (s = P.current) == null || s.style.setProperty(
+        if (s === "bar")
+          (a = P.current) == null || a.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(
+          (d = w.current) == null || d.style.setProperty(
             "stroke-dashoffset",
             String(h)
           );
         }
-    }, [t, v, a, r]), q(() => {
-      const s = a === "bar" ? x.current : k.current;
-      if (!s) return;
+    }, [t, v, s, r]), q(() => {
+      const a = s === "bar" ? x.current : k.current;
+      if (!a) return;
       if (t) {
-        s.removeAttribute("aria-valuenow"), f.current = null;
+        a.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 && (s.setAttribute("aria-valuenow", String(c)), f.current = u);
-    }, [t, c, e, l, a]), fe(
+      const d = c / e * 100, i = f.current;
+      (i === null ? 1 / 0 : Math.abs(d - i)) >= l && (a.setAttribute("aria-valuenow", String(c)), f.current = d);
+    }, [t, c, e, l, s]), fe(
       Z,
       () => ({
-        setValue: (s) => {
+        setValue: (a) => {
           var H, X;
-          const u = Math.min(e, Math.max(0, s)), i = u / e * 100;
-          if (a === "bar")
+          const d = Math.min(e, Math.max(0, a)), i = d / e * 100;
+          if (s === "bar")
             (H = P.current) == null || H.style.setProperty(
               "--progress-value",
               String(i)
@@ -129,11 +129,11 @@ const W = M(
               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);
+          const y = s === "bar" ? x.current : k.current, h = f.current;
+          (h === null ? 1 / 0 : Math.abs(i - h)) >= l && y && (y.setAttribute("aria-valuenow", String(d)), f.current = i);
         }
       }),
-      [e, a, r, l]
+      [e, s, r, l]
     );
     const te = t ? B("ui.common.loading", "Loading...") : B("ui.common.progress_label", {
       percent: new Intl.NumberFormat($.language, {
@@ -145,8 +145,8 @@ const W = M(
       "aria-valuemax": e,
       ...m ? { "aria-valuetext": m } : {}
     }, S = p ? { "aria-disabled": !0 } : {}, E = [
-      "flex flex-col gap-[var(--spacing-xs)]",
-      p && "opacity-50",
+      "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+      p && "ds:opacity-50",
       Y
     ].filter(Boolean).join(" "), A = {
       labelId: V,
@@ -154,22 +154,22 @@ const W = M(
       value: c,
       max: e
     };
-    if (a === "bar") {
-      const s = 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]"
+    if (s === "bar") {
+      const a = t ? [
+        "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(" ") : [
-        "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"
+        "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__ */ d(j.Provider, { value: A, children: /* @__PURE__ */ I("div", { className: E, "data-component": "progress", ...R, children: [
+      return /* @__PURE__ */ u(j.Provider, { value: A, children: /* @__PURE__ */ I("div", { className: E, "data-component": "progress", ...R, children: [
         L,
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ u(
           "div",
           {
             ref: x,
@@ -178,26 +178,26 @@ const W = M(
             ...F,
             ...S,
             className: ve({ size: r }),
-            children: /* @__PURE__ */ d("div", { ref: P, className: s })
+            children: /* @__PURE__ */ u("div", { ref: P, className: a })
           }
         )
       ] }) });
     }
-    const { viewBox: ae, cx: T, cy: O, r: _ } = N[r], b = 2 * Math.PI * _, se = b * 0.25, ne = t ? se : b, oe = t ? [
+    const { viewBox: se, cx: T, cy: O, r: _ } = N[r], b = 2 * Math.PI * _, ae = b * 0.25, ne = t ? ae : 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]"
+      "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(" ") : [
       G({ size: r }),
-      "[transform:rotate(-90deg)]",
-      "rtl:[transform:rotate(-90deg)_scaleX(-1)]"
+      "ds:[transform:rotate(-90deg)]",
+      "ds: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"
+      "ds:stroke-primary ds:[stroke-width:var(--spacing-xs)]",
+      !t && "ds:transition-[stroke-dashoffset] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d(j.Provider, { value: A, children: /* @__PURE__ */ I("div", { className: E, "data-component": "progress", ...R, children: [
+    return /* @__PURE__ */ u(j.Provider, { value: A, children: /* @__PURE__ */ I("div", { className: E, "data-component": "progress", ...R, children: [
       L,
       /* @__PURE__ */ I(
         "svg",
@@ -207,10 +207,10 @@ const W = M(
           ...D,
           ...F,
           ...S,
-          viewBox: ae,
+          viewBox: se,
           className: oe,
           children: [
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ u(
               "circle",
               {
                 cx: T,
@@ -221,7 +221,7 @@ const W = M(
                 className: "ds:[stroke:var(--progress-track)] ds:[stroke-width:var(--spacing-xs)]"
               }
             ),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ u(
               "circle",
               {
                 ref: w,
@@ -249,4 +249,4 @@ const we = Object.assign(W, {
 export {
   we as P
 };
-//# sourceMappingURL=progress-D4ELgHG3.js.map
+//# sourceMappingURL=progress-B4Of_pzz.js.map

package/dist/_chunks/progress-B4Of_pzz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-B4Of_pzz.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  'ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--progress-track)]',\n  {\n    variants: {\n      size: { sm: 'ds:h-1', md: 'ds:h-2', lg: 'ds:h-3' },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst circularVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'ds:w-6 ds:h-6',\n      md: 'ds:w-10 ds:h-10',\n      lg: 'ds:w-14 ds: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 ds: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 ds:tabular-nums ds: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      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n      disabled && 'ds: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            'ds:absolute ds:[inset-block:0] ds:bg-primary ds:rounded-[var(--radius-full)]',\n            'ds:[@media(prefers-reduced-motion:no-preference)]:animate-[progress-bar-indeterminate_1200ms_ease-in-out_infinite]',\n            'ds:[.theme-accessible_&]:animate-none',\n            'ds:motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]',\n          ].join(' ')\n        : [\n            'ds:absolute ds:[inset-block:0] ds:start-0',\n            'ds:[inline-size:calc(var(--progress-value,0)*1%)]',\n            'ds:bg-primary ds:rounded-[var(--radius-full)]',\n            'ds:transition-[inline-size] ds:duration-[var(--animation-duration)]',\n            'ds:ease-[var(--ease-out)] ds: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          'ds:[transform:rotate(-90deg)]',\n          'ds:[@media(prefers-reduced-motion:no-preference)]:animate-[progress-circular-spin_1200ms_linear_infinite]',\n          'ds:[.theme-accessible_&]:animate-none',\n          'ds:motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]',\n        ].join(' ')\n      : [\n          circularVariants({ size }),\n          'ds:[transform:rotate(-90deg)]',\n          'ds:rtl:[transform:rotate(-90deg)_scaleX(-1)]',\n        ].join(' ');\n\n    const fillStrokeClass = [\n      'ds:stroke-primary ds:[stroke-width:var(--spacing-xs)]',\n      !isIndeterminate &&\n        'ds:transition-[stroke-dashoffset] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds: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=\"ds:[stroke:var(--progress-track)] ds:[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/{radio-XSSNX3Af.js → radio-cs8N1wJi.js}

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { useContext as N, createContext as C, forwardRef as j, useId as R, useRef as I, useEffect as k } from "react";
 import * as m from "@radix-ui/react-radio-group";
 import { c as w } from "./index-D2ZczOXr.js";
@@ -32,13 +32,13 @@ const T = w(
     }
   }
 ), V = {
-  sm: "size-1.5",
-  md: "size-2",
-  lg: "size-2.5"
+  sm: "ds:size-1.5",
+  md: "ds:size-2",
+  lg: "ds:size-2.5"
 }, _ = j(
   ({
-    label: o,
-    size: d = "md",
+    label: t,
+    size: o = "md",
     disabled: e,
     disabledReason: i,
     description: n,
@@ -47,22 +47,22 @@ const T = w(
     value: p,
     ...g
   }, b) => {
-    const v = R(), a = u ?? v, r = S(), h = (r == null ? void 0 : r.variant) === "card";
+    const v = R(), r = u ?? v, d = S(), h = (d == null ? void 0 : d.variant) === "card";
     I(!1), k(() => {
-    }, [r]);
+    }, [d]);
     const x = [
-      "rounded-full bg-primary",
-      V[d],
-      "group-data-[disabled]:bg-muted"
+      "ds:rounded-full ds:bg-primary",
+      V[o],
+      "ds:group-data-[disabled]:bg-muted"
     ].join(" "), c = /* @__PURE__ */ s(
       m.Item,
       {
         ref: b,
-        id: a,
+        id: r,
         disabled: e,
         "aria-disabled": e || void 0,
         value: p,
-        className: T({ size: d, className: f }),
+        className: T({ size: o, className: f }),
         "data-component": "radio",
         ...g,
         children: /* @__PURE__ */ s(
@@ -75,26 +75,26 @@ const T = w(
         )
       }
     ), y = [
-      "type-label text-foreground select-none",
-      e ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+      "type-label ds:text-foreground ds:select-none",
+      e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
     ].join(" "), z = [
-      "flex items-start gap-[var(--spacing-md)]",
-      "rounded-[var(--radius-md)] border border-border",
-      "ps-[var(--spacing-md)] pe-[var(--spacing-md)] py-[var(--spacing-md)]",
-      "min-h-[var(--min-target-size)]",
-      "has-[[data-state=checked]]:border-ring",
-      "has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]",
-      "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-      e ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-    ].join(" "), l = h ? /* @__PURE__ */ t("label", { htmlFor: a, className: z, children: [
+      "ds:flex ds:items-start ds:gap-[var(--spacing-md)]",
+      "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+      "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]",
+      "ds:min-h-[var(--min-target-size)]",
+      "ds:has-[[data-state=checked]]:border-ring",
+      "ds:has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]",
+      "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+      e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
+    ].join(" "), l = h ? /* @__PURE__ */ a("label", { htmlFor: r, className: z, children: [
       c,
-      /* @__PURE__ */ t("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start", children: [
-        /* @__PURE__ */ s("span", { className: "type-label ds:text-foreground", children: o }),
+      /* @__PURE__ */ a("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start", children: [
+        /* @__PURE__ */ s("span", { className: "type-label ds:text-foreground", children: t }),
         n ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-muted-foreground", children: n }) : null
       ] })
-    ] }) : /* @__PURE__ */ t("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]", children: [
+    ] }) : /* @__PURE__ */ a("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]", children: [
       c,
-      /* @__PURE__ */ s("label", { htmlFor: a, className: y, children: o })
+      /* @__PURE__ */ s("label", { htmlFor: r, className: y, children: t })
     ] });
     return e && i ? /* @__PURE__ */ s(G, { label: i, children: l }) : l;
   }
@@ -104,4 +104,4 @@ export {
   _ as R,
   F as a
 };
-//# sourceMappingURL=radio-XSSNX3Af.js.map
+//# sourceMappingURL=radio-cs8N1wJi.js.map

package/dist/_chunks/radio-cs8N1wJi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-cs8N1wJi.js","sources":["../../src/components/radio-group/radio-group-context.ts","../../src/components/radio-group/radio.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type RadioGroupVariant = 'vertical' | 'horizontal' | 'card';\n\nexport interface RadioGroupInternalContextShape {\n  variant: RadioGroupVariant;\n}\n\nexport const RadioGroupInternalContext =\n  createContext<RadioGroupInternalContextShape | null>(null);\n\nexport function useRadioGroupContext(): RadioGroupInternalContextShape | null {\n  return useContext(RadioGroupInternalContext);\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useRadioGroupContext } from './radio-group-context';\nimport { Tooltip } from '../tooltip';\n\nconst radioVariants = cva(\n  [\n    'ds:group ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full',\n    'ds:border ds:border-border ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:border-primary',\n    'ds:data-[disabled]:border-muted',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3.5',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst discSizeBySize = {\n  sm: 'ds:size-1.5',\n  md: 'ds:size-2',\n  lg: 'ds:size-2.5',\n} as const;\n\ntype RadixItemProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Item>;\n\nexport interface RadioProps\n  extends Omit<RadixItemProps, 'children'>,\n    VariantProps<typeof radioVariants> {\n  label: string;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  description?: string;\n}\n\nexport const Radio = forwardRef<HTMLButtonElement, RadioProps>(\n  (\n    {\n      label,\n      size = 'md',\n      disabled,\n      disabledReason,\n      description,\n      id,\n      className,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id ?? generatedId;\n    const ctx = useRadioGroupContext();\n    const isCard = ctx?.variant === 'card';\n\n    const warnedRef = useRef(false);\n    useEffect(() => {\n      if (import.meta.env.DEV && !ctx && !warnedRef.current) {\n        warnedRef.current = true;\n        console.warn(\n          '<Radio> rendered without a <RadioGroup> ancestor. A lone radio is rarely meaningful — use <Checkbox> for a single on/off choice.',\n        );\n      }\n    }, [ctx]);\n\n    const discClasses = [\n      'ds:rounded-full ds:bg-primary',\n      discSizeBySize[size],\n      'ds:group-data-[disabled]:bg-muted',\n    ].join(' ');\n\n    const item = (\n      <RadixRadioGroup.Item\n        ref={ref}\n        id={radioId}\n        disabled={disabled}\n        aria-disabled={disabled || undefined}\n        value={value as string}\n        className={radioVariants({ size, className })}\n        data-component=\"radio\"\n        {...props}\n      >\n        <RadixRadioGroup.Indicator\n          asChild\n          className=\"ds:inline-flex ds:items-center ds:justify-center\"\n        >\n          <span aria-hidden=\"true\" className={discClasses} />\n        </RadixRadioGroup.Indicator>\n      </RadixRadioGroup.Item>\n    );\n\n    const labelClasses = [\n      'type-label ds:text-foreground ds:select-none',\n      disabled ? 'ds:cursor-not-allowed ds:opacity-50' : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const cardClasses = [\n      'ds:flex ds:items-start ds:gap-[var(--spacing-md)]',\n      'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n      'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]',\n      'ds:min-h-[var(--min-target-size)]',\n      'ds:has-[[data-state=checked]]:border-ring',\n      'ds:has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]',\n      'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n      disabled ? 'ds:cursor-not-allowed ds:opacity-50' : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const content = isCard ? (\n      <label htmlFor={radioId} className={cardClasses}>\n        {item}\n        <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start\">\n          <span className=\"type-label ds:text-foreground\">{label}</span>\n          {description ? (\n            <span className=\"type-body-sm ds:text-muted-foreground\">{description}</span>\n          ) : null}\n        </span>\n      </label>\n    ) : (\n      <div className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]\">\n        {item}\n        <label htmlFor={radioId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (disabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nRadio.displayName = 'Radio';\n"],"names":["RadioGroupInternalContext","createContext","useRadioGroupContext","useContext","radioVariants","cva","discSizeBySize","Radio","forwardRef","label","size","disabled","disabledReason","description","id","className","value","props","ref","generatedId","useId","radioId","ctx","isCard","useRef","useEffect","discClasses","item","jsx","RadixRadioGroup","labelClasses","cardClasses","content","jsxs","Tooltip"],"mappings":";;;;;AAQO,MAAMA,IACXC,EAAqD,IAAI;AAEpD,SAASC,IAA8D;AAC5E,SAAOC,EAAWH,CAAyB;AAC7C;ACDA,MAAMI,IAAgBC;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAaaC,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAcC,EAAA,GACdC,IAAUP,KAAMK,GAChBG,IAAMpB,EAAA,GACNqB,KAASD,KAAA,gBAAAA,EAAK,aAAY;AAEd,IAAAE,EAAO,EAAK,GAC9BC,EAAU,MAAM;AAAA,IAOhB,GAAG,CAACH,CAAG,CAAC;AAER,UAAMI,IAAc;AAAA,MAClB;AAAA,MACApB,EAAeI,CAAI;AAAA,MACnB;AAAA,IAAA,EACA,KAAK,GAAG,GAEJiB,IACJ,gBAAAC;AAAA,MAACC,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAAX;AAAA,QACA,IAAIG;AAAA,QACJ,UAAAV;AAAA,QACA,iBAAeA,KAAY;AAAA,QAC3B,OAAAK;AAAA,QACA,WAAWZ,EAAc,EAAE,MAAAM,GAAM,WAAAK,GAAW;AAAA,QAC5C,kBAAe;AAAA,QACd,GAAGE;AAAA,QAEJ,UAAA,gBAAAW;AAAA,UAACC,EAAgB;AAAA,UAAhB;AAAA,YACC,SAAO;AAAA,YACP,WAAU;AAAA,YAEV,4BAAC,QAAA,EAAK,eAAY,QAAO,WAAWH,GAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA,GAIEI,IAAe;AAAA,MACnB;AAAA,MACAnB,IAAW,wCAAwC;AAAA,IAAA,EACnD,KAAK,GAAG,GAEJoB,IAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACApB,IAAW,wCAAwC;AAAA,IAAA,EACnD,KAAK,GAAG,GAEJqB,IAAUT,IACd,gBAAAU,EAAC,WAAM,SAASZ,GAAS,WAAWU,GACjC,UAAA;AAAA,MAAAJ;AAAA,MACD,gBAAAM,EAAC,QAAA,EAAK,WAAU,gEACd,UAAA;AAAA,0BAAC,QAAA,EAAK,WAAU,iCAAiC,UAAAxB,GAAM;AAAA,QACtDI,sBACE,QAAA,EAAK,WAAU,yCAAyC,aAAY,IACnE;AAAA,MAAA,GACN;AAAA,IAAA,EAAA,CACF,IAEA,gBAAAoB,EAAC,OAAA,EAAI,WAAU,+FACZ,UAAA;AAAA,MAAAN;AAAA,wBACA,SAAA,EAAM,SAASN,GAAS,WAAWS,GACjC,UAAArB,EAAA,CACH;AAAA,IAAA,GACF;AAGF,WAAIE,KAAYC,sBACNsB,GAAA,EAAQ,OAAOtB,GAAiB,UAAAoB,GAAQ,IAG3CA;AAAA,EACT;AACF;AAEAzB,EAAM,cAAc;"}

package/dist/_chunks/{radio-group-DBrUOPcy.js → radio-group-BIUbpWml.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as z, useId as C, useMemo as j, useRef as B } from "react";
 import * as V from "@radix-ui/react-radio-group";
 import { c as $ } from "./index-D2ZczOXr.js";
-import { a as x } from "./radio-XSSNX3Af.js";
+import { a as x } from "./radio-cs8N1wJi.js";
 import { u as P } from "./use-direction-D6rvvG9G.js";
 import { c as k } from "./compose-refs-C0k0tdqF.js";
 import { C as A } from "./circle-alert-ChA9opNA.js";
@@ -59,7 +59,7 @@ const D = $("ds:flex", {
         ...N,
         children: g
       }
-    ), v = "flex flex-col gap-[var(--spacing-xs)] min-w-0";
+    ), v = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0";
     return i ? /* @__PURE__ */ s(x.Provider, { value: c, children: /* @__PURE__ */ r("fieldset", { className: `${v} ds:border-0 ds:p-0 ds:m-0`, children: [
       /* @__PURE__ */ r("legend", { className: "type-label ds:text-foreground ds:p-0", children: [
         i,
@@ -86,4 +86,4 @@ M.displayName = "RadioGroup";
 export {
   M as R
 };
-//# sourceMappingURL=radio-group-DBrUOPcy.js.map
+//# sourceMappingURL=radio-group-BIUbpWml.js.map

package/dist/_chunks/radio-group-BIUbpWml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-BIUbpWml.js","sources":["../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  RadioGroupInternalContext,\n  type RadioGroupInternalContextShape,\n  type RadioGroupVariant,\n} from './radio-group-context';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\nconst radioGroupVariants = cva('ds:flex', {\n  variants: {\n    variant: {\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal: 'ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]',\n      card: 'ds:flex-col ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: {\n    variant: 'vertical',\n  },\n});\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;\n\nexport interface RadioGroupProps\n  extends Omit<RadixRootProps, 'children' | 'orientation'>,\n    VariantProps<typeof radioGroupVariants> {\n  children: React.ReactNode;\n  variant?: RadioGroupVariant;\n  label?: string;\n  description?: string;\n  error?: string;\n  required?: boolean;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      children,\n      variant = 'vertical',\n      label,\n      description,\n      error,\n      required,\n      disabled,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const descriptionId = `${baseId}-description`;\n    const errorId = `${baseId}-error`;\n\n    const describedBy =\n      [description ? descriptionId : null, error ? errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const orientation: 'vertical' | 'horizontal' =\n      variant === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const ctxValue: RadioGroupInternalContextShape = useMemo(\n      () => ({ variant }),\n      [variant],\n    );\n\n    const descriptionNode = description ? (\n      <p id={descriptionId} className=\"type-body-sm ds:text-muted-foreground\">\n        {description}\n      </p>\n    ) : null;\n\n    const errorNode = error ? (\n      <p\n        id={errorId}\n        role=\"alert\"\n        className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n      >\n        <AlertCircle aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n        <span>{error}</span>\n      </p>\n    ) : null;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    const root = (\n      <RadixRadioGroup.Root\n        ref={composedRef}\n        orientation={orientation}\n        dir={dir}\n        disabled={disabled}\n        required={required}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        aria-required={required || undefined}\n        className={radioGroupVariants({ variant, className })}\n        data-component=\"radio-group\"\n        {...props}\n      >\n        {children}\n      </RadixRadioGroup.Root>\n    );\n\n    const outerClasses = 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0';\n\n    if (label) {\n      return (\n        <RadioGroupInternalContext.Provider value={ctxValue}>\n          <fieldset className={`${outerClasses} ds:border-0 ds:p-0 ds:m-0`}>\n            <legend className=\"type-label ds:text-foreground ds:p-0\">\n              {label}\n              {required ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"ds:text-destructive ds:ms-[var(--spacing-xs)]\"\n                >\n                  *\n                </span>\n              ) : null}\n            </legend>\n            {descriptionNode}\n            {root}\n            {errorNode}\n          </fieldset>\n        </RadioGroupInternalContext.Provider>\n      );\n    }\n\n    return (\n      <RadioGroupInternalContext.Provider value={ctxValue}>\n        <div className={outerClasses}>\n          {descriptionNode}\n          {root}\n          {errorNode}\n        </div>\n      </RadioGroupInternalContext.Provider>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["radioGroupVariants","cva","RadioGroup","forwardRef","children","variant","label","description","error","required","disabled","className","props","ref","baseId","useId","descriptionId","errorId","describedBy","orientation","ctxValue","useMemo","descriptionNode","jsx","errorNode","jsxs","AlertCircle","rootRef","useRef","composedRef","composeRefs","dir","useDirection","root","RadixRadioGroup","outerClasses","RadioGroupInternalContext"],"mappings":";;;;;;;;AAkBA,MAAMA,IAAqBC,EAAI,WAAW;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAeYC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAASC,EAAA,GACTC,IAAgB,GAAGF,CAAM,gBACzBG,IAAU,GAAGH,CAAM,UAEnBI,IACJ,CAACX,IAAcS,IAAgB,MAAMR,IAAQS,IAAU,IAAI,EACxD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QAEZE,IACJd,MAAY,eAAe,eAAe,YAEtCe,IAA2CC;AAAA,MAC/C,OAAO,EAAE,SAAAhB,EAAA;AAAA,MACT,CAACA,CAAO;AAAA,IAAA,GAGJiB,IAAkBf,IACtB,gBAAAgB,EAAC,KAAA,EAAE,IAAIP,GAAe,WAAU,yCAC7B,UAAAT,EAAA,CACH,IACE,MAEEiB,IAAYhB,IAChB,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIR;AAAA,QACJ,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAM,EAACG,GAAA,EAAY,eAAY,QAAO,WAAU,yBAAwB;AAAA,UAClE,gBAAAH,EAAC,UAAM,UAAAf,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb,MAEEmB,IAAUC,EAAuB,IAAI,GACrCC,IAAcC,EAAYjB,GAAKc,CAAO,GACtCI,IAAMC,EAAaL,CAAO,GAE1BM,IACJ,gBAAAV;AAAA,MAACW,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAKL;AAAA,QACL,aAAAV;AAAA,QACA,KAAAY;AAAA,QACA,UAAArB;AAAA,QACA,UAAAD;AAAA,QACA,oBAAkBS;AAAA,QAClB,gBAAc,EAAQV,KAAU;AAAA,QAChC,iBAAeC,KAAY;AAAA,QAC3B,WAAWT,EAAmB,EAAE,SAAAK,GAAS,WAAAM,GAAW;AAAA,QACpD,kBAAe;AAAA,QACd,GAAGC;AAAA,QAEH,UAAAR;AAAA,MAAA;AAAA,IAAA,GAIC+B,IAAe;AAErB,WAAI7B,IAEA,gBAAAiB,EAACa,EAA0B,UAA1B,EAAmC,OAAOhB,GACzC,UAAA,gBAAAK,EAAC,YAAA,EAAS,WAAW,GAAGU,CAAY,8BAClC,UAAA;AAAA,MAAA,gBAAAV,EAAC,UAAA,EAAO,WAAU,wCACf,UAAA;AAAA,QAAAnB;AAAA,QACAG,IACC,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA,IAGC;AAAA,MAAA,GACN;AAAA,MACCD;AAAA,MACAW;AAAA,MACAT;AAAA,IAAA,EAAA,CACH,EAAA,CACF,IAKF,gBAAAD,EAACa,EAA0B,UAA1B,EAAmC,OAAOhB,GACzC,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWU,GACb,UAAA;AAAA,MAAAb;AAAA,MACAW;AAAA,MACAT;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAEJ;AACF;AAEAtB,EAAW,cAAc;"}

package/dist/_chunks/{scroll-area-HIq0hJyJ.js → scroll-area-DLr5w9Dd.js}

@@ -3,7 +3,7 @@ import { forwardRef as h, useRef as g } from "react";
 import * as o from "@radix-ui/react-scroll-area";
 import { c as f } from "./index-D2ZczOXr.js";
 import { u as z } from "./use-direction-D6rvvG9G.js";
-const d = f(
+const c = f(
   [
     "ds:flex ds:touch-none ds:select-none",
     // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).
@@ -44,9 +44,9 @@ const d = f(
     "ds:before:inset-block-[calc((var(--min-target-size)-100%)/-2)]"
   ].join(" ")
 ), p = (r) => r === "auto" || r === void 0 ? "hover" : r, w = {
-  vertical: "overflow-y-auto",
-  horizontal: "overflow-x-auto",
-  both: "overflow-auto"
+  vertical: "ds:overflow-y-auto",
+  horizontal: "ds:overflow-x-auto",
+  both: "ds:overflow-auto"
 }, S = h(
   ({
     orientation: r = "vertical",
@@ -77,11 +77,11 @@ const d = f(
           children: l
         }
       );
-    const c = g(null), b = z(c);
+    const d = g(null), b = z(d);
     return /* @__PURE__ */ m(
       o.Root,
       {
-        ref: c,
+        ref: d,
         type: p(e),
         dir: b,
         scrollHideDelay: v,
@@ -114,7 +114,7 @@ const d = f(
             {
               forceMount: !0,
               orientation: "vertical",
-              className: d({ size: a }),
+              className: c({ size: a }),
               children: /* @__PURE__ */ s(o.Thumb, { className: u() })
             }
           ),
@@ -123,7 +123,7 @@ const d = f(
             {
               forceMount: !0,
               orientation: "horizontal",
-              className: d({ size: a }),
+              className: c({ size: a }),
               children: /* @__PURE__ */ s(o.Thumb, { className: u() })
             }
           ),
@@ -143,4 +143,4 @@ export {
   y as d,
   T as e
 };
-//# sourceMappingURL=scroll-area-HIq0hJyJ.js.map
+//# sourceMappingURL=scroll-area-DLr5w9Dd.js.map