@nofinite/nui 1.1.2 → 2.0.0

package/dist/types/utils/scrolllock/scrollLock.d.ts

@@ -1,11 +1,19 @@
 /**
  * scrollLock
  * ----------
- * Locks page scrolling while overlays are open.
- * Prevents background content movement.
+ * Utility to temporarily disable document scrolling.
+ * Essential for maintaining context when modals, drawers, or fullscreen overlays are open.
+ * Prevents the background content from moving while the user interacts with the overlay.
  */
 export declare const scrollLock: {
+    /**
+     * Locks the page scroll by applying `overflow: hidden` directly to the body's inline style.
+     */
     lock(): void;
+    /**
+     * Unlocks the page scroll by clearing the inline `overflow` style.
+     * This allows the body to fall back to its default state defined in the CSS stylesheets.
+     */
     unlock(): void;
 };
 //# sourceMappingURL=scrollLock.d.ts.map

package/dist/types/utils/scrolllock/scrollLock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollLock.d.ts","sourceRoot":"","sources":["../../../../src/utils/scrolllock/scrollLock.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,UAAU;;;CAOtB,CAAC"}
+{"version":3,"file":"scrollLock.d.ts","sourceRoot":"","sources":["../../../../src/utils/scrolllock/scrollLock.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;IACrB;;OAEG;YACK,IAAI;IAIZ;;;OAGG;cACO,IAAI;CAGf,CAAC"}

package/dist/types/utils/slot/slot.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export declare const Slottable: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=slot.d.ts.map

package/dist/types/utils/slot/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/utils/slot/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,eAAO,MAAM,SAAS;mBAAkB;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;CAEpE,CAAC;AAgCF,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,+EAuCf,CAAC"}

package/dist/types/utils/trapfocus/trapFocus.d.ts

@@ -1,8 +1,12 @@
 /**
  * trapFocus
  * ---------
- * WCAG-compliant focus trap for modals, dialogs, menus.
- * Prevents keyboard users from escaping the component.
+ * A WCAG-compliant focus trap utility for modals, dialogs, and off-canvas menus.
+ * Prevents keyboard-only users (and screen readers) from tabbing out of the active
+ * component and interacting with background elements.
+ *
+ * @param container - The DOM element containing the focusable items.
+ * @returns A cleanup function to remove the 'keydown' event listener when the container unmounts.
  */
 export declare function trapFocus(container: HTMLElement): () => void;
 //# sourceMappingURL=trapFocus.d.ts.map

package/dist/types/utils/trapfocus/trapFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trapFocus.d.ts","sourceRoot":"","sources":["../../../../src/utils/trapfocus/trapFocus.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,WAAW,cAgC/C"}
+{"version":3,"file":"trapFocus.d.ts","sourceRoot":"","sources":["../../../../src/utils/trapfocus/trapFocus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,IAAI,CAkC5D"}

package/dist/utils/cn/cn.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(...o){const t=[];for(const e of o)if(e){if(typeof e=="string"||typeof e=="number")t.push(e.toString());else if(Array.isArray(e)){if(e.length){const n=i(...e);n&&t.push(n)}}else if(typeof e=="object")for(const n in e)e[n]&&t.push(n)}return t.join(" ")}exports.cn=i;
+//# sourceMappingURL=cn.cjs.map

package/dist/utils/cn/cn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.cjs","sources":["../../../src/utils/cn/cn.ts"],"sourcesContent":["/**\n * Represents a dictionary of class names where the key is the class string\n * and the value is a boolean (or nullish) indicating if it should be applied.\n */\ntype ClassDictionary = Record<string, boolean | undefined | null>;\n\n/**\n * A recursive type representing the valid inputs for the cn utility.\n * Accepts strings, numbers, booleans, null/undefined, dictionaries, or an array of these.\n */\nexport type ClassValue = \n  | string \n  | number \n  | boolean \n  | undefined \n  | null \n  | ClassDictionary \n  | ClassValue[]; \n\n/**\n * Conditionally joins class names together into a single string.\n * Evaluates objects for truthy values and recursively flattens nested arrays.\n * * @param inputs - A variadic list of class values to evaluate and merge.\n * @returns A space-separated string of the active class names.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  const classes: string[] = [];\n\n  for (const input of inputs) {\n    // 1. Skip falsy values (false, null, undefined, '')\n    if (!input) continue;\n\n    // 2. Handle flat strings and numbers\n    if (typeof input === 'string' || typeof input === 'number') {\n      classes.push(input.toString());\n    } \n    // 3. Handle arrays recursively\n    else if (Array.isArray(input)) {\n      if (input.length) {\n        // Recursive call handles nested arrays (e.g., [['rounded']])\n        const inner = cn(...input);\n        if (inner) classes.push(inner);\n      }\n    } \n    // 4. Handle object dictionaries\n    else if (typeof input === 'object') {\n      for (const key in input) {\n        // Strict check to satisfy TypeScript\n        if (input[key]) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(' ');\n}"],"names":["cn","inputs","classes","input","inner","key"],"mappings":"gFAyBO,SAASA,KAAMC,EAA8B,CAClD,MAAMC,EAAoB,CAAA,EAE1B,UAAWC,KAASF,EAElB,GAAKE,GAGL,GAAI,OAAOA,GAAU,UAAY,OAAOA,GAAU,SAChDD,EAAQ,KAAKC,EAAM,UAAU,UAGtB,MAAM,QAAQA,CAAK,GAC1B,GAAIA,EAAM,OAAQ,CAEhB,MAAMC,EAAQJ,EAAG,GAAGG,CAAK,EACrBC,GAAOF,EAAQ,KAAKE,CAAK,CAC/B,UAGO,OAAOD,GAAU,SACxB,UAAWE,KAAOF,EAEZA,EAAME,CAAG,GACXH,EAAQ,KAAKG,CAAG,EAMxB,OAAOH,EAAQ,KAAK,GAAG,CACzB"}

package/dist/utils/cn/cn.js

@@ -0,0 +1,21 @@
+function o(...i) {
+  const e = [];
+  for (const n of i)
+    if (n) {
+      if (typeof n == "string" || typeof n == "number")
+        e.push(n.toString());
+      else if (Array.isArray(n)) {
+        if (n.length) {
+          const t = o(...n);
+          t && e.push(t);
+        }
+      } else if (typeof n == "object")
+        for (const t in n)
+          n[t] && e.push(t);
+    }
+  return e.join(" ");
+}
+export {
+  o as cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sources":["../../../src/utils/cn/cn.ts"],"sourcesContent":["/**\n * Represents a dictionary of class names where the key is the class string\n * and the value is a boolean (or nullish) indicating if it should be applied.\n */\ntype ClassDictionary = Record<string, boolean | undefined | null>;\n\n/**\n * A recursive type representing the valid inputs for the cn utility.\n * Accepts strings, numbers, booleans, null/undefined, dictionaries, or an array of these.\n */\nexport type ClassValue = \n  | string \n  | number \n  | boolean \n  | undefined \n  | null \n  | ClassDictionary \n  | ClassValue[]; \n\n/**\n * Conditionally joins class names together into a single string.\n * Evaluates objects for truthy values and recursively flattens nested arrays.\n * * @param inputs - A variadic list of class values to evaluate and merge.\n * @returns A space-separated string of the active class names.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  const classes: string[] = [];\n\n  for (const input of inputs) {\n    // 1. Skip falsy values (false, null, undefined, '')\n    if (!input) continue;\n\n    // 2. Handle flat strings and numbers\n    if (typeof input === 'string' || typeof input === 'number') {\n      classes.push(input.toString());\n    } \n    // 3. Handle arrays recursively\n    else if (Array.isArray(input)) {\n      if (input.length) {\n        // Recursive call handles nested arrays (e.g., [['rounded']])\n        const inner = cn(...input);\n        if (inner) classes.push(inner);\n      }\n    } \n    // 4. Handle object dictionaries\n    else if (typeof input === 'object') {\n      for (const key in input) {\n        // Strict check to satisfy TypeScript\n        if (input[key]) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(' ');\n}"],"names":["cn","inputs","classes","input","inner","key"],"mappings":"AAyBO,SAASA,KAAMC,GAA8B;AAClD,QAAMC,IAAoB,CAAA;AAE1B,aAAWC,KAASF;AAElB,QAAKE;AAGL,UAAI,OAAOA,KAAU,YAAY,OAAOA,KAAU;AAChD,QAAAD,EAAQ,KAAKC,EAAM,UAAU;AAAA,eAGtB,MAAM,QAAQA,CAAK;AAC1B,YAAIA,EAAM,QAAQ;AAEhB,gBAAMC,IAAQJ,EAAG,GAAGG,CAAK;AACzB,UAAIC,KAAOF,EAAQ,KAAKE,CAAK;AAAA,QAC/B;AAAA,iBAGO,OAAOD,KAAU;AACxB,mBAAWE,KAAOF;AAEhB,UAAIA,EAAME,CAAG,KACXH,EAAQ,KAAKG,CAAG;AAAA;AAMxB,SAAOH,EAAQ,KAAK,GAAG;AACzB;"}

package/dist/utils/inertmanager/inertManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"inertManager.cjs","sources":["../../../src/utils/inertmanager/inertManager.ts"],"sourcesContent":["/**\r\n * inertManager.ts\r\n * ----------------\r\n * Applies true \"modalization\" to the page:\r\n * - disables ALL siblings of the modal overlay\r\n * - prevents keyboard interaction (inert)\r\n * - prevents screen reader access (aria-hidden)\r\n *\r\n * This is REQUIRED for WCAG-level dialog compliance.\r\n */\r\n\r\nexport function applyInertToSiblings(modalElement: HTMLElement) {\r\n  const parent = modalElement.parentElement;\r\n  if (!parent) return [];\r\n\r\n  const affected: HTMLElement[] = [];\r\n\r\n  Array.from(parent.children).forEach((child) => {\r\n    if (child !== modalElement && child instanceof HTMLElement) {\r\n      child.setAttribute('inert', '');\r\n      child.setAttribute('aria-hidden', 'true');\r\n      affected.push(child);\r\n    }\r\n  });\r\n\r\n  return affected;\r\n}\r\n\r\nexport function removeInertFromSiblings(elements: HTMLElement[]) {\r\n  elements.forEach((el) => {\r\n    el.removeAttribute('inert');\r\n    el.removeAttribute('aria-hidden');\r\n  });\r\n}\r\n"],"names":["applyInertToSiblings","modalElement","parent","affected","child","removeInertFromSiblings","elements","el"],"mappings":"gFAWO,SAASA,EAAqBC,EAA2B,CAC9D,MAAMC,EAASD,EAAa,cAC5B,GAAI,CAACC,EAAQ,MAAO,CAAA,EAEpB,MAAMC,EAA0B,CAAA,EAEhC,aAAM,KAAKD,EAAO,QAAQ,EAAE,QAASE,GAAU,CACzCA,IAAUH,GAAgBG,aAAiB,cAC7CA,EAAM,aAAa,QAAS,EAAE,EAC9BA,EAAM,aAAa,cAAe,MAAM,EACxCD,EAAS,KAAKC,CAAK,EAEvB,CAAC,EAEMD,CACT,CAEO,SAASE,EAAwBC,EAAyB,CAC/DA,EAAS,QAASC,GAAO,CACvBA,EAAG,gBAAgB,OAAO,EAC1BA,EAAG,gBAAgB,aAAa,CAClC,CAAC,CACH"}
+{"version":3,"file":"inertManager.cjs","sources":["../../../src/utils/inertmanager/inertManager.ts"],"sourcesContent":["/**\n * inertManager.ts\n * ----------------\n * Applies true \"modalization\" to the page:\n * - disables ALL siblings of the modal overlay\n * - prevents keyboard interaction (inert)\n * - prevents screen reader access (aria-hidden)\n *\n * This is REQUIRED for WCAG-level dialog compliance.\n */\n\n/**\n * Applies `inert` and `aria-hidden` attributes to all sibling elements of the provided modal.\n * This ensures focus is trapped and the rest of the page is hidden from screen readers.\n *\n * @param modalElement - The modal or overlay HTML element whose siblings should be disabled.\n * @returns An array of the HTMLElements that were modified, which is needed for cleanup.\n */\nexport function applyInertToSiblings(modalElement: HTMLElement): HTMLElement[] {\n  const parent = modalElement.parentElement;\n  if (!parent) return [];\n\n  const affected: HTMLElement[] = [];\n\n  Array.from(parent.children).forEach((child) => {\n    if (child !== modalElement && child instanceof HTMLElement) {\n      child.setAttribute('inert', '');\n      child.setAttribute('aria-hidden', 'true');\n      affected.push(child);\n    }\n  });\n\n  return affected;\n}\n\n/**\n * Restores previously disabled sibling elements to their normal interactive state\n * by removing the `inert` and `aria-hidden` attributes.\n *\n * @param elements - The array of HTMLElements previously modified by `applyInertToSiblings`.\n */\nexport function removeInertFromSiblings(elements: HTMLElement[]): void {\n  elements.forEach((el) => {\n    el.removeAttribute('inert');\n    el.removeAttribute('aria-hidden');\n  });\n}"],"names":["applyInertToSiblings","modalElement","parent","affected","child","removeInertFromSiblings","elements","el"],"mappings":"gFAkBO,SAASA,EAAqBC,EAA0C,CAC7E,MAAMC,EAASD,EAAa,cAC5B,GAAI,CAACC,EAAQ,MAAO,CAAA,EAEpB,MAAMC,EAA0B,CAAA,EAEhC,aAAM,KAAKD,EAAO,QAAQ,EAAE,QAASE,GAAU,CACzCA,IAAUH,GAAgBG,aAAiB,cAC7CA,EAAM,aAAa,QAAS,EAAE,EAC9BA,EAAM,aAAa,cAAe,MAAM,EACxCD,EAAS,KAAKC,CAAK,EAEvB,CAAC,EAEMD,CACT,CAQO,SAASE,EAAwBC,EAA+B,CACrEA,EAAS,QAASC,GAAO,CACvBA,EAAG,gBAAgB,OAAO,EAC1BA,EAAG,gBAAgB,aAAa,CAClC,CAAC,CACH"}

package/dist/utils/inertmanager/inertManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"inertManager.js","sources":["../../../src/utils/inertmanager/inertManager.ts"],"sourcesContent":["/**\r\n * inertManager.ts\r\n * ----------------\r\n * Applies true \"modalization\" to the page:\r\n * - disables ALL siblings of the modal overlay\r\n * - prevents keyboard interaction (inert)\r\n * - prevents screen reader access (aria-hidden)\r\n *\r\n * This is REQUIRED for WCAG-level dialog compliance.\r\n */\r\n\r\nexport function applyInertToSiblings(modalElement: HTMLElement) {\r\n  const parent = modalElement.parentElement;\r\n  if (!parent) return [];\r\n\r\n  const affected: HTMLElement[] = [];\r\n\r\n  Array.from(parent.children).forEach((child) => {\r\n    if (child !== modalElement && child instanceof HTMLElement) {\r\n      child.setAttribute('inert', '');\r\n      child.setAttribute('aria-hidden', 'true');\r\n      affected.push(child);\r\n    }\r\n  });\r\n\r\n  return affected;\r\n}\r\n\r\nexport function removeInertFromSiblings(elements: HTMLElement[]) {\r\n  elements.forEach((el) => {\r\n    el.removeAttribute('inert');\r\n    el.removeAttribute('aria-hidden');\r\n  });\r\n}\r\n"],"names":["applyInertToSiblings","modalElement","parent","affected","child","removeInertFromSiblings","elements","el"],"mappings":"AAWO,SAASA,EAAqBC,GAA2B;AAC9D,QAAMC,IAASD,EAAa;AAC5B,MAAI,CAACC,EAAQ,QAAO,CAAA;AAEpB,QAAMC,IAA0B,CAAA;AAEhC,eAAM,KAAKD,EAAO,QAAQ,EAAE,QAAQ,CAACE,MAAU;AAC7C,IAAIA,MAAUH,KAAgBG,aAAiB,gBAC7CA,EAAM,aAAa,SAAS,EAAE,GAC9BA,EAAM,aAAa,eAAe,MAAM,GACxCD,EAAS,KAAKC,CAAK;AAAA,EAEvB,CAAC,GAEMD;AACT;AAEO,SAASE,EAAwBC,GAAyB;AAC/D,EAAAA,EAAS,QAAQ,CAACC,MAAO;AACvB,IAAAA,EAAG,gBAAgB,OAAO,GAC1BA,EAAG,gBAAgB,aAAa;AAAA,EAClC,CAAC;AACH;"}
+{"version":3,"file":"inertManager.js","sources":["../../../src/utils/inertmanager/inertManager.ts"],"sourcesContent":["/**\n * inertManager.ts\n * ----------------\n * Applies true \"modalization\" to the page:\n * - disables ALL siblings of the modal overlay\n * - prevents keyboard interaction (inert)\n * - prevents screen reader access (aria-hidden)\n *\n * This is REQUIRED for WCAG-level dialog compliance.\n */\n\n/**\n * Applies `inert` and `aria-hidden` attributes to all sibling elements of the provided modal.\n * This ensures focus is trapped and the rest of the page is hidden from screen readers.\n *\n * @param modalElement - The modal or overlay HTML element whose siblings should be disabled.\n * @returns An array of the HTMLElements that were modified, which is needed for cleanup.\n */\nexport function applyInertToSiblings(modalElement: HTMLElement): HTMLElement[] {\n  const parent = modalElement.parentElement;\n  if (!parent) return [];\n\n  const affected: HTMLElement[] = [];\n\n  Array.from(parent.children).forEach((child) => {\n    if (child !== modalElement && child instanceof HTMLElement) {\n      child.setAttribute('inert', '');\n      child.setAttribute('aria-hidden', 'true');\n      affected.push(child);\n    }\n  });\n\n  return affected;\n}\n\n/**\n * Restores previously disabled sibling elements to their normal interactive state\n * by removing the `inert` and `aria-hidden` attributes.\n *\n * @param elements - The array of HTMLElements previously modified by `applyInertToSiblings`.\n */\nexport function removeInertFromSiblings(elements: HTMLElement[]): void {\n  elements.forEach((el) => {\n    el.removeAttribute('inert');\n    el.removeAttribute('aria-hidden');\n  });\n}"],"names":["applyInertToSiblings","modalElement","parent","affected","child","removeInertFromSiblings","elements","el"],"mappings":"AAkBO,SAASA,EAAqBC,GAA0C;AAC7E,QAAMC,IAASD,EAAa;AAC5B,MAAI,CAACC,EAAQ,QAAO,CAAA;AAEpB,QAAMC,IAA0B,CAAA;AAEhC,eAAM,KAAKD,EAAO,QAAQ,EAAE,QAAQ,CAACE,MAAU;AAC7C,IAAIA,MAAUH,KAAgBG,aAAiB,gBAC7CA,EAAM,aAAa,SAAS,EAAE,GAC9BA,EAAM,aAAa,eAAe,MAAM,GACxCD,EAAS,KAAKC,CAAK;AAAA,EAEvB,CAAC,GAEMD;AACT;AAQO,SAASE,EAAwBC,GAA+B;AACrE,EAAAA,EAAS,QAAQ,CAACC,MAAO;AACvB,IAAAA,EAAG,gBAAgB,OAAO,GAC1BA,EAAG,gBAAgB,aAAa;AAAA,EAClC,CAAC;AACH;"}

package/dist/utils/onclickoutside/onClickOutside.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(n,o){function e(r){const t=n.current;t&&(t.contains(r.target)||o())}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)}exports.onClickOutside=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(t,o){function e(n){(Array.isArray(t)?t:[t]).some(i=>{const r=i.current;return r&&r.contains(n.target)})||o(n)}return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}exports.onClickOutside=s;
 //# sourceMappingURL=onClickOutside.cjs.map

