asterui 0.12.7 → 0.12.8

package/dist/components/Container.d.ts

@@ -1,6 +1,12 @@
 import { default as React } from 'react';
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Container content */
     children: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** Max width size */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    /** Center container horizontally */
+    centered?: boolean;
+    /** Add horizontal padding */
+    padding?: boolean;
 }
 export declare const Container: React.FC<ContainerProps>;

package/dist/components/Fieldset.d.ts

@@ -7,9 +7,15 @@ export interface FieldsetLegendProps {
     children: React.ReactNode;
     className?: string;
 }
+export interface FieldsetLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    children: React.ReactNode;
+    className?: string;
+}
 declare function FieldsetRoot({ children, className, ...props }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
 declare function FieldsetLegend({ children, className }: FieldsetLegendProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldsetLabel({ children, className, ...props }: FieldsetLabelProps): import("react/jsx-runtime").JSX.Element;
 export declare const Fieldset: typeof FieldsetRoot & {
     Legend: typeof FieldsetLegend;
+    Label: typeof FieldsetLabel;
 };
 export {};

package/dist/components/Filter.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface FilterOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface FilterProps {
+    /** Filter options */
+    options: (string | FilterOption)[];
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Change handler */
+    onChange?: (value: string | undefined) => void;
+    /** Radio group name (auto-generated if not provided) */
+    name?: string;
+    /** Button size */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Show reset button */
+    showReset?: boolean;
+    /** Reset button label */
+    resetLabel?: React.ReactNode;
+    /** Additional CSS classes for container */
+    className?: string;
+}
+export declare const Filter: React.FC<FilterProps>;

package/dist/components/Grid.d.ts

@@ -19,7 +19,7 @@ export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
     xxl?: number;
 }
 export declare function Row({ children, cols, gutter, justify, align, className, style: userStyle, ...rest }: RowProps): import("react/jsx-runtime").JSX.Element;
-export declare function Col({ children, span, offset, order, xs, sm, md, lg, xl, xxl, className, ...rest }: ColProps): import("react/jsx-runtime").JSX.Element;
+export declare function Col({ children, span, offset, order, xs, sm, md, lg, xl, xxl, className, style: userStyle, ...rest }: ColProps): import("react/jsx-runtime").JSX.Element;
 export declare const Grid: {
     Row: typeof Row;
     Col: typeof Col;

package/dist/components/Modal.d.ts

@@ -1,4 +1,8 @@
 import { default as React } from 'react';
+export type ModalPosition = 'top' | 'middle' | 'bottom';
+export type ModalAlign = 'start' | 'end';
+export type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type ResponsivePosition = Partial<Record<Breakpoint, ModalPosition>>;
 export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'title'> {
     children: React.ReactNode;
     title?: React.ReactNode;
@@ -10,8 +14,9 @@ export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>
     cancelText?: string;
     maskClosable?: boolean;
     closable?: boolean;
-    position?: 'top' | 'middle' | 'bottom';
-    align?: 'start' | 'end';
+    /** Modal position - can be a single value or responsive object */
+    position?: ModalPosition | ResponsivePosition;
+    align?: ModalAlign;
     /** Width of the modal box */
     width?: number | string;
     /** Center the modal vertically */

package/dist/components/ThemeController.d.ts

@@ -1,20 +1,28 @@
 export interface ThemeControllerSwapProps {
     lightTheme?: string;
     darkTheme?: string;
-    initialTheme?: string;
     onChange?: (theme: string) => void;
     className?: string;
 }
 export interface ThemeControllerDropdownProps {
     themes: string[];
-    initialTheme?: string;
+    defaultTheme?: string;
     onChange?: (theme: string) => void;
     className?: string;
 }
-declare function ThemeControllerSwap({ lightTheme, darkTheme, initialTheme, onChange, className, }: ThemeControllerSwapProps): import("react/jsx-runtime").JSX.Element;
-declare function ThemeControllerDropdown({ themes, initialTheme, onChange, className, }: ThemeControllerDropdownProps): import("react/jsx-runtime").JSX.Element;
+export interface ThemeControllerToggleProps {
+    lightTheme?: string;
+    darkTheme?: string;
+    onChange?: (theme: string) => void;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    className?: string;
+}
+declare function ThemeControllerSwap({ lightTheme, darkTheme, onChange, className, }: ThemeControllerSwapProps): import("react/jsx-runtime").JSX.Element;
+declare function ThemeControllerDropdown({ themes, defaultTheme, onChange, className, }: ThemeControllerDropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function ThemeControllerToggle({ lightTheme, darkTheme, onChange, size, className, }: ThemeControllerToggleProps): import("react/jsx-runtime").JSX.Element;
 export declare const ThemeController: {
     Swap: typeof ThemeControllerSwap;
     Dropdown: typeof ThemeControllerDropdown;
+    Toggle: typeof ThemeControllerToggle;
 };
 export {};

package/dist/index.d.ts

@@ -52,6 +52,8 @@ export { Fieldset } from './components/Fieldset';
 export type { FieldsetProps, FieldsetLegendProps } from './components/Fieldset';
 export { FileInput } from './components/FileInput';
 export type { FileInputProps } from './components/FileInput';
+export { Filter } from './components/Filter';
+export type { FilterProps, FilterOption } from './components/Filter';
 export { Flex } from './components/Flex';
 export type { FlexProps } from './components/Flex';
 export { FloatButton } from './components/FloatButton';
@@ -105,7 +107,7 @@ export type { PhoneProps } from './components/Phone';
 export { Window } from './components/Window';
 export type { WindowProps } from './components/Window';
 export { Modal } from './components/Modal';
-export type { ModalProps, ModalFuncProps } from './components/Modal';
+export type { ModalProps, ModalFuncProps, ModalPosition, ModalAlign, ResponsivePosition } from './components/Modal';
 export { Navbar } from './components/Navbar';
 export type { NavbarProps } from './components/Navbar';
 export { notification } from './components/Notification';
@@ -163,7 +165,7 @@ export type { TextRotateProps, TextRotateDuration } from './components/TextRotat
 export { Tag, CheckableTag } from './components/Tag';
 export type { TagProps, CheckableTagProps } from './components/Tag';
 export { ThemeController } from './components/ThemeController';
-export type { ThemeControllerSwapProps, ThemeControllerDropdownProps } from './components/ThemeController';
+export type { ThemeControllerSwapProps, ThemeControllerDropdownProps, ThemeControllerToggleProps } from './components/ThemeController';
 export { TimePicker } from './components/TimePicker';
 export type { TimePickerProps } from './components/TimePicker';
 export { Timeline } from './components/Timeline';

package/dist/index.js

@@ -10,8 +10,8 @@ import { Checkbox as P } from "./index10.js";
 import { Chat as b } from "./index11.js";
 import { ColorPicker as h } from "./index12.js";
 import { Card as w } from "./index13.js";
-import { Cascader as R } from "./index14.js";
-import { Chart as F } from "./index15.js";
+import { Cascader as F } from "./index14.js";
+import { Chart as v } from "./index15.js";
 import { Carousel as A } from "./index16.js";
 import { Collapse as L } from "./index17.js";
 import { Container as H } from "./index18.js";
@@ -25,83 +25,84 @@ import { Divider as X } from "./index25.js";
 import { Drawer as Z } from "./index26.js";
 import { Fieldset as $ } from "./index27.js";
 import { FileInput as ro } from "./index28.js";
-import { Flex as to } from "./index29.js";
-import { FloatButton as mo } from "./index30.js";
-import { Footer as xo } from "./index31.js";
-import { Form as io, useFormInstance as no } from "./index32.js";
-import { Col as uo, Grid as lo, Row as co } from "./index33.js";
-import { Hero as To } from "./index34.js";
-import { Image as Po } from "./index35.js";
-import { Indicator as bo } from "./index36.js";
-import { Dropdown as ho } from "./index37.js";
-import { Empty as wo } from "./index38.js";
-import { Input as Ro } from "./index39.js";
-import { InputNumber as Fo } from "./index40.js";
-import { Join as Ao } from "./index41.js";
-import { Kbd as Lo } from "./index42.js";
-import { Label as Ho } from "./index43.js";
-import { Layout as Go, useSiderContext as No } from "./index44.js";
-import { List as Wo } from "./index45.js";
-import { Loading as Eo } from "./index46.js";
-import { Mask as Qo } from "./index47.js";
-import { Masonry as jo } from "./index48.js";
-import { Mention as Vo } from "./index49.js";
-import { Menu as Yo } from "./index50.js";
-import { Browser as _o } from "./index51.js";
-import { Code as or } from "./index52.js";
-import { Phone as er } from "./index53.js";
-import { Window as pr } from "./index54.js";
-import { Modal as fr } from "./index55.js";
-import { Navbar as ar } from "./index56.js";
-import { notification as nr } from "./index57.js";
-import { OTPInput as ur } from "./index58.js";
-import { Pagination as dr } from "./index59.js";
-import { PageLayout as Cr } from "./index60.js";
-import { Popconfirm as gr } from "./index61.js";
-import { Popover as Sr } from "./index62.js";
-import { Progress as kr } from "./index63.js";
-import { QRCode as Dr } from "./index64.js";
-import { Radio as yr } from "./index65.js";
-import { RadialProgress as vr } from "./index66.js";
-import { Range as Ir } from "./index67.js";
-import { Rating as Br } from "./index68.js";
-import { Result as Mr } from "./index69.js";
-import { Select as Kr } from "./index70.js";
-import { Segmented as Nr } from "./index71.js";
-import { Skeleton as Wr } from "./index72.js";
-import { Space as Er } from "./index73.js";
-import { Splitter as Qr } from "./index74.js";
-import { Stack as jr } from "./index75.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 Re } from "./index92.js";
-import { Typography as Fe } 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";
+import { Filter as to } from "./index29.js";
+import { Flex as mo } from "./index30.js";
+import { FloatButton as xo } from "./index31.js";
+import { Footer as io } from "./index32.js";
+import { Form as so, useFormInstance as uo } from "./index33.js";
+import { Col as co, Grid as Co, Row as To } from "./index34.js";
+import { Hero as Po } from "./index35.js";
+import { Image as bo } from "./index36.js";
+import { Indicator as ho } from "./index37.js";
+import { Dropdown as wo } from "./index38.js";
+import { Empty as Fo } from "./index39.js";
+import { Input as vo } from "./index40.js";
+import { InputNumber as Ao } from "./index41.js";
+import { Join as Lo } from "./index42.js";
+import { Kbd as Ho } from "./index43.js";
+import { Label as Go } from "./index44.js";
+import { Layout as Oo, useSiderContext as Wo } from "./index45.js";
+import { List as Eo } from "./index46.js";
+import { Loading as Qo } from "./index47.js";
+import { Mask as jo } from "./index48.js";
+import { Masonry as Vo } from "./index49.js";
+import { Mention as Yo } from "./index50.js";
+import { Menu as _o } from "./index51.js";
+import { Browser as or } from "./index52.js";
+import { Code as er } from "./index53.js";
+import { Phone as pr } from "./index54.js";
+import { Window as fr } from "./index55.js";
+import { Modal as ar } from "./index56.js";
+import { Navbar as nr } from "./index57.js";
+import { notification as ur } from "./index58.js";
+import { OTPInput as dr } from "./index59.js";
+import { Pagination as Cr } from "./index60.js";
+import { PageLayout as gr } from "./index61.js";
+import { Popconfirm as Sr } from "./index62.js";
+import { Popover as kr } from "./index63.js";
+import { Progress as Dr } from "./index64.js";
+import { QRCode as yr } from "./index65.js";
+import { Radio as Rr } from "./index66.js";
+import { RadialProgress as Ir } from "./index67.js";
+import { Range as Br } from "./index68.js";
+import { Rating as Mr } from "./index69.js";
+import { Result as Kr } from "./index70.js";
+import { Select as Nr } from "./index71.js";
+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";
 export {
   e as Affix,
   f as Alert,
@@ -111,17 +112,17 @@ export {
   s as AvatarGroup,
   l as Badge,
   c as Breadcrumb,
-  _o as Browser,
+  or as Browser,
   T as Button,
   w as Card,
   A as Carousel,
-  R as Cascader,
-  F as Chart,
+  F as Cascader,
+  v as Chart,
   b as Chat,
-  ae as CheckableTag,
+  ne as CheckableTag,
   P as Checkbox,
-  or as Code,
-  uo as Col,
+  er as Code,
+  co as Col,
   L as Collapse,
   h as ColorPicker,
   H as Container,
@@ -133,87 +134,88 @@ export {
   X as Divider,
   q as Dock,
   Z as Drawer,
-  ho as Dropdown,
-  wo as Empty,
+  wo as Dropdown,
+  Fo as Empty,
   $ as Fieldset,
   ro as FileInput,
-  to as Flex,
-  mo as FloatButton,
-  xo as Footer,
-  io as Form,
-  lo as Grid,
-  To as Hero,
-  Le as Hide,
-  Po as Image,
-  bo as Indicator,
-  Ro as Input,
-  Fo as InputNumber,
-  Ao as Join,
-  Lo as Kbd,
-  Ho as Label,
-  Go as Layout,
-  Wo as List,
-  Eo as Loading,
-  Qo as Mask,
-  jo as Masonry,
-  Vo as Mention,
-  Yo as Menu,
-  fr as Modal,
-  ar as Navbar,
-  ur as OTPInput,
-  Cr as PageLayout,
-  dr as Pagination,
-  er as Phone,
-  gr as Popconfirm,
-  Sr as Popover,
-  kr as Progress,
-  Dr as QRCode,
-  vr as RadialProgress,
-  yr as Radio,
-  Ir as Range,
-  Br as Rating,
-  Mr as Result,
-  co as Row,
-  Nr as Segmented,
-  Kr as Select,
-  Me as Show,
-  Wr as Skeleton,
-  Er as Space,
-  Qr as Splitter,
-  jr as Stack,
-  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,
-  Re as TreeSelect,
-  Fe as Typography,
-  Ae as Upload,
-  pr as Window,
-  nr as notification,
-  Ke as useBreakpoint,
-  je as useClickOutside,
-  We as useClipboard,
-  Qe as useDebounce,
-  Ne as useDisclosure,
-  no as useFormInstance,
-  Ye as useHover,
-  _e as useKeyPress,
-  $e as useKeyPressCallback,
-  Ee as useLocalStorage,
-  Ve as usePrevious,
-  No as useSiderContext,
-  rt as useWindowSize
+  to as Filter,
+  mo as Flex,
+  xo as FloatButton,
+  io as Footer,
+  so as Form,
+  Co as Grid,
+  Po as Hero,
+  He as Hide,
+  bo as Image,
+  ho as Indicator,
+  vo as Input,
+  Ao as InputNumber,
+  Lo as Join,
+  Ho as Kbd,
+  Go as Label,
+  Oo as Layout,
+  Eo as List,
+  Qo as Loading,
+  jo as Mask,
+  Vo as Masonry,
+  Yo as Mention,
+  _o as Menu,
+  ar as Modal,
+  nr as Navbar,
+  dr as OTPInput,
+  gr as PageLayout,
+  Cr as Pagination,
+  pr as Phone,
+  Sr as Popconfirm,
+  kr as Popover,
+  Dr as Progress,
+  yr as QRCode,
+  Ir as RadialProgress,
+  Rr as Radio,
+  Br as Range,
+  Mr as Rating,
+  Kr as Result,
+  To as Row,
+  Wr as Segmented,
+  Nr as Select,
+  Ke 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,
+  fr as Window,
+  ur as notification,
+  Ne as useBreakpoint,
+  Ve as useClickOutside,
+  Ee as useClipboard,
+  je as useDebounce,
+  We as useDisclosure,
+  uo as useFormInstance,
+  _e as useHover,
+  ot as useKeyPress,
+  rt as useKeyPressCallback,
+  Qe as useLocalStorage,
+  Ye as usePrevious,
+  Wo as useSiderContext,
+  tt 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,16 +1,49 @@
-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);
+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 {
+        }
     };
-  }, [e, t]), o;
+    return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
+  }, [o]), [s, d, w];
 }
 export {
-  i as useDebounce
+  S as useLocalStorage
 };
 //# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/dist/index101.js

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