@orion-ds/react 4.9.1 → 4.9.2

package/dist/hooks/useDisclosure.d.ts

@@ -1,86 +0,0 @@
-/**
- * useDisclosure Hook
- *
- * Manages open/close state for modals, drawers, dropdowns, etc.
- *
- * @example
- * ```tsx
- * // Orion convention (preferred)
- * const { isOpen, open, close, toggle } = useDisclosure();
- *
- * // MUI/Chakra/Radix convention (also works)
- * const { isOpen, onOpen, onClose, toggle } = useDisclosure();
- *
- * return (
- *   <>
- *     <Button onClick={toggle}>Toggle Modal</Button>
- *     <Modal open={isOpen} onClose={close}>
- *       Content
- *     </Modal>
- *   </>
- * );
- * ```
- */
-/**
- * Options for useDisclosure hook
- */
-export interface UseDisclosureOptions {
-    /**
-     * Initial open state
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Callback when state changes to open
-     */
-    onOpen?: () => void;
-    /**
-     * Callback when state changes to closed
-     */
-    onClose?: () => void;
-    /**
-     * Callback when state changes (open or close)
-     */
-    onChange?: (isOpen: boolean) => void;
-}
-/**
- * Return type for useDisclosure hook
- */
-export interface UseDisclosureReturn {
-    /**
-     * Whether the disclosure is open
-     */
-    isOpen: boolean;
-    /**
-     * Open the disclosure
-     */
-    open: () => void;
-    /**
-     * Close the disclosure
-     */
-    close: () => void;
-    /**
-     * Alias for `open` - familiar for devs from MUI/Chakra/Radix
-     */
-    onOpen: () => void;
-    /**
-     * Alias for `close` - familiar for devs from MUI/Chakra/Radix
-     */
-    onClose: () => void;
-    /**
-     * Toggle the disclosure
-     */
-    toggle: () => void;
-    /**
-     * Set the disclosure state directly
-     */
-    setIsOpen: (value: boolean) => void;
-}
-/**
- * Hook for managing open/close state
- *
- * @param options - Configuration options
- * @returns Disclosure state and control functions
- */
-export declare function useDisclosure(options?: UseDisclosureOptions): UseDisclosureReturn;
-//# sourceMappingURL=useDisclosure.d.ts.map

package/dist/hooks/useDisclosure.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDisclosure.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisclosure.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAoDrB"}

package/dist/hooks/useDisclosure.mjs

@@ -1,30 +0,0 @@
-import { useState as i, useCallback as l } from "react";
-function g(f = {}) {
-  const { defaultOpen: r = !1, onOpen: s, onClose: o, onChange: e } = f, [c, t] = i(r), p = l(() => {
-    t(!0), s?.(), e?.(!0);
-  }, [s, e]), a = l(() => {
-    t(!1), o?.(), e?.(!1);
-  }, [o, e]), u = l(() => {
-    const n = !c;
-    t(n), n ? s?.() : o?.(), e?.(n);
-  }, [c, s, o, e]), O = l(
-    (n) => {
-      t(n), n ? s?.() : o?.(), e?.(n);
-    },
-    [s, o, e]
-  );
-  return {
-    isOpen: c,
-    open: p,
-    close: a,
-    onOpen: p,
-    // alias for MUI/Chakra/Radix convention
-    onClose: a,
-    // alias for MUI/Chakra/Radix convention
-    toggle: u,
-    setIsOpen: O
-  };
-}
-export {
-  g as useDisclosure
-};