package/dist/utils/onclickoutside/onClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"onClickOutside.cjs","sources":["../../../src/utils/onclickoutside/onClickOutside.ts"],"sourcesContent":["/**\r\n * onClickOutside\r\n * ---------------\r\n * Calls `handler` when the user clicks outside the\r\n * referenced element. Used in dropdowns, popovers, etc.\r\n */\r\n\r\n/**\r\n * onClickOutside\r\n * ---------------\r\n * Allows ANY element type (HTMLDivElement, HTMLButtonElement, etc.)\r\n * and supports both RefObject and MutableRefObject.\r\n */\r\n\r\nimport React from 'react';\r\n\r\nexport function onClickOutside<T extends HTMLElement>(\r\n  ref: React.RefObject<T | null>,\r\n  handler: () => void\r\n) {\r\n  function listener(e: MouseEvent) {\r\n    const el = ref.current;\r\n    if (!el) return;\r\n    if (el.contains(e.target as Node)) return;\r\n    handler();\r\n  }\r\n\r\n  document.addEventListener('mousedown', listener);\r\n  return () => document.removeEventListener('mousedown', listener);\r\n}\r\n"],"names":["onClickOutside","ref","handler","listener","e","el"],"mappings":"gFAgBO,SAASA,EACdC,EACAC,EACA,CACA,SAASC,EAASC,EAAe,CAC/B,MAAMC,EAAKJ,EAAI,QACVI,IACDA,EAAG,SAASD,EAAE,MAAc,GAChCF,EAAA,EACF,CAEA,gBAAS,iBAAiB,YAAaC,CAAQ,EACxC,IAAM,SAAS,oBAAoB,YAAaA,CAAQ,CACjE"}
+{"version":3,"file":"onClickOutside.cjs","sources":["../../../src/utils/onclickoutside/onClickOutside.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * Executes a callback handler when the user clicks or taps outside of the referenced element(s).\n * Supports both single DOM elements and arrays of elements (useful for complex UI like modals or dropdowns with triggers).\n *\n * @param refs - A single React ref or an array of React refs representing the elements to ignore.\n * @param handler - The callback function to execute when an outside click/tap is detected.\n * @returns A cleanup function that removes the attached event listeners.\n */\nexport function onClickOutside(\n  refs: React.RefObject<HTMLElement | null> | Array<React.RefObject<HTMLElement | null>>,\n  handler: (e: MouseEvent | TouchEvent) => void\n) {\n  function listener(e: MouseEvent | TouchEvent) {\n    // Normalize to an array so we can check multiple refs easily\n    const refArray = Array.isArray(refs) ? refs : [refs];\n    \n    // Check if the click target is inside ANY of the provided refs\n    const isInsideAny = refArray.some((ref) => {\n      const el = ref.current;\n      return el && el.contains(e.target as Node);\n    });\n\n    // If they clicked inside any of our protected refs, do nothing\n    if (isInsideAny) return;\n    \n    // Otherwise, they clicked outside. Fire the handler!\n    handler(e);\n  }\n\n  document.addEventListener('mousedown', listener);\n  document.addEventListener('touchstart', listener);\n\n  return () => {\n    document.removeEventListener('mousedown', listener);\n    document.removeEventListener('touchstart', listener);\n  };\n}"],"names":["onClickOutside","refs","handler","listener","e","ref","el"],"mappings":"gFAUO,SAASA,EACdC,EACAC,EACA,CACA,SAASC,EAASC,EAA4B,EAE3B,MAAM,QAAQH,CAAI,EAAIA,EAAO,CAACA,CAAI,GAGtB,KAAMI,GAAQ,CACzC,MAAMC,EAAKD,EAAI,QACf,OAAOC,GAAMA,EAAG,SAASF,EAAE,MAAc,CAC3C,CAAC,GAMDF,EAAQE,CAAC,CACX,CAEA,gBAAS,iBAAiB,YAAaD,CAAQ,EAC/C,SAAS,iBAAiB,aAAcA,CAAQ,EAEzC,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAQ,EAClD,SAAS,oBAAoB,aAAcA,CAAQ,CACrD,CACF"}

