asterui 0.12.10 → 0.12.12

package/dist/components/Anchor.d.ts

@@ -14,8 +14,12 @@ export interface AnchorProps {
     direction?: 'horizontal' | 'vertical';
     /** Offset from top when calculating scroll position */
     offsetTop?: number;
+    /** Bounding distance of anchor area */
+    bounds?: number;
     /** Target scroll container (default: window) */
     getContainer?: () => HTMLElement | Window;
+    /** Customize the anchor highlight */
+    getCurrentAnchor?: (activeLink: string) => string;
     /** Callback when active link changes */
     onChange?: (activeLink: string) => void;
     /** Callback when link is clicked */
@@ -25,6 +29,12 @@ export interface AnchorProps {
     }) => void;
     /** Currently active link (controlled) */
     activeLink?: string;
+    /** Whether to fix the anchor when scrolling */
+    affix?: boolean;
+    /** Pixels to offset from top when affix is true */
+    affixOffsetTop?: number;
+    /** Replace history instead of push */
+    replace?: boolean;
     /** Custom class name */
     className?: string;
     /** Anchor.Link children */

package/dist/components/Breadcrumb.d.ts

@@ -1,14 +1,31 @@
 import { default as React } from 'react';
+export interface BreadcrumbItemType {
+    /** Item title/label */
+    title: React.ReactNode;
+    /** Link URL */
+    href?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom class name */
+    className?: string;
+}
 export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
+    /** Breadcrumb.Item children (compound pattern) */
+    children?: React.ReactNode;
+    /** Breadcrumb items data (data-driven pattern) */
+    items?: BreadcrumbItemType[];
+    /** Custom separator between items */
+    separator?: React.ReactNode;
 }
 export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
     children: React.ReactNode;
     href?: string;
     onClick?: () => void;
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
 }