package/dist/hooks/useKeyboard.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");function h(n,a,f={}){const{ctrl:t=!1,alt:o=!1,shift:c=!1,meta:u=!1,enabled:i=!0,event:e="keydown",preventDefault:m=!0,stopPropagation:l=!1,target:s,targetOnly:p=!1}=f,b=y.useRef(a);b.current=a,y.useEffect(()=>{if(!i)return;const d=r=>{if(!(r.key.toLowerCase()===n.toLowerCase()||r.code===n)||t!==r.ctrlKey||o!==r.altKey||c!==r.shiftKey||u!==r.metaKey||p&&s&&r.target!==s)return;const g=document.activeElement;(g instanceof HTMLInputElement||g instanceof HTMLTextAreaElement||g?.getAttribute("contenteditable")==="true")&&n.toLowerCase()!=="escape"||(m&&r.preventDefault(),l&&r.stopPropagation(),b.current(r))},v=s||document;return v.addEventListener(e,d),()=>{v.removeEventListener(e,d)}},[n,t,o,c,u,i,e,m,l,s,p])}function E(n){const a=n.split("+"),f=a[a.length-1]||n,t={};for(let o=0;o<a.length-1;o++){const c=a[o];if(c)switch(c.toLowerCase()){case"ctrl":case"control":t.ctrl=!0;break;case"alt":case"option":t.alt=!0;break;case"shift":t.shift=!0;break;case"meta":case"cmd":case"command":t.meta=!0;break}}return{key:f,modifiers:t}}function L(n,a={}){const{enabled:f=!0,event:t="keydown",preventDefault:o=!0,stopPropagation:c=!1}=a,u=y.useCallback(()=>Object.entries(n).map(([i,e])=>({...E(i),handler:e})),[n]);y.useEffect(()=>{if(!f)return;const i=e=>{const m=u();for(const{key:l,modifiers:s,handler:p}of m){if(!(e.key.toLowerCase()===l.toLowerCase()||e.code===l)||(s.ctrl??!1)!==e.ctrlKey||(s.alt??!1)!==e.altKey||(s.shift??!1)!==e.shiftKey||(s.meta??!1)!==e.metaKey)continue;const d=document.activeElement;if(!((d instanceof HTMLInputElement||d instanceof HTMLTextAreaElement||d?.getAttribute("contenteditable")==="true")&&l.toLowerCase()!=="escape")){o&&e.preventDefault(),c&&e.stopPropagation(),p();break}}};return document.addEventListener(t,i),()=>{document.removeEventListener(t,i)}},[f,t,o,c,u])}exports.useKeyboard=h;exports.useKeyboardShortcuts=L;

package/dist/hooks/useKeyboard.d.ts

@@ -1,101 +0,0 @@
-/**
- * useKeyboard Hook
- *
- * Handles keyboard shortcuts and key events.
- *
- * @example
- * ```tsx
- * // Single key
- * useKeyboard('Escape', () => closeModal());
- *
- * // With modifiers
- * useKeyboard('k', () => openSearch(), { meta: true });
- * useKeyboard('s', () => save(), { ctrl: true });
- *
- * // Multiple keys
- * useKeyboardShortcuts({
- *   'Escape': () => closeModal(),
- *   'Meta+k': () => openSearch(),
- *   'Ctrl+s': () => save(),
- * });
- * ```
- */
-/**
- * Key modifier options
- */
-export interface KeyModifiers {
-    /**
-     * Require Ctrl key
-     * @default false
-     */
-    ctrl?: boolean;
-    /**
-     * Require Alt/Option key
-     * @default false
-     */
-    alt?: boolean;
-    /**
-     * Require Shift key
-     * @default false
-     */
-    shift?: boolean;
-    /**
-     * Require Meta/Cmd key (Mac) or Windows key
-     * @default false
-     */
-    meta?: boolean;
-}
-/**
- * Options for useKeyboard hook
- */
-export interface UseKeyboardOptions extends KeyModifiers {
-    /**
-     * Whether the handler is enabled
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Event type to listen for
-     * @default 'keydown'
-     */
-    event?: "keydown" | "keyup" | "keypress";
-    /**
-     * Whether to prevent default browser behavior
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Whether to stop event propagation
-     * @default false
-     */
-    stopPropagation?: boolean;
-    /**
-     * Target element (default: document)
-     */
-    target?: HTMLElement | null;
-    /**
-     * Only trigger if target element is focused
-     * @default false
-     */
-    targetOnly?: boolean;
-}
-/**
- * Hook to handle a single keyboard shortcut
- *
- * @param key - Key to listen for (e.g., 'Escape', 'Enter', 'k')
- * @param handler - Callback when key is pressed
- * @param options - Additional options
- */
-export declare function useKeyboard(key: string, handler: (event: KeyboardEvent) => void, options?: UseKeyboardOptions): void;
-/**
- * Shortcut definition with handler
- */
-export type KeyboardShortcuts = Record<string, () => void>;
-/**
- * Hook to handle multiple keyboard shortcuts
- *
- * @param shortcuts - Object mapping shortcut strings to handlers
- * @param options - Common options for all shortcuts
- */
-export declare function useKeyboardShortcuts(shortcuts: KeyboardShortcuts, options?: Omit<UseKeyboardOptions, keyof KeyModifiers>): void;
-//# sourceMappingURL=useKeyboard.d.ts.map