package/dist/utils/onclickoutside/onClickOutside.js

@@ -1,11 +1,15 @@
-function u(t, r) {
-  function e(o) {
-    const n = t.current;
-    n && (n.contains(o.target) || r());
+function c(n, o) {
+  function e(t) {
+    (Array.isArray(n) ? n : [n]).some((s) => {
+      const r = s.current;
+      return r && r.contains(t.target);
+    }) || o(t);
   }
-  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+    document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+  };
 }
 export {
-  u as onClickOutside
+  c as onClickOutside
 };
 //# sourceMappingURL=onClickOutside.js.map

package/dist/utils/onclickoutside/onClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"onClickOutside.js","sources":["../../../src/utils/onclickoutside/onClickOutside.ts"],"sourcesContent":["/**\r\n * onClickOutside\r\n * ---------------\r\n * Calls `handler` when the user clicks outside the\r\n * referenced element. Used in dropdowns, popovers, etc.\r\n */\r\n\r\n/**\r\n * onClickOutside\r\n * ---------------\r\n * Allows ANY element type (HTMLDivElement, HTMLButtonElement, etc.)\r\n * and supports both RefObject and MutableRefObject.\r\n */\r\n\r\nimport React from 'react';\r\n\r\nexport function onClickOutside<T extends HTMLElement>(\r\n  ref: React.RefObject<T | null>,\r\n  handler: () => void\r\n) {\r\n  function listener(e: MouseEvent) {\r\n    const el = ref.current;\r\n    if (!el) return;\r\n    if (el.contains(e.target as Node)) return;\r\n    handler();\r\n  }\r\n\r\n  document.addEventListener('mousedown', listener);\r\n  return () => document.removeEventListener('mousedown', listener);\r\n}\r\n"],"names":["onClickOutside","ref","handler","listener","e","el"],"mappings":"AAgBO,SAASA,EACdC,GACAC,GACA;AACA,WAASC,EAASC,GAAe;AAC/B,UAAMC,IAAKJ,EAAI;AACf,IAAKI,MACDA,EAAG,SAASD,EAAE,MAAc,KAChCF,EAAA;AAAA,EACF;AAEA,kBAAS,iBAAiB,aAAaC,CAAQ,GACxC,MAAM,SAAS,oBAAoB,aAAaA,CAAQ;AACjE;"}
+{"version":3,"file":"onClickOutside.js","sources":["../../../src/utils/onclickoutside/onClickOutside.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * Executes a callback handler when the user clicks or taps outside of the referenced element(s).\n * Supports both single DOM elements and arrays of elements (useful for complex UI like modals or dropdowns with triggers).\n *\n * @param refs - A single React ref or an array of React refs representing the elements to ignore.\n * @param handler - The callback function to execute when an outside click/tap is detected.\n * @returns A cleanup function that removes the attached event listeners.\n */\nexport function onClickOutside(\n  refs: React.RefObject<HTMLElement | null> | Array<React.RefObject<HTMLElement | null>>,\n  handler: (e: MouseEvent | TouchEvent) => void\n) {\n  function listener(e: MouseEvent | TouchEvent) {\n    // Normalize to an array so we can check multiple refs easily\n    const refArray = Array.isArray(refs) ? refs : [refs];\n    \n    // Check if the click target is inside ANY of the provided refs\n    const isInsideAny = refArray.some((ref) => {\n      const el = ref.current;\n      return el && el.contains(e.target as Node);\n    });\n\n    // If they clicked inside any of our protected refs, do nothing\n    if (isInsideAny) return;\n    \n    // Otherwise, they clicked outside. Fire the handler!\n    handler(e);\n  }\n\n  document.addEventListener('mousedown', listener);\n  document.addEventListener('touchstart', listener);\n\n  return () => {\n    document.removeEventListener('mousedown', listener);\n    document.removeEventListener('touchstart', listener);\n  };\n}"],"names":["onClickOutside","refs","handler","listener","e","ref","el"],"mappings":"AAUO,SAASA,EACdC,GACAC,GACA;AACA,WAASC,EAASC,GAA4B;AAW5C,KATiB,MAAM,QAAQH,CAAI,IAAIA,IAAO,CAACA,CAAI,GAGtB,KAAK,CAACI,MAAQ;AACzC,YAAMC,IAAKD,EAAI;AACf,aAAOC,KAAMA,EAAG,SAASF,EAAE,MAAc;AAAA,IAC3C,CAAC,KAMDF,EAAQE,CAAC;AAAA,EACX;AAEA,kBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACX,aAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,EACrD;AACF;"}

