@viax.io/uxm 4.36.0

package/dist/hooks/use-roving-tab-index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-roving-tab-index.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport type { KeyboardEvent, RefCallback } from 'react';\n\nexport type RovingTabIndexOrientation = 'horizontal' | 'vertical';\n\nexport interface UseRovingTabIndexOptions {\n  /** Total number of items in the roving group. */\n  count: number;\n  /**\n   * Index of the item that currently owns the roving tab stop\n   * (`tabIndex={0}`) — every other item should render `tabIndex={-1}`.\n   * For tabs/toolbars this is usually the active/selected item; for a\n   * plain listbox it can be a locally-owned \"highlighted\" index that's\n   * independent of the committed selection.\n   */\n  activeIndex: number;\n  /**\n   * Arrow-key axis: `horizontal` reads ArrowLeft/ArrowRight, `vertical`\n   * reads ArrowUp/ArrowDown. Home/End work either way. Default `horizontal`.\n   */\n  orientation?: RovingTabIndexOrientation;\n  /**\n   * Items to skip while arrow-navigating (e.g. disabled tabs). Skipped\n   * items are never landed on, so the group can't be arrowed into an\n   * inert item and stays reachable.\n   */\n  isDisabled?: (index: number) => boolean;\n  /**\n   * Called with the index the roving focus should move to next. The\n   * consumer decides what \"moving\" means — for tabs that's usually\n   * \"select AND focus\"; for a listbox it can be just \"highlight\".\n   */\n  onNavigate: (index: number) => void;\n}\n\nexport interface UseRovingTabIndexResult {\n  /**\n   * Ref callback — register each item's DOM node at `index` so arrow\n   * navigation can call `.focus()` on it after `onNavigate` runs.\n   */\n  getItemRef: (index: number) => RefCallback<HTMLElement>;\n  /**\n   * Wire to each item's `onKeyDown`. Moves the roving tab stop with\n   * ArrowLeft/Right (or Up/Down, per `orientation`) + Home/End; ignores\n   * all other keys so native behavior (Enter/Space activation, etc.)\n   * passes through untouched.\n   */\n  onItemKeyDown: (e: KeyboardEvent<HTMLElement>, index: number) => void;\n}\n\n/**\n * Roving-tabindex keyboard navigation for one-dimensional ARIA widgets\n * (tabs, toolbars, listboxes) where exactly one item is a Tab stop at a\n * time and Arrow keys move focus within the group.\n *\n * The hook is intentionally \"controlled\": it doesn't own any state itself.\n * The consumer passes the current `activeIndex` and receives the next\n * index via `onNavigate` to act on — select it, highlight it, whatever\n * fits the widget. That keeps a single source of truth for which item is\n * active, whether it changed via click, keyboard, or a controlled prop\n * from the parent.\n *\n * @example\n * const activeIndex = options.findIndex((o) => o.value === active);\n * const { getItemRef, onItemKeyDown } = useRovingTabIndex({\n *   count: options.length,\n *   activeIndex,\n *   isDisabled: (i) => !!options[i].disabled,\n *   onNavigate: (i) => select(options[i].value),\n * });\n *\n * <button\n *   ref={getItemRef(i)}\n *   tabIndex={i === activeIndex ? 0 : -1}\n *   onKeyDown={(e) => onItemKeyDown(e, i)}\n * />\n */\nexport function useRovingTabIndex({\n  count,\n  // `activeIndex` stays in the options type (consumers read it for their own\n  // `tabIndex={i === activeIndex ? 0 : -1}`) but the hook body doesn't need it.\n  orientation = 'horizontal',\n  isDisabled,\n  onNavigate,\n}: UseRovingTabIndexOptions): UseRovingTabIndexResult {\n  const itemRefs = useRef<Array<HTMLElement | null>>([]);\n\n  const getItemRef = useCallback(\n    (index: number): RefCallback<HTMLElement> =>\n      (el) => {\n        itemRefs.current[index] = el;\n      },\n    [],\n  );\n\n  const moveTo = useCallback(\n    (index: number) => {\n      onNavigate(index);\n      itemRefs.current[index]?.focus();\n    },\n    [onNavigate],\n  );\n\n  const onItemKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>, index: number) => {\n      const prevKey = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n      const nextKey = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n\n      if (e.key === 'Home' || e.key === 'End') {\n        e.preventDefault();\n        const step = e.key === 'Home' ? 1 : -1;\n        let candidate = e.key === 'Home' ? 0 : count - 1;\n        while (candidate >= 0 && candidate < count && isDisabled?.(candidate)) {\n          candidate += step;\n        }\n        if (candidate >= 0 && candidate < count) moveTo(candidate);\n        return;\n      }\n\n      let step = 0;\n      if (e.key === prevKey) step = -1;\n      else if (e.key === nextKey) step = 1;\n      else return;\n\n      e.preventDefault();\n      let next = index + step;\n      while (next >= 0 && next < count && isDisabled?.(next)) next += step;\n      if (next >= 0 && next < count) moveTo(next);\n    },\n    [count, isDisabled, orientation, moveTo],\n  );\n\n  return { getItemRef, onItemKeyDown };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AA8E7B,SAAS,kBAAkB;AAAA,EAChC;AAAA;AAAA;AAAA,EAGA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,eAAW,qBAAkC,CAAC,CAAC;AAErD,QAAM,iBAAa;AAAA,IACjB,CAAC,UACC,CAAC,OAAO;AACN,eAAS,QAAQ,KAAK,IAAI;AAAA,IAC5B;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,aAAS;AAAA,IACb,CAAC,UAAkB;AACjB,iBAAW,KAAK;AAChB,eAAS,QAAQ,KAAK,GAAG,MAAM;AAAA,IACjC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,GAA+B,UAAkB;AAChD,YAAM,UAAU,gBAAgB,aAAa,YAAY;AACzD,YAAM,UAAU,gBAAgB,aAAa,cAAc;AAE3D,UAAI,EAAE,QAAQ,UAAU,EAAE,QAAQ,OAAO;AACvC,UAAE,eAAe;AACjB,cAAMA,QAAO,EAAE,QAAQ,SAAS,IAAI;AACpC,YAAI,YAAY,EAAE,QAAQ,SAAS,IAAI,QAAQ;AAC/C,eAAO,aAAa,KAAK,YAAY,SAAS,aAAa,SAAS,GAAG;AACrE,uBAAaA;AAAA,QACf;AACA,YAAI,aAAa,KAAK,YAAY,MAAO,QAAO,SAAS;AACzD;AAAA,MACF;AAEA,UAAI,OAAO;AACX,UAAI,EAAE,QAAQ,QAAS,QAAO;AAAA,eACrB,EAAE,QAAQ,QAAS,QAAO;AAAA,UAC9B;AAEL,QAAE,eAAe;AACjB,UAAI,OAAO,QAAQ;AACnB,aAAO,QAAQ,KAAK,OAAO,SAAS,aAAa,IAAI,EAAG,SAAQ;AAChE,UAAI,QAAQ,KAAK,OAAO,MAAO,QAAO,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,OAAO,YAAY,aAAa,MAAM;AAAA,EACzC;AAEA,SAAO,EAAE,YAAY,cAAc;AACrC;","names":["step"]}

package/dist/hooks/use-roving-tab-index.d.ts

@@ -0,0 +1,74 @@
+import type { KeyboardEvent, RefCallback } from 'react';
+export type RovingTabIndexOrientation = 'horizontal' | 'vertical';
+export interface UseRovingTabIndexOptions {
+    /** Total number of items in the roving group. */
+    count: number;
+    /**
+     * Index of the item that currently owns the roving tab stop
+     * (`tabIndex={0}`) — every other item should render `tabIndex={-1}`.
+     * For tabs/toolbars this is usually the active/selected item; for a
+     * plain listbox it can be a locally-owned "highlighted" index that's
+     * independent of the committed selection.
+     */
+    activeIndex: number;
+    /**
+     * Arrow-key axis: `horizontal` reads ArrowLeft/ArrowRight, `vertical`
+     * reads ArrowUp/ArrowDown. Home/End work either way. Default `horizontal`.
+     */
+    orientation?: RovingTabIndexOrientation;
+    /**
+     * Items to skip while arrow-navigating (e.g. disabled tabs). Skipped
+     * items are never landed on, so the group can't be arrowed into an
+     * inert item and stays reachable.
+     */
+    isDisabled?: (index: number) => boolean;
+    /**
+     * Called with the index the roving focus should move to next. The
+     * consumer decides what "moving" means — for tabs that's usually
+     * "select AND focus"; for a listbox it can be just "highlight".
+     */
+    onNavigate: (index: number) => void;
+}
+export interface UseRovingTabIndexResult {
+    /**
+     * Ref callback — register each item's DOM node at `index` so arrow
+     * navigation can call `.focus()` on it after `onNavigate` runs.
+     */
+    getItemRef: (index: number) => RefCallback<HTMLElement>;
+    /**
+     * Wire to each item's `onKeyDown`. Moves the roving tab stop with
+     * ArrowLeft/Right (or Up/Down, per `orientation`) + Home/End; ignores
+     * all other keys so native behavior (Enter/Space activation, etc.)
+     * passes through untouched.
+     */
+    onItemKeyDown: (e: KeyboardEvent<HTMLElement>, index: number) => void;
+}
+/**
+ * Roving-tabindex keyboard navigation for one-dimensional ARIA widgets
+ * (tabs, toolbars, listboxes) where exactly one item is a Tab stop at a
+ * time and Arrow keys move focus within the group.
+ *
+ * The hook is intentionally "controlled": it doesn't own any state itself.
+ * The consumer passes the current `activeIndex` and receives the next
+ * index via `onNavigate` to act on — select it, highlight it, whatever
+ * fits the widget. That keeps a single source of truth for which item is
+ * active, whether it changed via click, keyboard, or a controlled prop
+ * from the parent.
+ *
+ * @example
+ * const activeIndex = options.findIndex((o) => o.value === active);
+ * const { getItemRef, onItemKeyDown } = useRovingTabIndex({
+ *   count: options.length,
+ *   activeIndex,
+ *   isDisabled: (i) => !!options[i].disabled,
+ *   onNavigate: (i) => select(options[i].value),
+ * });
+ *
+ * <button
+ *   ref={getItemRef(i)}
+ *   tabIndex={i === activeIndex ? 0 : -1}
+ *   onKeyDown={(e) => onItemKeyDown(e, i)}
+ * />
+ */
+export declare function useRovingTabIndex({ count, orientation, isDisabled, onNavigate, }: UseRovingTabIndexOptions): UseRovingTabIndexResult;
+//# sourceMappingURL=use-roving-tab-index.d.ts.map

package/dist/hooks/use-roving-tab-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-roving-tab-index.d.ts","sourceRoot":"","sources":["../../src/hooks/use-roving-tab-index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG,UAAU,CAAC;AAElE,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,WAAW,CAAC,CAAC;IACxD;;;;;OAKG;IACH,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAGL,WAA0B,EAC1B,UAAU,EACV,UAAU,GACX,EAAE,wBAAwB,GAAG,uBAAuB,CAiDpD"}

package/dist/hooks/use-roving-tab-index.js

@@ -0,0 +1,54 @@
+import { useCallback, useRef } from "react";
+function useRovingTabIndex({
+  count,
+  // `activeIndex` stays in the options type (consumers read it for their own
+  // `tabIndex={i === activeIndex ? 0 : -1}`) but the hook body doesn't need it.
+  orientation = "horizontal",
+  isDisabled,
+  onNavigate
+}) {
+  const itemRefs = useRef([]);
+  const getItemRef = useCallback(
+    (index) => (el) => {
+      itemRefs.current[index] = el;
+    },
+    []
+  );
+  const moveTo = useCallback(
+    (index) => {
+      onNavigate(index);
+      itemRefs.current[index]?.focus();
+    },
+    [onNavigate]
+  );
+  const onItemKeyDown = useCallback(
+    (e, index) => {
+      const prevKey = orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+      const nextKey = orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+      if (e.key === "Home" || e.key === "End") {
+        e.preventDefault();
+        const step2 = e.key === "Home" ? 1 : -1;
+        let candidate = e.key === "Home" ? 0 : count - 1;
+        while (candidate >= 0 && candidate < count && isDisabled?.(candidate)) {
+          candidate += step2;
+        }
+        if (candidate >= 0 && candidate < count) moveTo(candidate);
+        return;
+      }
+      let step = 0;
+      if (e.key === prevKey) step = -1;
+      else if (e.key === nextKey) step = 1;
+      else return;
+      e.preventDefault();
+      let next = index + step;
+      while (next >= 0 && next < count && isDisabled?.(next)) next += step;
+      if (next >= 0 && next < count) moveTo(next);
+    },
+    [count, isDisabled, orientation, moveTo]
+  );
+  return { getItemRef, onItemKeyDown };
+}
+export {
+  useRovingTabIndex
+};
+//# sourceMappingURL=use-roving-tab-index.js.map

package/dist/hooks/use-roving-tab-index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-roving-tab-index.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport type { KeyboardEvent, RefCallback } from 'react';\n\nexport type RovingTabIndexOrientation = 'horizontal' | 'vertical';\n\nexport interface UseRovingTabIndexOptions {\n  /** Total number of items in the roving group. */\n  count: number;\n  /**\n   * Index of the item that currently owns the roving tab stop\n   * (`tabIndex={0}`) — every other item should render `tabIndex={-1}`.\n   * For tabs/toolbars this is usually the active/selected item; for a\n   * plain listbox it can be a locally-owned \"highlighted\" index that's\n   * independent of the committed selection.\n   */\n  activeIndex: number;\n  /**\n   * Arrow-key axis: `horizontal` reads ArrowLeft/ArrowRight, `vertical`\n   * reads ArrowUp/ArrowDown. Home/End work either way. Default `horizontal`.\n   */\n  orientation?: RovingTabIndexOrientation;\n  /**\n   * Items to skip while arrow-navigating (e.g. disabled tabs). Skipped\n   * items are never landed on, so the group can't be arrowed into an\n   * inert item and stays reachable.\n   */\n  isDisabled?: (index: number) => boolean;\n  /**\n   * Called with the index the roving focus should move to next. The\n   * consumer decides what \"moving\" means — for tabs that's usually\n   * \"select AND focus\"; for a listbox it can be just \"highlight\".\n   */\n  onNavigate: (index: number) => void;\n}\n\nexport interface UseRovingTabIndexResult {\n  /**\n   * Ref callback — register each item's DOM node at `index` so arrow\n   * navigation can call `.focus()` on it after `onNavigate` runs.\n   */\n  getItemRef: (index: number) => RefCallback<HTMLElement>;\n  /**\n   * Wire to each item's `onKeyDown`. Moves the roving tab stop with\n   * ArrowLeft/Right (or Up/Down, per `orientation`) + Home/End; ignores\n   * all other keys so native behavior (Enter/Space activation, etc.)\n   * passes through untouched.\n   */\n  onItemKeyDown: (e: KeyboardEvent<HTMLElement>, index: number) => void;\n}\n\n/**\n * Roving-tabindex keyboard navigation for one-dimensional ARIA widgets\n * (tabs, toolbars, listboxes) where exactly one item is a Tab stop at a\n * time and Arrow keys move focus within the group.\n *\n * The hook is intentionally \"controlled\": it doesn't own any state itself.\n * The consumer passes the current `activeIndex` and receives the next\n * index via `onNavigate` to act on — select it, highlight it, whatever\n * fits the widget. That keeps a single source of truth for which item is\n * active, whether it changed via click, keyboard, or a controlled prop\n * from the parent.\n *\n * @example\n * const activeIndex = options.findIndex((o) => o.value === active);\n * const { getItemRef, onItemKeyDown } = useRovingTabIndex({\n *   count: options.length,\n *   activeIndex,\n *   isDisabled: (i) => !!options[i].disabled,\n *   onNavigate: (i) => select(options[i].value),\n * });\n *\n * <button\n *   ref={getItemRef(i)}\n *   tabIndex={i === activeIndex ? 0 : -1}\n *   onKeyDown={(e) => onItemKeyDown(e, i)}\n * />\n */\nexport function useRovingTabIndex({\n  count,\n  // `activeIndex` stays in the options type (consumers read it for their own\n  // `tabIndex={i === activeIndex ? 0 : -1}`) but the hook body doesn't need it.\n  orientation = 'horizontal',\n  isDisabled,\n  onNavigate,\n}: UseRovingTabIndexOptions): UseRovingTabIndexResult {\n  const itemRefs = useRef<Array<HTMLElement | null>>([]);\n\n  const getItemRef = useCallback(\n    (index: number): RefCallback<HTMLElement> =>\n      (el) => {\n        itemRefs.current[index] = el;\n      },\n    [],\n  );\n\n  const moveTo = useCallback(\n    (index: number) => {\n      onNavigate(index);\n      itemRefs.current[index]?.focus();\n    },\n    [onNavigate],\n  );\n\n  const onItemKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLElement>, index: number) => {\n      const prevKey = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n      const nextKey = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n\n      if (e.key === 'Home' || e.key === 'End') {\n        e.preventDefault();\n        const step = e.key === 'Home' ? 1 : -1;\n        let candidate = e.key === 'Home' ? 0 : count - 1;\n        while (candidate >= 0 && candidate < count && isDisabled?.(candidate)) {\n          candidate += step;\n        }\n        if (candidate >= 0 && candidate < count) moveTo(candidate);\n        return;\n      }\n\n      let step = 0;\n      if (e.key === prevKey) step = -1;\n      else if (e.key === nextKey) step = 1;\n      else return;\n\n      e.preventDefault();\n      let next = index + step;\n      while (next >= 0 && next < count && isDisabled?.(next)) next += step;\n      if (next >= 0 && next < count) moveTo(next);\n    },\n    [count, isDisabled, orientation, moveTo],\n  );\n\n  return { getItemRef, onItemKeyDown };\n}\n"],"mappings":"AAAA,SAAS,aAAa,cAAc;AA8E7B,SAAS,kBAAkB;AAAA,EAChC;AAAA;AAAA;AAAA,EAGA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,WAAW,OAAkC,CAAC,CAAC;AAErD,QAAM,aAAa;AAAA,IACjB,CAAC,UACC,CAAC,OAAO;AACN,eAAS,QAAQ,KAAK,IAAI;AAAA,IAC5B;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,SAAS;AAAA,IACb,CAAC,UAAkB;AACjB,iBAAW,KAAK;AAChB,eAAS,QAAQ,KAAK,GAAG,MAAM;AAAA,IACjC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,GAA+B,UAAkB;AAChD,YAAM,UAAU,gBAAgB,aAAa,YAAY;AACzD,YAAM,UAAU,gBAAgB,aAAa,cAAc;AAE3D,UAAI,EAAE,QAAQ,UAAU,EAAE,QAAQ,OAAO;AACvC,UAAE,eAAe;AACjB,cAAMA,QAAO,EAAE,QAAQ,SAAS,IAAI;AACpC,YAAI,YAAY,EAAE,QAAQ,SAAS,IAAI,QAAQ;AAC/C,eAAO,aAAa,KAAK,YAAY,SAAS,aAAa,SAAS,GAAG;AACrE,uBAAaA;AAAA,QACf;AACA,YAAI,aAAa,KAAK,YAAY,MAAO,QAAO,SAAS;AACzD;AAAA,MACF;AAEA,UAAI,OAAO;AACX,UAAI,EAAE,QAAQ,QAAS,QAAO;AAAA,eACrB,EAAE,QAAQ,QAAS,QAAO;AAAA,UAC9B;AAEL,QAAE,eAAe;AACjB,UAAI,OAAO,QAAQ;AACnB,aAAO,QAAQ,KAAK,OAAO,SAAS,aAAa,IAAI,EAAG,SAAQ;AAChE,UAAI,QAAQ,KAAK,OAAO,MAAO,QAAO,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,OAAO,YAAY,aAAa,MAAM;AAAA,EACzC;AAEA,SAAO,EAAE,YAAY,cAAc;AACrC;","names":["step"]}

package/dist/hooks/use-scroll-lock.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_scroll_lock_exports = {};
+__export(use_scroll_lock_exports, {
+  useScrollLock: () => useScrollLock
+});
+module.exports = __toCommonJS(use_scroll_lock_exports);
+var import_react = require("react");
+function useScrollLock(active) {
+  (0, import_react.useEffect)(() => {
+    if (!active) return;
+    const { body } = document;
+    const prevOverflow = body.style.overflow;
+    const prevPaddingRight = body.style.paddingRight;
+    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    body.style.overflow = "hidden";
+    if (scrollbarWidth > 0) {
+      body.style.paddingRight = `${scrollbarWidth}px`;
+    }
+    return () => {
+      body.style.overflow = prevOverflow;
+      body.style.paddingRight = prevPaddingRight;
+    };
+  }, [active]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useScrollLock
+});
+//# sourceMappingURL=use-scroll-lock.cjs.map

package/dist/hooks/use-scroll-lock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-scroll-lock.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lock `document.body` scrolling while `active` is true. Compensates for\n * the disappearing scrollbar by reserving its width as right-side padding\n * so the page behind the lock doesn't shift horizontally.\n *\n * v1 assumes single-modal usage (asserted by Dialog itself). If we ever\n * need to support stacks, this hook needs a refcount keyed at module\n * scope so the LAST close — not every close — restores body styles.\n */\nexport function useScrollLock(active: boolean): void {\n  useEffect(() => {\n    if (!active) return;\n    const { body } = document;\n    const prevOverflow = body.style.overflow;\n    const prevPaddingRight = body.style.paddingRight;\n    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n    body.style.overflow = 'hidden';\n    if (scrollbarWidth > 0) {\n      body.style.paddingRight = `${scrollbarWidth}px`;\n    }\n    return () => {\n      body.style.overflow = prevOverflow;\n      body.style.paddingRight = prevPaddingRight;\n    };\n  }, [active]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAWnB,SAAS,cAAc,QAAuB;AACnD,8BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,EAAE,KAAK,IAAI;AACjB,UAAM,eAAe,KAAK,MAAM;AAChC,UAAM,mBAAmB,KAAK,MAAM;AACpC,UAAM,iBAAiB,OAAO,aAAa,SAAS,gBAAgB;AACpE,SAAK,MAAM,WAAW;AACtB,QAAI,iBAAiB,GAAG;AACtB,WAAK,MAAM,eAAe,GAAG,cAAc;AAAA,IAC7C;AACA,WAAO,MAAM;AACX,WAAK,MAAM,WAAW;AACtB,WAAK,MAAM,eAAe;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;","names":[]}

package/dist/hooks/use-scroll-lock.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Lock `document.body` scrolling while `active` is true. Compensates for
+ * the disappearing scrollbar by reserving its width as right-side padding
+ * so the page behind the lock doesn't shift horizontally.
+ *
+ * v1 assumes single-modal usage (asserted by Dialog itself). If we ever
+ * need to support stacks, this hook needs a refcount keyed at module
+ * scope so the LAST close — not every close — restores body styles.
+ */
+export declare function useScrollLock(active: boolean): void;
+//# sourceMappingURL=use-scroll-lock.d.ts.map

package/dist/hooks/use-scroll-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-lock.d.ts","sourceRoot":"","sources":["../../src/hooks/use-scroll-lock.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAgBnD"}

package/dist/hooks/use-scroll-lock.js

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+function useScrollLock(active) {
+  useEffect(() => {
+    if (!active) return;
+    const { body } = document;
+    const prevOverflow = body.style.overflow;
+    const prevPaddingRight = body.style.paddingRight;
+    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    body.style.overflow = "hidden";
+    if (scrollbarWidth > 0) {
+      body.style.paddingRight = `${scrollbarWidth}px`;
+    }
+    return () => {
+      body.style.overflow = prevOverflow;
+      body.style.paddingRight = prevPaddingRight;
+    };
+  }, [active]);
+}
+export {
+  useScrollLock
+};
+//# sourceMappingURL=use-scroll-lock.js.map

package/dist/hooks/use-scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-scroll-lock.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lock `document.body` scrolling while `active` is true. Compensates for\n * the disappearing scrollbar by reserving its width as right-side padding\n * so the page behind the lock doesn't shift horizontally.\n *\n * v1 assumes single-modal usage (asserted by Dialog itself). If we ever\n * need to support stacks, this hook needs a refcount keyed at module\n * scope so the LAST close — not every close — restores body styles.\n */\nexport function useScrollLock(active: boolean): void {\n  useEffect(() => {\n    if (!active) return;\n    const { body } = document;\n    const prevOverflow = body.style.overflow;\n    const prevPaddingRight = body.style.paddingRight;\n    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n    body.style.overflow = 'hidden';\n    if (scrollbarWidth > 0) {\n      body.style.paddingRight = `${scrollbarWidth}px`;\n    }\n    return () => {\n      body.style.overflow = prevOverflow;\n      body.style.paddingRight = prevPaddingRight;\n    };\n  }, [active]);\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAWnB,SAAS,cAAc,QAAuB;AACnD,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,EAAE,KAAK,IAAI;AACjB,UAAM,eAAe,KAAK,MAAM;AAChC,UAAM,mBAAmB,KAAK,MAAM;AACpC,UAAM,iBAAiB,OAAO,aAAa,SAAS,gBAAgB;AACpE,SAAK,MAAM,WAAW;AACtB,QAAI,iBAAiB,GAAG;AACtB,WAAK,MAAM,eAAe,GAAG,cAAc;AAAA,IAC7C;AACA,WAAO,MAAM;AACX,WAAK,MAAM,WAAW;AACtB,WAAK,MAAM,eAAe;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;","names":[]}

package/dist/hooks/use-toast-store.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_toast_store_exports = {};
+__export(use_toast_store_exports, {
+  toastStore: () => toastStore,
+  useToastStore: () => useToastStore
+});
+module.exports = __toCommonJS(use_toast_store_exports);
+var import_react = require("react");
+class ToastStore {
+  constructor() {
+    this.toasts = Object.freeze([]);
+    this.listeners = /* @__PURE__ */ new Set();
+    this.idCounter = 0;
+    this.subscribe = (l) => {
+      this.listeners.add(l);
+      return () => {
+        this.listeners.delete(l);
+      };
+    };
+    this.getSnapshot = () => this.toasts;
+    /** SSR snapshot — never any toasts on the server. */
+    this.getServerSnapshot = () => EMPTY;
+  }
+  emit() {
+    for (const l of this.listeners) l();
+  }
+  add(variant, message, options = {}) {
+    const id = options.id ?? `uxm-toast-${++this.idCounter}`;
+    const duration = options.duration ?? 4e3;
+    const next = { id, variant, message, duration, action: options.action };
+    const existing = this.toasts.findIndex((t) => t.id === id);
+    if (existing >= 0) {
+      const copy = this.toasts.slice();
+      copy[existing] = next;
+      this.toasts = Object.freeze(copy);
+    } else {
+      this.toasts = Object.freeze([next, ...this.toasts]);
+    }
+    this.emit();
+    return id;
+  }
+  dismiss(id) {
+    const next = this.toasts.filter((t) => t.id !== id);
+    if (next.length === this.toasts.length) return;
+    this.toasts = Object.freeze(next);
+    this.emit();
+  }
+  /** Cap the stack — drops the OLDEST entries past the limit. */
+  trim(max) {
+    if (this.toasts.length <= max) return;
+    this.toasts = Object.freeze(this.toasts.slice(0, max));
+    this.emit();
+  }
+  clear() {
+    if (this.toasts.length === 0) return;
+    this.toasts = EMPTY;
+    this.emit();
+  }
+}
+const EMPTY = Object.freeze([]);
+const toastStore = new ToastStore();
+function useToastStore() {
+  return (0, import_react.useSyncExternalStore)(
+    toastStore.subscribe,
+    toastStore.getSnapshot,
+    toastStore.getServerSnapshot
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toastStore,
+  useToastStore
+});
+//# sourceMappingURL=use-toast-store.cjs.map

package/dist/hooks/use-toast-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-toast-store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport type { ToastVariant as ToastAtomVariant } from '../ui/toast/toast';\n\n/** Re-exported here so consumers can grab the type from one place. */\nexport type ToastVariant = ToastAtomVariant;\n\n/**\n * Inline action affordance — single button rendered between the message\n * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the\n * toast (convention: the user took the action, no reason to keep it).\n */\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastItem {\n  id: string;\n  variant: ToastVariant;\n  message: string;\n  /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */\n  duration: number;\n  action?: ToastAction;\n}\n\nexport interface ToastOptions {\n  /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */\n  duration?: number;\n  /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */\n  id?: string;\n  /** Inline action button (e.g. \"Retry\", \"Undo\"). Auto-dismisses on click. */\n  action?: ToastAction;\n}\n\ntype Listener = () => void;\n\n/**\n * Module-level singleton store. The store survives across renders and\n * is shared by every consumer of `toast.*` and `<Toaster />`, so the\n * imperative API works from anywhere without a React context tree —\n * the same trick sonner uses.\n *\n * State is held in a frozen array so React's strict-equality bail-out\n * works correctly with `useSyncExternalStore`.\n */\nclass ToastStore {\n  private toasts: ReadonlyArray<ToastItem> = Object.freeze([]);\n  private listeners = new Set<Listener>();\n  private idCounter = 0;\n\n  private emit() {\n    for (const l of this.listeners) l();\n  }\n\n  subscribe = (l: Listener) => {\n    this.listeners.add(l);\n    return () => {\n      this.listeners.delete(l);\n    };\n  };\n\n  getSnapshot = (): ReadonlyArray<ToastItem> => this.toasts;\n\n  /** SSR snapshot — never any toasts on the server. */\n  getServerSnapshot = (): ReadonlyArray<ToastItem> => EMPTY;\n\n  add(variant: ToastVariant, message: string, options: ToastOptions = {}): string {\n    const id = options.id ?? `uxm-toast-${++this.idCounter}`;\n    const duration = options.duration ?? 4000;\n    const next: ToastItem = { id, variant, message, duration, action: options.action };\n    const existing = this.toasts.findIndex((t) => t.id === id);\n    if (existing >= 0) {\n      const copy = this.toasts.slice();\n      copy[existing] = next;\n      this.toasts = Object.freeze(copy);\n    } else {\n      this.toasts = Object.freeze([next, ...this.toasts]);\n    }\n    this.emit();\n    return id;\n  }\n\n  dismiss(id: string) {\n    const next = this.toasts.filter((t) => t.id !== id);\n    if (next.length === this.toasts.length) return;\n    this.toasts = Object.freeze(next);\n    this.emit();\n  }\n\n  /** Cap the stack — drops the OLDEST entries past the limit. */\n  trim(max: number) {\n    if (this.toasts.length <= max) return;\n    this.toasts = Object.freeze(this.toasts.slice(0, max));\n    this.emit();\n  }\n\n  clear() {\n    if (this.toasts.length === 0) return;\n    this.toasts = EMPTY;\n    this.emit();\n  }\n}\n\nconst EMPTY: ReadonlyArray<ToastItem> = Object.freeze([]);\n\n/** The one true store. Imported by both the imperative API and the Toaster. */\nexport const toastStore = new ToastStore();\n\n/** React hook — subscribes a component to the toast list. */\nexport function useToastStore(): ReadonlyArray<ToastItem> {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AA8CrC,MAAM,WAAW;AAAA,EAAjB;AACE,SAAQ,SAAmC,OAAO,OAAO,CAAC,CAAC;AAC3D,SAAQ,YAAY,oBAAI,IAAc;AACtC,SAAQ,YAAY;AAMpB,qBAAY,CAAC,MAAgB;AAC3B,WAAK,UAAU,IAAI,CAAC;AACpB,aAAO,MAAM;AACX,aAAK,UAAU,OAAO,CAAC;AAAA,MACzB;AAAA,IACF;AAEA,uBAAc,MAAgC,KAAK;AAGnD;AAAA,6BAAoB,MAAgC;AAAA;AAAA,EAd5C,OAAO;AACb,eAAW,KAAK,KAAK,UAAW,GAAE;AAAA,EACpC;AAAA,EAcA,IAAI,SAAuB,SAAiB,UAAwB,CAAC,GAAW;AAC9E,UAAM,KAAK,QAAQ,MAAM,aAAa,EAAE,KAAK,SAAS;AACtD,UAAM,WAAW,QAAQ,YAAY;AACrC,UAAM,OAAkB,EAAE,IAAI,SAAS,SAAS,UAAU,QAAQ,QAAQ,OAAO;AACjF,UAAM,WAAW,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACzD,QAAI,YAAY,GAAG;AACjB,YAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,WAAK,QAAQ,IAAI;AACjB,WAAK,SAAS,OAAO,OAAO,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,SAAS,OAAO,OAAO,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC;AAAA,IACpD;AACA,SAAK,KAAK;AACV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,IAAY;AAClB,UAAM,OAAO,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAClD,QAAI,KAAK,WAAW,KAAK,OAAO,OAAQ;AACxC,SAAK,SAAS,OAAO,OAAO,IAAI;AAChC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA,EAGA,KAAK,KAAa;AAChB,QAAI,KAAK,OAAO,UAAU,IAAK;AAC/B,SAAK,SAAS,OAAO,OAAO,KAAK,OAAO,MAAM,GAAG,GAAG,CAAC;AACrD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,EACZ;AACF;AAEA,MAAM,QAAkC,OAAO,OAAO,CAAC,CAAC;AAGjD,MAAM,aAAa,IAAI,WAAW;AAGlC,SAAS,gBAA0C;AACxD,aAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/hooks/use-toast-store.d.ts

@@ -0,0 +1,59 @@
+import type { ToastVariant as ToastAtomVariant } from '../ui/toast/toast.js';
+/** Re-exported here so consumers can grab the type from one place. */
+export type ToastVariant = ToastAtomVariant;
+/**
+ * Inline action affordance — single button rendered between the message
+ * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the
+ * toast (convention: the user took the action, no reason to keep it).
+ */
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ToastItem {
+    id: string;
+    variant: ToastVariant;
+    message: string;
+    /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */
+    duration: number;
+    action?: ToastAction;
+}
+export interface ToastOptions {
+    /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */
+    duration?: number;
+    /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */
+    id?: string;
+    /** Inline action button (e.g. "Retry", "Undo"). Auto-dismisses on click. */
+    action?: ToastAction;
+}
+type Listener = () => void;
+/**
+ * Module-level singleton store. The store survives across renders and
+ * is shared by every consumer of `toast.*` and `<Toaster />`, so the
+ * imperative API works from anywhere without a React context tree —
+ * the same trick sonner uses.
+ *
+ * State is held in a frozen array so React's strict-equality bail-out
+ * works correctly with `useSyncExternalStore`.
+ */
+declare class ToastStore {
+    private toasts;
+    private listeners;
+    private idCounter;
+    private emit;
+    subscribe: (l: Listener) => () => void;
+    getSnapshot: () => ReadonlyArray<ToastItem>;
+    /** SSR snapshot — never any toasts on the server. */
+    getServerSnapshot: () => ReadonlyArray<ToastItem>;
+    add(variant: ToastVariant, message: string, options?: ToastOptions): string;
+    dismiss(id: string): void;
+    /** Cap the stack — drops the OLDEST entries past the limit. */
+    trim(max: number): void;
+    clear(): void;
+}
+/** The one true store. Imported by both the imperative API and the Toaster. */
+export declare const toastStore: ToastStore;
+/** React hook — subscribes a component to the toast list. */
+export declare function useToastStore(): ReadonlyArray<ToastItem>;
+export {};
+//# sourceMappingURL=use-toast-store.d.ts.map

package/dist/hooks/use-toast-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast-store.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast-store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,sEAAsE;AACtE,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oGAAoG;IACpG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;;;;;;GAQG;AACH,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAA+C;IAC7D,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAAK;IAEtB,OAAO,CAAC,IAAI;IAIZ,SAAS,GAAI,GAAG,QAAQ,gBAKtB;IAEF,WAAW,QAAO,aAAa,CAAC,SAAS,CAAC,CAAgB;IAE1D,qDAAqD;IACrD,iBAAiB,QAAO,aAAa,CAAC,SAAS,CAAC,CAAU;IAE1D,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;IAgB/E,OAAO,CAAC,EAAE,EAAE,MAAM;IAOlB,+DAA+D;IAC/D,IAAI,CAAC,GAAG,EAAE,MAAM;IAMhB,KAAK;CAKN;AAID,+EAA+E;AAC/E,eAAO,MAAM,UAAU,YAAmB,CAAC;AAE3C,6DAA6D;AAC7D,wBAAgB,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,CAMxD"}

package/dist/hooks/use-toast-store.js

@@ -0,0 +1,66 @@
+import { useSyncExternalStore } from "react";
+class ToastStore {
+  constructor() {
+    this.toasts = Object.freeze([]);
+    this.listeners = /* @__PURE__ */ new Set();
+    this.idCounter = 0;
+    this.subscribe = (l) => {
+      this.listeners.add(l);
+      return () => {
+        this.listeners.delete(l);
+      };
+    };
+    this.getSnapshot = () => this.toasts;
+    /** SSR snapshot — never any toasts on the server. */
+    this.getServerSnapshot = () => EMPTY;
+  }
+  emit() {
+    for (const l of this.listeners) l();
+  }
+  add(variant, message, options = {}) {
+    const id = options.id ?? `uxm-toast-${++this.idCounter}`;
+    const duration = options.duration ?? 4e3;
+    const next = { id, variant, message, duration, action: options.action };
+    const existing = this.toasts.findIndex((t) => t.id === id);
+    if (existing >= 0) {
+      const copy = this.toasts.slice();
+      copy[existing] = next;
+      this.toasts = Object.freeze(copy);
+    } else {
+      this.toasts = Object.freeze([next, ...this.toasts]);
+    }
+    this.emit();
+    return id;
+  }
+  dismiss(id) {
+    const next = this.toasts.filter((t) => t.id !== id);
+    if (next.length === this.toasts.length) return;
+    this.toasts = Object.freeze(next);
+    this.emit();
+  }
+  /** Cap the stack — drops the OLDEST entries past the limit. */
+  trim(max) {
+    if (this.toasts.length <= max) return;
+    this.toasts = Object.freeze(this.toasts.slice(0, max));
+    this.emit();
+  }
+  clear() {
+    if (this.toasts.length === 0) return;
+    this.toasts = EMPTY;
+    this.emit();
+  }
+}
+const EMPTY = Object.freeze([]);
+const toastStore = new ToastStore();
+function useToastStore() {
+  return useSyncExternalStore(
+    toastStore.subscribe,
+    toastStore.getSnapshot,
+    toastStore.getServerSnapshot
+  );
+}
+export {
+  toastStore,
+  useToastStore
+};
+//# sourceMappingURL=use-toast-store.js.map

package/dist/hooks/use-toast-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-toast-store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport type { ToastVariant as ToastAtomVariant } from '../ui/toast/toast';\n\n/** Re-exported here so consumers can grab the type from one place. */\nexport type ToastVariant = ToastAtomVariant;\n\n/**\n * Inline action affordance — single button rendered between the message\n * and the dismiss X. Clicking it fires `onClick` AND auto-dismisses the\n * toast (convention: the user took the action, no reason to keep it).\n */\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastItem {\n  id: string;\n  variant: ToastVariant;\n  message: string;\n  /** ms until auto-dismiss. `Infinity` for persistent (manual dismiss only). */\n  duration: number;\n  action?: ToastAction;\n}\n\nexport interface ToastOptions {\n  /** ms until auto-dismiss. Default `4000`. `Infinity` for persistent. */\n  duration?: number;\n  /** Stable id — pass to overwrite an existing toast (e.g. update progress). Generated if omitted. */\n  id?: string;\n  /** Inline action button (e.g. \"Retry\", \"Undo\"). Auto-dismisses on click. */\n  action?: ToastAction;\n}\n\ntype Listener = () => void;\n\n/**\n * Module-level singleton store. The store survives across renders and\n * is shared by every consumer of `toast.*` and `<Toaster />`, so the\n * imperative API works from anywhere without a React context tree —\n * the same trick sonner uses.\n *\n * State is held in a frozen array so React's strict-equality bail-out\n * works correctly with `useSyncExternalStore`.\n */\nclass ToastStore {\n  private toasts: ReadonlyArray<ToastItem> = Object.freeze([]);\n  private listeners = new Set<Listener>();\n  private idCounter = 0;\n\n  private emit() {\n    for (const l of this.listeners) l();\n  }\n\n  subscribe = (l: Listener) => {\n    this.listeners.add(l);\n    return () => {\n      this.listeners.delete(l);\n    };\n  };\n\n  getSnapshot = (): ReadonlyArray<ToastItem> => this.toasts;\n\n  /** SSR snapshot — never any toasts on the server. */\n  getServerSnapshot = (): ReadonlyArray<ToastItem> => EMPTY;\n\n  add(variant: ToastVariant, message: string, options: ToastOptions = {}): string {\n    const id = options.id ?? `uxm-toast-${++this.idCounter}`;\n    const duration = options.duration ?? 4000;\n    const next: ToastItem = { id, variant, message, duration, action: options.action };\n    const existing = this.toasts.findIndex((t) => t.id === id);\n    if (existing >= 0) {\n      const copy = this.toasts.slice();\n      copy[existing] = next;\n      this.toasts = Object.freeze(copy);\n    } else {\n      this.toasts = Object.freeze([next, ...this.toasts]);\n    }\n    this.emit();\n    return id;\n  }\n\n  dismiss(id: string) {\n    const next = this.toasts.filter((t) => t.id !== id);\n    if (next.length === this.toasts.length) return;\n    this.toasts = Object.freeze(next);\n    this.emit();\n  }\n\n  /** Cap the stack — drops the OLDEST entries past the limit. */\n  trim(max: number) {\n    if (this.toasts.length <= max) return;\n    this.toasts = Object.freeze(this.toasts.slice(0, max));\n    this.emit();\n  }\n\n  clear() {\n    if (this.toasts.length === 0) return;\n    this.toasts = EMPTY;\n    this.emit();\n  }\n}\n\nconst EMPTY: ReadonlyArray<ToastItem> = Object.freeze([]);\n\n/** The one true store. Imported by both the imperative API and the Toaster. */\nexport const toastStore = new ToastStore();\n\n/** React hook — subscribes a component to the toast list. */\nexport function useToastStore(): ReadonlyArray<ToastItem> {\n  return useSyncExternalStore(\n    toastStore.subscribe,\n    toastStore.getSnapshot,\n    toastStore.getServerSnapshot,\n  );\n}\n"],"mappings":"AAAA,SAAS,4BAA4B;AA8CrC,MAAM,WAAW;AAAA,EAAjB;AACE,SAAQ,SAAmC,OAAO,OAAO,CAAC,CAAC;AAC3D,SAAQ,YAAY,oBAAI,IAAc;AACtC,SAAQ,YAAY;AAMpB,qBAAY,CAAC,MAAgB;AAC3B,WAAK,UAAU,IAAI,CAAC;AACpB,aAAO,MAAM;AACX,aAAK,UAAU,OAAO,CAAC;AAAA,MACzB;AAAA,IACF;AAEA,uBAAc,MAAgC,KAAK;AAGnD;AAAA,6BAAoB,MAAgC;AAAA;AAAA,EAd5C,OAAO;AACb,eAAW,KAAK,KAAK,UAAW,GAAE;AAAA,EACpC;AAAA,EAcA,IAAI,SAAuB,SAAiB,UAAwB,CAAC,GAAW;AAC9E,UAAM,KAAK,QAAQ,MAAM,aAAa,EAAE,KAAK,SAAS;AACtD,UAAM,WAAW,QAAQ,YAAY;AACrC,UAAM,OAAkB,EAAE,IAAI,SAAS,SAAS,UAAU,QAAQ,QAAQ,OAAO;AACjF,UAAM,WAAW,KAAK,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACzD,QAAI,YAAY,GAAG;AACjB,YAAM,OAAO,KAAK,OAAO,MAAM;AAC/B,WAAK,QAAQ,IAAI;AACjB,WAAK,SAAS,OAAO,OAAO,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,SAAS,OAAO,OAAO,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC;AAAA,IACpD;AACA,SAAK,KAAK;AACV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,IAAY;AAClB,UAAM,OAAO,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAClD,QAAI,KAAK,WAAW,KAAK,OAAO,OAAQ;AACxC,SAAK,SAAS,OAAO,OAAO,IAAI;AAChC,SAAK,KAAK;AAAA,EACZ;AAAA;AAAA,EAGA,KAAK,KAAa;AAChB,QAAI,KAAK,OAAO,UAAU,IAAK;AAC/B,SAAK,SAAS,OAAO,OAAO,KAAK,OAAO,MAAM,GAAG,GAAG,CAAC;AACrD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,SAAK,SAAS;AACd,SAAK,KAAK;AAAA,EACZ;AACF;AAEA,MAAM,QAAkC,OAAO,OAAO,CAAC,CAAC;AAGjD,MAAM,aAAa,IAAI,WAAW;AAGlC,SAAS,gBAA0C;AACxD,SAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/index.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./ui/index.cjs"), module.exports);
+__reExport(index_exports, require("./tokens/index.cjs"), module.exports);
+__reExport(index_exports, require("./lib/contrast.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./ui/index.cjs"),
+  ...require("./tokens/index.cjs"),
+  ...require("./lib/contrast.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @viax.io/uxm — public entry.\n *\n * Re-exports the UI primitive barrel and the design-token API so consumers\n * can do `import { Button } from \"@viax.io/uxm\"` for convenience, while the\n * subpath entries (`@viax.io/uxm/ui`, `@viax.io/uxm/tokens`) remain available for\n * tree-shaking-friendly, granular consumption.\n */\nexport * from './ui';\nexport * from './tokens';\n// WCAG/contrast helpers — useful for tooling that needs to audit token pairs.\nexport * from './lib/contrast';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAQA,0BAAc,iBARd;AASA,0BAAc,qBATd;AAWA,0BAAc,2BAXd;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @viax.io/uxm — public entry.
+ *
+ * Re-exports the UI primitive barrel and the design-token API so consumers
+ * can do `import { Button } from "@viax.io/uxm"` for convenience, while the
+ * subpath entries (`@viax.io/uxm/ui`, `@viax.io/uxm/tokens`) remain available for
+ * tree-shaking-friendly, granular consumption.
+ */
+export * from './ui/index.js';
+export * from './tokens/index.js';
+export * from './lib/contrast.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,MAAM,CAAC;AACrB,cAAc,UAAU,CAAC;AAEzB,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./ui/index.js";
+export * from "./tokens/index.js";
+export * from "./lib/contrast.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @viax.io/uxm — public entry.\n *\n * Re-exports the UI primitive barrel and the design-token API so consumers\n * can do `import { Button } from \"@viax.io/uxm\"` for convenience, while the\n * subpath entries (`@viax.io/uxm/ui`, `@viax.io/uxm/tokens`) remain available for\n * tree-shaking-friendly, granular consumption.\n */\nexport * from './ui';\nexport * from './tokens';\n// WCAG/contrast helpers — useful for tooling that needs to audit token pairs.\nexport * from './lib/contrast';\n"],"mappings":"AAQA,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}

package/dist/lib/calendar-grid.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var calendar_grid_exports = {};
+__export(calendar_grid_exports, {
+  computeMonthGrid: () => computeMonthGrid
+});
+module.exports = __toCommonJS(calendar_grid_exports);
+function computeMonthGrid(month, weekStartsOn = 0) {
+  const year = month.getFullYear();
+  const m = month.getMonth();
+  const firstWeekday = new Date(year, m, 1).getDay();
+  const backOffset = (firstWeekday - weekStartsOn + 7) % 7;
+  const cells = [];
+  for (let i = 0; i < 42; i++) {
+    const date = new Date(year, m, 1 - backOffset + i);
+    cells.push({ date, outside: date.getMonth() !== m });
+  }
+  return cells;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  computeMonthGrid
+});
+//# sourceMappingURL=calendar-grid.cjs.map

package/dist/lib/calendar-grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/calendar-grid.ts"],"sourcesContent":["/**\n * Month-grid math for the Calendar atom. Pure: no React, no DOM, no I/O.\n * Verified against October 2024, February 2024 (leap), February 2023, and\n * December 2024 (year boundary) with both Sunday- and Monday-start.\n */\n\n/** 0 = Sunday, 1 = Monday. */\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarCell {\n  /** Absolute date this cell represents. Time component is midnight local. */\n  date: Date;\n  /** True when the date belongs to the previous or next month (grid filler). */\n  outside: boolean;\n}\n\n/**\n * Build the 42-cell (6 weeks × 7 days) grid for the month containing `month`.\n *\n * The grid always starts on the chosen week-start day and always has 42 cells,\n * so each row aligns to a weekday and the prev / next-month overflow cells\n * fill the gaps. Year boundaries (e.g. Dec 2024 → Jan 2025) are handled by\n * JS `Date` arithmetic: `new Date(y, 11, 32)` rolls into Jan 1 of the next year.\n *\n * @param month         Any date in the month to display. Only year + month read.\n * @param weekStartsOn  0 for Sunday (US), 1 for Monday (most of the world).\n */\nexport function computeMonthGrid(month: Date, weekStartsOn: WeekStart = 0): CalendarCell[] {\n  const year = month.getFullYear();\n  const m = month.getMonth();\n  const firstWeekday = new Date(year, m, 1).getDay(); // 0 = Sunday\n  // Days to go back from the 1st to land on the chosen week-start day.\n  // Sun start (0): back-offset equals firstWeekday.\n  // Mon start (1): the formula `(firstWeekday - 1 + 7) % 7` handles the wrap\n  // when the 1st falls on Sunday (firstWeekday=0 → back-offset=6).\n  const backOffset = (firstWeekday - weekStartsOn + 7) % 7;\n  const cells: CalendarCell[] = [];\n  for (let i = 0; i < 42; i++) {\n    const date = new Date(year, m, 1 - backOffset + i);\n    cells.push({ date, outside: date.getMonth() !== m });\n  }\n  return cells;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BO,SAAS,iBAAiB,OAAa,eAA0B,GAAmB;AACzF,QAAM,OAAO,MAAM,YAAY;AAC/B,QAAM,IAAI,MAAM,SAAS;AACzB,QAAM,eAAe,IAAI,KAAK,MAAM,GAAG,CAAC,EAAE,OAAO;AAKjD,QAAM,cAAc,eAAe,eAAe,KAAK;AACvD,QAAM,QAAwB,CAAC;AAC/B,WAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,UAAM,OAAO,IAAI,KAAK,MAAM,GAAG,IAAI,aAAa,CAAC;AACjD,UAAM,KAAK,EAAE,MAAM,SAAS,KAAK,SAAS,MAAM,EAAE,CAAC;AAAA,EACrD;AACA,SAAO;AACT;","names":[]}