package/dist/hooks/useKeyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAEzC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAE5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EACvC,OAAO,GAAE,kBAAuB,GAC/B,IAAI,CAqFN;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;AA0C3D;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,iBAAiB,EAC5B,OAAO,GAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,YAAY,CAAM,GACzD,IAAI,CAkEN"}

package/dist/hooks/useKeyboard.mjs

@@ -1,99 +0,0 @@
-import { useRef as E, useEffect as g, useCallback as b } from "react";
-function T(n, a, f = {}) {
-  const {
-    ctrl: t = !1,
-    alt: o = !1,
-    shift: i = !1,
-    meta: u = !1,
-    enabled: c = !0,
-    event: e = "keydown",
-    preventDefault: d = !0,
-    stopPropagation: l = !1,
-    target: s,
-    targetOnly: p = !1
-  } = f, y = E(a);
-  y.current = a, g(() => {
-    if (!c)
-      return;
-    const m = (r) => {
-      if (!(r.key.toLowerCase() === n.toLowerCase() || r.code === n) || t !== r.ctrlKey || o !== r.altKey || i !== r.shiftKey || u !== r.metaKey || p && s && r.target !== s)
-        return;
-      const h = document.activeElement;
-      (h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement || h?.getAttribute("contenteditable") === "true") && n.toLowerCase() !== "escape" || (d && r.preventDefault(), l && r.stopPropagation(), y.current(r));
-    }, v = s || document;
-    return v.addEventListener(e, m), () => {
-      v.removeEventListener(e, m);
-    };
-  }, [
-    n,
-    t,
-    o,
-    i,
-    u,
-    c,
-    e,
-    d,
-    l,
-    s,
-    p
-  ]);
-}
-function L(n) {
-  const a = n.split("+"), f = a[a.length - 1] || n, t = {};
-  for (let o = 0; o < a.length - 1; o++) {
-    const i = a[o];
-    if (i)
-      switch (i.toLowerCase()) {
-        case "ctrl":
-        case "control":
-          t.ctrl = !0;
-          break;
-        case "alt":
-        case "option":
-          t.alt = !0;
-          break;
-        case "shift":
-          t.shift = !0;
-          break;
-        case "meta":
-        case "cmd":
-        case "command":
-          t.meta = !0;
-          break;
-      }
-  }
-  return { key: f, modifiers: t };
-}
-function C(n, a = {}) {
-  const {
-    enabled: f = !0,
-    event: t = "keydown",
-    preventDefault: o = !0,
-    stopPropagation: i = !1
-  } = a, u = b(() => Object.entries(n).map(([c, e]) => ({
-    ...L(c),
-    handler: e
-  })), [n]);
-  g(() => {
-    if (!f)
-      return;
-    const c = (e) => {
-      const d = u();
-      for (const { key: l, modifiers: s, handler: p } of d) {
-        if (!(e.key.toLowerCase() === l.toLowerCase() || e.code === l) || (s.ctrl ?? !1) !== e.ctrlKey || (s.alt ?? !1) !== e.altKey || (s.shift ?? !1) !== e.shiftKey || (s.meta ?? !1) !== e.metaKey) continue;
-        const m = document.activeElement;
-        if (!((m instanceof HTMLInputElement || m instanceof HTMLTextAreaElement || m?.getAttribute("contenteditable") === "true") && l.toLowerCase() !== "escape")) {
-          o && e.preventDefault(), i && e.stopPropagation(), p();
-          break;
-        }
-      }
-    };
-    return document.addEventListener(t, c), () => {
-      document.removeEventListener(t, c);
-    };
-  }, [f, t, o, i, u]);
-}
-export {
-  T as useKeyboard,
-  C as useKeyboardShortcuts
-};