package/dist/utils/portal/portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"portal.cjs","sources":["../../../src/utils/portal/portal.ts"],"sourcesContent":["/**\r\n * Portal\r\n * -------\r\n * Safely renders children into document.body.\r\n * Provides layering support for overlays & modals.\r\n */\r\nimport { createPortal } from 'react-dom';\r\n\r\nexport function Portal({ children }: { children: React.ReactNode }) {\r\n  return createPortal(children, document.body);\r\n}\r\n"],"names":["Portal","children","createPortal"],"mappings":"6GAQO,SAASA,EAAO,CAAE,SAAAC,GAA2C,CAClE,OAAOC,eAAaD,EAAU,SAAS,IAAI,CAC7C"}
+{"version":3,"file":"portal.cjs","sources":["../../../src/utils/portal/portal.ts"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type React from 'react';\n\n/**\n * Portal Component\n * ----------------\n * Safely escapes the current React DOM hierarchy and renders children directly into `document.body`.\n * Essential for building overlays, modals, tooltips, and dropdowns that need to break out of \n * `overflow: hidden` containers and manage global z-index layering.\n * * Note: In SSR environments, the parent consuming this component should ensure it is only \n * rendered on the client (e.g., using a `mounted` state) to prevent hydration errors.\n *\n * @param props.children - The React nodes to be portaled to the document body.\n * @returns A React Portal directly targeting `document.body`.\n */\nexport function Portal({ children }: { children: React.ReactNode }) {\n  return createPortal(children, document.body);\n}"],"names":["Portal","children","createPortal"],"mappings":"6GAeO,SAASA,EAAO,CAAE,SAAAC,GAA2C,CAClE,OAAOC,eAAaD,EAAU,SAAS,IAAI,CAC7C"}

package/dist/utils/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sources":["../../../src/utils/portal/portal.ts"],"sourcesContent":["/**\r\n * Portal\r\n * -------\r\n * Safely renders children into document.body.\r\n * Provides layering support for overlays & modals.\r\n */\r\nimport { createPortal } from 'react-dom';\r\n\r\nexport function Portal({ children }: { children: React.ReactNode }) {\r\n  return createPortal(children, document.body);\r\n}\r\n"],"names":["Portal","children","createPortal"],"mappings":";AAQO,SAASA,EAAO,EAAE,UAAAC,KAA2C;AAClE,SAAOC,EAAaD,GAAU,SAAS,IAAI;AAC7C;"}
+{"version":3,"file":"portal.js","sources":["../../../src/utils/portal/portal.ts"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type React from 'react';\n\n/**\n * Portal Component\n * ----------------\n * Safely escapes the current React DOM hierarchy and renders children directly into `document.body`.\n * Essential for building overlays, modals, tooltips, and dropdowns that need to break out of \n * `overflow: hidden` containers and manage global z-index layering.\n * * Note: In SSR environments, the parent consuming this component should ensure it is only \n * rendered on the client (e.g., using a `mounted` state) to prevent hydration errors.\n *\n * @param props.children - The React nodes to be portaled to the document body.\n * @returns A React Portal directly targeting `document.body`.\n */\nexport function Portal({ children }: { children: React.ReactNode }) {\n  return createPortal(children, document.body);\n}"],"names":["Portal","children","createPortal"],"mappings":";AAeO,SAASA,EAAO,EAAE,UAAAC,KAA2C;AAClE,SAAOC,EAAaD,GAAU,SAAS,IAAI;AAC7C;"}

package/dist/utils/restorefocus/restoreFocus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"restoreFocus.cjs","sources":["../../../src/utils/restorefocus/restoreFocus.ts"],"sourcesContent":["/**\r\n * restoreFocus\r\n * -------------\r\n * Restores focus to a previously focused element.\r\n * Required for WCAG compliance on modals/dialogs.\r\n */\r\nexport function restoreFocus(element: HTMLElement | null) {\r\n  element?.focus();\r\n}\r\n"],"names":["restoreFocus","element"],"mappings":"gFAMO,SAASA,EAAaC,EAA6B,CACxDA,GAAS,MAAA,CACX"}
+{"version":3,"file":"restoreFocus.cjs","sources":["../../../src/utils/restorefocus/restoreFocus.ts"],"sourcesContent":["/**\n * Restores keyboard focus to a previously focused element.\n * --------------------------------------------------------\n * This is a strict WCAG accessibility requirement for modals, dialogs, and popovers.\n * When an overlay closes, the user's focus must be returned to the element \n * that originally triggered the overlay, preventing screen readers and keyboard \n * users from losing their place on the page.\n *\n * @param element - The HTML element to receive focus. Safely ignores `null` or `undefined`.\n */\nexport function restoreFocus(element: HTMLElement | null): void {\n  element?.focus();\n}"],"names":["restoreFocus","element"],"mappings":"gFAUO,SAASA,EAAaC,EAAmC,CAC9DA,GAAS,MAAA,CACX"}

package/dist/utils/restorefocus/restoreFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"restoreFocus.js","sources":["../../../src/utils/restorefocus/restoreFocus.ts"],"sourcesContent":["/**\r\n * restoreFocus\r\n * -------------\r\n * Restores focus to a previously focused element.\r\n * Required for WCAG compliance on modals/dialogs.\r\n */\r\nexport function restoreFocus(element: HTMLElement | null) {\r\n  element?.focus();\r\n}\r\n"],"names":["restoreFocus","element"],"mappings":"AAMO,SAASA,EAAaC,GAA6B;AACxD,EAAAA,GAAS,MAAA;AACX;"}
+{"version":3,"file":"restoreFocus.js","sources":["../../../src/utils/restorefocus/restoreFocus.ts"],"sourcesContent":["/**\n * Restores keyboard focus to a previously focused element.\n * --------------------------------------------------------\n * This is a strict WCAG accessibility requirement for modals, dialogs, and popovers.\n * When an overlay closes, the user's focus must be returned to the element \n * that originally triggered the overlay, preventing screen readers and keyboard \n * users from losing their place on the page.\n *\n * @param element - The HTML element to receive focus. Safely ignores `null` or `undefined`.\n */\nexport function restoreFocus(element: HTMLElement | null): void {\n  element?.focus();\n}"],"names":["restoreFocus","element"],"mappings":"AAUO,SAASA,EAAaC,GAAmC;AAC9D,EAAAA,GAAS,MAAA;AACX;"}

package/dist/utils/scrolllock/scrollLock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scrollLock.cjs","sources":["../../../src/utils/scrolllock/scrollLock.ts"],"sourcesContent":["/**\r\n * scrollLock\r\n * ----------\r\n * Locks page scrolling while overlays are open.\r\n * Prevents background content movement.\r\n */\r\nexport const scrollLock = {\r\n  lock() {\r\n    document.body.style.overflow = 'hidden';\r\n  },\r\n  unlock() {\r\n    document.body.style.overflow = '';\r\n  },\r\n};\r\n"],"names":["scrollLock"],"mappings":"gFAMO,MAAMA,EAAa,CACxB,MAAO,CACL,SAAS,KAAK,MAAM,SAAW,QACjC,EACA,QAAS,CACP,SAAS,KAAK,MAAM,SAAW,EACjC,CACF"}
+{"version":3,"file":"scrollLock.cjs","sources":["../../../src/utils/scrolllock/scrollLock.ts"],"sourcesContent":["/**\n * scrollLock\n * ----------\n * Utility to temporarily disable document scrolling. \n * Essential for maintaining context when modals, drawers, or fullscreen overlays are open.\n * Prevents the background content from moving while the user interacts with the overlay.\n */\nexport const scrollLock = {\n  /**\n   * Locks the page scroll by applying `overflow: hidden` directly to the body's inline style.\n   */\n  lock(): void {\n    document.body.style.overflow = 'hidden';\n  },\n  \n  /**\n   * Unlocks the page scroll by clearing the inline `overflow` style.\n   * This allows the body to fall back to its default state defined in the CSS stylesheets.\n   */\n  unlock(): void {\n    document.body.style.overflow = '';\n  },\n};"],"names":["scrollLock"],"mappings":"gFAOO,MAAMA,EAAa,CAIxB,MAAa,CACX,SAAS,KAAK,MAAM,SAAW,QACjC,EAMA,QAAe,CACb,SAAS,KAAK,MAAM,SAAW,EACjC,CACF"}

package/dist/utils/scrolllock/scrollLock.js

@@ -1,7 +1,14 @@
 const o = {
+  /**
+   * Locks the page scroll by applying `overflow: hidden` directly to the body's inline style.
+   */
   lock() {
     document.body.style.overflow = "hidden";
   },
+  /**
+   * Unlocks the page scroll by clearing the inline `overflow` style.
+   * This allows the body to fall back to its default state defined in the CSS stylesheets.
+   */
   unlock() {
     document.body.style.overflow = "";
   }

package/dist/utils/scrolllock/scrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollLock.js","sources":["../../../src/utils/scrolllock/scrollLock.ts"],"sourcesContent":["/**\r\n * scrollLock\r\n * ----------\r\n * Locks page scrolling while overlays are open.\r\n * Prevents background content movement.\r\n */\r\nexport const scrollLock = {\r\n  lock() {\r\n    document.body.style.overflow = 'hidden';\r\n  },\r\n  unlock() {\r\n    document.body.style.overflow = '';\r\n  },\r\n};\r\n"],"names":["scrollLock"],"mappings":"AAMO,MAAMA,IAAa;AAAA,EACxB,OAAO;AACL,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC;AAAA,EACA,SAAS;AACP,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC;AACF;"}
+{"version":3,"file":"scrollLock.js","sources":["../../../src/utils/scrolllock/scrollLock.ts"],"sourcesContent":["/**\n * scrollLock\n * ----------\n * Utility to temporarily disable document scrolling. \n * Essential for maintaining context when modals, drawers, or fullscreen overlays are open.\n * Prevents the background content from moving while the user interacts with the overlay.\n */\nexport const scrollLock = {\n  /**\n   * Locks the page scroll by applying `overflow: hidden` directly to the body's inline style.\n   */\n  lock(): void {\n    document.body.style.overflow = 'hidden';\n  },\n  \n  /**\n   * Unlocks the page scroll by clearing the inline `overflow` style.\n   * This allows the body to fall back to its default state defined in the CSS stylesheets.\n   */\n  unlock(): void {\n    document.body.style.overflow = '';\n  },\n};"],"names":["scrollLock"],"mappings":"AAOO,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAa;AACX,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAe;AACb,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC;AACF;"}

package/dist/utils/slot/slot.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),m=require("../cn/cn.cjs");function y(...o){return n=>{o.forEach(e=>{typeof e=="function"?e(n):e!=null&&typeof e=="object"&&(e.current=n)})}}function h(o){const n=o.props,e=o;return n.ref||e.ref}function S(o,n){const e={...n};for(const t in n){const r=o[t],s=n[t];/^on[A-Z]/.test(t)?typeof r=="function"&&typeof s=="function"?e[t]=(...c)=>{s(...c),r(...c)}:r&&(e[t]=r):t==="style"?e[t]={...r||{},...s||{}}:t==="className"&&(e[t]=m.cn(r,s))}return{...o,...e}}const a=({children:o})=>u.jsx(u.Fragment,{children:o});a.displayName="Slottable";const f=l.forwardRef((o,n)=>{const{children:e,...t}=o;if(l.isValidElement(e)){const r=h(e),s=e.props,i=S(t,s);return l.cloneElement(e,{...i,ref:n?y(n,r):r})}return l.Children.count(e)>1?l.Children.only(null):null});f.displayName="SlotClone";const d=l.forwardRef((o,n)=>{const{children:e,...t}=o,r=l.Children.toArray(e),s=r.find(i=>l.isValidElement(i)&&i.type===a);if(s){const i=s.props.children,c=r.map(p=>p===s?l.isValidElement(i)?i.props.children:null:p);return u.jsx(f,{...t,ref:n,children:l.isValidElement(i)?l.cloneElement(i,void 0,c):null})}return u.jsx(f,{...t,ref:n,children:e})});d.displayName="Slot";exports.Slot=d;exports.Slottable=a;
+//# sourceMappingURL=slot.cjs.map

package/dist/utils/slot/slot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.cjs","sources":["../../../src/utils/slot/slot.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../cn/cn';\n\ntype AnyProps = Record<string, unknown>;\n\n/* -------------------------------------------------------------------------------------------------\n * Utility: Compose Refs\n * -----------------------------------------------------------------------------------------------*/\nfunction composeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n  return (node: T) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref != null && typeof ref === 'object') {\n        (ref as React.MutableRefObject<T>).current = node;\n      }\n    });\n  };\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Utility: Safely Extract Ref\n * Handles both React 18 (ref on element) and React 19 (ref on props) without using `any`.\n * -----------------------------------------------------------------------------------------------*/\nfunction getElementRef(element: React.ReactElement): React.Ref<HTMLElement> | undefined {\n  const props = element.props as { ref?: React.Ref<HTMLElement> };\n  const el = element as unknown as { ref?: React.Ref<HTMLElement> };\n  return props.ref || el.ref;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Utility: Merge Props\n * -----------------------------------------------------------------------------------------------*/\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const overrideProps: AnyProps = { ...childProps };\n\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n\n    const isHandler = /^on[A-Z]/.test(propName);\n\n    if (isHandler) {\n      if (typeof slotPropValue === 'function' && typeof childPropValue === 'function') {\n        overrideProps[propName] = (...args: unknown[]) => {\n          childPropValue(...args);\n          slotPropValue(...args);\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === 'style') {\n      overrideProps[propName] = {\n        ...(slotPropValue as React.CSSProperties || {}),\n        ...(childPropValue as React.CSSProperties || {}),\n      };\n    } else if (propName === 'className') {\n      overrideProps[propName] = cn(slotPropValue as string, childPropValue as string);\n    }\n  }\n\n  return { ...slotProps, ...overrideProps };\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\nexport const Slottable = ({ children }: { children: React.ReactNode }) => {\n  return <>{children}</>;\n};\nSlottable.displayName = 'Slottable';\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone (Internal)\n * -----------------------------------------------------------------------------------------------*/\ninterface SlotCloneProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nconst SlotClone = React.forwardRef<HTMLElement, SlotCloneProps>((props, forwardedRef) => {\n  const { children, ...slotProps } = props;\n\n  if (React.isValidElement(children)) {\n    const childrenRef = getElementRef(children);\n    const childProps = children.props as AnyProps;\n    const mergedProps = mergeProps(slotProps as AnyProps, childProps);\n\n    // Casting the final merged result to React's expected attributes format\n    return React.cloneElement(children, {\n      ...mergedProps,\n      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef,\n    } as React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>);\n  }\n\n  return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = 'SlotClone';\n\n/* -------------------------------------------------------------------------------------------------\n * Slot (Public)\n * -----------------------------------------------------------------------------------------------*/\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n  const { children, ...slotProps } = props;\n  const childrenArray = React.Children.toArray(children);\n\n  // Type Guard: Safely verify this is a Slottable component and extract its strict prop types\n  const slottable = childrenArray.find(\n    (child): child is React.ReactElement<{ children: React.ReactNode }> =>\n      React.isValidElement(child) && child.type === Slottable\n  );\n\n  if (slottable) {\n    // Because of the type guard above, TypeScript now knows slottable.props is safe to access\n    const newElement = slottable.props.children;\n\n    const newChildren = childrenArray.map((child) => {\n      if (child === slottable) {\n        // Another safety check before trying to read the Next.js Link's children\n        if (React.isValidElement(newElement)) {\n          return (newElement.props as { children?: React.ReactNode }).children;\n        }\n        return null;\n      }\n      return child;\n    });\n\n    return (\n      <SlotClone {...slotProps} ref={forwardedRef}>\n        {React.isValidElement(newElement)\n          ? React.cloneElement(newElement, undefined, newChildren)\n          : null}\n      </SlotClone>\n    );\n  }\n\n  return (\n    <SlotClone {...slotProps} ref={forwardedRef}>\n      {children}\n    </SlotClone>\n  );\n});\nSlot.displayName = 'Slot';"],"names":["composeRefs","refs","node","ref","getElementRef","element","props","el","mergeProps","slotProps","childProps","overrideProps","propName","slotPropValue","childPropValue","args","cn","Slottable","children","SlotClone","React","forwardedRef","childrenRef","mergedProps","Slot","childrenArray","slottable","child","newElement","newChildren"],"mappings":"kKAQA,SAASA,KAAkBC,EAAoC,CAC7D,OAAQC,GAAY,CAClBD,EAAK,QAASE,GAAQ,CAChB,OAAOA,GAAQ,WACjBA,EAAID,CAAI,EACCC,GAAO,MAAQ,OAAOA,GAAQ,WACtCA,EAAkC,QAAUD,EAEjD,CAAC,CACH,CACF,CAMA,SAASE,EAAcC,EAAiE,CACtF,MAAMC,EAAQD,EAAQ,MAChBE,EAAKF,EACX,OAAOC,EAAM,KAAOC,EAAG,GACzB,CAKA,SAASC,EAAWC,EAAqBC,EAAgC,CACvE,MAAMC,EAA0B,CAAE,GAAGD,CAAA,EAErC,UAAWE,KAAYF,EAAY,CACjC,MAAMG,EAAgBJ,EAAUG,CAAQ,EAClCE,EAAiBJ,EAAWE,CAAQ,EAExB,WAAW,KAAKA,CAAQ,EAGpC,OAAOC,GAAkB,YAAc,OAAOC,GAAmB,WACnEH,EAAcC,CAAQ,EAAI,IAAIG,IAAoB,CAChDD,EAAe,GAAGC,CAAI,EACtBF,EAAc,GAAGE,CAAI,CACvB,EACSF,IACTF,EAAcC,CAAQ,EAAIC,GAEnBD,IAAa,QACtBD,EAAcC,CAAQ,EAAI,CACxB,GAAIC,GAAwC,CAAA,EAC5C,GAAIC,GAAyC,CAAA,CAAC,EAEvCF,IAAa,cACtBD,EAAcC,CAAQ,EAAII,KAAGH,EAAyBC,CAAwB,EAElF,CAEA,MAAO,CAAE,GAAGL,EAAW,GAAGE,CAAA,CAC5B,CAKO,MAAMM,EAAY,CAAC,CAAE,SAAAC,uBAChB,SAAAA,EAAS,EAErBD,EAAU,YAAc,YASxB,MAAME,EAAYC,EAAM,WAAwC,CAACd,EAAOe,IAAiB,CACvF,KAAM,CAAE,SAAAH,EAAU,GAAGT,CAAA,EAAcH,EAEnC,GAAIc,EAAM,eAAeF,CAAQ,EAAG,CAClC,MAAMI,EAAclB,EAAcc,CAAQ,EACpCR,EAAaQ,EAAS,MACtBK,EAAcf,EAAWC,EAAuBC,CAAU,EAGhE,OAAOU,EAAM,aAAaF,EAAU,CAClC,GAAGK,EACH,IAAKF,EAAerB,EAAYqB,EAAcC,CAAW,EAAIA,CAAA,CACU,CAC3E,CAEA,OAAOF,EAAM,SAAS,MAAMF,CAAQ,EAAI,EAAIE,EAAM,SAAS,KAAK,IAAI,EAAI,IAC1E,CAAC,EACDD,EAAU,YAAc,YASjB,MAAMK,EAAOJ,EAAM,WAAmC,CAACd,EAAOe,IAAiB,CACpF,KAAM,CAAE,SAAAH,EAAU,GAAGT,CAAA,EAAcH,EAC7BmB,EAAgBL,EAAM,SAAS,QAAQF,CAAQ,EAG/CQ,EAAYD,EAAc,KAC7BE,GACCP,EAAM,eAAeO,CAAK,GAAKA,EAAM,OAASV,CAAA,EAGlD,GAAIS,EAAW,CAEb,MAAME,EAAaF,EAAU,MAAM,SAE7BG,EAAcJ,EAAc,IAAKE,GACjCA,IAAUD,EAERN,EAAM,eAAeQ,CAAU,EACzBA,EAAW,MAAyC,SAEvD,KAEFD,CACR,EAED,aACGR,EAAA,CAAW,GAAGV,EAAW,IAAKY,EAC5B,SAAAD,EAAM,eAAeQ,CAAU,EAC5BR,EAAM,aAAaQ,EAAY,OAAWC,CAAW,EACrD,KACN,CAEJ,CAEA,aACGV,EAAA,CAAW,GAAGV,EAAW,IAAKY,EAC5B,SAAAH,EACH,CAEJ,CAAC,EACDM,EAAK,YAAc"}

package/dist/utils/slot/slot.js

@@ -0,0 +1,57 @@
+import { jsx as f, Fragment as m } from "react/jsx-runtime";
+import l from "react";
+import { cn as d } from "../cn/cn.js";
+function y(...o) {
+  return (n) => {
+    o.forEach((e) => {
+      typeof e == "function" ? e(n) : e != null && typeof e == "object" && (e.current = n);
+    });
+  };
+}
+function h(o) {
+  const n = o.props, e = o;
+  return n.ref || e.ref;
+}
+function E(o, n) {
+  const e = { ...n };
+  for (const t in n) {
+    const r = o[t], s = n[t];
+    /^on[A-Z]/.test(t) ? typeof r == "function" && typeof s == "function" ? e[t] = (...c) => {
+      s(...c), r(...c);
+    } : r && (e[t] = r) : t === "style" ? e[t] = {
+      ...r || {},
+      ...s || {}
+    } : t === "className" && (e[t] = d(r, s));
+  }
+  return { ...o, ...e };
+}
+const a = ({ children: o }) => /* @__PURE__ */ f(m, { children: o });
+a.displayName = "Slottable";
+const p = l.forwardRef((o, n) => {
+  const { children: e, ...t } = o;
+  if (l.isValidElement(e)) {
+    const r = h(e), s = e.props, i = E(t, s);
+    return l.cloneElement(e, {
+      ...i,
+      ref: n ? y(n, r) : r
+    });
+  }
+  return l.Children.count(e) > 1 ? l.Children.only(null) : null;
+});
+p.displayName = "SlotClone";
+const C = l.forwardRef((o, n) => {
+  const { children: e, ...t } = o, r = l.Children.toArray(e), s = r.find(
+    (i) => l.isValidElement(i) && i.type === a
+  );
+  if (s) {
+    const i = s.props.children, c = r.map((u) => u === s ? l.isValidElement(i) ? i.props.children : null : u);
+    return /* @__PURE__ */ f(p, { ...t, ref: n, children: l.isValidElement(i) ? l.cloneElement(i, void 0, c) : null });
+  }
+  return /* @__PURE__ */ f(p, { ...t, ref: n, children: e });
+});
+C.displayName = "Slot";
+export {
+  C as Slot,
+  a as Slottable
+};
+//# sourceMappingURL=slot.js.map

package/dist/utils/slot/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sources":["../../../src/utils/slot/slot.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../cn/cn';\n\ntype AnyProps = Record<string, unknown>;\n\n/* -------------------------------------------------------------------------------------------------\n * Utility: Compose Refs\n * -----------------------------------------------------------------------------------------------*/\nfunction composeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n  return (node: T) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref != null && typeof ref === 'object') {\n        (ref as React.MutableRefObject<T>).current = node;\n      }\n    });\n  };\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Utility: Safely Extract Ref\n * Handles both React 18 (ref on element) and React 19 (ref on props) without using `any`.\n * -----------------------------------------------------------------------------------------------*/\nfunction getElementRef(element: React.ReactElement): React.Ref<HTMLElement> | undefined {\n  const props = element.props as { ref?: React.Ref<HTMLElement> };\n  const el = element as unknown as { ref?: React.Ref<HTMLElement> };\n  return props.ref || el.ref;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Utility: Merge Props\n * -----------------------------------------------------------------------------------------------*/\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const overrideProps: AnyProps = { ...childProps };\n\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n\n    const isHandler = /^on[A-Z]/.test(propName);\n\n    if (isHandler) {\n      if (typeof slotPropValue === 'function' && typeof childPropValue === 'function') {\n        overrideProps[propName] = (...args: unknown[]) => {\n          childPropValue(...args);\n          slotPropValue(...args);\n        };\n      } else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    } else if (propName === 'style') {\n      overrideProps[propName] = {\n        ...(slotPropValue as React.CSSProperties || {}),\n        ...(childPropValue as React.CSSProperties || {}),\n      };\n    } else if (propName === 'className') {\n      overrideProps[propName] = cn(slotPropValue as string, childPropValue as string);\n    }\n  }\n\n  return { ...slotProps, ...overrideProps };\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\nexport const Slottable = ({ children }: { children: React.ReactNode }) => {\n  return <>{children}</>;\n};\nSlottable.displayName = 'Slottable';\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone (Internal)\n * -----------------------------------------------------------------------------------------------*/\ninterface SlotCloneProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nconst SlotClone = React.forwardRef<HTMLElement, SlotCloneProps>((props, forwardedRef) => {\n  const { children, ...slotProps } = props;\n\n  if (React.isValidElement(children)) {\n    const childrenRef = getElementRef(children);\n    const childProps = children.props as AnyProps;\n    const mergedProps = mergeProps(slotProps as AnyProps, childProps);\n\n    // Casting the final merged result to React's expected attributes format\n    return React.cloneElement(children, {\n      ...mergedProps,\n      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef,\n    } as React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>);\n  }\n\n  return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = 'SlotClone';\n\n/* -------------------------------------------------------------------------------------------------\n * Slot (Public)\n * -----------------------------------------------------------------------------------------------*/\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n  const { children, ...slotProps } = props;\n  const childrenArray = React.Children.toArray(children);\n\n  // Type Guard: Safely verify this is a Slottable component and extract its strict prop types\n  const slottable = childrenArray.find(\n    (child): child is React.ReactElement<{ children: React.ReactNode }> =>\n      React.isValidElement(child) && child.type === Slottable\n  );\n\n  if (slottable) {\n    // Because of the type guard above, TypeScript now knows slottable.props is safe to access\n    const newElement = slottable.props.children;\n\n    const newChildren = childrenArray.map((child) => {\n      if (child === slottable) {\n        // Another safety check before trying to read the Next.js Link's children\n        if (React.isValidElement(newElement)) {\n          return (newElement.props as { children?: React.ReactNode }).children;\n        }\n        return null;\n      }\n      return child;\n    });\n\n    return (\n      <SlotClone {...slotProps} ref={forwardedRef}>\n        {React.isValidElement(newElement)\n          ? React.cloneElement(newElement, undefined, newChildren)\n          : null}\n      </SlotClone>\n    );\n  }\n\n  return (\n    <SlotClone {...slotProps} ref={forwardedRef}>\n      {children}\n    </SlotClone>\n  );\n});\nSlot.displayName = 'Slot';"],"names":["composeRefs","refs","node","ref","getElementRef","element","props","el","mergeProps","slotProps","childProps","overrideProps","propName","slotPropValue","childPropValue","args","cn","Slottable","children","SlotClone","React","forwardedRef","childrenRef","mergedProps","Slot","childrenArray","slottable","child","newElement","newChildren"],"mappings":";;;AAQA,SAASA,KAAkBC,GAAoC;AAC7D,SAAO,CAACC,MAAY;AAClB,IAAAD,EAAK,QAAQ,CAACE,MAAQ;AACpB,MAAI,OAAOA,KAAQ,aACjBA,EAAID,CAAI,IACCC,KAAO,QAAQ,OAAOA,KAAQ,aACtCA,EAAkC,UAAUD;AAAA,IAEjD,CAAC;AAAA,EACH;AACF;AAMA,SAASE,EAAcC,GAAiE;AACtF,QAAMC,IAAQD,EAAQ,OAChBE,IAAKF;AACX,SAAOC,EAAM,OAAOC,EAAG;AACzB;AAKA,SAASC,EAAWC,GAAqBC,GAAgC;AACvE,QAAMC,IAA0B,EAAE,GAAGD,EAAA;AAErC,aAAWE,KAAYF,GAAY;AACjC,UAAMG,IAAgBJ,EAAUG,CAAQ,GAClCE,IAAiBJ,EAAWE,CAAQ;AAI1C,IAFkB,WAAW,KAAKA,CAAQ,IAGpC,OAAOC,KAAkB,cAAc,OAAOC,KAAmB,aACnEH,EAAcC,CAAQ,IAAI,IAAIG,MAAoB;AAChD,MAAAD,EAAe,GAAGC,CAAI,GACtBF,EAAc,GAAGE,CAAI;AAAA,IACvB,IACSF,MACTF,EAAcC,CAAQ,IAAIC,KAEnBD,MAAa,UACtBD,EAAcC,CAAQ,IAAI;AAAA,MACxB,GAAIC,KAAwC,CAAA;AAAA,MAC5C,GAAIC,KAAyC,CAAA;AAAA,IAAC,IAEvCF,MAAa,gBACtBD,EAAcC,CAAQ,IAAII,EAAGH,GAAyBC,CAAwB;AAAA,EAElF;AAEA,SAAO,EAAE,GAAGL,GAAW,GAAGE,EAAA;AAC5B;AAKO,MAAMM,IAAY,CAAC,EAAE,UAAAC,+BAChB,UAAAA,GAAS;AAErBD,EAAU,cAAc;AASxB,MAAME,IAAYC,EAAM,WAAwC,CAACd,GAAOe,MAAiB;AACvF,QAAM,EAAE,UAAAH,GAAU,GAAGT,EAAA,IAAcH;AAEnC,MAAIc,EAAM,eAAeF,CAAQ,GAAG;AAClC,UAAMI,IAAclB,EAAcc,CAAQ,GACpCR,IAAaQ,EAAS,OACtBK,IAAcf,EAAWC,GAAuBC,CAAU;AAGhE,WAAOU,EAAM,aAAaF,GAAU;AAAA,MAClC,GAAGK;AAAA,MACH,KAAKF,IAAerB,EAAYqB,GAAcC,CAAW,IAAIA;AAAA,IAAA,CACU;AAAA,EAC3E;AAEA,SAAOF,EAAM,SAAS,MAAMF,CAAQ,IAAI,IAAIE,EAAM,SAAS,KAAK,IAAI,IAAI;AAC1E,CAAC;AACDD,EAAU,cAAc;AASjB,MAAMK,IAAOJ,EAAM,WAAmC,CAACd,GAAOe,MAAiB;AACpF,QAAM,EAAE,UAAAH,GAAU,GAAGT,EAAA,IAAcH,GAC7BmB,IAAgBL,EAAM,SAAS,QAAQF,CAAQ,GAG/CQ,IAAYD,EAAc;AAAA,IAC9B,CAACE,MACCP,EAAM,eAAeO,CAAK,KAAKA,EAAM,SAASV;AAAA,EAAA;AAGlD,MAAIS,GAAW;AAEb,UAAME,IAAaF,EAAU,MAAM,UAE7BG,IAAcJ,EAAc,IAAI,CAACE,MACjCA,MAAUD,IAERN,EAAM,eAAeQ,CAAU,IACzBA,EAAW,MAAyC,WAEvD,OAEFD,CACR;AAED,6BACGR,GAAA,EAAW,GAAGV,GAAW,KAAKY,GAC5B,UAAAD,EAAM,eAAeQ,CAAU,IAC5BR,EAAM,aAAaQ,GAAY,QAAWC,CAAW,IACrD,MACN;AAAA,EAEJ;AAEA,2BACGV,GAAA,EAAW,GAAGV,GAAW,KAAKY,GAC5B,UAAAH,GACH;AAEJ,CAAC;AACDM,EAAK,cAAc;"}

