@brycks/core-front 0.2.7 → 0.2.9

package/dist/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["/**\n * useClickOutside Hook\n *\n * Detects clicks outside of a referenced element.\n * Useful for closing dropdowns, modals, and popovers.\n */\n\nimport { useEffect, useRef, type RefObject } from 'react'\n\nexport interface UseClickOutsideOptions {\n  /** Whether the listener is active */\n  enabled?: boolean\n  /** Event type to listen for */\n  eventType?: 'mousedown' | 'mouseup' | 'click'\n}\n\nexport function useClickOutside<T extends HTMLElement = HTMLElement>(\n  handler: (event: MouseEvent | TouchEvent) => void,\n  options: UseClickOutsideOptions = {}\n): RefObject<T | null> {\n  const { enabled = true, eventType = 'mousedown' } = options\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const el = ref.current\n      if (!el || el.contains(event.target as Node)) {\n        return\n      }\n      handler(event)\n    }\n\n    document.addEventListener(eventType, listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener(eventType, listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, enabled, eventType])\n\n  return ref\n}\n"],"names":["useClickOutside","handler","options","enabled","eventType","ref","useRef","useEffect","listener","event","el"],"mappings":";AAgBO,SAASA,EACdC,GACAC,IAAkC,IACb;AACrB,QAAM,EAAE,SAAAC,IAAU,IAAM,WAAAC,IAAY,gBAAgBF,GAC9CG,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAS;AAEd,UAAMK,IAAW,CAACC,MAAmC;AACnD,YAAMC,IAAKL,EAAI;AACf,MAAI,CAACK,KAAMA,EAAG,SAASD,EAAM,MAAc,KAG3CR,EAAQQ,CAAK;AAAA,IACf;AAEA,oBAAS,iBAAiBL,GAAWI,CAAQ,GAC7C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACX,eAAS,oBAAoBJ,GAAWI,CAAQ,GAChD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAACP,GAASE,GAASC,CAAS,CAAC,GAEzBC;AACT;"}

package/dist/hooks/useControllable.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function b(u){const{value:l,defaultValue:a,onChange:s}=u,e=l!==void 0,c=n.useRef(e);n.useEffect(()=>{c.current!==e&&console.warn("Component is switching between controlled and uncontrolled modes. This is not recommended and may cause unexpected behavior."),c.current=e},[e]);const[i,d]=n.useState(a),o=e?l:i,f=n.useCallback(t=>{const r=typeof t=="function"?t(o):t;e||d(r),s?.(r)},[e,s,o]);return{value:o,setValue:f,isControlled:e}}exports.useControllable=b;
+//# sourceMappingURL=useControllable.cjs.map