package/dist/hooks/useLocalStorage.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function S(e,o,g={}){const{serializer:w=JSON.stringify,deserializer:a=JSON.parse,syncAcrossTabs:i=!0}=g,d=n.useCallback(()=>{if(typeof window>"u")return o;try{const r=window.localStorage.getItem(e);return r?a(r):o}catch(r){return console.warn(`Error reading localStorage key "${e}":`,r),o}},[e,o,a]),[c,u]=n.useState(d),l=n.useCallback(r=>{if(typeof window>"u"){console.warn("localStorage is not available");return}try{const s=r instanceof Function?r(c):r;u(s),window.localStorage.setItem(e,w(s)),window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:w(s)}))}catch(s){console.warn(`Error setting localStorage key "${e}":`,s)}},[e,w,c]),t=n.useCallback(()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(e),u(o),window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:null}))}catch(r){console.warn(`Error removing localStorage key "${e}":`,r)}},[e,o]);return n.useEffect(()=>{if(!i||typeof window>"u")return;const r=s=>{if(s.key===e)try{const f=s.newValue?a(s.newValue):o;u(f)}catch(f){console.warn(`Error syncing localStorage key "${e}":`,f)}};return window.addEventListener("storage",r),()=>{window.removeEventListener("storage",r)}},[e,o,a,i]),n.useEffect(()=>{u(d())},[]),[c,l,t]}function m(e,o,g={}){const{serializer:w=JSON.stringify,deserializer:a=JSON.parse}=g,i=n.useCallback(()=>{if(typeof window>"u")return o;try{const t=window.sessionStorage.getItem(e);return t?a(t):o}catch(t){return console.warn(`Error reading sessionStorage key "${e}":`,t),o}},[e,o,a]),[d,c]=n.useState(i),u=n.useCallback(t=>{if(!(typeof window>"u"))try{const r=t instanceof Function?t(d):t;c(r),window.sessionStorage.setItem(e,w(r))}catch(r){console.warn(`Error setting sessionStorage key "${e}":`,r)}},[e,w,d]),l=n.useCallback(()=>{if(!(typeof window>"u"))try{window.sessionStorage.removeItem(e),c(o)}catch(t){console.warn(`Error removing sessionStorage key "${e}":`,t)}},[e,o]);return n.useEffect(()=>{c(i())},[]),[d,u,l]}exports.useLocalStorage=S;exports.useSessionStorage=m;

package/dist/hooks/useLocalStorage.d.ts

@@ -1,48 +0,0 @@
-/**
- * useLocalStorage Hook
- *
- * Syncs state with localStorage for persistence across sessions.
- *
- * @example
- * ```tsx
- * const [theme, setTheme] = useLocalStorage('theme', 'light');
- * const [user, setUser] = useLocalStorage<User | null>('user', null);
- *
- * // Value persists across page refreshes
- * setTheme('dark');
- * ```
- */
-/**
- * Options for useLocalStorage hook
- */
-export interface UseLocalStorageOptions<T> {
-    /**
-     * Custom serializer function
-     * @default JSON.stringify
-     */
-    serializer?: (value: T) => string;
-    /**
-     * Custom deserializer function
-     * @default JSON.parse
-     */
-    deserializer?: (value: string) => T;
-    /**
-     * Whether to sync across tabs
-     * @default true
-     */
-    syncAcrossTabs?: boolean;
-}
-/**
- * Hook to sync state with localStorage
- *
- * @param key - localStorage key
- * @param initialValue - Initial value if key doesn't exist
- * @param options - Additional options
- * @returns [value, setValue, removeValue]
- */
-export declare function useLocalStorage<T>(key: string, initialValue: T, options?: UseLocalStorageOptions<T>): [T, (value: T | ((prev: T) => T)) => void, () => void];
-/**
- * Hook to sync state with sessionStorage (similar to useLocalStorage)
- */
-export declare function useSessionStorage<T>(key: string, initialValue: T, options?: Omit<UseLocalStorageOptions<T>, "syncAcrossTabs">): [T, (value: T | ((prev: T) => T)) => void, () => void];
-//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/hooks/useLocalStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAElC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IAEpC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,EACf,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,GACtC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAkHxD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,EACf,OAAO,GAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAM,GAC9D,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAwDxD"}

package/dist/hooks/useLocalStorage.mjs