package/dist/utils/trapfocus/trapFocus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"trapFocus.cjs","sources":["../../../src/utils/trapfocus/trapFocus.ts"],"sourcesContent":["/**\r\n * trapFocus\r\n * ---------\r\n * WCAG-compliant focus trap for modals, dialogs, menus.\r\n * Prevents keyboard users from escaping the component.\r\n */\r\nexport function trapFocus(container: HTMLElement) {\r\n  const focusable = container.querySelectorAll<HTMLElement>(\r\n    `a[href], button:not([disabled]), textarea,\r\n     input, select, [tabindex]:not([tabindex=\"-1\"])`\r\n  );\r\n\r\n  const first = focusable[0];\r\n  const last = focusable[focusable.length - 1];\r\n\r\n  function handle(e: KeyboardEvent) {\r\n    if (e.key !== 'Tab') return;\r\n\r\n    // Shift+Tab → Move focus backwards\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    }\r\n\r\n    // Tab → Move focus forward\r\n    if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  }\r\n\r\n  container.addEventListener('keydown', handle);\r\n\r\n  // Initially focus the first element\r\n  first?.focus();\r\n\r\n  // Cleanup handler on removal\r\n  return () => container.removeEventListener('keydown', handle);\r\n}\r\n"],"names":["trapFocus","container","focusable","first","last","handle"],"mappings":"gFAMO,SAASA,EAAUC,EAAwB,CAChD,MAAMC,EAAYD,EAAU,iBAC1B;AAAA,oDAAA,EAIIE,EAAQD,EAAU,CAAC,EACnBE,EAAOF,EAAUA,EAAU,OAAS,CAAC,EAE3C,SAASG,EAAO,EAAkB,CAC5B,EAAE,MAAQ,QAGV,EAAE,UAAY,SAAS,gBAAkBF,IAC3C,EAAE,eAAA,EACFC,EAAK,MAAA,GAIH,CAAC,EAAE,UAAY,SAAS,gBAAkBA,IAC5C,EAAE,eAAA,EACFD,EAAM,MAAA,GAEV,CAEA,OAAAF,EAAU,iBAAiB,UAAWI,CAAM,EAG5CF,GAAO,MAAA,EAGA,IAAMF,EAAU,oBAAoB,UAAWI,CAAM,CAC9D"}
+{"version":3,"file":"trapFocus.cjs","sources":["../../../src/utils/trapfocus/trapFocus.ts"],"sourcesContent":["/**\n * trapFocus\n * ---------\n * A WCAG-compliant focus trap utility for modals, dialogs, and off-canvas menus.\n * Prevents keyboard-only users (and screen readers) from tabbing out of the active \n * component and interacting with background elements.\n *\n * @param container - The DOM element containing the focusable items.\n * @returns A cleanup function to remove the 'keydown' event listener when the container unmounts.\n */\nexport function trapFocus(container: HTMLElement): () => void {\n  // Query all standard interactive HTML elements within the container\n  const focusable = container.querySelectorAll<HTMLElement>(\n    `a[href], button:not([disabled]), textarea,\n     input, select, [tabindex]:not([tabindex=\"-1\"])`\n  );\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n\n  function handle(e: KeyboardEvent) {\n    if (e.key !== 'Tab') return;\n\n    // Shift+Tab → If focused on the first element, loop around to the last element\n    if (e.shiftKey && document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n\n    // Tab → If focused on the last element, loop around to the first element\n    if (!e.shiftKey && document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n\n  // Attach the boundary logic\n  container.addEventListener('keydown', handle);\n\n  // Automatically shift the user's focus into the trap when initialized\n  first?.focus();\n\n  // Return the cleanup handler\n  return () => container.removeEventListener('keydown', handle);\n}"],"names":["trapFocus","container","focusable","first","last","handle"],"mappings":"gFAUO,SAASA,EAAUC,EAAoC,CAE5D,MAAMC,EAAYD,EAAU,iBAC1B;AAAA,oDAAA,EAIIE,EAAQD,EAAU,CAAC,EACnBE,EAAOF,EAAUA,EAAU,OAAS,CAAC,EAE3C,SAASG,EAAO,EAAkB,CAC5B,EAAE,MAAQ,QAGV,EAAE,UAAY,SAAS,gBAAkBF,IAC3C,EAAE,eAAA,EACFC,EAAK,MAAA,GAIH,CAAC,EAAE,UAAY,SAAS,gBAAkBA,IAC5C,EAAE,eAAA,EACFD,EAAM,MAAA,GAEV,CAGA,OAAAF,EAAU,iBAAiB,UAAWI,CAAM,EAG5CF,GAAO,MAAA,EAGA,IAAMF,EAAU,oBAAoB,UAAWI,CAAM,CAC9D"}

