@alfadocs/ui-kit-debug 1.61.0 → 1.63.0

package/dist/_chunks/use-edge-resize-CBtem0j2.js

@@ -0,0 +1,171 @@
+import { useState as A, useRef as x, useCallback as e } from "react";
+import { useTranslation as N } from "react-i18next";
+import { u as K } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+const O = 16, U = 64;
+function G({
+  edge: D,
+  targetRef: c,
+  cssProperty: s,
+  minSize: d,
+  maxSize: f,
+  defaultSize: X,
+  disabled: a = !1,
+  onResize: n,
+  size: h
+}) {
+  const { t: M } = N("ui"), E = h !== void 0, [I, k] = A(
+    E ? h : null
+  ), [L, w] = A(!1), m = x(null), o = x(null);
+  K(() => {
+    const r = c.current;
+    if (!r) return;
+    const t = r.getBoundingClientRect().width;
+    t > 0 && (m.current = t);
+  });
+  const C = e(
+    (r) => Math.min(f, Math.max(d, r)),
+    [d, f]
+  );
+  K(() => {
+    var t, u;
+    if (!E) return;
+    const r = h === null ? null : C(h);
+    k(r), r === null ? ((t = c.current) == null || t.style.removeProperty(s), m.current = null) : (u = c.current) == null || u.style.setProperty(s, `${r}px`);
+  }, [E, h, C, s, c]);
+  const i = e(() => {
+    if (I !== null) return I;
+    const r = c.current;
+    if (r) {
+      const t = r.getBoundingClientRect().width;
+      if (t > 0)
+        return m.current = t, t;
+    }
+    return m.current ?? X;
+  }, [I, X, c]), p = e(
+    (r) => {
+      var u;
+      const t = C(r);
+      return k(t), (u = c.current) == null || u.style.setProperty(s, `${t}px`), t;
+    },
+    [C, s, c]
+  ), g = e(() => {
+    var r;
+    k(null), (r = c.current) == null || r.style.removeProperty(s), m.current = null, n == null || n(null);
+  }, [s, n, c]), P = e(() => {
+    const r = c.current, t = r ? getComputedStyle(r).direction === "rtl" : !1;
+    return (D === "inline-end" ? 1 : -1) * (t ? -1 : 1);
+  }, [D, c]), _ = e(
+    (r) => {
+      if (a || !r.isPrimary) return;
+      r.currentTarget.setPointerCapture(r.pointerId);
+      const t = i();
+      o.current = {
+        pointerId: r.pointerId,
+        startX: r.clientX,
+        startSize: t,
+        sign: P(),
+        size: t
+      }, w(!0);
+    },
+    [a, i, P]
+  ), v = e(
+    (r) => {
+      const t = o.current;
+      !t || r.pointerId !== t.pointerId || (t.size = p(
+        t.startSize + t.sign * (r.clientX - t.startX)
+      ));
+    },
+    [p]
+  ), T = e(
+    (r) => {
+      const t = o.current;
+      if (!t || r.pointerId !== t.pointerId) return;
+      o.current = null, w(!1);
+      const u = r.currentTarget;
+      u.hasPointerCapture(r.pointerId) && u.releasePointerCapture(r.pointerId);
+      const l = p(
+        t.startSize + t.sign * (r.clientX - t.startX)
+      );
+      n == null || n(l);
+    },
+    [p, n]
+  ), B = e(
+    (r) => {
+      const t = o.current;
+      !t || r.pointerId !== t.pointerId || (o.current = null, w(!1), n == null || n(t.size));
+    },
+    [n]
+  ), y = x(n);
+  y.current = n;
+  const Y = e((r) => {
+    var u;
+    const t = o.current;
+    r || !t || (o.current = null, w(!1), (u = y.current) == null || u.call(y, t.size));
+  }, []), $ = e(
+    (r) => {
+      if (a) return;
+      const t = r.shiftKey ? U : O, u = P();
+      let l = null;
+      switch (r.key) {
+        case "ArrowRight":
+          l = i() + u * t;
+          break;
+        case "ArrowLeft":
+          l = i() - u * t;
+          break;
+        case "Home":
+          l = d;
+          break;
+        case "End":
+          l = f;
+          break;
+        case "Enter":
+          r.preventDefault(), g();
+          return;
+        default:
+          return;
+      }
+      if (l === null) return;
+      r.preventDefault();
+      const H = p(l);
+      n == null || n(H);
+    },
+    [
+      p,
+      i,
+      a,
+      f,
+      d,
+      n,
+      g,
+      P
+    ]
+  ), b = Math.round(i());
+  return {
+    separatorProps: {
+      role: "separator",
+      tabIndex: a ? -1 : 0,
+      "aria-orientation": "vertical",
+      "aria-valuemin": d,
+      "aria-valuemax": f,
+      "aria-valuenow": b,
+      "aria-valuetext": M("resizable.widthAnnounce", { width: b }),
+      "aria-disabled": a || void 0,
+      onPointerDown: _,
+      onPointerMove: v,
+      onPointerUp: T,
+      onPointerCancel: T,
+      onLostPointerCapture: B,
+      ref: Y,
+      onKeyDown: $,
+      onDoubleClick: g
+    },
+    isResizing: L,
+    isResized: I !== null,
+    reset: g
+  };
+}
+export {
+  G as u
+};
+//# sourceMappingURL=use-edge-resize-CBtem0j2.js.map