@@ -1,103 +0,0 @@
-import { useCallback as i, useState as m, useEffect as l } from "react";
-function p(e, o, u = {}) {
-  const {
-    serializer: c = JSON.stringify,
-    deserializer: s = JSON.parse,
-    syncAcrossTabs: g = !0
-  } = u, w = i(() => {
-    if (typeof window > "u")
-      return o;
-    try {
-      const r = window.localStorage.getItem(e);
-      return r ? s(r) : o;
-    } catch (r) {
-      return console.warn(`Error reading localStorage key "${e}":`, r), o;
-    }
-  }, [e, o, s]), [a, d] = m(w), f = i(
-    (r) => {
-      if (typeof window > "u") {
-        console.warn("localStorage is not available");
-        return;
-      }
-      try {
-        const t = r instanceof Function ? r(a) : r;
-        d(t), window.localStorage.setItem(e, c(t)), window.dispatchEvent(
-          new StorageEvent("storage", {
-            key: e,
-            newValue: c(t)
-          })
-        );
-      } catch (t) {
-        console.warn(`Error setting localStorage key "${e}":`, t);
-      }
-    },
-    [e, c, a]
-  ), n = i(() => {
-    if (!(typeof window > "u"))
-      try {
-        window.localStorage.removeItem(e), d(o), window.dispatchEvent(
-          new StorageEvent("storage", {
-            key: e,
-            newValue: null
-          })
-        );
-      } catch (r) {
-        console.warn(`Error removing localStorage key "${e}":`, r);
-      }
-  }, [e, o]);
-  return l(() => {
-    if (!g || typeof window > "u")
-      return;
-    const r = (t) => {
-      if (t.key === e)
-        try {
-          const S = t.newValue ? s(t.newValue) : o;
-          d(S);
-        } catch (S) {
-          console.warn(`Error syncing localStorage key "${e}":`, S);
-        }
-    };
-    return window.addEventListener("storage", r), () => {
-      window.removeEventListener("storage", r);
-    };
-  }, [e, o, s, g]), l(() => {
-    d(w());
-  }, []), [a, f, n];
-}
-function h(e, o, u = {}) {
-  const { serializer: c = JSON.stringify, deserializer: s = JSON.parse } = u, g = i(() => {
-    if (typeof window > "u")
-      return o;
-    try {
-      const n = window.sessionStorage.getItem(e);
-      return n ? s(n) : o;
-    } catch (n) {
-      return console.warn(`Error reading sessionStorage key "${e}":`, n), o;
-    }
-  }, [e, o, s]), [w, a] = m(g), d = i(
-    (n) => {
-      if (!(typeof window > "u"))
-        try {
-          const r = n instanceof Function ? n(w) : n;
-          a(r), window.sessionStorage.setItem(e, c(r));
-        } catch (r) {
-          console.warn(`Error setting sessionStorage key "${e}":`, r);
-        }
-    },
-    [e, c, w]
-  ), f = i(() => {
-    if (!(typeof window > "u"))
-      try {
-        window.sessionStorage.removeItem(e), a(o);
-      } catch (n) {
-        console.warn(`Error removing sessionStorage key "${e}":`, n);
-      }
-  }, [e, o]);
-  return l(() => {
-    a(g());
-  }, []), [w, d, f];
-}
-export {
-  p as useLocalStorage,
-  h as useSessionStorage
-};

package/dist/hooks/useMediaQuery.cjs

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

package/dist/hooks/useMediaQuery.d.ts

@@ -1,43 +0,0 @@
-/**
- * useMediaQuery Hook
- *
- * Detects if a media query matches the current viewport.
- *
- * @example
- * ```tsx
- * const isMobile = useMediaQuery('(max-width: 768px)');
- * const isDark = useMediaQuery('(prefers-color-scheme: dark)');
- * const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
- * ```
- */
-/**
- * Hook to detect if a media query matches
- *
- * @param query - CSS media query string
- * @returns Whether the media query matches
- */
-export declare function useMediaQuery(query: string): boolean;
-/**
- * Preset breakpoint hooks based on Orion Design System
- */
-/**
- * Returns true if viewport is mobile (< 640px)
- */
-export declare function useIsMobile(): boolean;
-/**
- * Returns true if viewport is tablet (640px - 1023px)
- */
-export declare function useIsTablet(): boolean;
-/**
- * Returns true if viewport is desktop (>= 1024px)
- */
-export declare function useIsDesktop(): boolean;
-/**
- * Returns true if user prefers dark color scheme
- */
-export declare function usePrefersDarkMode(): boolean;
-/**
- * Returns true if user prefers reduced motion
- */
-export declare function usePrefersReducedMotion(): boolean;
-//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAoCpD;AAED;;GAEG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD"}