package/dist/utils/trapfocus/trapFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"trapFocus.js","sources":["../../../src/utils/trapfocus/trapFocus.ts"],"sourcesContent":["/**\r\n * trapFocus\r\n * ---------\r\n * WCAG-compliant focus trap for modals, dialogs, menus.\r\n * Prevents keyboard users from escaping the component.\r\n */\r\nexport function trapFocus(container: HTMLElement) {\r\n  const focusable = container.querySelectorAll<HTMLElement>(\r\n    `a[href], button:not([disabled]), textarea,\r\n     input, select, [tabindex]:not([tabindex=\"-1\"])`\r\n  );\r\n\r\n  const first = focusable[0];\r\n  const last = focusable[focusable.length - 1];\r\n\r\n  function handle(e: KeyboardEvent) {\r\n    if (e.key !== 'Tab') return;\r\n\r\n    // Shift+Tab → Move focus backwards\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    }\r\n\r\n    // Tab → Move focus forward\r\n    if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  }\r\n\r\n  container.addEventListener('keydown', handle);\r\n\r\n  // Initially focus the first element\r\n  first?.focus();\r\n\r\n  // Cleanup handler on removal\r\n  return () => container.removeEventListener('keydown', handle);\r\n}\r\n"],"names":["trapFocus","container","focusable","first","last","handle"],"mappings":"AAMO,SAASA,EAAUC,GAAwB;AAChD,QAAMC,IAAYD,EAAU;AAAA,IAC1B;AAAA;AAAA,EAAA,GAIIE,IAAQD,EAAU,CAAC,GACnBE,IAAOF,EAAUA,EAAU,SAAS,CAAC;AAE3C,WAASG,EAAO,GAAkB;AAChC,IAAI,EAAE,QAAQ,UAGV,EAAE,YAAY,SAAS,kBAAkBF,MAC3C,EAAE,eAAA,GACFC,EAAK,MAAA,IAIH,CAAC,EAAE,YAAY,SAAS,kBAAkBA,MAC5C,EAAE,eAAA,GACFD,EAAM,MAAA;AAAA,EAEV;AAEA,SAAAF,EAAU,iBAAiB,WAAWI,CAAM,GAG5CF,GAAO,MAAA,GAGA,MAAMF,EAAU,oBAAoB,WAAWI,CAAM;AAC9D;"}
+{"version":3,"file":"trapFocus.js","sources":["../../../src/utils/trapfocus/trapFocus.ts"],"sourcesContent":["/**\n * trapFocus\n * ---------\n * A WCAG-compliant focus trap utility for modals, dialogs, and off-canvas menus.\n * Prevents keyboard-only users (and screen readers) from tabbing out of the active \n * component and interacting with background elements.\n *\n * @param container - The DOM element containing the focusable items.\n * @returns A cleanup function to remove the 'keydown' event listener when the container unmounts.\n */\nexport function trapFocus(container: HTMLElement): () => void {\n  // Query all standard interactive HTML elements within the container\n  const focusable = container.querySelectorAll<HTMLElement>(\n    `a[href], button:not([disabled]), textarea,\n     input, select, [tabindex]:not([tabindex=\"-1\"])`\n  );\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n\n  function handle(e: KeyboardEvent) {\n    if (e.key !== 'Tab') return;\n\n    // Shift+Tab → If focused on the first element, loop around to the last element\n    if (e.shiftKey && document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n\n    // Tab → If focused on the last element, loop around to the first element\n    if (!e.shiftKey && document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n\n  // Attach the boundary logic\n  container.addEventListener('keydown', handle);\n\n  // Automatically shift the user's focus into the trap when initialized\n  first?.focus();\n\n  // Return the cleanup handler\n  return () => container.removeEventListener('keydown', handle);\n}"],"names":["trapFocus","container","focusable","first","last","handle"],"mappings":"AAUO,SAASA,EAAUC,GAAoC;AAE5D,QAAMC,IAAYD,EAAU;AAAA,IAC1B;AAAA;AAAA,EAAA,GAIIE,IAAQD,EAAU,CAAC,GACnBE,IAAOF,EAAUA,EAAU,SAAS,CAAC;AAE3C,WAASG,EAAO,GAAkB;AAChC,IAAI,EAAE,QAAQ,UAGV,EAAE,YAAY,SAAS,kBAAkBF,MAC3C,EAAE,eAAA,GACFC,EAAK,MAAA,IAIH,CAAC,EAAE,YAAY,SAAS,kBAAkBA,MAC5C,EAAE,eAAA,GACFD,EAAM,MAAA;AAAA,EAEV;AAGA,SAAAF,EAAU,iBAAiB,WAAWI,CAAM,GAG5CF,GAAO,MAAA,GAGA,MAAMF,EAAU,oBAAoB,WAAWI,CAAM;AAC9D;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nofinite/nui",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -14,7 +14,7 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./nui.css": "./dist/styles/nui.css",
+    "./styles.css": "./dist/styles/index.css",
     "./package.json": "./package.json"
   },
   "files": [

package/dist/components/layout/HStack.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HStack.cjs","sources":["../../../src/components/layout/HStack.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Flex } from './Flex';\r\n\r\ninterface HStackProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  gap?: number | string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport function HStack({ gap = 8, children, ...rest }: HStackProps) {\r\n  return (\r\n    <Flex direction=\"row\" gap={gap} {...rest}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n}\r\n"],"names":["HStack","gap","children","rest","Flex"],"mappings":"6IAQO,SAASA,EAAO,CAAE,IAAAC,EAAM,EAAG,SAAAC,EAAU,GAAGC,GAAqB,CAClE,aACGC,EAAAA,KAAA,CAAK,UAAU,MAAM,IAAAH,EAAW,GAAGE,EACjC,SAAAD,EACH,CAEJ"}

