@alfadocs/ui-kit-debug 1.29.0 → 1.30.0

package/dist/hooks/index.js

@@ -1,33 +1,33 @@
 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 F, a as g } from "../_chunks/use-signing-session-CyOZWinp.js";
-import { u as _ } from "../_chunks/use-count-up-BLLetaZ8.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 { Z as w, u as _, a as F, b as I } from "../_chunks/use-zoom-drilldown-qCX34w9I.js";
+import { u as R } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { u as k } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as M, T as V, a as H, r as N, t as Y, u as Z } 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 { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
 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 { 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) {
+import { u as Q, a as J } from "../_chunks/use-direction-Dp8h70PP.js";
+import { u as $ } from "../_chunks/use-persistent-state-nZwZAnE9.js";
+import { u as te } from "../_chunks/use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as oe } from "../_chunks/use-overflow-collapse-BIOzKbni.js";
+import { c as se, u as ne } from "../_chunks/use-priority-overflow-c9SjxZkZ.js";
+import { u as ie } from "../_chunks/use-web-otp-D_utzp6S.js";
+import { u as le } from "../_chunks/use-visual-viewport-pin-ChurOsHM.js";
+import { u as me } from "../_chunks/use-edge-resize-ZnGG7gyO.js";
+import { u as pe } from "../_chunks/use-countdown-Yd6ts0_a.js";
+function C(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;
     }
-    const s = setTimeout(() => {
+    const n = setTimeout(() => {
       i(e), u.current = null;
     }, o);
-    return u.current = s, () => clearTimeout(s);
+    return u.current = n, () => clearTimeout(n);
   }, [e, o]), t;
 }
 const T = [
@@ -54,31 +54,31 @@ function p(e) {
     return !0;
   });
 }