package/dist/hooks/useMediaQuery.mjs

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

package/dist/hooks/useTheme.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),E=a=>a==="light"||a==="dark",S=a=>["orion","red","deepblue","orange","ember","lemon"].includes(a);function k(a={}){const{defaultTheme:l="light",defaultBrand:f="orion",storageEnabled:r=!0,storageKey:d="orion-theme",brandStorageKey:i="orion-brand"}=a,[o,c]=n.useState(l),[u,m]=n.useState(f),s=n.useCallback(e=>{c(e),typeof window<"u"&&(document.documentElement.setAttribute("data-theme",e),r&&localStorage.setItem(d,e))},[r,d]),g=n.useCallback(e=>{m(e),typeof window<"u"&&(document.documentElement.setAttribute("data-brand",e),r&&localStorage.setItem(i,e))},[r,i]),h=n.useCallback(()=>{s(o==="light"?"dark":"light")},[o,s]);return n.useEffect(()=>{typeof window<"u"&&(document.documentElement.setAttribute("data-theme",o),document.documentElement.setAttribute("data-brand",u))},[o,u]),n.useEffect(()=>{if(!r)return;const e=localStorage.getItem(d);e&&E(e)&&(c(e),document.documentElement.setAttribute("data-theme",e));const t=localStorage.getItem(i);t&&S(t)&&(m(t),document.documentElement.setAttribute("data-brand",t))},[]),n.useEffect(()=>{if(typeof window>"u"||!r)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=b=>{localStorage.getItem(d)||s(b.matches?"dark":"light")};if(e.addEventListener)return e.addEventListener("change",t),()=>e.removeEventListener("change",t);if(e.addListener)return e.addListener(t),()=>e.removeListener(t)},[r,d,s]),{theme:o,brand:u,setTheme:s,setBrand:g,toggleTheme:h,isDark:o==="dark",isLight:o==="light"}}exports.useTheme=k;

package/dist/hooks/useTheme.d.ts

@@ -1,73 +0,0 @@
-/**
- * useTheme Hook
- *
- * React hook for managing theme and brand state in Orion Design System.
- *
- * @example
- * ```tsx
- * function App() {
- *   const { theme, brand, setTheme, setBrand } = useTheme();
- *
- *   return (
- *     <div>
- *       <button onClick={() => setTheme('dark')}>
- *         Switch to {theme === 'light' ? 'dark' : 'light'} mode
- *       </button>
- *       <button onClick={() => setBrand('red')}>
- *         Switch to Red brand
- *       </button>
- *     </div>
- *   );
- * }
- * ```
- */
-export type Theme = "light" | "dark";
-export type Brand = "orion" | "red" | "deepblue" | "orange" | "ember" | "lemon";
-export interface UseThemeOptions {
-    /**
-     * Default theme to use
-     * @default 'light'
-     */
-    defaultTheme?: Theme;
-    /**
-     * Default brand to use
-     * @default 'orion'
-     */
-    defaultBrand?: Brand;
-    /**
-     * Store theme preference in localStorage
-     * @default true
-     */
-    storageEnabled?: boolean;
-    /**
-     * localStorage key for theme
-     * @default 'orion-theme'
-     */
-    storageKey?: string;
-    /**
-     * localStorage key for brand
-     * @default 'orion-brand'
-     */
-    brandStorageKey?: string;
-}
-export interface UseThemeReturn {
-    /** Current theme */
-    theme: Theme;
-    /** Current brand */
-    brand: Brand;
-    /** Set theme */
-    setTheme: (theme: Theme) => void;
-    /** Set brand */
-    setBrand: (brand: Brand) => void;
-    /** Toggle between light and dark themes */
-    toggleTheme: () => void;
-    /** Check if current theme is dark */
-    isDark: boolean;
-    /** Check if current theme is light */
-    isLight: boolean;
-}
-/**
- * Hook for managing theme and brand state
- */
-export declare function useTheme(options?: UseThemeOptions): UseThemeReturn;
-//# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAKH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAahF,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC;IAEb,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC;IAEb,gBAAgB;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC,gBAAgB;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC,2CAA2C;IAC3C,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAEhB,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,cAAc,CAuHtE"}