package/dist/components/layout/HStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HStack.js","sources":["../../../src/components/layout/HStack.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Flex } from './Flex';\r\n\r\ninterface HStackProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  gap?: number | string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport function HStack({ gap = 8, children, ...rest }: HStackProps) {\r\n  return (\r\n    <Flex direction=\"row\" gap={gap} {...rest}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n}\r\n"],"names":["HStack","gap","children","rest","Flex"],"mappings":";;AAQO,SAASA,EAAO,EAAE,KAAAC,IAAM,GAAG,UAAAC,GAAU,GAAGC,KAAqB;AAClE,2BACGC,GAAA,EAAK,WAAU,OAAM,KAAAH,GAAW,GAAGE,GACjC,UAAAD,GACH;AAEJ;"}

package/dist/components/layout/Stack.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../src/components/layout/Stack.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Flex } from './Flex';\r\n\r\ninterface StackProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  gap?: number | string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport function Stack({ gap = 8, children, ...rest }: StackProps) {\r\n  return (\r\n    <Flex direction=\"column\" gap={gap} {...rest}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n}\r\n"],"names":["Stack","gap","children","rest","Flex"],"mappings":"6IAQO,SAASA,EAAM,CAAE,IAAAC,EAAM,EAAG,SAAAC,EAAU,GAAGC,GAAoB,CAChE,aACGC,EAAAA,KAAA,CAAK,UAAU,SAAS,IAAAH,EAAW,GAAGE,EACpC,SAAAD,EACH,CAEJ"}

package/dist/components/layout/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.js","sources":["../../../src/components/layout/Stack.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Flex } from './Flex';\r\n\r\ninterface StackProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  gap?: number | string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport function Stack({ gap = 8, children, ...rest }: StackProps) {\r\n  return (\r\n    <Flex direction=\"column\" gap={gap} {...rest}>\r\n      {children}\r\n    </Flex>\r\n  );\r\n}\r\n"],"names":["Stack","gap","children","rest","Flex"],"mappings":";;AAQO,SAASA,EAAM,EAAE,KAAAC,IAAM,GAAG,UAAAC,GAAU,GAAGC,KAAoB;AAChE,2BACGC,GAAA,EAAK,WAAU,UAAS,KAAAH,GAAW,GAAGE,GACpC,UAAAD,GACH;AAEJ;"}

package/dist/theme/NUIProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NUIProvider.cjs","sources":["../../src/theme/NUIProvider.tsx"],"sourcesContent":["/**\r\n * NUIProvider.tsx\r\n * ---------------------------------------\r\n * Global Theme Provider for entire UI system.\r\n * - Light / Dark theme\r\n * - Sync with `prefers-color-scheme`\r\n * - LocalStorage persistence\r\n * - No flash on load\r\n */\r\n\r\n/**\r\n * UIProvider.tsx (Lint-Clean Version)\r\n */\r\n\r\nimport React, { useEffect, useState, useLayoutEffect } from 'react';\r\nimport './theme.css';\r\n\r\nexport type ThemeMode = 'light' | 'dark' | 'system';\r\n\r\ninterface NUIProviderProps {\r\n  defaultTheme?: ThemeMode;\r\n  children: React.ReactNode;\r\n}\r\n\r\n// FIX: no empty function, use a safe fallback\r\nconst noop = () => {\r\n  throw new Error('setTheme used outside of <UIProvider>');\r\n};\r\n\r\nexport const ThemeContext = React.createContext<{\r\n  theme: ThemeMode;\r\n  resolved: 'light' | 'dark';\r\n  setTheme: (t: ThemeMode) => void;\r\n}>({\r\n  theme: 'system',\r\n  resolved: 'light',\r\n  setTheme: noop,\r\n});\r\n\r\nexport function NUIProvider({\r\n  defaultTheme = 'system',\r\n  children,\r\n}: NUIProviderProps) {\r\n  const [theme, setTheme] = useState<ThemeMode>(defaultTheme);\r\n  const [resolved, setResolved] = useState<'light' | 'dark'>('light');\r\n\r\n  /**\r\n   * Apply theme — extracted so it can be reused safely\r\n   */\r\n  const applyTheme = (mode: ThemeMode) => {\r\n    const final: 'light' | 'dark' =\r\n      mode === 'system'\r\n        ? window.matchMedia('(prefers-color-scheme: dark)').matches\r\n          ? 'dark'\r\n          : 'light'\r\n        : mode;\r\n\r\n    document.documentElement.setAttribute('data-theme', final);\r\n    setResolved(final);\r\n  };\r\n\r\n  /**\r\n   * FIX: useLayoutEffect must include defaultTheme\r\n   * We only run this logic once (when mounting),\r\n   * so using defaultTheme in deps is correct.\r\n   */\r\n  useLayoutEffect(() => {\r\n    const stored = localStorage.getItem('ui-theme') as ThemeMode | null;\r\n\r\n    if (stored) {\r\n      setTheme(stored);\r\n      applyTheme(stored);\r\n    } else {\r\n      setTheme(defaultTheme);\r\n      applyTheme(defaultTheme);\r\n    }\r\n  }, [defaultTheme]);\r\n\r\n  /**\r\n   * When theme changes manually\r\n   */\r\n  useEffect(() => {\r\n    localStorage.setItem('ui-theme', theme);\r\n    applyTheme(theme);\r\n  }, [theme]);\r\n\r\n  /**\r\n   * System theme listener (only when theme === system)\r\n   */\r\n  useEffect(() => {\r\n    if (theme !== 'system') return;\r\n\r\n    const mql = window.matchMedia('(prefers-color-scheme: dark)');\r\n    const handler = () => applyTheme('system');\r\n\r\n    mql.addEventListener('change', handler);\r\n    return () => mql.removeEventListener('change', handler);\r\n  }, [theme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, resolved, setTheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n}\r\n"],"names":["noop","ThemeContext","React","NUIProvider","defaultTheme","children","theme","setTheme","useState","resolved","setResolved","applyTheme","mode","final","useLayoutEffect","stored","useEffect","mql","handler","jsx"],"mappings":"mKAyBA,MAAMA,EAAO,IAAM,CACjB,MAAM,IAAI,MAAM,uCAAuC,CACzD,EAEaC,EAAeC,EAAM,cAI/B,CACD,MAAO,SACP,SAAU,QACV,SAAUF,CACZ,CAAC,EAEM,SAASG,EAAY,CAC1B,aAAAC,EAAe,SACf,SAAAC,CACF,EAAqB,CACnB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAoBJ,CAAY,EACpD,CAACK,EAAUC,CAAW,EAAIF,EAAAA,SAA2B,OAAO,EAK5DG,EAAcC,GAAoB,CACtC,MAAMC,EACJD,IAAS,SACL,OAAO,WAAW,8BAA8B,EAAE,QAChD,OACA,QACFA,EAEN,SAAS,gBAAgB,aAAa,aAAcC,CAAK,EACzDH,EAAYG,CAAK,CACnB,EAOAC,OAAAA,EAAAA,gBAAgB,IAAM,CACpB,MAAMC,EAAS,aAAa,QAAQ,UAAU,EAE1CA,GACFR,EAASQ,CAAM,EACfJ,EAAWI,CAAM,IAEjBR,EAASH,CAAY,EACrBO,EAAWP,CAAY,EAE3B,EAAG,CAACA,CAAY,CAAC,EAKjBY,EAAAA,UAAU,IAAM,CACd,aAAa,QAAQ,WAAYV,CAAK,EACtCK,EAAWL,CAAK,CAClB,EAAG,CAACA,CAAK,CAAC,EAKVU,EAAAA,UAAU,IAAM,CACd,GAAIV,IAAU,SAAU,OAExB,MAAMW,EAAM,OAAO,WAAW,8BAA8B,EACtDC,EAAU,IAAMP,EAAW,QAAQ,EAEzC,OAAAM,EAAI,iBAAiB,SAAUC,CAAO,EAC/B,IAAMD,EAAI,oBAAoB,SAAUC,CAAO,CACxD,EAAG,CAACZ,CAAK,CAAC,EAGRa,MAAClB,EAAa,SAAb,CAAsB,MAAO,CAAE,MAAAK,EAAO,SAAAG,EAAU,SAAAF,GAC9C,SAAAF,EACH,CAEJ"}