-declare function BreadcrumbRoot({ children, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ children, href, onClick, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbRoot({ children, items, separator, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ children, href, onClick, icon, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const Breadcrumb: typeof BreadcrumbRoot & {
     Item: typeof BreadcrumbItem;
 };

package/dist/components/ContextMenu.d.ts

@@ -11,8 +11,8 @@ export interface ContextMenuItem {
 export interface ContextMenuProps {
     /** Element that triggers the context menu on right-click */
     children: React.ReactNode;
-    /** Menu items */
-    items: ContextMenuItem[];
+    /** Menu items (data-driven pattern) */
+    items?: ContextMenuItem[];
     /** Callback when an item is selected */
     onSelect?: (key: string) => void;
     /** Whether the context menu is disabled */
@@ -20,4 +20,40 @@ export interface ContextMenuProps {
     /** Additional CSS classes for the menu */
     className?: string;
 }
-export declare const ContextMenu: React.FC<ContextMenuProps>;
+export interface ContextMenuItemProps {
+    /** Unique key for the item */
+    itemKey: string;
+    /** Item content */
+    children: React.ReactNode;
+    /** Icon to display before label */
+    icon?: React.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Show as danger/destructive action */
+    danger?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface ContextMenuDividerProps {
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface ContextMenuSubMenuProps {
+    /** Unique key for the submenu */
+    itemKey: string;
+    /** Submenu label */
+    label: React.ReactNode;
+    /** Icon to display before label */
+    icon?: React.ReactNode;
+    /** Whether the submenu is disabled */
+    disabled?: boolean;
+    /** Submenu items */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const ContextMenu: React.FC<ContextMenuProps> & {
+    Item: React.FC<ContextMenuItemProps>;
+    Divider: React.FC<ContextMenuDividerProps>;
+    SubMenu: React.FC<ContextMenuSubMenuProps>;
+};

package/dist/components/Menu.d.ts

@@ -1,13 +1,35 @@
 import { default as React } from 'react';
 export type MenuMode = 'vertical' | 'horizontal' | 'inline';
+export type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface MenuItem {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    children?: MenuItem[];
+    divider?: boolean;
+    title?: boolean;
+}
 export interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {
-    children: React.ReactNode;
+    /** Menu items (compound pattern) */
+    children?: React.ReactNode;
+    /** Menu items (data-driven pattern) */
+    items?: MenuItem[];
+    /** Menu display mode */
     mode?: MenuMode;
+    /** Menu size */
+    size?: MenuSize;
+    /** Controlled selected keys */
     selectedKeys?: string[];
+    /** Default selected keys (uncontrolled) */
     defaultSelectedKeys?: string[];
+    /** Controlled open submenu keys */
     openKeys?: string[];
+    /** Default open submenu keys (uncontrolled) */
     defaultOpenKeys?: string[];
+    /** Callback when item is selected */
     onSelect?: (key: string) => void;
+    /** Callback when submenu open state changes */
     onOpenChange?: (openKeys: string[]) => void;
 }
 export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {
@@ -22,7 +44,10 @@ export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorEleme
 export interface MenuSubMenuProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
     itemKey: string;
-    label: React.ReactNode;
+    /** Submenu label */
+    label?: React.ReactNode;
+    /** Submenu title (alias for label) */
+    title?: React.ReactNode;
     icon?: React.ReactNode;
     disabled?: boolean;
 }
@@ -31,9 +56,9 @@ export interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {
 }
 export interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {
 }
-declare function MenuRoot({ children, mode, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, openKeys: controlledOpenKeys, defaultOpenKeys, onSelect, onOpenChange, className, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuRoot({ children, items, mode, size, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, openKeys: controlledOpenKeys, defaultOpenKeys, onSelect, onOpenChange, className, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuItem({ children, itemKey, icon, disabled, onClick, active, className, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuSubMenu({ children, itemKey, label, icon, disabled, className, ...rest }: MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuSubMenu({ children, itemKey, label, title, icon, disabled, className, ...rest }: MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuTitle({ children, className, ...rest }: MenuTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuDivider({ className, ...rest }: MenuDividerProps): import("react/jsx-runtime").JSX.Element;
 export declare const Menu: typeof MenuRoot & {

package/dist/components/Space.d.ts

@@ -5,6 +5,7 @@ export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
     justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
     wrap?: boolean;
+    split?: React.ReactNode;
     children: React.ReactNode;
 }
 export declare const Space: React.FC<SpaceProps>;

package/dist/components/Splitter.d.ts

@@ -7,7 +7,9 @@ export interface SplitterPanelProps {
     maxSize?: number;
     collapsible?: boolean;
     collapsed?: boolean;
+    defaultCollapsed?: boolean;
     onCollapse?: (collapsed: boolean) => void;
+    resizable?: boolean;
     className?: string;
 }
 export interface SplitterProps {

package/dist/index.d.ts

@@ -33,7 +33,7 @@ export type { CollapseProps, CollapseTitleProps, CollapseContentProps } from './
 export { Container } from './components/Container';
 export type { ContainerProps } from './components/Container';
 export { ContextMenu } from './components/ContextMenu';
-export type { ContextMenuProps, ContextMenuItem } from './components/ContextMenu';
+export type { ContextMenuProps, ContextMenuItem, ContextMenuItemProps, ContextMenuDividerProps, ContextMenuSubMenuProps } from './components/ContextMenu';
 export { Countdown } from './components/Countdown';
 export type { CountdownProps } from './components/Countdown';
 export { DatePicker } from './components/DatePicker';
@@ -97,7 +97,7 @@ export type { MasonryProps } from './components/Masonry';
 export { Mention } from './components/Mention';
 export type { MentionProps, MentionOption } from './components/Mention';
 export { Menu } from './components/Menu';
-export type { MenuProps, MenuItemProps, MenuSubMenuProps, MenuTitleProps, MenuDividerProps, MenuMode } from './components/Menu';
+export type { MenuProps, MenuItem, MenuItemProps, MenuSubMenuProps, MenuTitleProps, MenuDividerProps, MenuMode, MenuSize } from './components/Menu';
 export { Browser } from './components/Browser';
 export type { BrowserProps } from './components/Browser';
 export { Code } from './components/Code';
@@ -146,8 +146,6 @@ export { Space } from './components/Space';
 export type { SpaceProps } from './components/Space';
 export { Splitter } from './components/Splitter';
 export type { SplitterProps, SplitterPanelProps } from './components/Splitter';
-export { Stack } from './components/Stack';
-export type { StackProps } from './components/Stack';
 export { Stats } from './components/Stat';
 export type { StatsProps, StatProps } from './components/Stat';
 export { Status } from './components/Status';

package/dist/index.js

@@ -72,37 +72,36 @@ import { Segmented as Wr } from "./index72.js";
 import { Skeleton as Er } from "./index73.js";
 import { Space as Qr } from "./index74.js";
 import { Splitter as jr } from "./index75.js";
-import { Stack as Vr } from "./index76.js";
-import { Stats as Yr } from "./index77.js";
-import { Status as _r } from "./index78.js";
-import { Steps as oe } from "./index79.js";
-import { Table as ee } from "./index80.js";
-import { Tabs as pe } from "./index81.js";
-import { Textarea as fe } from "./index82.js";
-import { TextRotate as ae } from "./index83.js";
-import { CheckableTag as ne, Tag as se } from "./index84.js";
-import { ThemeController as le } from "./index85.js";
-import { TimePicker as ce } from "./index86.js";
-import { Timeline as Te } from "./index87.js";
-import { Toggle as Pe } from "./index88.js";
-import { Tour as be } from "./index89.js";
-import { Tooltip as he } from "./index90.js";
-import { Transfer as we } from "./index91.js";
-import { Tree as Fe } from "./index92.js";
-import { TreeSelect as ve } from "./index93.js";
-import { Typography as Ae } from "./index94.js";
-import { Upload as Le } from "./index95.js";
-import { Hide as He, Show as Ke } from "./index96.js";
-import { useBreakpoint as Ne } from "./index97.js";
-import { useDisclosure as We } from "./index98.js";
-import { useClipboard as Ee } from "./index99.js";
-import { useLocalStorage as Qe } from "./index100.js";
-import { useDebounce as je } from "./index101.js";
-import { useClickOutside as Ve } from "./index102.js";
-import { usePrevious as Ye } from "./index103.js";
-import { useHover as _e } from "./index104.js";
-import { useKeyPress as ot, useKeyPressCallback as rt } from "./index105.js";
-import { useWindowSize as tt } from "./index106.js";
+import { Stats as Vr } from "./index76.js";
+import { Status as Yr } from "./index77.js";
+import { Steps as _r } from "./index78.js";
+import { Table as oe } from "./index79.js";
+import { Tabs as ee } from "./index80.js";
+import { Textarea as pe } from "./index81.js";
+import { TextRotate as fe } from "./index82.js";
+import { CheckableTag as ae, Tag as ie } from "./index83.js";
+import { ThemeController as se } from "./index84.js";
+import { TimePicker as le } from "./index85.js";
+import { Timeline as ce } from "./index86.js";
+import { Toggle as Te } from "./index87.js";
+import { Tour as Pe } from "./index88.js";
+import { Tooltip as be } from "./index89.js";
+import { Transfer as he } from "./index90.js";
+import { Tree as we } from "./index91.js";
+import { TreeSelect as Fe } from "./index92.js";
+import { Typography as ve } from "./index93.js";
+import { Upload as Ae } from "./index94.js";
+import { Hide as Le, Show as Me } from "./index95.js";
+import { useBreakpoint as Ke } from "./index96.js";
+import { useDisclosure as Ne } from "./index97.js";
+import { useClipboard as We } from "./index98.js";
+import { useLocalStorage as Ee } from "./index99.js";
+import { useDebounce as Qe } from "./index100.js";
+import { useClickOutside as je } from "./index101.js";
+import { usePrevious as Ve } from "./index102.js";
+import { useHover as Ye } from "./index103.js";
+import { useKeyPress as _e, useKeyPressCallback as $e } from "./index104.js";
+import { useWindowSize as rt } from "./index105.js";
 export {
   e as Affix,
   f as Alert,
@@ -119,7 +118,7 @@ export {
   F as Cascader,
   v as Chart,
   b as Chat,
-  ne as CheckableTag,
+  ae as CheckableTag,
   P as Checkbox,
   er as Code,
   co as Col,
@@ -145,7 +144,7 @@ export {
   so as Form,
   Co as Grid,
   Po as Hero,
-  He as Hide,
+  Le as Hide,
   bo as Image,
   ho as Indicator,
   vo as Input,
@@ -178,44 +177,43 @@ export {
   To as Row,
   Wr as Segmented,
   Nr as Select,
-  Ke as Show,
+  Me as Show,
   Er as Skeleton,
   Qr as Space,
   jr as Splitter,
-  Vr as Stack,
-  Yr as Stats,
-  _r as Status,
-  oe as Steps,
-  ee as Table,
-  pe as Tabs,
-  se as Tag,
-  ae as TextRotate,
-  fe as Textarea,
-  le as ThemeController,
-  ce as TimePicker,
-  Te as Timeline,
-  Pe as Toggle,
-  he as Tooltip,
-  be as Tour,
-  we as Transfer,
-  Fe as Tree,
-  ve as TreeSelect,
-  Ae as Typography,
-  Le as Upload,
+  Vr as Stats,
+  Yr as Status,
+  _r as Steps,
+  oe as Table,
+  ee as Tabs,
+  ie as Tag,
+  fe as TextRotate,
+  pe as Textarea,
+  se as ThemeController,
+  le as TimePicker,
+  ce as Timeline,
+  Te as Toggle,
+  be as Tooltip,
+  Pe as Tour,
+  he as Transfer,
+  we as Tree,
+  Fe as TreeSelect,
+  ve as Typography,
+  Ae as Upload,
   fr as Window,
   ur as notification,
-  Ne as useBreakpoint,
-  Ve as useClickOutside,
-  Ee as useClipboard,
-  je as useDebounce,
-  We as useDisclosure,
+  Ke as useBreakpoint,
+  je as useClickOutside,
+  We as useClipboard,
+  Qe as useDebounce,
+  Ne as useDisclosure,
   uo as useFormInstance,
-  _e as useHover,
-  ot as useKeyPress,
-  rt as useKeyPressCallback,
-  Qe as useLocalStorage,
-  Ye as usePrevious,
+  Ye as useHover,
+  _e as useKeyPress,
+  $e as useKeyPressCallback,
+  Ee as useLocalStorage,
+  Ve as usePrevious,
   Wo as useSiderContext,
-  tt as useWindowSize
+  rt as useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/index100.js

@@ -1,49 +1,16 @@
-import { useState as u, useCallback as c, useEffect as f } from "react";
-function S(o, t) {
-  const [s, n] = u(() => {
-    if (typeof window > "u")
-      return t;
-    try {
-      const e = window.localStorage.getItem(o);
-      return e ? JSON.parse(e) : t;
-    } catch {
-      return t;
-    }
-  }), d = c(
-    (e) => {
-      n((r) => {
-        const a = e instanceof Function ? e(r) : e;
-        if (typeof window < "u")
-          try {
-            window.localStorage.setItem(o, JSON.stringify(a));
-          } catch (l) {
-            console.warn(`Failed to save to localStorage key "${o}":`, l);
-          }
-        return a;
-      });
-    },
-    [o]
-  ), w = c(() => {
-    if (typeof window < "u")
-      try {
-        window.localStorage.removeItem(o);
-      } catch (e) {
-        console.warn(`Failed to remove localStorage key "${o}":`, e);
-      }
-    n(t);
-  }, [o, t]);
-  return f(() => {
-    const e = (r) => {
-      if (r.key === o && r.newValue !== null)
-        try {
-          n(JSON.parse(r.newValue));
-        } catch {
-        }
+import { useState as r, useEffect as c } from "react";
+function i(e, t = 300) {
+  const [o, u] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
     };
-    return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
-  }, [o]), [s, d, w];
+  }, [e, t]), o;
 }
 export {
-  S as useLocalStorage
+  i as useDebounce
 };
 //# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":["../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react'\n\n/**\n * Hook for persisting state to localStorage.\n *\n * @param key - localStorage key\n * @param initialValue - Initial value if key doesn't exist\n * @returns [value, setValue, removeValue] tuple\n *\n * @example\n * const [theme, setTheme] = useLocalStorage('theme', 'light')\n * const [user, setUser, removeUser] = useLocalStorage('user', null)\n */\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T\n): [T, (value: T | ((prev: T) => T)) => void, () => void] {\n  // Get initial value from localStorage or use default\n  const [storedValue, setStoredValue] = useState<T>(() => {\n    if (typeof window === 'undefined') {\n      return initialValue\n    }\n\n    try {\n      const item = window.localStorage.getItem(key)\n      return item ? (JSON.parse(item) as T) : initialValue\n    } catch {\n      return initialValue\n    }\n  })\n\n  // Update localStorage when value changes\n  const setValue = useCallback(\n    (value: T | ((prev: T) => T)) => {\n      setStoredValue(prev => {\n        const valueToStore = value instanceof Function ? value(prev) : value\n\n        if (typeof window !== 'undefined') {\n          try {\n            window.localStorage.setItem(key, JSON.stringify(valueToStore))\n          } catch (error) {\n            console.warn(`Failed to save to localStorage key \"${key}\":`, error)\n          }\n        }\n\n        return valueToStore\n      })\n    },\n    [key]\n  )\n\n  // Remove from localStorage\n  const removeValue = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      try {\n        window.localStorage.removeItem(key)\n      } catch (error) {\n        console.warn(`Failed to remove localStorage key \"${key}\":`, error)\n      }\n    }\n    setStoredValue(initialValue)\n  }, [key, initialValue])\n\n  // Sync with other tabs/windows\n  useEffect(() => {\n    const handleStorageChange = (e: StorageEvent) => {\n      if (e.key === key && e.newValue !== null) {\n        try {\n          setStoredValue(JSON.parse(e.newValue) as T)\n        } catch {\n          // Ignore parse errors\n        }\n      }\n    }\n\n    window.addEventListener('storage', handleStorageChange)\n    return () => window.removeEventListener('storage', handleStorageChange)\n  }, [key])\n\n  return [storedValue, setValue, removeValue]\n}\n"],"names":["useLocalStorage","key","initialValue","storedValue","setStoredValue","useState","item","setValue","useCallback","value","prev","valueToStore","error","removeValue","useEffect","handleStorageChange","e"],"mappings":";AAaO,SAASA,EACdC,GACAC,GACwD;AAExD,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAY,MAAM;AACtD,QAAI,OAAO,SAAW;AACpB,aAAOH;AAGT,QAAI;AACF,YAAMI,IAAO,OAAO,aAAa,QAAQL,CAAG;AAC5C,aAAOK,IAAQ,KAAK,MAAMA,CAAI,IAAUJ;AAAA,IAC1C,QAAQ;AACN,aAAOA;AAAA,IACT;AAAA,EACF,CAAC,GAGKK,IAAWC;AAAA,IACf,CAACC,MAAgC;AAC/B,MAAAL,EAAe,CAAAM,MAAQ;AACrB,cAAMC,IAAeF,aAAiB,WAAWA,EAAMC,CAAI,IAAID;AAE/D,YAAI,OAAO,SAAW;AACpB,cAAI;AACF,mBAAO,aAAa,QAAQR,GAAK,KAAK,UAAUU,CAAY,CAAC;AAAA,UAC/D,SAASC,GAAO;AACd,oBAAQ,KAAK,uCAAuCX,CAAG,MAAMW,CAAK;AAAA,UACpE;AAGF,eAAOD;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAACV,CAAG;AAAA,EAAA,GAIAY,IAAcL,EAAY,MAAM;AACpC,QAAI,OAAO,SAAW;AACpB,UAAI;AACF,eAAO,aAAa,WAAWP,CAAG;AAAA,MACpC,SAASW,GAAO;AACd,gBAAQ,KAAK,sCAAsCX,CAAG,MAAMW,CAAK;AAAA,MACnE;AAEF,IAAAR,EAAeF,CAAY;AAAA,EAC7B,GAAG,CAACD,GAAKC,CAAY,CAAC;AAGtB,SAAAY,EAAU,MAAM;AACd,UAAMC,IAAsB,CAACC,MAAoB;AAC/C,UAAIA,EAAE,QAAQf,KAAOe,EAAE,aAAa;AAClC,YAAI;AACF,UAAAZ,EAAe,KAAK,MAAMY,EAAE,QAAQ,CAAM;AAAA,QAC5C,QAAQ;AAAA,QAER;AAAA,IAEJ;AAEA,kBAAO,iBAAiB,WAAWD,CAAmB,GAC/C,MAAM,OAAO,oBAAoB,WAAWA,CAAmB;AAAA,EACxE,GAAG,CAACd,CAAG,CAAC,GAED,CAACE,GAAaI,GAAUM,CAAW;AAC5C;"}
+{"version":3,"file":"index100.js","sources":["../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\n/**\n * Hook that delays updating a value until after a specified delay.\n * Useful for search inputs to avoid excessive API calls.\n *\n * @param value - Value to debounce\n * @param delay - Delay in milliseconds (default: 300)\n * @returns Debounced value\n *\n * @example\n * const [search, setSearch] = useState('')\n * const debouncedSearch = useDebounce(search, 500)\n *\n * useEffect(() => {\n *   // This runs 500ms after user stops typing\n *   fetchResults(debouncedSearch)\n * }, [debouncedSearch])\n */\nexport function useDebounce<T>(value: T, delay = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value)\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAmBO,SAASA,EAAeC,GAAUC,IAAQ,KAAQ;AACvD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAYJ,CAAK;AAE7D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAM;AAC7B,MAAAH,EAAkBH,CAAK;AAAA,IACzB,GAAGC,CAAK;AAER,WAAO,MAAM;AACX,mBAAaK,CAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}

package/dist/index101.js

@@ -1,16 +1,18 @@
-import { useState as r, useEffect as c } from "react";
-function i(e, t = 300) {
-  const [o, u] = r(e);
+import { useRef as s, useEffect as c } from "react";
+function m(t, n = !0) {
+  const r = s(null);
   return c(() => {
-    const n = setTimeout(() => {
-      u(e);
-    }, t);
-    return () => {
-      clearTimeout(n);
+    if (!n) return;
+    const e = (o) => {
+      const u = r.current;
+      !u || u.contains(o.target) || t(o);
     };
-  }, [e, t]), o;
+    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+    };
+  }, [t, n]), r;
 }
 export {
-  i as useDebounce
+  m as useClickOutside
 };
 //# sourceMappingURL=index101.js.map

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":["../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\n/**\n * Hook that delays updating a value until after a specified delay.\n * Useful for search inputs to avoid excessive API calls.\n *\n * @param value - Value to debounce\n * @param delay - Delay in milliseconds (default: 300)\n * @returns Debounced value\n *\n * @example\n * const [search, setSearch] = useState('')\n * const debouncedSearch = useDebounce(search, 500)\n *\n * useEffect(() => {\n *   // This runs 500ms after user stops typing\n *   fetchResults(debouncedSearch)\n * }, [debouncedSearch])\n */\nexport function useDebounce<T>(value: T, delay = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value)\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAmBO,SAASA,EAAeC,GAAUC,IAAQ,KAAQ;AACvD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAYJ,CAAK;AAE7D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAM;AAC7B,MAAAH,EAAkBH,CAAK;AAAA,IACzB,GAAGC,CAAK;AAER,WAAO,MAAM;AACX,mBAAaK,CAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"index101.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react'\n\n/**\n * Hook that detects clicks outside of a referenced element.\n * Useful for closing dropdowns, modals, or menus.\n *\n * @param handler - Callback when click outside is detected\n * @param enabled - Whether the listener is active (default: true)\n * @returns Ref to attach to the element\n *\n * @example\n * const ref = useClickOutside(() => setIsOpen(false))\n *\n * <div ref={ref}>\n *   <Dropdown>...</Dropdown>\n * </div>\n */\nexport function useClickOutside<T extends HTMLElement = HTMLElement>(\n  handler: (event: MouseEvent | TouchEvent) => void,\n  enabled = true\n): RefObject<T | null> {\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('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, enabled])\n\n  return ref\n}\n"],"names":["useClickOutside","handler","enabled","ref","useRef","useEffect","listener","event","el"],"mappings":";AAiBO,SAASA,EACdC,GACAC,IAAU,IACW;AACrB,QAAMC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,QAAI,CAACH,EAAS;AAEd,UAAMI,IAAW,CAACC,MAAmC;AACnD,YAAMC,IAAKL,EAAI;AACf,MAAI,CAACK,KAAMA,EAAG,SAASD,EAAM,MAAc,KAG3CN,EAAQM,CAAK;AAAA,IACf;AAEA,oBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAACL,GAASC,CAAO,CAAC,GAEdC;AACT;"}

package/dist/index102.js

@@ -1,18 +1,11 @@
-import { useRef as s, useEffect as c } from "react";
-function m(t, n = !0) {
-  const r = s(null);
-  return c(() => {
-    if (!n) return;
-    const e = (o) => {
-      const u = r.current;
-      !u || u.contains(o.target) || t(o);
-    };
-    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
-      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
-    };
-  }, [t, n]), r;
+import { useRef as t, useEffect as o } from "react";
+function f(r) {
+  const e = t(void 0);
+  return o(() => {
+    e.current = r;
+  }, [r]), e.current;
 }
 export {
-  m as useClickOutside
+  f as usePrevious
 };
 //# sourceMappingURL=index102.js.map

package/dist/index102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index102.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react'\n\n/**\n * Hook that detects clicks outside of a referenced element.\n * Useful for closing dropdowns, modals, or menus.\n *\n * @param handler - Callback when click outside is detected\n * @param enabled - Whether the listener is active (default: true)\n * @returns Ref to attach to the element\n *\n * @example\n * const ref = useClickOutside(() => setIsOpen(false))\n *\n * <div ref={ref}>\n *   <Dropdown>...</Dropdown>\n * </div>\n */\nexport function useClickOutside<T extends HTMLElement = HTMLElement>(\n  handler: (event: MouseEvent | TouchEvent) => void,\n  enabled = true\n): RefObject<T | null> {\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('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, enabled])\n\n  return ref\n}\n"],"names":["useClickOutside","handler","enabled","ref","useRef","useEffect","listener","event","el"],"mappings":";AAiBO,SAASA,EACdC,GACAC,IAAU,IACW;AACrB,QAAMC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,QAAI,CAACH,EAAS;AAEd,UAAMI,IAAW,CAACC,MAAmC;AACnD,YAAMC,IAAKL,EAAI;AACf,MAAI,CAACK,KAAMA,EAAG,SAASD,EAAM,MAAc,KAG3CN,EAAQM,CAAK;AAAA,IACf;AAEA,oBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAACL,GAASC,CAAO,CAAC,GAEdC;AACT;"}
+{"version":3,"file":"index102.js","sources":["../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\n/**\n * Hook that returns the previous value of a variable.\n * Useful for comparing current and previous values in effects.\n *\n * @param value - Current value\n * @returns Previous value (undefined on first render)\n *\n * @example\n * const [count, setCount] = useState(0)\n * const prevCount = usePrevious(count)\n *\n * // prevCount is the value from previous render\n * console.log(`Changed from ${prevCount} to ${count}`)\n */\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAgBO,SAASA,EAAeC,GAAyB;AACtD,QAAMC,IAAMC,EAAsB,MAAS;AAE3C,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,UAAUD;AAAA,EAChB,GAAG,CAACA,CAAK,CAAC,GAEHC,EAAI;AACb;"}

package/dist/index103.js

@@ -1,11 +1,16 @@
-import { useRef as t, useEffect as o } from "react";
-function f(r) {
-  const e = t(void 0);
-  return o(() => {
-    e.current = r;
-  }, [r]), e.current;
+import { useState as u, useRef as v, useEffect as a } from "react";
+function f() {
+  const [o, t] = u(!1), n = v(null);
+  return a(() => {
+    const e = n.current;
+    if (!e) return;
+    const r = () => t(!0), s = () => t(!1);
+    return e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
+      e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
+    };
+  }, []), { ref: n, isHovered: o };
 }
 export {
-  f as usePrevious
+  f as useHover
 };
 //# sourceMappingURL=index103.js.map

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\n/**\n * Hook that returns the previous value of a variable.\n * Useful for comparing current and previous values in effects.\n *\n * @param value - Current value\n * @returns Previous value (undefined on first render)\n *\n * @example\n * const [count, setCount] = useState(0)\n * const prevCount = usePrevious(count)\n *\n * // prevCount is the value from previous render\n * console.log(`Changed from ${prevCount} to ${count}`)\n */\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAgBO,SAASA,EAAeC,GAAyB;AACtD,QAAMC,IAAMC,EAAsB,MAAS;AAE3C,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,UAAUD;AAAA,EAChB,GAAG,CAACA,CAAK,CAAC,GAEHC,EAAI;AACb;"}
+{"version":3,"file":"index103.js","sources":["../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, type RefObject } from 'react'\n\nexport interface UseHoverReturn<T extends HTMLElement> {\n  ref: RefObject<T | null>\n  isHovered: boolean\n}\n\n/**\n * Hook that tracks hover state of an element.\n *\n * @returns Object with ref and isHovered state\n *\n * @example\n * const { ref, isHovered } = useHover<HTMLDivElement>()\n *\n * <div ref={ref} className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}>\n *   Hover me!\n * </div>\n */\nexport function useHover<T extends HTMLElement = HTMLElement>(): UseHoverReturn<T> {\n  const [isHovered, setIsHovered] = useState(false)\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return\n\n    const handleMouseEnter = () => setIsHovered(true)\n    const handleMouseLeave = () => setIsHovered(false)\n\n    node.addEventListener('mouseenter', handleMouseEnter)\n    node.addEventListener('mouseleave', handleMouseLeave)\n\n    return () => {\n      node.removeEventListener('mouseenter', handleMouseEnter)\n      node.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [])\n\n  return { ref, isHovered }\n}\n"],"names":["useHover","isHovered","setIsHovered","useState","ref","useRef","useEffect","node","handleMouseEnter","handleMouseLeave"],"mappings":";AAmBO,SAASA,IAAmE;AACjF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOH,EAAI;AACjB,QAAI,CAACG,EAAM;AAEX,UAAMC,IAAmB,MAAMN,EAAa,EAAI,GAC1CO,IAAmB,MAAMP,EAAa,EAAK;AAEjD,WAAAK,EAAK,iBAAiB,cAAcC,CAAgB,GACpDD,EAAK,iBAAiB,cAAcE,CAAgB,GAE7C,MAAM;AACX,MAAAF,EAAK,oBAAoB,cAAcC,CAAgB,GACvDD,EAAK,oBAAoB,cAAcE,CAAgB;AAAA,IACzD;AAAA,EACF,GAAG,CAAA,CAAE,GAEE,EAAE,KAAAL,GAAK,WAAAH,EAAA;AAChB;"}