package/dist/hooks/useControllable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllable.cjs","sources":["../../src/hooks/useControllable.ts"],"sourcesContent":["/**\n * useControllable Hook\n *\n * Manages controlled vs uncontrolled state pattern.\n * Allows components to work in both controlled and uncontrolled modes.\n */\n\nimport { useState, useCallback, useRef, useEffect } from 'react'\n\nexport interface UseControllableOptions<T> {\n  /** Controlled value (if provided, component is controlled) */\n  value?: T\n  /** Default value for uncontrolled mode */\n  defaultValue: T\n  /** Callback when value changes */\n  onChange?: (value: T) => void\n}\n\nexport interface UseControllableReturn<T> {\n  /** Current value */\n  value: T\n  /** Set the value */\n  setValue: (value: T | ((prev: T) => T)) => void\n  /** Whether the component is controlled */\n  isControlled: boolean\n}\n\nexport function useControllable<T>(\n  options: UseControllableOptions<T>\n): UseControllableReturn<T> {\n  const { value: controlledValue, defaultValue, onChange } = options\n\n  const isControlled = controlledValue !== undefined\n  const isControlledRef = useRef(isControlled)\n\n  // Warn if switching between controlled and uncontrolled\n  useEffect(() => {\n    if (isControlledRef.current !== isControlled) {\n      console.warn(\n        'Component is switching between controlled and uncontrolled modes. ' +\n          'This is not recommended and may cause unexpected behavior.'\n      )\n    }\n    isControlledRef.current = isControlled\n  }, [isControlled])\n\n  const [internalValue, setInternalValue] = useState(defaultValue)\n\n  const value = isControlled ? controlledValue : internalValue\n\n  const setValue = useCallback(\n    (nextValue: T | ((prev: T) => T)) => {\n      const resolvedValue =\n        typeof nextValue === 'function'\n          ? (nextValue as (prev: T) => T)(value)\n          : nextValue\n\n      if (!isControlled) {\n        setInternalValue(resolvedValue)\n      }\n      onChange?.(resolvedValue)\n    },\n    [isControlled, onChange, value]\n  )\n\n  return {\n    value,\n    setValue,\n    isControlled,\n  }\n}\n"],"names":["useControllable","options","controlledValue","defaultValue","onChange","isControlled","isControlledRef","useRef","useEffect","internalValue","setInternalValue","useState","value","setValue","useCallback","nextValue","resolvedValue"],"mappings":"yGA2BO,SAASA,EACdC,EAC0B,CAC1B,KAAM,CAAE,MAAOC,EAAiB,aAAAC,EAAc,SAAAC,GAAaH,EAErDI,EAAeH,IAAoB,OACnCI,EAAkBC,EAAAA,OAAOF,CAAY,EAG3CG,EAAAA,UAAU,IAAM,CACVF,EAAgB,UAAYD,GAC9B,QAAQ,KACN,8HAAA,EAIJC,EAAgB,QAAUD,CAC5B,EAAG,CAACA,CAAY,CAAC,EAEjB,KAAM,CAACI,EAAeC,CAAgB,EAAIC,EAAAA,SAASR,CAAY,EAEzDS,EAAQP,EAAeH,EAAkBO,EAEzCI,EAAWC,EAAAA,YACdC,GAAoC,CACnC,MAAMC,EACJ,OAAOD,GAAc,WAChBA,EAA6BH,CAAK,EACnCG,EAEDV,GACHK,EAAiBM,CAAa,EAEhCZ,IAAWY,CAAa,CAC1B,EACA,CAACX,EAAcD,EAAUQ,CAAK,CAAA,EAGhC,MAAO,CACL,MAAAA,EACA,SAAAC,EACA,aAAAR,CAAA,CAEJ"}

package/dist/hooks/useControllable.js

@@ -0,0 +1,25 @@
+import { useRef as f, useEffect as m, useState as C, useCallback as p } from "react";
+function b(r) {
+  const { value: t, defaultValue: a, onChange: l } = r, e = t !== void 0, s = f(e);
+  m(() => {
+    s.current !== e && console.warn(
+      "Component is switching between controlled and uncontrolled modes. This is not recommended and may cause unexpected behavior."
+    ), s.current = e;
+  }, [e]);
+  const [u, i] = C(a), n = e ? t : u, d = p(
+    (o) => {
+      const c = typeof o == "function" ? o(n) : o;
+      e || i(c), l?.(c);
+    },
+    [e, l, n]
+  );
+  return {
+    value: n,
+    setValue: d,
+    isControlled: e
+  };
+}
+export {
+  b as useControllable
+};
+//# sourceMappingURL=useControllable.js.map

package/dist/hooks/useControllable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllable.js","sources":["../../src/hooks/useControllable.ts"],"sourcesContent":["/**\n * useControllable Hook\n *\n * Manages controlled vs uncontrolled state pattern.\n * Allows components to work in both controlled and uncontrolled modes.\n */\n\nimport { useState, useCallback, useRef, useEffect } from 'react'\n\nexport interface UseControllableOptions<T> {\n  /** Controlled value (if provided, component is controlled) */\n  value?: T\n  /** Default value for uncontrolled mode */\n  defaultValue: T\n  /** Callback when value changes */\n  onChange?: (value: T) => void\n}\n\nexport interface UseControllableReturn<T> {\n  /** Current value */\n  value: T\n  /** Set the value */\n  setValue: (value: T | ((prev: T) => T)) => void\n  /** Whether the component is controlled */\n  isControlled: boolean\n}\n\nexport function useControllable<T>(\n  options: UseControllableOptions<T>\n): UseControllableReturn<T> {\n  const { value: controlledValue, defaultValue, onChange } = options\n\n  const isControlled = controlledValue !== undefined\n  const isControlledRef = useRef(isControlled)\n\n  // Warn if switching between controlled and uncontrolled\n  useEffect(() => {\n    if (isControlledRef.current !== isControlled) {\n      console.warn(\n        'Component is switching between controlled and uncontrolled modes. ' +\n          'This is not recommended and may cause unexpected behavior.'\n      )\n    }\n    isControlledRef.current = isControlled\n  }, [isControlled])\n\n  const [internalValue, setInternalValue] = useState(defaultValue)\n\n  const value = isControlled ? controlledValue : internalValue\n\n  const setValue = useCallback(\n    (nextValue: T | ((prev: T) => T)) => {\n      const resolvedValue =\n        typeof nextValue === 'function'\n          ? (nextValue as (prev: T) => T)(value)\n          : nextValue\n\n      if (!isControlled) {\n        setInternalValue(resolvedValue)\n      }\n      onChange?.(resolvedValue)\n    },\n    [isControlled, onChange, value]\n  )\n\n  return {\n    value,\n    setValue,\n    isControlled,\n  }\n}\n"],"names":["useControllable","options","controlledValue","defaultValue","onChange","isControlled","isControlledRef","useRef","useEffect","internalValue","setInternalValue","useState","value","setValue","useCallback","nextValue","resolvedValue"],"mappings":";AA2BO,SAASA,EACdC,GAC0B;AAC1B,QAAM,EAAE,OAAOC,GAAiB,cAAAC,GAAc,UAAAC,MAAaH,GAErDI,IAAeH,MAAoB,QACnCI,IAAkBC,EAAOF,CAAY;AAG3C,EAAAG,EAAU,MAAM;AACd,IAAIF,EAAgB,YAAYD,KAC9B,QAAQ;AAAA,MACN;AAAA,IAAA,GAIJC,EAAgB,UAAUD;AAAA,EAC5B,GAAG,CAACA,CAAY,CAAC;AAEjB,QAAM,CAACI,GAAeC,CAAgB,IAAIC,EAASR,CAAY,GAEzDS,IAAQP,IAAeH,IAAkBO,GAEzCI,IAAWC;AAAA,IACf,CAACC,MAAoC;AACnC,YAAMC,IACJ,OAAOD,KAAc,aAChBA,EAA6BH,CAAK,IACnCG;AAEN,MAAKV,KACHK,EAAiBM,CAAa,GAEhCZ,IAAWY,CAAa;AAAA,IAC1B;AAAA,IACA,CAACX,GAAcD,GAAUQ,CAAK;AAAA,EAAA;AAGhC,SAAO;AAAA,IACL,OAAAA;AAAA,IACA,UAAAC;AAAA,IACA,cAAAR;AAAA,EAAA;AAEJ;"}

package/dist/hooks/useDisclosure.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function p(c={}){const{defaultIsOpen:u=!1,onOpen:e,onClose:s}=c,[t,o]=n.useState(u),a=n.useCallback(()=>{o(!0),e?.()},[e]),r=n.useCallback(()=>{o(!1),s?.()},[s]),i=n.useCallback(()=>{const l=!t;o(l),l?e?.():s?.()},[t,e,s]);return{isOpen:t,onOpen:a,onClose:r,onToggle:i,setIsOpen:o}}exports.useDisclosure=p;
+//# sourceMappingURL=useDisclosure.cjs.map

package/dist/hooks/useDisclosure.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.cjs","sources":["../../src/hooks/useDisclosure.ts"],"sourcesContent":["/**\r\n * useDisclosure Hook\r\n *\r\n * Manages open/closed state for modals, popovers, drawers, etc.\r\n */\r\n\r\nimport { useState, useCallback } from 'react'\r\n\r\nexport interface UseDisclosureReturn {\r\n  isOpen: boolean\r\n  onOpen: () => void\r\n  onClose: () => void\r\n  onToggle: () => void\r\n  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>\r\n}\r\n\r\nexport interface UseDisclosureOptions {\r\n  defaultIsOpen?: boolean\r\n  onOpen?: () => void\r\n  onClose?: () => void\r\n}\r\n\r\nexport function useDisclosure(options: UseDisclosureOptions = {}): UseDisclosureReturn {\r\n  const { defaultIsOpen = false, onOpen: onOpenProp, onClose: onCloseProp } = options\r\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\r\n\r\n  const onOpen = useCallback(() => {\r\n    setIsOpen(true)\r\n    onOpenProp?.()\r\n  }, [onOpenProp])\r\n\r\n  const onClose = useCallback(() => {\r\n    setIsOpen(false)\r\n    onCloseProp?.()\r\n  }, [onCloseProp])\r\n\r\n  const onToggle = useCallback(() => {\r\n    const newState = !isOpen\r\n    setIsOpen(newState)\r\n    if (newState) {\r\n      onOpenProp?.()\r\n    } else {\r\n      onCloseProp?.()\r\n    }\r\n  }, [isOpen, onOpenProp, onCloseProp])\r\n\r\n  return {\r\n    isOpen,\r\n    onOpen,\r\n    onClose,\r\n    onToggle,\r\n    setIsOpen,\r\n  }\r\n}\r\n"],"names":["useDisclosure","options","defaultIsOpen","onOpenProp","onCloseProp","isOpen","setIsOpen","useState","onOpen","useCallback","onClose","onToggle","newState"],"mappings":"yGAsBO,SAASA,EAAcC,EAAgC,GAAyB,CACrF,KAAM,CAAE,cAAAC,EAAgB,GAAO,OAAQC,EAAY,QAASC,GAAgBH,EACtE,CAACI,EAAQC,CAAS,EAAIC,EAAAA,SAASL,CAAa,EAE5CM,EAASC,EAAAA,YAAY,IAAM,CAC/BH,EAAU,EAAI,EACdH,IAAA,CACF,EAAG,CAACA,CAAU,CAAC,EAETO,EAAUD,EAAAA,YAAY,IAAM,CAChCH,EAAU,EAAK,EACfF,IAAA,CACF,EAAG,CAACA,CAAW,CAAC,EAEVO,EAAWF,EAAAA,YAAY,IAAM,CACjC,MAAMG,EAAW,CAACP,EAClBC,EAAUM,CAAQ,EACdA,EACFT,IAAA,EAEAC,IAAA,CAEJ,EAAG,CAACC,EAAQF,EAAYC,CAAW,CAAC,EAEpC,MAAO,CACL,OAAAC,EACA,OAAAG,EACA,QAAAE,EACA,SAAAC,EACA,UAAAL,CAAA,CAEJ"}

package/dist/hooks/useDisclosure.js

@@ -0,0 +1,22 @@
+import { useState as f, useCallback as t } from "react";
+function i(p = {}) {
+  const { defaultIsOpen: c = !1, onOpen: e, onClose: o } = p, [s, n] = f(c), r = t(() => {
+    n(!0), e?.();
+  }, [e]), u = t(() => {
+    n(!1), o?.();
+  }, [o]), a = t(() => {
+    const l = !s;
+    n(l), l ? e?.() : o?.();
+  }, [s, e, o]);
+  return {
+    isOpen: s,
+    onOpen: r,
+    onClose: u,
+    onToggle: a,
+    setIsOpen: n
+  };
+}
+export {
+  i as useDisclosure
+};
+//# sourceMappingURL=useDisclosure.js.map

package/dist/hooks/useDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.js","sources":["../../src/hooks/useDisclosure.ts"],"sourcesContent":["/**\r\n * useDisclosure Hook\r\n *\r\n * Manages open/closed state for modals, popovers, drawers, etc.\r\n */\r\n\r\nimport { useState, useCallback } from 'react'\r\n\r\nexport interface UseDisclosureReturn {\r\n  isOpen: boolean\r\n  onOpen: () => void\r\n  onClose: () => void\r\n  onToggle: () => void\r\n  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>\r\n}\r\n\r\nexport interface UseDisclosureOptions {\r\n  defaultIsOpen?: boolean\r\n  onOpen?: () => void\r\n  onClose?: () => void\r\n}\r\n\r\nexport function useDisclosure(options: UseDisclosureOptions = {}): UseDisclosureReturn {\r\n  const { defaultIsOpen = false, onOpen: onOpenProp, onClose: onCloseProp } = options\r\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\r\n\r\n  const onOpen = useCallback(() => {\r\n    setIsOpen(true)\r\n    onOpenProp?.()\r\n  }, [onOpenProp])\r\n\r\n  const onClose = useCallback(() => {\r\n    setIsOpen(false)\r\n    onCloseProp?.()\r\n  }, [onCloseProp])\r\n\r\n  const onToggle = useCallback(() => {\r\n    const newState = !isOpen\r\n    setIsOpen(newState)\r\n    if (newState) {\r\n      onOpenProp?.()\r\n    } else {\r\n      onCloseProp?.()\r\n    }\r\n  }, [isOpen, onOpenProp, onCloseProp])\r\n\r\n  return {\r\n    isOpen,\r\n    onOpen,\r\n    onClose,\r\n    onToggle,\r\n    setIsOpen,\r\n  }\r\n}\r\n"],"names":["useDisclosure","options","defaultIsOpen","onOpenProp","onCloseProp","isOpen","setIsOpen","useState","onOpen","useCallback","onClose","onToggle","newState"],"mappings":";AAsBO,SAASA,EAAcC,IAAgC,IAAyB;AACrF,QAAM,EAAE,eAAAC,IAAgB,IAAO,QAAQC,GAAY,SAASC,MAAgBH,GACtE,CAACI,GAAQC,CAAS,IAAIC,EAASL,CAAa,GAE5CM,IAASC,EAAY,MAAM;AAC/B,IAAAH,EAAU,EAAI,GACdH,IAAA;AAAA,EACF,GAAG,CAACA,CAAU,CAAC,GAETO,IAAUD,EAAY,MAAM;AAChC,IAAAH,EAAU,EAAK,GACfF,IAAA;AAAA,EACF,GAAG,CAACA,CAAW,CAAC,GAEVO,IAAWF,EAAY,MAAM;AACjC,UAAMG,IAAW,CAACP;AAClB,IAAAC,EAAUM,CAAQ,GACdA,IACFT,IAAA,IAEAC,IAAA;AAAA,EAEJ,GAAG,CAACC,GAAQF,GAAYC,CAAW,CAAC;AAEpC,SAAO;AAAA,IACL,QAAAC;AAAA,IACA,QAAAG;AAAA,IACA,SAAAE;AAAA,IACA,UAAAC;AAAA,IACA,WAAAL;AAAA,EAAA;AAEJ;"}

package/dist/hooks/useFocusTrap.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),y=["button:not([disabled])","[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function p(b={}){const{enabled:c=!0,autoFocus:f=!0,restoreFocus:a=!0,initialFocus:s}=b,u=n.useRef(null),i=n.useRef(null),r=n.useCallback(()=>u.current?Array.from(u.current.querySelectorAll(y)):[],[]),o=n.useCallback(()=>{r()[0]?.focus()},[r]),E=n.useCallback(()=>{const e=r();e[e.length-1]?.focus()},[r]);return n.useEffect(()=>{if(c){if(i.current=document.activeElement,f){const e=u.current;if(!e)return;if(s){const t=typeof s=="string"?e.querySelector(s):s;t?t.focus():o()}else o()}return()=>{a&&i.current&&i.current.focus()}}},[c,f,a,s,o]),n.useEffect(()=>{if(!c)return;const e=t=>{if(t.key!=="Tab"||!u.current)return;const l=r();if(l.length===0)return;const d=l[0],m=l[l.length-1];t.shiftKey?document.activeElement===d&&(t.preventDefault(),m.focus()):document.activeElement===m&&(t.preventDefault(),d.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[c,r]),{ref:u,focusFirst:o,focusLast:E}}exports.useFocusTrap=p;
+//# sourceMappingURL=useFocusTrap.cjs.map

package/dist/hooks/useFocusTrap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.cjs","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["/**\n * useFocusTrap Hook\n *\n * Traps focus within a container element.\n * Useful for modals, drawers, and dialogs.\n */\n\nimport { useEffect, useRef, useCallback, type RefObject } from 'react'\n\nconst FOCUSABLE_SELECTORS = [\n  'button:not([disabled])',\n  '[href]',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ')\n\nexport interface UseFocusTrapOptions {\n  /** Whether the focus trap is active */\n  enabled?: boolean\n  /** Whether to auto-focus the first element */\n  autoFocus?: boolean\n  /** Whether to restore focus on unmount */\n  restoreFocus?: boolean\n  /** Initial element to focus (selector or element) */\n  initialFocus?: string | HTMLElement | null\n}\n\nexport interface UseFocusTrapReturn<T extends HTMLElement> {\n  /** Ref to attach to the container */\n  ref: RefObject<T | null>\n  /** Manually focus the first focusable element */\n  focusFirst: () => void\n  /** Manually focus the last focusable element */\n  focusLast: () => void\n}\n\nexport function useFocusTrap<T extends HTMLElement = HTMLDivElement>(\n  options: UseFocusTrapOptions = {}\n): UseFocusTrapReturn<T> {\n  const {\n    enabled = true,\n    autoFocus = true,\n    restoreFocus = true,\n    initialFocus,\n  } = options\n\n  const ref = useRef<T>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!ref.current) return []\n    return Array.from(ref.current.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS))\n  }, [])\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements()\n    elements[0]?.focus()\n  }, [getFocusableElements])\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements()\n    elements[elements.length - 1]?.focus()\n  }, [getFocusableElements])\n\n  useEffect(() => {\n    if (!enabled) return\n\n    // Store the previously focused element\n    previousActiveElement.current = document.activeElement as HTMLElement\n\n    // Auto-focus on mount\n    if (autoFocus) {\n      const container = ref.current\n      if (!container) return\n\n      // Try initial focus first\n      if (initialFocus) {\n        const element =\n          typeof initialFocus === 'string'\n            ? container.querySelector<HTMLElement>(initialFocus)\n            : initialFocus\n        if (element) {\n          element.focus()\n        } else {\n          focusFirst()\n        }\n      } else {\n        focusFirst()\n      }\n    }\n\n    // Restore focus on unmount\n    return () => {\n      if (restoreFocus && previousActiveElement.current) {\n        previousActiveElement.current.focus()\n      }\n    }\n  }, [enabled, autoFocus, restoreFocus, initialFocus, focusFirst])\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return\n\n      const container = ref.current\n      if (!container) return\n\n      const focusableElements = getFocusableElements()\n      if (focusableElements.length === 0) return\n\n      const firstElement = focusableElements[0]\n      const lastElement = focusableElements[focusableElements.length - 1]\n\n      if (event.shiftKey) {\n        // Shift + Tab: going backwards\n        if (document.activeElement === firstElement) {\n          event.preventDefault()\n          lastElement.focus()\n        }\n      } else {\n        // Tab: going forwards\n        if (document.activeElement === lastElement) {\n          event.preventDefault()\n          firstElement.focus()\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [enabled, getFocusableElements])\n\n  return {\n    ref,\n    focusFirst,\n    focusLast,\n  }\n}\n"],"names":["FOCUSABLE_SELECTORS","useFocusTrap","options","enabled","autoFocus","restoreFocus","initialFocus","ref","useRef","previousActiveElement","getFocusableElements","useCallback","focusFirst","focusLast","elements","useEffect","container","element","handleKeyDown","event","focusableElements","firstElement","lastElement"],"mappings":"yGASMA,EAAsB,CAC1B,yBACA,SACA,wBACA,yBACA,2BACA,iCACF,EAAE,KAAK,IAAI,EAsBJ,SAASC,EACdC,EAA+B,GACR,CACvB,KAAM,CACJ,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,aAAAC,EAAe,GACf,aAAAC,CAAA,EACEJ,EAEEK,EAAMC,EAAAA,OAAU,IAAI,EACpBC,EAAwBD,EAAAA,OAA2B,IAAI,EAEvDE,EAAuBC,EAAAA,YAAY,IAClCJ,EAAI,QACF,MAAM,KAAKA,EAAI,QAAQ,iBAA8BP,CAAmB,CAAC,EADvD,CAAA,EAExB,CAAA,CAAE,EAECY,EAAaD,EAAAA,YAAY,IAAM,CAClBD,EAAA,EACR,CAAC,GAAG,MAAA,CACf,EAAG,CAACA,CAAoB,CAAC,EAEnBG,EAAYF,EAAAA,YAAY,IAAM,CAClC,MAAMG,EAAWJ,EAAA,EACjBI,EAASA,EAAS,OAAS,CAAC,GAAG,MAAA,CACjC,EAAG,CAACJ,CAAoB,CAAC,EAEzBK,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKZ,EAML,IAHAM,EAAsB,QAAU,SAAS,cAGrCL,EAAW,CACb,MAAMY,EAAYT,EAAI,QACtB,GAAI,CAACS,EAAW,OAGhB,GAAIV,EAAc,CAChB,MAAMW,EACJ,OAAOX,GAAiB,SACpBU,EAAU,cAA2BV,CAAY,EACjDA,EACFW,EACFA,EAAQ,MAAA,EAERL,EAAA,CAEJ,MACEA,EAAA,CAEJ,CAGA,MAAO,IAAM,CACPP,GAAgBI,EAAsB,SACxCA,EAAsB,QAAQ,MAAA,CAElC,EACF,EAAG,CAACN,EAASC,EAAWC,EAAcC,EAAcM,CAAU,CAAC,EAE/DG,EAAAA,UAAU,IAAM,CACd,GAAI,CAACZ,EAAS,OAEd,MAAMe,EAAiBC,GAAyB,CAI9C,GAHIA,EAAM,MAAQ,OAGd,CADcZ,EAAI,QACN,OAEhB,MAAMa,EAAoBV,EAAA,EAC1B,GAAIU,EAAkB,SAAW,EAAG,OAEpC,MAAMC,EAAeD,EAAkB,CAAC,EAClCE,EAAcF,EAAkBA,EAAkB,OAAS,CAAC,EAE9DD,EAAM,SAEJ,SAAS,gBAAkBE,IAC7BF,EAAM,eAAA,EACNG,EAAY,MAAA,GAIV,SAAS,gBAAkBA,IAC7BH,EAAM,eAAA,EACNE,EAAa,MAAA,EAGnB,EAEA,gBAAS,iBAAiB,UAAWH,CAAa,EAC3C,IAAM,SAAS,oBAAoB,UAAWA,CAAa,CACpE,EAAG,CAACf,EAASO,CAAoB,CAAC,EAE3B,CACL,IAAAH,EACA,WAAAK,EACA,UAAAC,CAAA,CAEJ"}

package/dist/hooks/useFocusTrap.js

@@ -0,0 +1,56 @@
+import { useRef as E, useCallback as l, useEffect as b } from "react";
+const v = [
+  "button:not([disabled])",
+  "[href]",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function g(y = {}) {
+  const {
+    enabled: s = !0,
+    autoFocus: f = !0,
+    restoreFocus: a = !0,
+    initialFocus: r
+  } = y, o = E(null), i = E(null), n = l(() => o.current ? Array.from(o.current.querySelectorAll(v)) : [], []), c = l(() => {
+    n()[0]?.focus();
+  }, [n]), p = l(() => {
+    const e = n();
+    e[e.length - 1]?.focus();
+  }, [n]);
+  return b(() => {
+    if (s) {
+      if (i.current = document.activeElement, f) {
+        const e = o.current;
+        if (!e) return;
+        if (r) {
+          const t = typeof r == "string" ? e.querySelector(r) : r;
+          t ? t.focus() : c();
+        } else
+          c();
+      }
+      return () => {
+        a && i.current && i.current.focus();
+      };
+    }
+  }, [s, f, a, r, c]), b(() => {
+    if (!s) return;
+    const e = (t) => {
+      if (t.key !== "Tab" || !o.current) return;
+      const u = n();
+      if (u.length === 0) return;
+      const d = u[0], m = u[u.length - 1];
+      t.shiftKey ? document.activeElement === d && (t.preventDefault(), m.focus()) : document.activeElement === m && (t.preventDefault(), d.focus());
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [s, n]), {
+    ref: o,
+    focusFirst: c,
+    focusLast: p
+  };
+}
+export {
+  g as useFocusTrap
+};
+//# sourceMappingURL=useFocusTrap.js.map

package/dist/hooks/useFocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["/**\n * useFocusTrap Hook\n *\n * Traps focus within a container element.\n * Useful for modals, drawers, and dialogs.\n */\n\nimport { useEffect, useRef, useCallback, type RefObject } from 'react'\n\nconst FOCUSABLE_SELECTORS = [\n  'button:not([disabled])',\n  '[href]',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ')\n\nexport interface UseFocusTrapOptions {\n  /** Whether the focus trap is active */\n  enabled?: boolean\n  /** Whether to auto-focus the first element */\n  autoFocus?: boolean\n  /** Whether to restore focus on unmount */\n  restoreFocus?: boolean\n  /** Initial element to focus (selector or element) */\n  initialFocus?: string | HTMLElement | null\n}\n\nexport interface UseFocusTrapReturn<T extends HTMLElement> {\n  /** Ref to attach to the container */\n  ref: RefObject<T | null>\n  /** Manually focus the first focusable element */\n  focusFirst: () => void\n  /** Manually focus the last focusable element */\n  focusLast: () => void\n}\n\nexport function useFocusTrap<T extends HTMLElement = HTMLDivElement>(\n  options: UseFocusTrapOptions = {}\n): UseFocusTrapReturn<T> {\n  const {\n    enabled = true,\n    autoFocus = true,\n    restoreFocus = true,\n    initialFocus,\n  } = options\n\n  const ref = useRef<T>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!ref.current) return []\n    return Array.from(ref.current.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS))\n  }, [])\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements()\n    elements[0]?.focus()\n  }, [getFocusableElements])\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements()\n    elements[elements.length - 1]?.focus()\n  }, [getFocusableElements])\n\n  useEffect(() => {\n    if (!enabled) return\n\n    // Store the previously focused element\n    previousActiveElement.current = document.activeElement as HTMLElement\n\n    // Auto-focus on mount\n    if (autoFocus) {\n      const container = ref.current\n      if (!container) return\n\n      // Try initial focus first\n      if (initialFocus) {\n        const element =\n          typeof initialFocus === 'string'\n            ? container.querySelector<HTMLElement>(initialFocus)\n            : initialFocus\n        if (element) {\n          element.focus()\n        } else {\n          focusFirst()\n        }\n      } else {\n        focusFirst()\n      }\n    }\n\n    // Restore focus on unmount\n    return () => {\n      if (restoreFocus && previousActiveElement.current) {\n        previousActiveElement.current.focus()\n      }\n    }\n  }, [enabled, autoFocus, restoreFocus, initialFocus, focusFirst])\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return\n\n      const container = ref.current\n      if (!container) return\n\n      const focusableElements = getFocusableElements()\n      if (focusableElements.length === 0) return\n\n      const firstElement = focusableElements[0]\n      const lastElement = focusableElements[focusableElements.length - 1]\n\n      if (event.shiftKey) {\n        // Shift + Tab: going backwards\n        if (document.activeElement === firstElement) {\n          event.preventDefault()\n          lastElement.focus()\n        }\n      } else {\n        // Tab: going forwards\n        if (document.activeElement === lastElement) {\n          event.preventDefault()\n          firstElement.focus()\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [enabled, getFocusableElements])\n\n  return {\n    ref,\n    focusFirst,\n    focusLast,\n  }\n}\n"],"names":["FOCUSABLE_SELECTORS","useFocusTrap","options","enabled","autoFocus","restoreFocus","initialFocus","ref","useRef","previousActiveElement","getFocusableElements","useCallback","focusFirst","focusLast","elements","useEffect","container","element","handleKeyDown","event","focusableElements","firstElement","lastElement"],"mappings":";AASA,MAAMA,IAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI;AAsBJ,SAASC,EACdC,IAA+B,IACR;AACvB,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,cAAAC;AAAA,EAAA,IACEJ,GAEEK,IAAMC,EAAU,IAAI,GACpBC,IAAwBD,EAA2B,IAAI,GAEvDE,IAAuBC,EAAY,MAClCJ,EAAI,UACF,MAAM,KAAKA,EAAI,QAAQ,iBAA8BP,CAAmB,CAAC,IADvD,CAAA,GAExB,CAAA,CAAE,GAECY,IAAaD,EAAY,MAAM;AAEnC,IADiBD,EAAA,EACR,CAAC,GAAG,MAAA;AAAA,EACf,GAAG,CAACA,CAAoB,CAAC,GAEnBG,IAAYF,EAAY,MAAM;AAClC,UAAMG,IAAWJ,EAAA;AACjB,IAAAI,EAASA,EAAS,SAAS,CAAC,GAAG,MAAA;AAAA,EACjC,GAAG,CAACJ,CAAoB,CAAC;AAEzB,SAAAK,EAAU,MAAM;AACd,QAAKZ,GAML;AAAA,UAHAM,EAAsB,UAAU,SAAS,eAGrCL,GAAW;AACb,cAAMY,IAAYT,EAAI;AACtB,YAAI,CAACS,EAAW;AAGhB,YAAIV,GAAc;AAChB,gBAAMW,IACJ,OAAOX,KAAiB,WACpBU,EAAU,cAA2BV,CAAY,IACjDA;AACN,UAAIW,IACFA,EAAQ,MAAA,IAERL,EAAA;AAAA,QAEJ;AACE,UAAAA,EAAA;AAAA,MAEJ;AAGA,aAAO,MAAM;AACX,QAAIP,KAAgBI,EAAsB,WACxCA,EAAsB,QAAQ,MAAA;AAAA,MAElC;AAAA;AAAA,EACF,GAAG,CAACN,GAASC,GAAWC,GAAcC,GAAcM,CAAU,CAAC,GAE/DG,EAAU,MAAM;AACd,QAAI,CAACZ,EAAS;AAEd,UAAMe,IAAgB,CAACC,MAAyB;AAI9C,UAHIA,EAAM,QAAQ,SAGd,CADcZ,EAAI,QACN;AAEhB,YAAMa,IAAoBV,EAAA;AAC1B,UAAIU,EAAkB,WAAW,EAAG;AAEpC,YAAMC,IAAeD,EAAkB,CAAC,GAClCE,IAAcF,EAAkBA,EAAkB,SAAS,CAAC;AAElE,MAAID,EAAM,WAEJ,SAAS,kBAAkBE,MAC7BF,EAAM,eAAA,GACNG,EAAY,MAAA,KAIV,SAAS,kBAAkBA,MAC7BH,EAAM,eAAA,GACNE,EAAa,MAAA;AAAA,IAGnB;AAEA,oBAAS,iBAAiB,WAAWH,CAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAWA,CAAa;AAAA,EACpE,GAAG,CAACf,GAASO,CAAoB,CAAC,GAE3B;AAAA,IACL,KAAAH;AAAA,IACA,YAAAK;AAAA,IACA,WAAAC;AAAA,EAAA;AAEJ;"}

package/dist/hooks/useId.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");let d=0;function r(e){return`${e}-${++d}`}function c(e="brycks"){const[t,s]=n.useState("");return n.useEffect(()=>{s(r(e))},[e]),t||r(e)}function o(e,t="brycks"){const[s,u]=n.useState([]);return n.useEffect(()=>{u(Array.from({length:e},()=>r(t)))},[e,t]),s.length?s:Array.from({length:e},()=>r(t))}exports.useId=c;exports.useIds=o;
+//# sourceMappingURL=useId.cjs.map

package/dist/hooks/useId.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.cjs","sources":["../../src/hooks/useId.ts"],"sourcesContent":["/**\n * useId Hook\n *\n * Generates a stable unique ID for accessibility attributes.\n * Falls back to custom implementation for React < 18.\n */\n\nimport { useState, useEffect } from 'react'\n\nlet idCounter = 0\n\nfunction generateUniqueId(prefix: string): string {\n  return `${prefix}-${++idCounter}`\n}\n\nexport function useId(prefix = 'brycks'): string {\n  const [id, setId] = useState<string>('')\n\n  useEffect(() => {\n    setId(generateUniqueId(prefix))\n  }, [prefix])\n\n  // Return a stable ID even before effect runs\n  return id || generateUniqueId(prefix)\n}\n\nexport function useIds(count: number, prefix = 'brycks'): string[] {\n  const [ids, setIds] = useState<string[]>([])\n\n  useEffect(() => {\n    setIds(Array.from({ length: count }, () => generateUniqueId(prefix)))\n  }, [count, prefix])\n\n  return ids.length ? ids : Array.from({ length: count }, () => generateUniqueId(prefix))\n}\n"],"names":["idCounter","generateUniqueId","prefix","useId","id","setId","useState","useEffect","useIds","count","ids","setIds"],"mappings":"yGASA,IAAIA,EAAY,EAEhB,SAASC,EAAiBC,EAAwB,CAChD,MAAO,GAAGA,CAAM,IAAI,EAAEF,CAAS,EACjC,CAEO,SAASG,EAAMD,EAAS,SAAkB,CAC/C,KAAM,CAACE,EAAIC,CAAK,EAAIC,EAAAA,SAAiB,EAAE,EAEvCC,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAMJ,EAAiBC,CAAM,CAAC,CAChC,EAAG,CAACA,CAAM,CAAC,EAGJE,GAAMH,EAAiBC,CAAM,CACtC,CAEO,SAASM,EAAOC,EAAeP,EAAS,SAAoB,CACjE,KAAM,CAACQ,EAAKC,CAAM,EAAIL,EAAAA,SAAmB,CAAA,CAAE,EAE3CC,OAAAA,EAAAA,UAAU,IAAM,CACdI,EAAO,MAAM,KAAK,CAAE,OAAQF,CAAA,EAAS,IAAMR,EAAiBC,CAAM,CAAC,CAAC,CACtE,EAAG,CAACO,EAAOP,CAAM,CAAC,EAEXQ,EAAI,OAASA,EAAM,MAAM,KAAK,CAAE,OAAQD,CAAA,EAAS,IAAMR,EAAiBC,CAAM,CAAC,CACxF"}

package/dist/hooks/useId.js

@@ -0,0 +1,22 @@
+import { useState as s, useEffect as u } from "react";
+let d = 0;
+function r(t) {
+  return `${t}-${++d}`;
+}
+function I(t = "brycks") {
+  const [e, n] = s("");
+  return u(() => {
+    n(r(t));
+  }, [t]), e || r(t);
+}
+function a(t, e = "brycks") {
+  const [n, o] = s([]);
+  return u(() => {
+    o(Array.from({ length: t }, () => r(e)));
+  }, [t, e]), n.length ? n : Array.from({ length: t }, () => r(e));
+}
+export {
+  I as useId,
+  a as useIds
+};
+//# sourceMappingURL=useId.js.map

package/dist/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sources":["../../src/hooks/useId.ts"],"sourcesContent":["/**\n * useId Hook\n *\n * Generates a stable unique ID for accessibility attributes.\n * Falls back to custom implementation for React < 18.\n */\n\nimport { useState, useEffect } from 'react'\n\nlet idCounter = 0\n\nfunction generateUniqueId(prefix: string): string {\n  return `${prefix}-${++idCounter}`\n}\n\nexport function useId(prefix = 'brycks'): string {\n  const [id, setId] = useState<string>('')\n\n  useEffect(() => {\n    setId(generateUniqueId(prefix))\n  }, [prefix])\n\n  // Return a stable ID even before effect runs\n  return id || generateUniqueId(prefix)\n}\n\nexport function useIds(count: number, prefix = 'brycks'): string[] {\n  const [ids, setIds] = useState<string[]>([])\n\n  useEffect(() => {\n    setIds(Array.from({ length: count }, () => generateUniqueId(prefix)))\n  }, [count, prefix])\n\n  return ids.length ? ids : Array.from({ length: count }, () => generateUniqueId(prefix))\n}\n"],"names":["idCounter","generateUniqueId","prefix","useId","id","setId","useState","useEffect","useIds","count","ids","setIds"],"mappings":";AASA,IAAIA,IAAY;AAEhB,SAASC,EAAiBC,GAAwB;AAChD,SAAO,GAAGA,CAAM,IAAI,EAAEF,CAAS;AACjC;AAEO,SAASG,EAAMD,IAAS,UAAkB;AAC/C,QAAM,CAACE,GAAIC,CAAK,IAAIC,EAAiB,EAAE;AAEvC,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAMJ,EAAiBC,CAAM,CAAC;AAAA,EAChC,GAAG,CAACA,CAAM,CAAC,GAGJE,KAAMH,EAAiBC,CAAM;AACtC;AAEO,SAASM,EAAOC,GAAeP,IAAS,UAAoB;AACjE,QAAM,CAACQ,GAAKC,CAAM,IAAIL,EAAmB,CAAA,CAAE;AAE3C,SAAAC,EAAU,MAAM;AACd,IAAAI,EAAO,MAAM,KAAK,EAAE,QAAQF,EAAA,GAAS,MAAMR,EAAiBC,CAAM,CAAC,CAAC;AAAA,EACtE,GAAG,CAACO,GAAOP,CAAM,CAAC,GAEXQ,EAAI,SAASA,IAAM,MAAM,KAAK,EAAE,QAAQD,EAAA,GAAS,MAAMR,EAAiBC,CAAM,CAAC;AACxF;"}

package/dist/hooks/useKeyboardNavigation.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function D(k){const{itemCount:n,initialIndex:d=0,loop:l=!0,orientation:s="vertical",onIndexChange:i,onSelect:u}=k,[t,p]=c.useState(d),o=c.useCallback(e=>{p(e),i?.(e)},[i]),r=c.useCallback(e=>{let a;switch(e){case"first":a=0;break;case"last":a=n-1;break;case"next":t>=n-1?a=l?0:t:a=t+1;break;case"prev":t<=0?a=l?n-1:t:a=t-1;break}o(a)},[t,n,l,o]),v=c.useCallback(e=>{const{key:a}=e,b=s==="vertical"||s==="both",f=s==="horizontal"||s==="both";switch(a){case"ArrowDown":b&&(e.preventDefault(),r("next"));break;case"ArrowUp":b&&(e.preventDefault(),r("prev"));break;case"ArrowRight":f&&(e.preventDefault(),r("next"));break;case"ArrowLeft":f&&(e.preventDefault(),r("prev"));break;case"Home":e.preventDefault(),r("first");break;case"End":e.preventDefault(),r("last");break;case"Enter":case" ":e.preventDefault(),u?.(t);break}},[s,r,u,t]),w=c.useCallback(e=>({tabIndex:e===t?0:-1,"data-focused":e===t,onFocus:()=>o(e)}),[t,o]);return{focusedIndex:t,setFocusedIndex:o,handleKeyDown:v,getItemProps:w}}exports.useKeyboardNavigation=D;
+//# sourceMappingURL=useKeyboardNavigation.cjs.map

package/dist/hooks/useKeyboardNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.cjs","sources":["../../src/hooks/useKeyboardNavigation.ts"],"sourcesContent":["/**\n * useKeyboardNavigation Hook\n *\n * Handles keyboard navigation for lists, menus, and other navigable components.\n */\n\nimport { useCallback, useState } from 'react'\n\nexport interface UseKeyboardNavigationOptions {\n  /** Total number of items */\n  itemCount: number\n  /** Initial focused index */\n  initialIndex?: number\n  /** Whether navigation wraps around */\n  loop?: boolean\n  /** Orientation of the list */\n  orientation?: 'horizontal' | 'vertical' | 'both'\n  /** Callback when index changes */\n  onIndexChange?: (index: number) => void\n  /** Callback when item is selected */\n  onSelect?: (index: number) => void\n}\n\nexport interface UseKeyboardNavigationReturn {\n  /** Current focused index */\n  focusedIndex: number\n  /** Set focused index */\n  setFocusedIndex: (index: number) => void\n  /** Handle keyboard events */\n  handleKeyDown: (event: React.KeyboardEvent) => void\n  /** Get props for an item */\n  getItemProps: (index: number) => {\n    tabIndex: number\n    'data-focused': boolean\n    onFocus: () => void\n  }\n}\n\nexport function useKeyboardNavigation(\n  options: UseKeyboardNavigationOptions\n): UseKeyboardNavigationReturn {\n  const {\n    itemCount,\n    initialIndex = 0,\n    loop = true,\n    orientation = 'vertical',\n    onIndexChange,\n    onSelect,\n  } = options\n\n  const [focusedIndex, setFocusedIndexState] = useState(initialIndex)\n\n  const setFocusedIndex = useCallback(\n    (index: number) => {\n      setFocusedIndexState(index)\n      onIndexChange?.(index)\n    },\n    [onIndexChange]\n  )\n\n  const moveFocus = useCallback(\n    (direction: 'next' | 'prev' | 'first' | 'last') => {\n      let newIndex: number\n\n      switch (direction) {\n        case 'first':\n          newIndex = 0\n          break\n        case 'last':\n          newIndex = itemCount - 1\n          break\n        case 'next':\n          if (focusedIndex >= itemCount - 1) {\n            newIndex = loop ? 0 : focusedIndex\n          } else {\n            newIndex = focusedIndex + 1\n          }\n          break\n        case 'prev':\n          if (focusedIndex <= 0) {\n            newIndex = loop ? itemCount - 1 : focusedIndex\n          } else {\n            newIndex = focusedIndex - 1\n          }\n          break\n      }\n\n      setFocusedIndex(newIndex)\n    },\n    [focusedIndex, itemCount, loop, setFocusedIndex]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const { key } = event\n\n      const isVertical = orientation === 'vertical' || orientation === 'both'\n      const isHorizontal = orientation === 'horizontal' || orientation === 'both'\n\n      switch (key) {\n        case 'ArrowDown':\n          if (isVertical) {\n            event.preventDefault()\n            moveFocus('next')\n          }\n          break\n        case 'ArrowUp':\n          if (isVertical) {\n            event.preventDefault()\n            moveFocus('prev')\n          }\n          break\n        case 'ArrowRight':\n          if (isHorizontal) {\n            event.preventDefault()\n            moveFocus('next')\n          }\n          break\n        case 'ArrowLeft':\n          if (isHorizontal) {\n            event.preventDefault()\n            moveFocus('prev')\n          }\n          break\n        case 'Home':\n          event.preventDefault()\n          moveFocus('first')\n          break\n        case 'End':\n          event.preventDefault()\n          moveFocus('last')\n          break\n        case 'Enter':\n        case ' ':\n          event.preventDefault()\n          onSelect?.(focusedIndex)\n          break\n      }\n    },\n    [orientation, moveFocus, onSelect, focusedIndex]\n  )\n\n  const getItemProps = useCallback(\n    (index: number) => ({\n      tabIndex: index === focusedIndex ? 0 : -1,\n      'data-focused': index === focusedIndex,\n      onFocus: () => setFocusedIndex(index),\n    }),\n    [focusedIndex, setFocusedIndex]\n  )\n\n  return {\n    focusedIndex,\n    setFocusedIndex,\n    handleKeyDown,\n    getItemProps,\n  }\n}\n"],"names":["useKeyboardNavigation","options","itemCount","initialIndex","loop","orientation","onIndexChange","onSelect","focusedIndex","setFocusedIndexState","useState","setFocusedIndex","useCallback","index","moveFocus","direction","newIndex","handleKeyDown","event","key","isVertical","isHorizontal","getItemProps"],"mappings":"yGAsCO,SAASA,EACdC,EAC6B,CAC7B,KAAM,CACJ,UAAAC,EACA,aAAAC,EAAe,EACf,KAAAC,EAAO,GACP,YAAAC,EAAc,WACd,cAAAC,EACA,SAAAC,CAAA,EACEN,EAEE,CAACO,EAAcC,CAAoB,EAAIC,EAAAA,SAASP,CAAY,EAE5DQ,EAAkBC,EAAAA,YACrBC,GAAkB,CACjBJ,EAAqBI,CAAK,EAC1BP,IAAgBO,CAAK,CACvB,EACA,CAACP,CAAa,CAAA,EAGVQ,EAAYF,EAAAA,YACfG,GAAkD,CACjD,IAAIC,EAEJ,OAAQD,EAAA,CACN,IAAK,QACHC,EAAW,EACX,MACF,IAAK,OACHA,EAAWd,EAAY,EACvB,MACF,IAAK,OACCM,GAAgBN,EAAY,EAC9Bc,EAAWZ,EAAO,EAAII,EAEtBQ,EAAWR,EAAe,EAE5B,MACF,IAAK,OACCA,GAAgB,EAClBQ,EAAWZ,EAAOF,EAAY,EAAIM,EAElCQ,EAAWR,EAAe,EAE5B,KAAA,CAGJG,EAAgBK,CAAQ,CAC1B,EACA,CAACR,EAAcN,EAAWE,EAAMO,CAAe,CAAA,EAG3CM,EAAgBL,EAAAA,YACnBM,GAA+B,CAC9B,KAAM,CAAE,IAAAC,GAAQD,EAEVE,EAAaf,IAAgB,YAAcA,IAAgB,OAC3DgB,EAAehB,IAAgB,cAAgBA,IAAgB,OAErE,OAAQc,EAAA,CACN,IAAK,YACCC,IACFF,EAAM,eAAA,EACNJ,EAAU,MAAM,GAElB,MACF,IAAK,UACCM,IACFF,EAAM,eAAA,EACNJ,EAAU,MAAM,GAElB,MACF,IAAK,aACCO,IACFH,EAAM,eAAA,EACNJ,EAAU,MAAM,GAElB,MACF,IAAK,YACCO,IACFH,EAAM,eAAA,EACNJ,EAAU,MAAM,GAElB,MACF,IAAK,OACHI,EAAM,eAAA,EACNJ,EAAU,OAAO,EACjB,MACF,IAAK,MACHI,EAAM,eAAA,EACNJ,EAAU,MAAM,EAChB,MACF,IAAK,QACL,IAAK,IACHI,EAAM,eAAA,EACNX,IAAWC,CAAY,EACvB,KAAA,CAEN,EACA,CAACH,EAAaS,EAAWP,EAAUC,CAAY,CAAA,EAG3Cc,EAAeV,EAAAA,YAClBC,IAAmB,CAClB,SAAUA,IAAUL,EAAe,EAAI,GACvC,eAAgBK,IAAUL,EAC1B,QAAS,IAAMG,EAAgBE,CAAK,CAAA,GAEtC,CAACL,EAAcG,CAAe,CAAA,EAGhC,MAAO,CACL,aAAAH,EACA,gBAAAG,EACA,cAAAM,EACA,aAAAK,CAAA,CAEJ"}

package/dist/hooks/useKeyboardNavigation.js

@@ -0,0 +1,82 @@
+import { useState as h, useCallback as c } from "react";
+function I(p) {
+  const {
+    itemCount: n,
+    initialIndex: k = 0,
+    loop: i = !0,
+    orientation: o = "vertical",
+    onIndexChange: l,
+    onSelect: f
+  } = p, [t, d] = h(k), s = c(
+    (e) => {
+      d(e), l?.(e);
+    },
+    [l]
+  ), r = c(
+    (e) => {
+      let a;
+      switch (e) {
+        case "first":
+          a = 0;
+          break;
+        case "last":
+          a = n - 1;
+          break;
+        case "next":
+          t >= n - 1 ? a = i ? 0 : t : a = t + 1;
+          break;
+        case "prev":
+          t <= 0 ? a = i ? n - 1 : t : a = t - 1;
+          break;
+      }
+      s(a);
+    },
+    [t, n, i, s]
+  ), w = c(
+    (e) => {
+      const { key: a } = e, u = o === "vertical" || o === "both", b = o === "horizontal" || o === "both";
+      switch (a) {
+        case "ArrowDown":
+          u && (e.preventDefault(), r("next"));
+          break;
+        case "ArrowUp":
+          u && (e.preventDefault(), r("prev"));
+          break;
+        case "ArrowRight":
+          b && (e.preventDefault(), r("next"));
+          break;
+        case "ArrowLeft":
+          b && (e.preventDefault(), r("prev"));
+          break;
+        case "Home":
+          e.preventDefault(), r("first");
+          break;
+        case "End":
+          e.preventDefault(), r("last");
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault(), f?.(t);
+          break;
+      }
+    },
+    [o, r, f, t]
+  ), D = c(
+    (e) => ({
+      tabIndex: e === t ? 0 : -1,
+      "data-focused": e === t,
+      onFocus: () => s(e)
+    }),
+    [t, s]
+  );
+  return {
+    focusedIndex: t,
+    setFocusedIndex: s,
+    handleKeyDown: w,
+    getItemProps: D
+  };
+}
+export {
+  I as useKeyboardNavigation
+};
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../src/hooks/useKeyboardNavigation.ts"],"sourcesContent":["/**\n * useKeyboardNavigation Hook\n *\n * Handles keyboard navigation for lists, menus, and other navigable components.\n */\n\nimport { useCallback, useState } from 'react'\n\nexport interface UseKeyboardNavigationOptions {\n  /** Total number of items */\n  itemCount: number\n  /** Initial focused index */\n  initialIndex?: number\n  /** Whether navigation wraps around */\n  loop?: boolean\n  /** Orientation of the list */\n  orientation?: 'horizontal' | 'vertical' | 'both'\n  /** Callback when index changes */\n  onIndexChange?: (index: number) => void\n  /** Callback when item is selected */\n  onSelect?: (index: number) => void\n}\n\nexport interface UseKeyboardNavigationReturn {\n  /** Current focused index */\n  focusedIndex: number\n  /** Set focused index */\n  setFocusedIndex: (index: number) => void\n  /** Handle keyboard events */\n  handleKeyDown: (event: React.KeyboardEvent) => void\n  /** Get props for an item */\n  getItemProps: (index: number) => {\n    tabIndex: number\n    'data-focused': boolean\n    onFocus: () => void\n  }\n}\n\nexport function useKeyboardNavigation(\n  options: UseKeyboardNavigationOptions\n): UseKeyboardNavigationReturn {\n  const {\n    itemCount,\n    initialIndex = 0,\n    loop = true,\n    orientation = 'vertical',\n    onIndexChange,\n    onSelect,\n  } = options\n\n  const [focusedIndex, setFocusedIndexState] = useState(initialIndex)\n\n  const setFocusedIndex = useCallback(\n    (index: number) => {\n      setFocusedIndexState(index)\n      onIndexChange?.(index)\n    },\n    [onIndexChange]\n  )\n\n  const moveFocus = useCallback(\n    (direction: 'next' | 'prev' | 'first' | 'last') => {\n      let newIndex: number\n\n      switch (direction) {\n        case 'first':\n          newIndex = 0\n          break\n        case 'last':\n          newIndex = itemCount - 1\n          break\n        case 'next':\n          if (focusedIndex >= itemCount - 1) {\n            newIndex = loop ? 0 : focusedIndex\n          } else {\n            newIndex = focusedIndex + 1\n          }\n          break\n        case 'prev':\n          if (focusedIndex <= 0) {\n            newIndex = loop ? itemCount - 1 : focusedIndex\n          } else {\n            newIndex = focusedIndex - 1\n          }\n          break\n      }\n\n      setFocusedIndex(newIndex)\n    },\n    [focusedIndex, itemCount, loop, setFocusedIndex]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const { key } = event\n\n      const isVertical = orientation === 'vertical' || orientation === 'both'\n      const isHorizontal = orientation === 'horizontal' || orientation === 'both'\n\n      switch (key) {\n        case 'ArrowDown':\n          if (isVertical) {\n            event.preventDefault()\n            moveFocus('next')\n          }\n          break\n        case 'ArrowUp':\n          if (isVertical) {\n            event.preventDefault()\n            moveFocus('prev')\n          }\n          break\n        case 'ArrowRight':\n          if (isHorizontal) {\n            event.preventDefault()\n            moveFocus('next')\n          }\n          break\n        case 'ArrowLeft':\n          if (isHorizontal) {\n            event.preventDefault()\n            moveFocus('prev')\n          }\n          break\n        case 'Home':\n          event.preventDefault()\n          moveFocus('first')\n          break\n        case 'End':\n          event.preventDefault()\n          moveFocus('last')\n          break\n        case 'Enter':\n        case ' ':\n          event.preventDefault()\n          onSelect?.(focusedIndex)\n          break\n      }\n    },\n    [orientation, moveFocus, onSelect, focusedIndex]\n  )\n\n  const getItemProps = useCallback(\n    (index: number) => ({\n      tabIndex: index === focusedIndex ? 0 : -1,\n      'data-focused': index === focusedIndex,\n      onFocus: () => setFocusedIndex(index),\n    }),\n    [focusedIndex, setFocusedIndex]\n  )\n\n  return {\n    focusedIndex,\n    setFocusedIndex,\n    handleKeyDown,\n    getItemProps,\n  }\n}\n"],"names":["useKeyboardNavigation","options","itemCount","initialIndex","loop","orientation","onIndexChange","onSelect","focusedIndex","setFocusedIndexState","useState","setFocusedIndex","useCallback","index","moveFocus","direction","newIndex","handleKeyDown","event","key","isVertical","isHorizontal","getItemProps"],"mappings":";AAsCO,SAASA,EACdC,GAC6B;AAC7B,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,eAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEN,GAEE,CAACO,GAAcC,CAAoB,IAAIC,EAASP,CAAY,GAE5DQ,IAAkBC;AAAA,IACtB,CAACC,MAAkB;AACjB,MAAAJ,EAAqBI,CAAK,GAC1BP,IAAgBO,CAAK;AAAA,IACvB;AAAA,IACA,CAACP,CAAa;AAAA,EAAA,GAGVQ,IAAYF;AAAA,IAChB,CAACG,MAAkD;AACjD,UAAIC;AAEJ,cAAQD,GAAA;AAAA,QACN,KAAK;AACH,UAAAC,IAAW;AACX;AAAA,QACF,KAAK;AACH,UAAAA,IAAWd,IAAY;AACvB;AAAA,QACF,KAAK;AACH,UAAIM,KAAgBN,IAAY,IAC9Bc,IAAWZ,IAAO,IAAII,IAEtBQ,IAAWR,IAAe;AAE5B;AAAA,QACF,KAAK;AACH,UAAIA,KAAgB,IAClBQ,IAAWZ,IAAOF,IAAY,IAAIM,IAElCQ,IAAWR,IAAe;AAE5B;AAAA,MAAA;AAGJ,MAAAG,EAAgBK,CAAQ;AAAA,IAC1B;AAAA,IACA,CAACR,GAAcN,GAAWE,GAAMO,CAAe;AAAA,EAAA,GAG3CM,IAAgBL;AAAA,IACpB,CAACM,MAA+B;AAC9B,YAAM,EAAE,KAAAC,MAAQD,GAEVE,IAAaf,MAAgB,cAAcA,MAAgB,QAC3DgB,IAAehB,MAAgB,gBAAgBA,MAAgB;AAErE,cAAQc,GAAA;AAAA,QACN,KAAK;AACH,UAAIC,MACFF,EAAM,eAAA,GACNJ,EAAU,MAAM;AAElB;AAAA,QACF,KAAK;AACH,UAAIM,MACFF,EAAM,eAAA,GACNJ,EAAU,MAAM;AAElB;AAAA,QACF,KAAK;AACH,UAAIO,MACFH,EAAM,eAAA,GACNJ,EAAU,MAAM;AAElB;AAAA,QACF,KAAK;AACH,UAAIO,MACFH,EAAM,eAAA,GACNJ,EAAU,MAAM;AAElB;AAAA,QACF,KAAK;AACH,UAAAI,EAAM,eAAA,GACNJ,EAAU,OAAO;AACjB;AAAA,QACF,KAAK;AACH,UAAAI,EAAM,eAAA,GACNJ,EAAU,MAAM;AAChB;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,UAAAI,EAAM,eAAA,GACNX,IAAWC,CAAY;AACvB;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,CAACH,GAAaS,GAAWP,GAAUC,CAAY;AAAA,EAAA,GAG3Cc,IAAeV;AAAA,IACnB,CAACC,OAAmB;AAAA,MAClB,UAAUA,MAAUL,IAAe,IAAI;AAAA,MACvC,gBAAgBK,MAAUL;AAAA,MAC1B,SAAS,MAAMG,EAAgBE,CAAK;AAAA,IAAA;AAAA,IAEtC,CAACL,GAAcG,CAAe;AAAA,EAAA;AAGhC,SAAO;AAAA,IACL,cAAAH;AAAA,IACA,iBAAAG;AAAA,IACA,eAAAM;AAAA,IACA,cAAAK;AAAA,EAAA;AAEJ;"}

package/dist/hooks/useMediaQuery.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function e(t){const[i,r]=u.useState(()=>typeof window>"u"?!1:window.matchMedia(t).matches);return u.useEffect(()=>{if(typeof window>"u")return;const n=window.matchMedia(t),s=o=>r(o.matches);return r(n.matches),n.addEventListener("change",s),()=>n.removeEventListener("change",s)},[t]),i}function d(){return e("(max-width: 639px)")}function a(){return e("(min-width: 640px) and (max-width: 1023px)")}function c(){return e("(min-width: 1024px)")}function f(){return e("(prefers-reduced-motion: reduce)")}function h(){return e("(prefers-color-scheme: dark)")}exports.useIsDesktop=c;exports.useIsMobile=d;exports.useIsTablet=a;exports.useMediaQuery=e;exports.usePrefersDarkMode=h;exports.usePrefersReducedMotion=f;
+//# sourceMappingURL=useMediaQuery.cjs.map

package/dist/hooks/useMediaQuery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.cjs","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["/**\r\n * useMediaQuery Hook\r\n *\r\n * React hook for responsive design with media queries.\r\n */\r\n\r\nimport { useState, useEffect } from 'react'\r\n\r\nexport function useMediaQuery(query: string): boolean {\r\n  const [matches, setMatches] = useState(() => {\r\n    if (typeof window === 'undefined') return false\r\n    return window.matchMedia(query).matches\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return\r\n\r\n    const mediaQuery = window.matchMedia(query)\r\n    const handleChange = (e: MediaQueryListEvent) => setMatches(e.matches)\r\n\r\n    // Set initial value\r\n    setMatches(mediaQuery.matches)\r\n\r\n    // Listen for changes\r\n    mediaQuery.addEventListener('change', handleChange)\r\n    return () => mediaQuery.removeEventListener('change', handleChange)\r\n  }, [query])\r\n\r\n  return matches\r\n}\r\n\r\n/** Pre-built responsive hooks */\r\nexport function useIsMobile() {\r\n  return useMediaQuery('(max-width: 639px)')\r\n}\r\n\r\nexport function useIsTablet() {\r\n  return useMediaQuery('(min-width: 640px) and (max-width: 1023px)')\r\n}\r\n\r\nexport function useIsDesktop() {\r\n  return useMediaQuery('(min-width: 1024px)')\r\n}\r\n\r\nexport function usePrefersReducedMotion() {\r\n  return useMediaQuery('(prefers-reduced-motion: reduce)')\r\n}\r\n\r\nexport function usePrefersDarkMode() {\r\n  return useMediaQuery('(prefers-color-scheme: dark)')\r\n}\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mediaQuery","handleChange","e","useIsMobile","useIsTablet","useIsDesktop","usePrefersReducedMotion","usePrefersDarkMode"],"mappings":"yGAQO,SAASA,EAAcC,EAAwB,CACpD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,IACjC,OAAO,OAAW,IAAoB,GACnC,OAAO,WAAWH,CAAK,EAAE,OACjC,EAEDI,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,OAAO,OAAW,IAAa,OAEnC,MAAMC,EAAa,OAAO,WAAWL,CAAK,EACpCM,EAAgBC,GAA2BL,EAAWK,EAAE,OAAO,EAGrE,OAAAL,EAAWG,EAAW,OAAO,EAG7BA,EAAW,iBAAiB,SAAUC,CAAY,EAC3C,IAAMD,EAAW,oBAAoB,SAAUC,CAAY,CACpE,EAAG,CAACN,CAAK,CAAC,EAEHC,CACT,CAGO,SAASO,GAAc,CAC5B,OAAOT,EAAc,oBAAoB,CAC3C,CAEO,SAASU,GAAc,CAC5B,OAAOV,EAAc,4CAA4C,CACnE,CAEO,SAASW,GAAe,CAC7B,OAAOX,EAAc,qBAAqB,CAC5C,CAEO,SAASY,GAA0B,CACxC,OAAOZ,EAAc,kCAAkC,CACzD,CAEO,SAASa,GAAqB,CACnC,OAAOb,EAAc,8BAA8B,CACrD"}

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,33 @@
+import { useState as o, useEffect as d } from "react";
+function e(n) {
+  const [s, r] = o(() => typeof window > "u" ? !1 : window.matchMedia(n).matches);
+  return d(() => {
+    if (typeof window > "u") return;
+    const t = window.matchMedia(n), i = (u) => r(u.matches);
+    return r(t.matches), t.addEventListener("change", i), () => t.removeEventListener("change", i);
+  }, [n]), s;
+}
+function c() {
+  return e("(max-width: 639px)");
+}
+function f() {
+  return e("(min-width: 640px) and (max-width: 1023px)");
+}
+function h() {
+  return e("(min-width: 1024px)");
+}
+function m() {
+  return e("(prefers-reduced-motion: reduce)");
+}
+function w() {
+  return e("(prefers-color-scheme: dark)");
+}
+export {
+  h as useIsDesktop,
+  c as useIsMobile,
+  f as useIsTablet,
+  e as useMediaQuery,
+  w as usePrefersDarkMode,
+  m as usePrefersReducedMotion
+};
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["/**\r\n * useMediaQuery Hook\r\n *\r\n * React hook for responsive design with media queries.\r\n */\r\n\r\nimport { useState, useEffect } from 'react'\r\n\r\nexport function useMediaQuery(query: string): boolean {\r\n  const [matches, setMatches] = useState(() => {\r\n    if (typeof window === 'undefined') return false\r\n    return window.matchMedia(query).matches\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return\r\n\r\n    const mediaQuery = window.matchMedia(query)\r\n    const handleChange = (e: MediaQueryListEvent) => setMatches(e.matches)\r\n\r\n    // Set initial value\r\n    setMatches(mediaQuery.matches)\r\n\r\n    // Listen for changes\r\n    mediaQuery.addEventListener('change', handleChange)\r\n    return () => mediaQuery.removeEventListener('change', handleChange)\r\n  }, [query])\r\n\r\n  return matches\r\n}\r\n\r\n/** Pre-built responsive hooks */\r\nexport function useIsMobile() {\r\n  return useMediaQuery('(max-width: 639px)')\r\n}\r\n\r\nexport function useIsTablet() {\r\n  return useMediaQuery('(min-width: 640px) and (max-width: 1023px)')\r\n}\r\n\r\nexport function useIsDesktop() {\r\n  return useMediaQuery('(min-width: 1024px)')\r\n}\r\n\r\nexport function usePrefersReducedMotion() {\r\n  return useMediaQuery('(prefers-reduced-motion: reduce)')\r\n}\r\n\r\nexport function usePrefersDarkMode() {\r\n  return useMediaQuery('(prefers-color-scheme: dark)')\r\n}\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mediaQuery","handleChange","e","useIsMobile","useIsTablet","useIsDesktop","usePrefersReducedMotion","usePrefersDarkMode"],"mappings":";AAQO,SAASA,EAAcC,GAAwB;AACpD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,MACjC,OAAO,SAAW,MAAoB,KACnC,OAAO,WAAWH,CAAK,EAAE,OACjC;AAED,SAAAI,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,IAAa;AAEnC,UAAMC,IAAa,OAAO,WAAWL,CAAK,GACpCM,IAAe,CAACC,MAA2BL,EAAWK,EAAE,OAAO;AAGrE,WAAAL,EAAWG,EAAW,OAAO,GAG7BA,EAAW,iBAAiB,UAAUC,CAAY,GAC3C,MAAMD,EAAW,oBAAoB,UAAUC,CAAY;AAAA,EACpE,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;AAGO,SAASO,IAAc;AAC5B,SAAOT,EAAc,oBAAoB;AAC3C;AAEO,SAASU,IAAc;AAC5B,SAAOV,EAAc,4CAA4C;AACnE;AAEO,SAASW,IAAe;AAC7B,SAAOX,EAAc,qBAAqB;AAC5C;AAEO,SAASY,IAA0B;AACxC,SAAOZ,EAAc,kCAAkC;AACzD;AAEO,SAASa,IAAqB;AACnC,SAAOb,EAAc,8BAA8B;AACrD;"}

package/dist/hooks.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./hooks/useMediaQuery.cjs"),u=require("./hooks/useDisclosure.cjs"),r=require("./hooks/useClickOutside.cjs"),o=require("./hooks/useKeyboardNavigation.cjs"),i=require("./hooks/useFocusTrap.cjs"),s=require("./hooks/useId.cjs"),t=require("./hooks/useControllable.cjs");exports.useIsDesktop=e.useIsDesktop;exports.useIsMobile=e.useIsMobile;exports.useIsTablet=e.useIsTablet;exports.useMediaQuery=e.useMediaQuery;exports.usePrefersDarkMode=e.usePrefersDarkMode;exports.usePrefersReducedMotion=e.usePrefersReducedMotion;exports.useDisclosure=u.useDisclosure;exports.useClickOutside=r.useClickOutside;exports.useKeyboardNavigation=o.useKeyboardNavigation;exports.useFocusTrap=i.useFocusTrap;exports.useId=s.useId;exports.useIds=s.useIds;exports.useControllable=t.useControllable;
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/hooks.d.ts

@@ -0,0 +1,146 @@
+import { RefObject } from 'react';
+
+export declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: (event: MouseEvent | TouchEvent) => void, options?: UseClickOutsideOptions): RefObject<T | null>;
+
+export declare interface UseClickOutsideOptions {
+    /** Whether the listener is active */
+    enabled?: boolean;
+    /** Event type to listen for */
+    eventType?: 'mousedown' | 'mouseup' | 'click';
+}
+
+export declare function useControllable<T>(options: UseControllableOptions<T>): UseControllableReturn<T>;
+
+/**
+ * useControllable Hook
+ *
+ * Manages controlled vs uncontrolled state pattern.
+ * Allows components to work in both controlled and uncontrolled modes.
+ */
+export declare interface UseControllableOptions<T> {
+    /** Controlled value (if provided, component is controlled) */
+    value?: T;
+    /** Default value for uncontrolled mode */
+    defaultValue: T;
+    /** Callback when value changes */
+    onChange?: (value: T) => void;
+}
+
+export declare interface UseControllableReturn<T> {
+    /** Current value */
+    value: T;
+    /** Set the value */
+    setValue: (value: T | ((prev: T) => T)) => void;
+    /** Whether the component is controlled */
+    isControlled: boolean;
+}
+
+export declare function useDisclosure(options?: UseDisclosureOptions): UseDisclosureReturn;
+
+export declare interface UseDisclosureOptions {
+    defaultIsOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+
+/**
+ * useDisclosure Hook
+ *
+ * Manages open/closed state for modals, popovers, drawers, etc.
+ */
+export declare interface UseDisclosureReturn {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+
+export declare function useFocusTrap<T extends HTMLElement = HTMLDivElement>(options?: UseFocusTrapOptions): UseFocusTrapReturn<T>;
+
+export declare interface UseFocusTrapOptions {
+    /** Whether the focus trap is active */
+    enabled?: boolean;
+    /** Whether to auto-focus the first element */
+    autoFocus?: boolean;
+    /** Whether to restore focus on unmount */
+    restoreFocus?: boolean;
+    /** Initial element to focus (selector or element) */
+    initialFocus?: string | HTMLElement | null;
+}
+
+export declare interface UseFocusTrapReturn<T extends HTMLElement> {
+    /** Ref to attach to the container */
+    ref: RefObject<T | null>;
+    /** Manually focus the first focusable element */
+    focusFirst: () => void;
+    /** Manually focus the last focusable element */
+    focusLast: () => void;
+}
+
+/**
+ * useId Hook
+ *
+ * Generates a stable unique ID for accessibility attributes.
+ * Falls back to custom implementation for React < 18.
+ */
+export declare function useId(prefix?: string): string;
+
+export declare function useIds(count: number, prefix?: string): string[];
+
+export declare function useIsDesktop(): boolean;
+
+/** Pre-built responsive hooks */
+export declare function useIsMobile(): boolean;
+
+export declare function useIsTablet(): boolean;
+
+export declare function useKeyboardNavigation(options: UseKeyboardNavigationOptions): UseKeyboardNavigationReturn;
+
+/**
+ * useKeyboardNavigation Hook
+ *
+ * Handles keyboard navigation for lists, menus, and other navigable components.
+ */
+export declare interface UseKeyboardNavigationOptions {
+    /** Total number of items */
+    itemCount: number;
+    /** Initial focused index */
+    initialIndex?: number;
+    /** Whether navigation wraps around */
+    loop?: boolean;
+    /** Orientation of the list */
+    orientation?: 'horizontal' | 'vertical' | 'both';
+    /** Callback when index changes */
+    onIndexChange?: (index: number) => void;
+    /** Callback when item is selected */
+    onSelect?: (index: number) => void;
+}
+
+export declare interface UseKeyboardNavigationReturn {
+    /** Current focused index */
+    focusedIndex: number;
+    /** Set focused index */
+    setFocusedIndex: (index: number) => void;
+    /** Handle keyboard events */
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    /** Get props for an item */
+    getItemProps: (index: number) => {
+        tabIndex: number;
+        'data-focused': boolean;
+        onFocus: () => void;
+    };
+}
+
+/**
+ * useMediaQuery Hook
+ *
+ * React hook for responsive design with media queries.
+ */
+export declare function useMediaQuery(query: string): boolean;
+
+export declare function usePrefersDarkMode(): boolean;
+
+export declare function usePrefersReducedMotion(): boolean;
+
+export { }

package/dist/hooks.js

@@ -0,0 +1,23 @@
+import { useIsDesktop as r, useIsMobile as s, useIsTablet as u, useMediaQuery as t, usePrefersDarkMode as f, usePrefersReducedMotion as p } from "./hooks/useMediaQuery.js";
+import { useDisclosure as d } from "./hooks/useDisclosure.js";
+import { useClickOutside as l } from "./hooks/useClickOutside.js";
+import { useKeyboardNavigation as x } from "./hooks/useKeyboardNavigation.js";
+import { useFocusTrap as b } from "./hooks/useFocusTrap.js";
+import { useId as M, useIds as k } from "./hooks/useId.js";
+import { useControllable as D } from "./hooks/useControllable.js";
+export {
+  l as useClickOutside,
+  D as useControllable,
+  d as useDisclosure,
+  b as useFocusTrap,
+  M as useId,
+  k as useIds,
+  r as useIsDesktop,
+  s as useIsMobile,
+  u as useIsTablet,
+  x as useKeyboardNavigation,
+  t as useMediaQuery,
+  f as usePrefersDarkMode,
+  p as usePrefersReducedMotion
+};
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}