package/dist/theme/NUIProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NUIProvider.js","sources":["../../src/theme/NUIProvider.tsx"],"sourcesContent":["/**\r\n * NUIProvider.tsx\r\n * ---------------------------------------\r\n * Global Theme Provider for entire UI system.\r\n * - Light / Dark theme\r\n * - Sync with `prefers-color-scheme`\r\n * - LocalStorage persistence\r\n * - No flash on load\r\n */\r\n\r\n/**\r\n * UIProvider.tsx (Lint-Clean Version)\r\n */\r\n\r\nimport React, { useEffect, useState, useLayoutEffect } from 'react';\r\nimport './theme.css';\r\n\r\nexport type ThemeMode = 'light' | 'dark' | 'system';\r\n\r\ninterface NUIProviderProps {\r\n  defaultTheme?: ThemeMode;\r\n  children: React.ReactNode;\r\n}\r\n\r\n// FIX: no empty function, use a safe fallback\r\nconst noop = () => {\r\n  throw new Error('setTheme used outside of <UIProvider>');\r\n};\r\n\r\nexport const ThemeContext = React.createContext<{\r\n  theme: ThemeMode;\r\n  resolved: 'light' | 'dark';\r\n  setTheme: (t: ThemeMode) => void;\r\n}>({\r\n  theme: 'system',\r\n  resolved: 'light',\r\n  setTheme: noop,\r\n});\r\n\r\nexport function NUIProvider({\r\n  defaultTheme = 'system',\r\n  children,\r\n}: NUIProviderProps) {\r\n  const [theme, setTheme] = useState<ThemeMode>(defaultTheme);\r\n  const [resolved, setResolved] = useState<'light' | 'dark'>('light');\r\n\r\n  /**\r\n   * Apply theme — extracted so it can be reused safely\r\n   */\r\n  const applyTheme = (mode: ThemeMode) => {\r\n    const final: 'light' | 'dark' =\r\n      mode === 'system'\r\n        ? window.matchMedia('(prefers-color-scheme: dark)').matches\r\n          ? 'dark'\r\n          : 'light'\r\n        : mode;\r\n\r\n    document.documentElement.setAttribute('data-theme', final);\r\n    setResolved(final);\r\n  };\r\n\r\n  /**\r\n   * FIX: useLayoutEffect must include defaultTheme\r\n   * We only run this logic once (when mounting),\r\n   * so using defaultTheme in deps is correct.\r\n   */\r\n  useLayoutEffect(() => {\r\n    const stored = localStorage.getItem('ui-theme') as ThemeMode | null;\r\n\r\n    if (stored) {\r\n      setTheme(stored);\r\n      applyTheme(stored);\r\n    } else {\r\n      setTheme(defaultTheme);\r\n      applyTheme(defaultTheme);\r\n    }\r\n  }, [defaultTheme]);\r\n\r\n  /**\r\n   * When theme changes manually\r\n   */\r\n  useEffect(() => {\r\n    localStorage.setItem('ui-theme', theme);\r\n    applyTheme(theme);\r\n  }, [theme]);\r\n\r\n  /**\r\n   * System theme listener (only when theme === system)\r\n   */\r\n  useEffect(() => {\r\n    if (theme !== 'system') return;\r\n\r\n    const mql = window.matchMedia('(prefers-color-scheme: dark)');\r\n    const handler = () => applyTheme('system');\r\n\r\n    mql.addEventListener('change', handler);\r\n    return () => mql.removeEventListener('change', handler);\r\n  }, [theme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, resolved, setTheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n}\r\n"],"names":["noop","ThemeContext","React","NUIProvider","defaultTheme","children","theme","setTheme","useState","resolved","setResolved","applyTheme","mode","final","useLayoutEffect","stored","useEffect","mql","handler","jsx"],"mappings":";;;AAyBA,MAAMA,IAAO,MAAM;AACjB,QAAM,IAAI,MAAM,uCAAuC;AACzD,GAEaC,IAAeC,EAAM,cAI/B;AAAA,EACD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAUF;AACZ,CAAC;AAEM,SAASG,EAAY;AAAA,EAC1B,cAAAC,IAAe;AAAA,EACf,UAAAC;AACF,GAAqB;AACnB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoBJ,CAAY,GACpD,CAACK,GAAUC,CAAW,IAAIF,EAA2B,OAAO,GAK5DG,IAAa,CAACC,MAAoB;AACtC,UAAMC,IACJD,MAAS,WACL,OAAO,WAAW,8BAA8B,EAAE,UAChD,SACA,UACFA;AAEN,aAAS,gBAAgB,aAAa,cAAcC,CAAK,GACzDH,EAAYG,CAAK;AAAA,EACnB;AAOA,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAS,aAAa,QAAQ,UAAU;AAE9C,IAAIA,KACFR,EAASQ,CAAM,GACfJ,EAAWI,CAAM,MAEjBR,EAASH,CAAY,GACrBO,EAAWP,CAAY;AAAA,EAE3B,GAAG,CAACA,CAAY,CAAC,GAKjBY,EAAU,MAAM;AACd,iBAAa,QAAQ,YAAYV,CAAK,GACtCK,EAAWL,CAAK;AAAA,EAClB,GAAG,CAACA,CAAK,CAAC,GAKVU,EAAU,MAAM;AACd,QAAIV,MAAU,SAAU;AAExB,UAAMW,IAAM,OAAO,WAAW,8BAA8B,GACtDC,IAAU,MAAMP,EAAW,QAAQ;AAEzC,WAAAM,EAAI,iBAAiB,UAAUC,CAAO,GAC/B,MAAMD,EAAI,oBAAoB,UAAUC,CAAO;AAAA,EACxD,GAAG,CAACZ,CAAK,CAAC,GAGR,gBAAAa,EAAClB,EAAa,UAAb,EAAsB,OAAO,EAAE,OAAAK,GAAO,UAAAG,GAAU,UAAAF,KAC9C,UAAAF,GACH;AAEJ;"}

package/dist/theme/useTheme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.cjs","sources":["../../src/theme/useTheme.ts"],"sourcesContent":["/**\r\n * useTheme.ts\r\n * --------------------------\r\n * Hook wrapper for ThemeContext.\r\n */\r\n\r\nimport { useContext } from 'react';\r\nimport { ThemeContext } from './NUIProvider';\r\n\r\nexport function useTheme() {\r\n  return useContext(ThemeContext);\r\n}\r\n"],"names":["useTheme","useContext","ThemeContext"],"mappings":"wIASO,SAASA,GAAW,CACzB,OAAOC,EAAAA,WAAWC,EAAAA,YAAY,CAChC"}

package/dist/theme/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.js","sources":["../../src/theme/useTheme.ts"],"sourcesContent":["/**\r\n * useTheme.ts\r\n * --------------------------\r\n * Hook wrapper for ThemeContext.\r\n */\r\n\r\nimport { useContext } from 'react';\r\nimport { ThemeContext } from './NUIProvider';\r\n\r\nexport function useTheme() {\r\n  return useContext(ThemeContext);\r\n}\r\n"],"names":["useTheme","useContext","ThemeContext"],"mappings":";;AASO,SAASA,IAAW;AACzB,SAAOC,EAAWC,CAAY;AAChC;"}

package/dist/types/components/layout/HStack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,MAAM,CAAC,EAAE,GAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAMjE"}

package/dist/types/components/layout/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAM/D"}

package/dist/types/theme/NUIProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NUIProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/NUIProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;GAEG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAOD,eAAO,MAAM,YAAY;WAChB,SAAS;cACN,OAAO,GAAG,MAAM;cAChB,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI;EAKhC,CAAC;AAEH,wBAAgB,WAAW,CAAC,EAC1B,YAAuB,EACvB,QAAQ,GACT,EAAE,gBAAgB,2CA8DlB"}

package/dist/types/theme/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/useTheme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,wBAAgB,QAAQ;;;;EAEvB"}

package/dist/utils/generateid/generateId.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateId.cjs","sources":["../../../src/utils/generateid/generateId.ts"],"sourcesContent":["export function generateId(prefix: string) {\r\n  return `${prefix}-${Math.random().toString(36).slice(2, 8)}`;\r\n}\r\n"],"names":["generateId","prefix"],"mappings":"gFAAO,SAASA,EAAWC,EAAgB,CACzC,MAAO,GAAGA,CAAM,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,CAAC,EAC5D"}

package/dist/utils/generateid/generateId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateId.js","sources":["../../../src/utils/generateid/generateId.ts"],"sourcesContent":["export function generateId(prefix: string) {\r\n  return `${prefix}-${Math.random().toString(36).slice(2, 8)}`;\r\n}\r\n"],"names":["generateId","prefix"],"mappings":"AAAO,SAASA,EAAWC,GAAgB;AACzC,SAAO,GAAGA,CAAM,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAC5D;"}

package/dist/utils/keyboardnav/keyboardNav.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardNav.cjs","sources":["../../../src/utils/keyboardnav/keyboardNav.ts"],"sourcesContent":["/**\r\n * createKeyboardNavigation\r\n * -------------------------\r\n * Enables arrow-key navigation between items.\r\n * Compliant with WAI-ARIA authoring practices.\r\n */\r\nexport function createKeyboardNavigation(options: {\r\n  items: HTMLElement[];\r\n  onSelect: (index: number) => void;\r\n}) {\r\n  return function (e: KeyboardEvent) {\r\n    const { items, onSelect } = options;\r\n    const current = items.indexOf(document.activeElement as HTMLElement);\r\n\r\n    if (current === -1) return;\r\n\r\n    if (e.key === 'ArrowDown') {\r\n      e.preventDefault();\r\n      items[(current + 1) % items.length].focus();\r\n    }\r\n\r\n    if (e.key === 'ArrowUp') {\r\n      e.preventDefault();\r\n      items[(current - 1 + items.length) % items.length].focus();\r\n    }\r\n\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      e.preventDefault();\r\n      onSelect(current);\r\n    }\r\n  };\r\n}\r\n"],"names":["createKeyboardNavigation","options","items","onSelect","current"],"mappings":"gFAMO,SAASA,EAAyBC,EAGtC,CACD,OAAO,SAAU,EAAkB,CACjC,KAAM,CAAE,MAAAC,EAAO,SAAAC,CAAA,EAAaF,EACtBG,EAAUF,EAAM,QAAQ,SAAS,aAA4B,EAE/DE,IAAY,KAEZ,EAAE,MAAQ,cACZ,EAAE,eAAA,EACFF,GAAOE,EAAU,GAAKF,EAAM,MAAM,EAAE,MAAA,GAGlC,EAAE,MAAQ,YACZ,EAAE,eAAA,EACFA,GAAOE,EAAU,EAAIF,EAAM,QAAUA,EAAM,MAAM,EAAE,MAAA,IAGjD,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAA,EACFC,EAASC,CAAO,GAEpB,CACF"}

package/dist/utils/keyboardnav/keyboardNav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardNav.js","sources":["../../../src/utils/keyboardnav/keyboardNav.ts"],"sourcesContent":["/**\r\n * createKeyboardNavigation\r\n * -------------------------\r\n * Enables arrow-key navigation between items.\r\n * Compliant with WAI-ARIA authoring practices.\r\n */\r\nexport function createKeyboardNavigation(options: {\r\n  items: HTMLElement[];\r\n  onSelect: (index: number) => void;\r\n}) {\r\n  return function (e: KeyboardEvent) {\r\n    const { items, onSelect } = options;\r\n    const current = items.indexOf(document.activeElement as HTMLElement);\r\n\r\n    if (current === -1) return;\r\n\r\n    if (e.key === 'ArrowDown') {\r\n      e.preventDefault();\r\n      items[(current + 1) % items.length].focus();\r\n    }\r\n\r\n    if (e.key === 'ArrowUp') {\r\n      e.preventDefault();\r\n      items[(current - 1 + items.length) % items.length].focus();\r\n    }\r\n\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      e.preventDefault();\r\n      onSelect(current);\r\n    }\r\n  };\r\n}\r\n"],"names":["createKeyboardNavigation","options","items","onSelect","current"],"mappings":"AAMO,SAASA,EAAyBC,GAGtC;AACD,SAAO,SAAU,GAAkB;AACjC,UAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaF,GACtBG,IAAUF,EAAM,QAAQ,SAAS,aAA4B;AAEnE,IAAIE,MAAY,OAEZ,EAAE,QAAQ,gBACZ,EAAE,eAAA,GACFF,GAAOE,IAAU,KAAKF,EAAM,MAAM,EAAE,MAAA,IAGlC,EAAE,QAAQ,cACZ,EAAE,eAAA,GACFA,GAAOE,IAAU,IAAIF,EAAM,UAAUA,EAAM,MAAM,EAAE,MAAA,KAGjD,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAA,GACFC,EAASC,CAAO;AAAA,EAEpB;AACF;"}