package/dist/_chunks/use-edge-resize-CBtem0j2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-edge-resize-CBtem0j2.js","sources":["../../src/hooks/use-edge-resize.ts"],"sourcesContent":["/**\n * Pixel-based edge-resize for fixed-width chrome surfaces (the Sidebar's\n * inline-end edge, the ToolRail panel's inner edge). Mirrors the\n * separator semantics of `Resizable`'s Handle — `role=\"separator\"`,\n * arrow keys with RTL flip, Shift for coarse steps, Home/End to the\n * extremes, Enter or double-click to reset — but sizes a single target\n * element in pixels instead of distributing percentages across a panel\n * group.\n *\n * The hook owns the interaction and writes the resolved width to a CSS\n * custom property on the target element (the same property the\n * component's width classes already read), so the component keeps its\n * `var(--…)`-driven classes and no inline `width` ever appears. Reset\n * removes the override entirely, returning the surface to its\n * token-driven default.\n */\nimport {\n  useCallback,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n  type RefObject,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\n\n/** Fine / coarse keyboard steps, in px (coarse = Shift held). */\nconst KEY_STEP = 16;\nconst KEY_STEP_COARSE = 64;\n\nexport interface UseEdgeResizeOptions {\n  /**\n   * Which logical edge of the target carries the handle. `inline-end`\n   * for a start-docked surface (Sidebar); `inline-start` for an\n   * end-docked one (ToolRail panel with `side=\"end\"`).\n   */\n  edge: 'inline-start' | 'inline-end';\n  /** The element being resized. The width override lands on its style. */\n  targetRef: RefObject<HTMLElement | null>;\n  /**\n   * CSS custom property the target's width classes read\n   * (e.g. `--sidebar-modern-expanded-size`). Written as `<px>px` on\n   * resize, removed on reset.\n   */\n  cssProperty: string;\n  /** Clamp floor, px. */\n  minSize: number;\n  /** Clamp ceiling, px. */\n  maxSize: number;\n  /**\n   * Nominal default width, px — used for `aria-valuenow` before the\n   * element has been measured (SSR / jsdom) and as the reset target.\n   */\n  defaultSize: number;\n  /** Disables the interaction (handlers no-op, `aria-disabled` set). */\n  disabled?: boolean;\n  /** Fired with the committed px width; `null` means reset-to-default. */\n  onResize?: (size: number | null) => void;\n  /**\n   * Controlled committed width, px; `null` for the token-driven default.\n   * When provided (including `null`), the hook applies it to the target's\n   * CSS property on mount and on every change — mirroring the \"re-assert\n   * on remount\" effect components already run for the uncontrolled case.\n   * Dragging and keyboard steps still update the CSS property and fire\n   * `onResize` immediately for a responsive handle; the host is expected\n   * to feed the committed value back through `size` on its next render,\n   * the same contract as a controlled form input. Omit for uncontrolled\n   * (internally-owned) sizing — the hook's default and existing behaviour.\n   */\n  size?: number | null;\n}\n\nexport interface EdgeResizeSeparatorProps {\n  role: 'separator';\n  tabIndex: number;\n  'aria-orientation': 'vertical';\n  'aria-valuemin': number;\n  'aria-valuemax': number;\n  'aria-valuenow': number;\n  'aria-valuetext': string;\n  'aria-disabled': boolean | undefined;\n  onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerMove: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerUp: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerCancel: (event: ReactPointerEvent<HTMLElement>) => void;\n  onLostPointerCapture: (event: ReactPointerEvent<HTMLElement>) => void;\n  /** Ends a drag whose handle is removed before the pointer is released. */\n  ref: (node: HTMLElement | null) => void;\n  onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  onDoubleClick: () => void;\n}\n\nexport interface UseEdgeResizeReturn {\n  /**\n   * Spread onto the handle element (a plain `<div>`; it carries its own\n   * `ref`, so give the handle no other). Add `aria-label`,\n   * and give the handle a `ds:touch-none` class — touch browsers decide\n   * scroll-vs-drag at gesture start, before any pointer handler runs.\n   */\n  separatorProps: EdgeResizeSeparatorProps;\n  /** True while a pointer drag is in flight — suppress width transitions. */\n  isResizing: boolean;\n  /** True once the user has overridden the token-driven default. */\n  isResized: boolean;\n  /** Programmatic reset to the token-driven default width. */\n  reset: () => void;\n}\n\nexport function useEdgeResize({\n  edge,\n  targetRef,\n  cssProperty,\n  minSize,\n  maxSize,\n  defaultSize,\n  disabled = false,\n  onResize,\n  size: controlledSize,\n}: UseEdgeResizeOptions): UseEdgeResizeReturn {\n  const { t } = useTranslation('ui');\n  const isControlled = controlledSize !== undefined;\n  const [size, setSize] = useState<number | null>(\n    isControlled ? controlledSize : null,\n  );\n  const [isResizing, setIsResizing] = useState(false);\n  const measuredRef = useRef<number | null>(null);\n  const dragRef = useRef<{\n    pointerId: number;\n    startX: number;\n    startSize: number;\n    sign: number;\n    /** The width the drag has reached. */\n    size: number;\n  } | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = targetRef.current;\n    if (!el) return;\n    const width = el.getBoundingClientRect().width;\n    if (width > 0) measuredRef.current = width;\n  });\n\n  const clamp = useCallback(\n    (px: number) => Math.min(maxSize, Math.max(minSize, px)),\n    [minSize, maxSize],\n  );\n\n  // Controlled mode: apply the host's committed width on mount and on\n  // every change, the same \"re-assert on remount\" contract components\n  // already run for the uncontrolled case. `null` clears the override\n  // and returns the surface to its token-driven default.\n  useIsomorphicLayoutEffect(() => {\n    if (!isControlled) return;\n    const next = controlledSize === null ? null : clamp(controlledSize);\n    setSize(next);\n    if (next === null) {\n      targetRef.current?.style.removeProperty(cssProperty);\n      measuredRef.current = null;\n    } else {\n      targetRef.current?.style.setProperty(cssProperty, `${next}px`);\n    }\n  }, [isControlled, controlledSize, clamp, cssProperty, targetRef]);\n\n  // Live read at interaction time: the mount-time measure can catch the\n  // target mid-animation (e.g. a panel still opening at width 0), so a\n  // resize must start from the width the element actually has NOW.\n  const currentSize = useCallback(() => {\n    if (size !== null) return size;\n    const el = targetRef.current;\n    if (el) {\n      const width = el.getBoundingClientRect().width;\n      if (width > 0) {\n        measuredRef.current = width;\n        return width;\n      }\n    }\n    return measuredRef.current ?? defaultSize;\n  }, [size, defaultSize, targetRef]);\n\n  const apply = useCallback(\n    (px: number) => {\n      const next = clamp(px);\n      setSize(next);\n      targetRef.current?.style.setProperty(cssProperty, `${next}px`);\n      return next;\n    },\n    [clamp, cssProperty, targetRef],\n  );\n\n  const reset = useCallback(() => {\n    setSize(null);\n    targetRef.current?.style.removeProperty(cssProperty);\n    measuredRef.current = null;\n    onResize?.(null);\n  }, [cssProperty, onResize, targetRef]);\n\n  // Pointer-drag delta → width delta. The boundary the handle moves is\n  // physical, so the logical edge and the writing direction both flip\n  // the sign: dragging right grows a start-docked surface in LTR but\n  // shrinks it in RTL, and vice versa for an end-docked one. Direction\n  // is resolved at INTERACTION time from the target's computed style —\n  // a mount-time read can be stale (the target may be unmounted while a\n  // panel is closed, and `dir` lives on a subtree wrapper, not <html>).\n  const resolveSign = useCallback(() => {\n    const el = targetRef.current;\n    const rtl = el ? getComputedStyle(el).direction === 'rtl' : false;\n    return (edge === 'inline-end' ? 1 : -1) * (rtl ? -1 : 1);\n  }, [edge, targetRef]);\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      if (disabled || !event.isPrimary) return;\n      event.currentTarget.setPointerCapture(event.pointerId);\n      const startSize = currentSize();\n      dragRef.current = {\n        pointerId: event.pointerId,\n        startX: event.clientX,\n        startSize,\n        sign: resolveSign(),\n        size: startSize,\n      };\n      setIsResizing(true);\n    },\n    [disabled, currentSize, resolveSign],\n  );\n\n  const onPointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      const drag = dragRef.current;\n      if (!drag || event.pointerId !== drag.pointerId) return;\n      drag.size = apply(\n        drag.startSize + drag.sign * (event.clientX - drag.startX),\n      );\n    },\n    [apply],\n  );\n\n  const endDrag = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      const drag = dragRef.current;\n      if (!drag || event.pointerId !== drag.pointerId) return;\n      // Cleared first: the capture's release fires lostpointercapture.\n      dragRef.current = null;\n      setIsResizing(false);\n      const handle = event.currentTarget;\n      if (handle.hasPointerCapture(event.pointerId))\n        handle.releasePointerCapture(event.pointerId);\n      // Re-apply from the up-event coordinates so the committed width,\n      // the rendered width, and aria-valuenow all agree even when the\n      // pointer-up lands at a different X than the last move.\n      const committed = apply(\n        drag.startSize + drag.sign * (event.clientX - drag.startX),\n      );\n      onResize?.(committed);\n    },\n    [apply, onResize],\n  );\n\n  // Capture lost without a pointerup (the browser took it back): the drag\n  // ends at the width it reached. After a pointerup there is none to end.\n  const onLostPointerCapture = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      const drag = dragRef.current;\n      if (!drag || event.pointerId !== drag.pointerId) return;\n      dragRef.current = null;\n      setIsResizing(false);\n      onResize?.(drag.size);\n    },\n    [onResize],\n  );\n\n  // A handle removed mid-drag (its panel closed) gets no pointerup, and its\n  // lostpointercapture goes to the document. Stable, so it only sees removal.\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  const handleRef = useCallback((node: HTMLElement | null) => {\n    const drag = dragRef.current;\n    if (node || !drag) return;\n    dragRef.current = null;\n    setIsResizing(false);\n    onResizeRef.current?.(drag.size);\n  }, []);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (disabled) return;\n      const step = event.shiftKey ? KEY_STEP_COARSE : KEY_STEP;\n      const sign = resolveSign();\n      let next: number | null = null;\n      switch (event.key) {\n        case 'ArrowRight':\n          next = currentSize() + sign * step;\n          break;\n        case 'ArrowLeft':\n          next = currentSize() - sign * step;\n          break;\n        case 'Home':\n          next = minSize;\n          break;\n        case 'End':\n          next = maxSize;\n          break;\n        case 'Enter':\n          event.preventDefault();\n          reset();\n          return;\n        default:\n          return;\n      }\n      if (next === null) return;\n      event.preventDefault();\n      // Evaluate apply() unconditionally — `onResize?.(apply(next))`\n      // would short-circuit the argument away when no callback is set.\n      const committed = apply(next);\n      onResize?.(committed);\n    },\n    [\n      apply,\n      currentSize,\n      disabled,\n      maxSize,\n      minSize,\n      onResize,\n      reset,\n      resolveSign,\n    ],\n  );\n\n  const valueNow = Math.round(currentSize());\n\n  return {\n    separatorProps: {\n      role: 'separator',\n      tabIndex: disabled ? -1 : 0,\n      'aria-orientation': 'vertical',\n      'aria-valuemin': minSize,\n      'aria-valuemax': maxSize,\n      'aria-valuenow': valueNow,\n      'aria-valuetext': t('resizable.widthAnnounce', { width: valueNow }),\n      'aria-disabled': disabled || undefined,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp: endDrag,\n      onPointerCancel: endDrag,\n      onLostPointerCapture,\n      ref: handleRef,\n      onKeyDown,\n      onDoubleClick: reset,\n    },\n    isResizing,\n    isResized: size !== null,\n    reset,\n  };\n}\n"],"names":["KEY_STEP","KEY_STEP_COARSE","useEdgeResize","edge","targetRef","cssProperty","minSize","maxSize","defaultSize","disabled","onResize","controlledSize","t","useTranslation","isControlled","size","setSize","useState","isResizing","setIsResizing","measuredRef","useRef","dragRef","useIsomorphicLayoutEffect","el","width","clamp","useCallback","px","next","_a","_b","currentSize","apply","reset","resolveSign","rtl","onPointerDown","event","startSize","onPointerMove","drag","endDrag","handle","committed","onLostPointerCapture","onResizeRef","handleRef","node","onKeyDown","step","sign","valueNow"],"mappings":"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"}

