@alfadocs/ui-kit 0.17.1 → 0.17.3

package/dist/components/payment-form/index.js

@@ -1,4 +1,4 @@
-import { P as r, f as s, p as m, a as e, s as n, b as o, c as i } from "../../_chunks/payment-form-CI77oIx1.js";
+import { P as r, f as s, p as m, a as e, s as n, b as o, c as i } from "../../_chunks/payment-form-BjkuQeqR.js";
 export {
   r as PaymentForm,
   s as formatPaymentAmount,

package/dist/components/pdf-viewer/index.js

@@ -1,4 +1,4 @@
-import { P as p, p as a } from "../../_chunks/pdf-viewer-CnEJvmXC.js";
+import { P as p, p as a } from "../../_chunks/pdf-viewer-BG_nsFT5.js";
 export {
   p as PDFViewer,
   a as pdfViewerAgent

package/dist/components/radio-group/index.js

@@ -1,5 +1,5 @@
 import { R as a } from "../../_chunks/radio-DvF59ThA.js";
-import { R as p } from "../../_chunks/radio-group-Cz1a4QCA.js";
+import { R as p } from "../../_chunks/radio-group-BHZOxrIK.js";
 export {
   a as Radio,
   p as RadioGroup

package/dist/components/select/index.js

@@ -1,4 +1,4 @@
-import { S as a, a as l, b as S, c, d as s, e as o, f as r, g as p, h as g, i, j as m } from "../../_chunks/select-Ca6ibiDL.js";
+import { S as a, a as l, b as S, c, d as s, e as o, f as r, g as p, h as g, i, j as m } from "../../_chunks/select-C92AT_OZ.js";
 export {
   a as Select,
   l as SelectContent,

package/dist/components/sidebar/index.js

@@ -1,4 +1,5 @@
-import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as l, k as c, l as I, m as g, n as p, o as u, p as P, s as f, u as B, q as F } from "../../_chunks/sidebar-D8Lq065m.js";
+import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as l, k as c, l as p, m as u, n as I, o as g, p as P, s as f, u as B } from "../../_chunks/sidebar-BqzlRBvC.js";
+import { u as h } from "../../_chunks/use-persistent-state-i23OWy6G.js";
 export {
   r as Sidebar,
   i as SidebarBody,
@@ -12,13 +13,13 @@ export {
   n as SidebarItemBadge,
   l as SidebarItemIcon,
   c as SidebarItemLabel,
-  I as SidebarPinButton,
-  g as SidebarPrimaryAction,
-  p as SidebarProfilePill,
-  u as SidebarSection,
+  p as SidebarPinButton,
+  u as SidebarPrimaryAction,
+  I as SidebarProfilePill,
+  g as SidebarSection,
   P as SidebarWorkspaceSwitcher,
   f as sidebarAgent,
-  B as usePersistentState,
-  F as useSidebar
+  h as usePersistentState,
+  B as useSidebar
 };
 //# sourceMappingURL=index.js.map

package/dist/components/sidebar/sidebar.d.ts

@@ -9,7 +9,7 @@ export interface SidebarContextValue {
     transitionTo?: (next: SidebarMode) => void;
 }
 export declare const useSidebar: () => SidebarContextValue;
-export declare function usePersistentState<T>(storageKey: string, initial: T | (() => T)): [T, (value: T | ((prev: T) => T)) => void];
+export { usePersistentState } from '../../hooks/use-persistent-state';
 export interface SidebarHandle {
     getIsCollapsed: () => boolean;
     toggleCollapsed: () => void;

package/dist/components/slider/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../_chunks/slider-CkR6CLun.js";
+import { S as o } from "../../_chunks/slider-CfEzeseL.js";
 export {
   o as Slider
 };

package/dist/components/tabs/index.js

@@ -1,4 +1,4 @@
-import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-CRCyPpJo.js";
+import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-aEQfQV3x.js";
 export {
   t as Tabs,
   b as TabsContent,

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-B3meAb3y.js";
+import { T as o, t } from "../../_chunks/theme-toggle-BswYl0Yp.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/warning-stack/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../_chunks/warning-stack-CeRihME9.js";
+import { W as n } from "../../_chunks/warning-stack-CDH9TudY.js";
 export {
   n as WarningStack
 };

package/dist/components/workflow/index.js

@@ -1,4 +1,4 @@
-import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-D3MvrsZV.js";
+import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-BeKe23uw.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/hooks/index.d.ts

@@ -8,4 +8,12 @@ export { useLocale } from './use-locale';
 export type { LocaleDir, UseLocaleReturn } from './use-locale';
 export { useTheme, resolveTheme, themeClassList, THEME_STORAGE_KEY, ACCESSIBILITY_STORAGE_KEY, THEME_CLASS, } from './use-theme';
 export type { ThemeBase, ThemePreference, AccessibilityPreference, ResolvedTheme, UseThemeReturn, } from './use-theme';
+export { useControllableState, type UseControllableStateOptions, } from './use-controllable-state';
+export { useCopyToClipboard, type CopyStatus, type UseCopyToClipboardOptions, type UseCopyToClipboardReturn, } from './use-copy-to-clipboard';
+export { useDebouncedCallback, type DebouncedCallback, } from './use-debounced-callback';
+export { useDebouncedValue } from './use-debounced-value';
+export { useFocusTrap, type UseFocusTrapOptions } from './use-focus-trap';
+export { useDirection, useDocumentDirection, type Direction, } from './use-direction';
+export { usePersistentState } from './use-persistent-state';
+export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.js

@@ -1,18 +1,101 @@
-import { u as r } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as o, a as u, b as t } from "../_chunks/use-locale-C5rS3Xon.js";
-import { u as T } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { A as S, T as f, a as l, r as p, t as A, u as C } from "../_chunks/use-theme-B1cwAXJR.js";
+import { u as D } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as w, a as _, b as k } from "../_chunks/use-locale-C5rS3Xon.js";
+import { u as g } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { A as M, T as O, a as H, r as R, t as Y, u as q } from "../_chunks/use-theme-B1cwAXJR.js";
+import { u as G } from "../_chunks/use-controllable-state-BiY4xTzM.js";
+import { u as U } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
+import { useState as p, useEffect as l, useRef as T, useLayoutEffect as x } from "react";
+import { u as z, a as J } from "../_chunks/use-direction-D6rvvG9G.js";
+import { u as W } from "../_chunks/use-persistent-state-i23OWy6G.js";
+function S(e, t) {
+  const [o, s] = p(e);
+  return l(() => {
+    if (t <= 0) {
+      s(e);
+      return;
+    }
+    const a = setTimeout(() => s(e), t);
+    return () => clearTimeout(a);
+  }, [e, t]), o;
+}
+const h = [
+  "a[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]',
+  "audio[controls]",
+  "video[controls]"
+].join(",");
+function E(e) {
+  return Array.from(
+    e.querySelectorAll(h)
+  ).filter((t) => {
+    if (t.hidden || t.getAttribute("aria-hidden") === "true") return !1;
+    let o = t;
+    for (; o; ) {
+      if (o.hasAttribute("inert")) return !1;
+      o = o.parentElement;
+    }
+    return !0;
+  });
+}
+function C(e, t = {}) {
+  const { enabled: o = !0, autoFocus: s = !0, restoreFocus: a = !0 } = t, f = T(null);
+  l(() => {
+    if (!o) return;
+    const u = e.current;
+    if (!u) return;
+    if (f.current = typeof document < "u" && document.activeElement instanceof HTMLElement ? document.activeElement : null, s) {
+      const n = E(u)[0] ?? (u.tabIndex >= -1 ? u : null);
+      n == null || n.focus();
+    }
+    function d(r) {
+      if (r.key !== "Tab") return;
+      const n = e.current;
+      if (!n) return;
+      const c = E(n);
+      if (c.length === 0) {
+        r.preventDefault();
+        return;
+      }
+      const m = c[0], b = c[c.length - 1], i = document.activeElement;
+      r.shiftKey ? (i === m || !n.contains(i)) && (r.preventDefault(), b.focus()) : (i === b || !n.contains(i)) && (r.preventDefault(), m.focus());
+    }
+    return u.addEventListener("keydown", d), () => {
+      if (u.removeEventListener("keydown", d), a && f.current) {
+        const r = f.current;
+        queueMicrotask(() => {
+          r.isConnected && r.focus();
+        });
+      }
+    };
+  }, [o, s, a, e]);
+}
+const L = typeof window < "u" ? x : l;
 export {
-  S as ACCESSIBILITY_STORAGE_KEY,
-  f as THEME_CLASS,
-  l as THEME_STORAGE_KEY,
-  p as resolveTheme,
-  A as themeClassList,
-  T as useCountUp,
-  o as useLocale,
-  u as useMediaQuery,
-  r as usePrefersReducedMotion,
-  t as useScrollToFirstError,
-  C as useTheme
+  M as ACCESSIBILITY_STORAGE_KEY,
+  O as THEME_CLASS,
+  H as THEME_STORAGE_KEY,
+  R as resolveTheme,
+  Y as themeClassList,
+  G as useControllableState,
+  U as useCopyToClipboard,
+  g as useCountUp,
+  j as useDebouncedCallback,
+  S as useDebouncedValue,
+  z as useDirection,
+  J as useDocumentDirection,
+  C as useFocusTrap,
+  L as useIsomorphicLayoutEffect,
+  w as useLocale,
+  _ as useMediaQuery,
+  W as usePersistentState,
+  D as usePrefersReducedMotion,
+  k as useScrollToFirstError,
+  q as useTheme
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-debounced-callback.d.ts

@@ -0,0 +1,19 @@
+export type DebouncedCallback<A extends unknown[]> = ((...args: A) => void) & {
+    cancel: () => void;
+    flush: () => void;
+};
+/**
+ * Wrap a callback so successive calls within `delayMs` collapse into a
+ * single invocation on the trailing edge. Returns a stable function with
+ * `.cancel()` (drop pending) and `.flush()` (run pending immediately).
+ *
+ * The latest `callback` reference is always invoked — internal ref-sync
+ * means re-renders that pass a new closure don't reset the timer.
+ *
+ * @example
+ *   const onChange = useDebouncedCallback((value: string) => {
+ *     void search(value);
+ *   }, 250);
+ */
+export declare function useDebouncedCallback<A extends unknown[]>(callback: (...args: A) => void, delayMs: number): DebouncedCallback<A>;
+//# sourceMappingURL=use-debounced-callback.d.ts.map

package/dist/hooks/use-debounced-value.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Returns a value that lags `input` by `delayMs`. Each new `input`
+ * resets the timer; the returned value updates once `input` has been
+ * stable for `delayMs` ms.
+ *
+ * Companion to `useDebouncedCallback` — use this when you want the
+ * debounced *value* (to drive a derived effect, query, or render),
+ * and use the callback hook when you want the debounced *action*.
+ *
+ * @example
+ *   const [query, setQuery] = useState('');
+ *   const debouncedQuery = useDebouncedValue(query, 250);
+ *   useEffect(() => { void search(debouncedQuery); }, [debouncedQuery]);
+ */
+export declare function useDebouncedValue<T>(input: T, delayMs: number): T;
+//# sourceMappingURL=use-debounced-value.d.ts.map

package/dist/hooks/use-direction.d.ts

@@ -0,0 +1,19 @@
+import { type RefObject } from 'react';
+export type Direction = 'ltr' | 'rtl';
+/**
+ * Resolves the effective writing direction for `ref`'s element by walking its
+ * ancestor chain and reacting to `dir` attribute mutations along the way.
+ *
+ * Radix primitives default to `dir="ltr"` when no `DirectionProvider` is
+ * present and then stamp `dir="ltr"` onto the rendered element — which
+ * overrides any inherited `dir="rtl"` from a parent. Pass the result of this
+ * hook to the primitive's `dir` prop so the logical layout flips correctly.
+ */
+export declare function useDirection(ref: RefObject<HTMLElement | null>): Direction;
+/**
+ * Resolves the document-level writing direction. Use for components whose
+ * Root is a pure context provider (no DOM element to ref) — e.g. Radix
+ * DropdownMenu/ContextMenu/Menubar Roots.
+ */
+export declare function useDocumentDirection(): Direction;
+//# sourceMappingURL=use-direction.d.ts.map

package/dist/hooks/use-focus-trap.d.ts

@@ -0,0 +1,32 @@
+import { type RefObject } from 'react';
+export interface UseFocusTrapOptions {
+    /** When `false` the trap is inert. Defaults to `true`. */
+    enabled?: boolean;
+    /**
+     * When `true`, focus initial autofocus into the first focusable
+     * descendant on mount / enable. @default true
+     */
+    autoFocus?: boolean;
+    /**
+     * When `true`, restores focus to the previously-focused element on
+     * unmount / disable. @default true
+     */
+    restoreFocus?: boolean;
+}
+/**
+ * Constrain Tab navigation to descendants of `containerRef`. Wraps Tab
+ * forward from the last focusable to the first, and Shift+Tab back from
+ * the first to the last. Optionally autofocuses on enable and restores
+ * focus on disable.
+ *
+ * Use this for inline modal patterns or focus zones that don't ship
+ * with their own Radix overlay. Don't stack it inside Dialog / Sheet —
+ * Radix already traps focus in those.
+ *
+ * @example
+ *   const ref = useRef<HTMLDivElement>(null);
+ *   useFocusTrap(ref, { enabled: open });
+ *   return <div ref={ref}>…</div>;
+ */
+export declare function useFocusTrap<T extends HTMLElement>(containerRef: RefObject<T | null>, options?: UseFocusTrapOptions): void;
+//# sourceMappingURL=use-focus-trap.d.ts.map

package/dist/hooks/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+/**
+ * `useLayoutEffect` on the client, `useEffect` during SSR. Use when you
+ * need a layout effect (e.g. measuring DOM, syncing a ref) without
+ * triggering React's "useLayoutEffect does nothing on the server"
+ * warning when the same component renders under SSR.
+ *
+ * The check is `typeof window` rather than `typeof document` so the
+ * shim is correct in any non-browser runtime (Node, Deno, edge
+ * runtimes, workers).
+ */
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/dist/hooks/use-persistent-state.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Drop-in `useState` replacement that mirrors its value to
+ * `localStorage` under the given key. Same signature as `useState`, so
+ * consumers can wire any state that should survive reloads without
+ * plumbing effects by hand:
+ *
+ * @example
+ *   const [pinnedIds, setPinnedIds] =
+ *     usePersistentState<string[]>('ui.sidebar.favorites',
+ *       ['dashboard', 'calendar']);
+ *
+ * SSR-safe and quota-safe (swallows serialise / storage errors so a
+ * disabled-storage or quota-exceeded write never throws into render).
+ */
+export declare function usePersistentState<T>(storageKey: string, initial: T | (() => T)): [T, (value: T | ((prev: T) => T)) => void];
+//# sourceMappingURL=use-persistent-state.d.ts.map