-function C(e, o = {}) {
-  const { enabled: t = !0, autoFocus: i = !0, restoreFocus: u = !0 } = o, s = b(null);
+function y(e, o = {}) {
+  const { enabled: t = !0, autoFocus: i = !0, restoreFocus: u = !0 } = o, n = b(null);
   x(() => {
     if (!t) return;
     const a = e.current;
     if (!a) return;
-    if (s.current = typeof document < "u" && document.activeElement instanceof HTMLElement ? document.activeElement : null, i) {
-      const n = p(a)[0] ?? (a.tabIndex >= -1 ? a : null);
-      n == null || n.focus();
+    if (n.current = typeof document < "u" && document.activeElement instanceof HTMLElement ? document.activeElement : null, i) {
+      const s = p(a)[0] ?? (a.tabIndex >= -1 ? a : null);
+      s == null || s.focus();
     }
-    function l(r) {
+    function f(r) {
       if (r.key !== "Tab") return;
-      const n = e.current;
-      if (!n) return;
-      const c = p(n);
+      const s = e.current;
+      if (!s) return;
+      const c = p(s);
       if (c.length === 0) {
         r.preventDefault();
         return;
       }
-      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());
+      const m = c[0], d = c[c.length - 1], l = document.activeElement;
+      r.shiftKey ? (l === m || !s.contains(l)) && (r.preventDefault(), d.focus()) : (l === d || !s.contains(l)) && (r.preventDefault(), m.focus());
     }
-    return a.addEventListener("keydown", l), () => {
-      if (a.removeEventListener("keydown", l), u && s.current) {
-        const r = s.current;
+    return a.addEventListener("keydown", f), () => {
+      if (a.removeEventListener("keydown", f), u && n.current) {
+        const r = n.current;
         requestAnimationFrame(() => {
           r.isConnected && r.focus();
         });
@@ -87,33 +87,35 @@ function C(e, o = {}) {
   }, [t, i, u, e]);
 }
 export {
-  k as ACCESSIBILITY_STORAGE_KEY,
-  K as THEME_CLASS,
-  V as THEME_STORAGE_KEY,
-  oe as computePriorityLayout,
-  H as resolveTheme,
-  M as themeClassList,
+  M as ACCESSIBILITY_STORAGE_KEY,
+  V as THEME_CLASS,
+  H as THEME_STORAGE_KEY,
+  w as ZOOM_DRILLDOWN_TRANSITION_CLASS,
+  se as computePriorityLayout,
+  N as resolveTheme,
+  Y as themeClassList,
   B as useControllableState,
   U as useCopyToClipboard,
-  _ as useCountUp,
-  me as useCountdown,
-  z as useDebouncedCallback,
-  y as useDebouncedValue,
-  W as useDirection,
+  R as useCountUp,
+  pe as useCountdown,
+  j as useDebouncedCallback,
+  C as useDebouncedValue,
+  Q as useDirection,
   J as useDocumentDirection,
-  fe as useEdgeResize,
-  C as useFocusTrap,
-  $ as useIsomorphicLayoutEffect,
-  P as useLocale,
+  me as useEdgeResize,
+  y as useFocusTrap,
+  te as useIsomorphicLayoutEffect,
+  k as useLocale,
   D as useMediaQuery,
-  te as useOverflowCollapse,
-  X as usePersistentState,
+  oe as useOverflowCollapse,
+  $ as usePersistentState,
   A as usePrefersReducedMotion,
-  ue as usePriorityOverflow,
-  F as useScrollToFirstError,
-  g as useSigningSession,
-  Y as useTheme,
-  ie as useVisualViewportPin,
-  se as useWebOtp
+  ne as usePriorityOverflow,
+  _ as useScrollToFirstError,
+  F as useSigningSession,
+  Z as useTheme,
+  le as useVisualViewportPin,
+  ie as useWebOtp,
+  I as useZoomDrilldown
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-zoom-drilldown.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The `view-transition-class` the shipped CSS targets. Add it as a class name
+ * to the source element and the detail, next to their shared
+ * `view-transition-name`. The kit sheet maps the class to the property.
+ */
+export declare const ZOOM_DRILLDOWN_TRANSITION_CLASS: "ds-zoom-drilldown";
+export interface UseZoomDrilldownOptions {
+    /** Resolver for the scroll container whose scrollTop should be preserved
+     *  across the transition. Defaults to the nearest `<main>` element in
+     *  the document (or the Radix ScrollArea viewport around it). The window
+     *  scroll position is always tracked alongside. */
+    getScrollContainer?: () => HTMLElement | null;
+}
+export interface UseZoomDrilldownReturn<Id extends string> {
+    /** The open drill-down target, or `null` while the source view shows. */
+    readonly selected: Id | null;
+    /** Zoom into `id`: saves the scroll position and enters at the top. */
+    readonly open: (id: Id) => void;
+    /** Zoom back out and restore the saved scroll position. */
+    readonly close: () => void;
+}
+export declare function useZoomDrilldown<Id extends string>(options?: UseZoomDrilldownOptions): UseZoomDrilldownReturn<Id>;
+//# sourceMappingURL=use-zoom-drilldown.d.ts.map

package/dist/hooks/use-zoom-drilldown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-zoom-drilldown.d.ts","sourceRoot":"","sources":["../../src/hooks/use-zoom-drilldown.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,EAAG,mBAA4B,CAAC;AAE5E,MAAM,WAAW,uBAAuB;IACtC;;;uDAGmD;IACnD,kBAAkB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,sBAAsB,CAAC,EAAE,SAAS,MAAM;IACvD,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,EAAE,GAAG,IAAI,CAAC;IAC7B,uEAAuE;IACvE,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAChC,2DAA2D;IAC3D,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;CAC5B;AA2BD,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAChD,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,EAAE,CAAC,CAsG5B"}

package/dist/host-compat.css

@@ -202,7 +202,7 @@
 
 /* ───────────────────────────────────────────────────────────────────────
    SECTION B — non-token declarations.  ORIGINAL LAYER PRESERVED.
-   129 declarations across 125 rules.
+   130 declarations across 126 rules.
 
    Kit-authored arbitrary-value utilities (`ds:w-[20rem]`) and the
    vendored AG Grid rules. These set real properties on real elements,
@@ -469,6 +469,9 @@
   .ds\:auto-rows-\[19rem\] {
     grid-auto-rows:304px;
   }
+  .ds\:auto-rows-\[22rem\] {
+    grid-auto-rows:352px;
+  }
   .ds\:auto-rows-\[minmax\(12rem\,auto\)\] {
     grid-auto-rows:minmax(192px,auto);
   }