package/dist/_chunks/{voice-control-panel-DyKEaFxt.js → voice-control-panel-C0BfY23Y.js}

@@ -2,11 +2,11 @@ import { jsxs as a, jsx as o, Fragment as ot } from "react/jsx-runtime";
 import { forwardRef as It, useId as Se, useState as _, useRef as c, useMemo as Pe, useEffect as y, useCallback as I } from "react";
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as Lt, Trans as Vt } from "react-i18next";
-import { A as Gt } from "./ai-permission-notice-BJHutKLE.js";
+import { A as Gt } from "./ai-permission-notice-DpRmZ9Q3.js";
 import { A as Ft } from "./ai-sparkle-D23NT8Z_.js";
-import { B as Mt } from "./badge-hnBt8o7n.js";
+import { B as Mt } from "./badge-BUk4RjTS.js";
 import { B as st } from "./button-D-MQxsA_.js";
-import { I as Dt } from "./icon-button-dNE6ENLn.js";
+import { I as Dt } from "./icon-button-C_1TgRiK.js";
 import { C as $t, b as Bt, a as jt } from "./collapsible-DVPM46bq.js";
 import { F as qt } from "./form-field-Ani72sVY.js";
 import { K as Ht } from "./kbd-Bx7eQv9f.js";
@@ -1006,4 +1006,4 @@ export {
   An as V,
   pn as v
 };
-//# sourceMappingURL=voice-control-panel-DyKEaFxt.js.map
+//# sourceMappingURL=voice-control-panel-C0BfY23Y.js.map