@alfadocs/ui-kit 0.72.2 → 0.75.0

package/dist/components/slot-grid/index.js

@@ -1,4 +1,4 @@
-import { S as s, f as e, i as r } from "../../_chunks/slot-grid-FsqumOaS.js";
+import { S as s, f as e, i as r } from "../../_chunks/slot-grid-CQSULZjd.js";
 export {
   s as SlotGrid,
   e as findFirstAvailable,

package/dist/components/stat/stat.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const statVariants: (props?: ({
-    variant?: "default" | "compact" | "elevated" | "outlined" | null | undefined;
+    variant?: "elevated" | "default" | "compact" | "outlined" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     align?: "center" | "end" | "start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/streaming-text/index.js

@@ -1,4 +1,4 @@
-import { S as t } from "../../_chunks/streaming-text-Cedc05ya.js";
+import { S as t } from "../../_chunks/streaming-text-C5bYz7LL.js";
 export {
   t as StreamingText
 };

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-DVQ941Sj.js";
+import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-CVTukWRD.js";
 export {
   t as Tabs,
   b as TabsContent,

package/dist/components/task-tray/index.js

@@ -1,4 +1,4 @@
-import { T as s, t } from "../../_chunks/task-tray-DP5A3Qnc.js";
+import { T as s, t } from "../../_chunks/task-tray-Br3vc0O1.js";
 export {
   s as TaskTray,
   t as taskTrayAgent

package/dist/components/tasks-panel/index.js

@@ -1,4 +1,4 @@
-import { T as e, t } from "../../_chunks/tasks-panel-BuxaYtEF.js";
+import { T as e, t } from "../../_chunks/tasks-panel-CjGAhIN8.js";
 export {
   e as TasksPanel,
   t as tasksPanelAgent

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

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

package/dist/components/toast/index.js

@@ -1,4 +1,4 @@
-import { T as s, t as o, a as e, b as r, c as n, d as c, e as g } from "../../_chunks/toast.agent-BSxl057x.js";
+import { T as s, t as o, a as e, b as r, c as n, d as c, e as g } from "../../_chunks/toast.agent-uV8CeAy6.js";
 export {
   s as Toaster,
   o as toastAgent,

package/dist/components/token-insert-menu/index.js

@@ -1,4 +1,4 @@
-import { T as t, t as o } from "../../_chunks/token-insert-menu-Pok4nExI.js";
+import { T as t, t as o } from "../../_chunks/token-insert-menu-BYv6yoZI.js";
 export {
   t as TokenInsertMenu,
   o as tokenInsertMenuAgent

package/dist/components/tool-rail/index.js

@@ -1,4 +1,4 @@
-import { T as l, t } from "../../_chunks/tool-rail-BZx0-yIr.js";
+import { T as l, t } from "../../_chunks/tool-rail-AaTqxkIM.js";
 export {
   l as ToolRail,
   t as toolRailAgent

package/dist/components/tooth-scheme/index.js

@@ -1,32 +1,33 @@
-import { C as o, a as e, b as t, c as E, F as S, d as T, e as I, P as _, f as l, S as r, g as O, h as N, T as n, i as c, j as h, k as m, l as A, m as i, n as C, o as D, p as F, s as L, q as R, r as P, t as p, u as M, v as U, z as u, w as y, x as b } from "../../_chunks/tooth-scheme-D_rso4uu.js";
+import { T as o, t as e, r as t } from "../../_chunks/tooth-scheme-BzJ6rcte.js";
+import { C as r, a as S, b as T, c as I, F as _, d as l, e as O, P as N, f as n, S as c, g as h, h as m, i as A, j as i, k as C, l as D, m as F, n as L, o as R, p, s as P, q as M, r as U, t as f, z as u, u as y, v as b } from "../../_chunks/tooth-data-BwuoKFf4.js";
 export {
-  o as CONDITION_COLORS,
-  e as CONDITION_PLAN_FOLDER,
-  t as CONDITION_SIDE_SYMBOL,
-  E as CONDITION_TOKENS,
-  S as FDI_TO_META,
-  T as FDI_TO_PALMER,
-  I as FDI_TO_UNIVERSAL,
-  _ as PERMANENT_TEETH,
-  l as PRIMARY_TEETH,
-  r as SPECIAL_BY_ID,
-  O as SPECIAL_ELEMENTS,
-  N as SURFACE_ASSET_NAME,
-  n as ToothScheme,
-  c as chartFromConditions,
-  h as conditionSymbolUrl,
-  m as emptyChart,
-  A as generalElement,
-  i as isSpecialElement,
-  C as labelFor,
-  D as layoutSpecials,
-  F as layoutTeeth,
-  L as specialIconUrl,
-  R as specialsForRow,
-  P as surfaceSymbolUrl,
-  p as toothImageUrl,
-  M as toothSchemeAgent,
-  U as toothSchemeVariants,
+  r as CONDITION_COLORS,
+  S as CONDITION_PLAN_FOLDER,
+  T as CONDITION_SIDE_SYMBOL,
+  I as CONDITION_TOKENS,
+  _ as FDI_TO_META,
+  l as FDI_TO_PALMER,
+  O as FDI_TO_UNIVERSAL,
+  N as PERMANENT_TEETH,
+  n as PRIMARY_TEETH,
+  c as SPECIAL_BY_ID,
+  h as SPECIAL_ELEMENTS,
+  m as SURFACE_ASSET_NAME,
+  o as ToothScheme,
+  A as chartFromConditions,
+  i as conditionSymbolUrl,
+  C as emptyChart,
+  D as generalElement,
+  F as isSpecialElement,
+  L as labelFor,
+  R as layoutSpecials,
+  p as layoutTeeth,
+  P as specialIconUrl,
+  M as specialsForRow,
+  U as surfaceSymbolUrl,
+  f as toothImageUrl,
+  e as toothSchemeAgent,
+  t as toothSchemeVariants,
   u as zonePath,
   y as zoneSurface,
   b as zonesForTooth

package/dist/components/transaction-chip/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../_chunks/transaction-chip-B6iWoVmU.js";
+import { T as r } from "../../_chunks/transaction-chip-DJCstquX.js";
 export {
   r as TransactionChip
 };

package/dist/components/unit-converter/index.js

@@ -1,4 +1,4 @@
-import { C as r, U as t, a as U, b as e, c as n } from "../../_chunks/unit-converter-fEqluT8b.js";
+import { C as r, U as t, a as U, b as e, c as n } from "../../_chunks/unit-converter-CSLWFDQh.js";
 export {
   r as CATEGORIES,
   t as UNITS,

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

@@ -1,4 +1,4 @@
-import { W as n } from "../../_chunks/warning-stack-BaMI7-n7.js";
+import { W as n } from "../../_chunks/warning-stack-BlG_Ujy3.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-qWsgCldq.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-C643Q43h.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/hooks/index.d.ts

@@ -17,7 +17,9 @@ export { useDirection, useDocumentDirection, type Direction, } from './use-direc
 export { usePersistentState } from './use-persistent-state';
 export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
 export { useOverflowCollapse, type UseOverflowCollapseReturn, } from './use-overflow-collapse';
+export { usePriorityOverflow, computePriorityLayout, type PriorityOverflowStage, type PriorityLayout, type PriorityLayoutInput, type UsePriorityOverflowOptions, type UsePriorityOverflowReturn, } from './use-priority-overflow';
 export { useWebOtp, type UseWebOtpOptions } from './use-web-otp';
+export { useVisualViewportPin, type VisualViewportPinOptions, } from './use-visual-viewport-pin';
 export { useEdgeResize, type UseEdgeResizeOptions, type UseEdgeResizeReturn, type EdgeResizeSeparatorProps, } from './use-edge-resize';
 export { useSigningSession, type SigningField, type SigningFieldBase, type UseSigningSessionReturn, } from './use-signing-session';
 export { useCountdown, type UseCountdownOptions, type UseCountdownReturn, } from './use-countdown';

package/dist/hooks/index.js

@@ -1,23 +1,25 @@
 import { u as A } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as D } from "../_chunks/use-media-query-CcAx5SMM.js";
-import { u as g, a as w } from "../_chunks/use-signing-session-CyOZWinp.js";
+import { u as F, a as g } from "../_chunks/use-signing-session-CyOZWinp.js";
 import { u as _ } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { u as R } from "../_chunks/use-locale-BkCIHujH.js";
-import { A as K, T as H, a as M, r as Y, t as q, u as B } from "../_chunks/use-theme-CAuo6EYT.js";
-import { u as P } from "../_chunks/use-controllable-state-BiY4xTzM.js";
-import { u as V } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as P } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as k, T as K, a as V, r as H, t as M, u as Y } from "../_chunks/use-theme-CAuo6EYT.js";
+import { u as B } from "../_chunks/use-controllable-state-BiY4xTzM.js";
+import { u as U } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
 import { u as z } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
-import { useState as x, useRef as b, useEffect as E } from "react";
+import { useState as E, useRef as b, useEffect as x } from "react";
 import { u as W, a as J } from "../_chunks/use-direction-Dp8h70PP.js";
 import { u as X } from "../_chunks/use-persistent-state-nZwZAnE9.js";
 import { u as $ } from "../_chunks/use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as te } from "../_chunks/use-overflow-collapse-BIOzKbni.js";
-import { u as oe } from "../_chunks/use-web-otp-D_utzp6S.js";
-import { u as ne } from "../_chunks/use-edge-resize-ZnGG7gyO.js";
-import { u as ae } from "../_chunks/use-countdown-Yd6ts0_a.js";
-function C(e, o) {
-  const [t, i] = x(e), u = b(null);
-  return E(() => {
+import { c as oe, u as ue } from "../_chunks/use-priority-overflow-c9SjxZkZ.js";
+import { u as se } from "../_chunks/use-web-otp-D_utzp6S.js";
+import { u as ie } from "../_chunks/use-visual-viewport-pin-ChurOsHM.js";
+import { u as fe } from "../_chunks/use-edge-resize-ZnGG7gyO.js";
+import { u as me } from "../_chunks/use-countdown-Yd6ts0_a.js";
+function y(e, o) {
+  const [t, i] = E(e), u = b(null);
+  return x(() => {
     if (o <= 0) {
       u.current !== null && (clearTimeout(u.current), u.current = null), i(e);
       return;
@@ -52,9 +54,9 @@ function p(e) {
     return !0;
   });
 }
-function h(e, o = {}) {
+function C(e, o = {}) {
   const { enabled: t = !0, autoFocus: i = !0, restoreFocus: u = !0 } = o, s = b(null);
-  E(() => {
+  x(() => {
     if (!t) return;
     const a = e.current;
     if (!a) return;
@@ -62,7 +64,7 @@ function h(e, o = {}) {
       const n = p(a)[0] ?? (a.tabIndex >= -1 ? a : null);
       n == null || n.focus();
     }
-    function f(r) {
+    function l(r) {
       if (r.key !== "Tab") return;
       const n = e.current;
       if (!n) return;
@@ -71,11 +73,11 @@ function h(e, o = {}) {
         r.preventDefault();
         return;
       }
-      const m = c[0], d = c[c.length - 1], l = document.activeElement;
-      r.shiftKey ? (l === m || !n.contains(l)) && (r.preventDefault(), d.focus()) : (l === d || !n.contains(l)) && (r.preventDefault(), m.focus());
+      const m = c[0], d = c[c.length - 1], f = document.activeElement;
+      r.shiftKey ? (f === m || !n.contains(f)) && (r.preventDefault(), d.focus()) : (f === d || !n.contains(f)) && (r.preventDefault(), m.focus());
     }
-    return a.addEventListener("keydown", f), () => {
-      if (a.removeEventListener("keydown", f), u && s.current) {
+    return a.addEventListener("keydown", l), () => {
+      if (a.removeEventListener("keydown", l), u && s.current) {
         const r = s.current;
         requestAnimationFrame(() => {
           r.isConnected && r.focus();
@@ -85,30 +87,33 @@ function h(e, o = {}) {
   }, [t, i, u, e]);
 }
 export {
-  K as ACCESSIBILITY_STORAGE_KEY,
-  H as THEME_CLASS,
-  M as THEME_STORAGE_KEY,
-  Y as resolveTheme,
-  q as themeClassList,
-  P as useControllableState,
-  V as useCopyToClipboard,
+  k as ACCESSIBILITY_STORAGE_KEY,
+  K as THEME_CLASS,
+  V as THEME_STORAGE_KEY,
+  oe as computePriorityLayout,
+  H as resolveTheme,
+  M as themeClassList,
+  B as useControllableState,
+  U as useCopyToClipboard,
   _ as useCountUp,
-  ae as useCountdown,
+  me as useCountdown,
   z as useDebouncedCallback,
-  C as useDebouncedValue,
+  y as useDebouncedValue,
   W as useDirection,
   J as useDocumentDirection,
-  ne as useEdgeResize,
-  h as useFocusTrap,
+  fe as useEdgeResize,
+  C as useFocusTrap,
   $ as useIsomorphicLayoutEffect,
-  R as useLocale,
+  P as useLocale,
   D as useMediaQuery,
   te as useOverflowCollapse,
   X as usePersistentState,
   A as usePrefersReducedMotion,
-  g as useScrollToFirstError,
-  w as useSigningSession,
-  B as useTheme,
-  oe as useWebOtp
+  ue as usePriorityOverflow,
+  F as useScrollToFirstError,
+  g as useSigningSession,
+  Y as useTheme,
+  ie as useVisualViewportPin,
+  se as useWebOtp
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-priority-overflow.d.ts

@@ -0,0 +1,63 @@
+export type PriorityOverflowStage = 'full' | 'icons';
+export interface PriorityLayoutInput {
+    /** Inline size of the box the strip must fit into. */
+    containerWidth: number;
+    /** Natural width of each item at the full (icon + label) stage. */
+    fullWidths: number[];
+    /** Whole-row natural width at the full stage (captures joins/margins). */
+    fullRowWidth: number;
+    /** Natural per-item widths at the icon-only stage; omit for single-stage. */
+    iconWidths?: number[];
+    /** Whole-row natural width at the icon-only stage. */
+    iconRowWidth?: number;
+    /** Natural width of the overflow trigger button. */
+    triggerWidth: number;
+    /** Items that must never move into the menu. */
+    pinned?: ReadonlyArray<boolean>;
+}
+export interface PriorityLayout {
+    stage: PriorityOverflowStage;
+    /** Per-item: true = rendered in the strip, false = moved to the menu. */
+    visible: boolean[];
+    /** True when at least one item moved to the menu (trigger shown). */
+    overflowing: boolean;
+}
+/**
+ * Pure priority+ maths: full row → icon-only row → trailing items into a
+ * menu behind a trigger. Width sums are direction-agnostic, so the result
+ * is identical in RTL. `+1` tolerances absorb sub-pixel rounding.
+ */
+export declare function computePriorityLayout(input: PriorityLayoutInput): PriorityLayout;
+export interface UsePriorityOverflowOptions {
+    /** Master switch — off = everything visible, nothing measured. */
+    enabled: boolean;
+    /** Number of items in the strip (drives re-measure on child changes). */
+    count: number;
+    /** Measure a second icon-only stage before spilling into the menu. */
+    twoStage?: boolean;
+    /** Per-index pin flags — pinned items never move into the menu. */
+    pinned?: ReadonlyArray<boolean>;
+}
+export interface UsePriorityOverflowReturn {
+    /** Attach to the block wrapper whose inline size is the budget. */
+    containerRef: (node: HTMLElement | null) => void;
+    /** Attach to the hidden row of full-stage clones. */
+    fullRowRef: (node: HTMLElement | null) => void;
+    /** Attach to the hidden row of icon-stage clones (twoStage only). */
+    iconRowRef: (node: HTMLElement | null) => void;
+    /** Attach to the hidden overflow-trigger probe. */
+    triggerProbeRef: (node: HTMLElement | null) => void;
+    stage: PriorityOverflowStage;
+    visible: boolean[];
+    overflowing: boolean;
+}
+/**
+ * Priority+ overflow for a horizontal control strip. The caller renders
+ * hidden measurement rows (always mounted, `aria-hidden` + `inert`,
+ * visibility-hidden — never display:none, they must keep layout) and this
+ * hook compares their natural widths against the container. Because the
+ * rows stay mounted, font swaps and label/locale changes resize them and
+ * the ResizeObserver re-measures — no font or i18n listeners needed.
+ */
+export declare function usePriorityOverflow(options: UsePriorityOverflowOptions): UsePriorityOverflowReturn;
+//# sourceMappingURL=use-priority-overflow.d.ts.map

package/dist/hooks/use-visual-viewport-pin.d.ts

@@ -0,0 +1,32 @@
+export interface VisualViewportPinOptions {
+    /** Which layout-viewport edge the element is pinned to (default `'top'`).
+     *  The hook assumes the element's untransformed position IS that edge —
+     *  true for `fixed` bars, and for `sticky` bars while stuck. */
+    edge?: 'top' | 'bottom';
+    /** Suspend pinning and hand the transform back to CSS — e.g. while a
+     *  `sticky="scroll-up"` header is hidden by its own translate. */
+    disabled?: boolean;
+}
+/**
+ * Keeps a fixed/sticky bar glued to the visual viewport while the user
+ * pinch-zooms or pans, so persistent chrome (and the CTA it carries) never
+ * leaves the visible screen. Returns a callback ref — attach it to the bar
+ * (composable via `composeRefs`); late-mounting and remounting nodes re-pin
+ * automatically.
+ *
+ * The pin engages only under real pinch-zoom (`visualViewport.scale > 1`):
+ * keyboard-driven viewport shrink (scale stays 1) and desktop scrollbar
+ * deltas never move the bar. Deliberate 1.4.4 trade-off: counter-scaled
+ * chrome cannot itself be magnified by pinch-zoom — its text sizes through
+ * rem tokens and OS text-size settings instead, while the pin keeps the
+ * controls reachable (a net gain for zoom accessibility).
+ *
+ * Writes `transform` / `transform-origin` imperatively (per-frame viewport
+ * geometry cannot be expressed as static classes) and suppresses the
+ * element's own transitions only while a pin is applied, so the bar tracks
+ * the viewport without transition lag. All geometry is in physical viewport
+ * coordinates by nature — this is not layout CSS, so the logical-properties
+ * rule does not apply.
+ */
+export declare function useVisualViewportPin<T extends HTMLElement>({ edge, disabled, }?: VisualViewportPinOptions): (node: T | null) => void;
+//# sourceMappingURL=use-visual-viewport-pin.d.ts.map