asterui 0.12.14 → 0.12.16

package/README.md

@@ -86,7 +86,7 @@ export default function App() {
             </Form.Item>
             <Link size="sm">Forgot password?</Link>
           </Space>
-          <Button type="primary" htmlType="submit" shape="block">
+          <Button color="primary" htmlType="submit" shape="block">
             Sign In
           </Button>
           <Divider>or</Divider>

package/dist/components/Autocomplete.d.ts

@@ -2,17 +2,37 @@ import { default as React } from 'react';
 export interface AutocompleteOption {
     value: string;
     label: string;
+    disabled?: boolean;
 }
-export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
+    onSelect?: (value: string, option: AutocompleteOption) => void;
+    onSearch?: (value: string) => void;
     options: AutocompleteOption[] | string[];
     placeholder?: string;
     disabled?: boolean;
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    /** Validation status */
+    status?: 'error' | 'warning';
     allowCustomValue?: boolean;
     filterOption?: (option: AutocompleteOption, inputValue: string) => boolean;
     notFoundContent?: React.ReactNode;
+    /** Show clear button when input has value */
+    allowClear?: boolean | {
+        clearIcon?: React.ReactNode;
+    };
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Activate first option by default */
+    defaultActiveFirstOption?: boolean;
 }
 export declare const Autocomplete: React.FC<AutocompleteProps>;

package/dist/components/Button.d.ts

@@ -1,19 +1,24 @@
 import { default as React } from 'react';
 type BaseButtonProps = {
-    type?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'ghost' | 'link';
+    /** Button color */
+    color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
+    /** Button style variant */
+    variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link';
+    /** Button size */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    outline?: boolean;
-    dash?: boolean;
-    soft?: boolean;
+    /** Active/pressed visual state */
     active?: boolean;
+    /** Show loading spinner and disable button */
     loading?: boolean;
+    /** Button shape */
     shape?: 'square' | 'circle' | 'wide' | 'block' | 'round';
+    /** Disable click animation */
     noAnimation?: boolean;
     /** Icon element to display */
     icon?: React.ReactNode;
     /** Position of the icon */
     iconPosition?: 'start' | 'end';
-    /** Applies error/danger styling (shorthand for type="error") */
+    /** Applies error/danger styling (shorthand for color="error") */
     danger?: boolean;
     /** Toggle button pressed state (sets aria-pressed) */
     pressed?: boolean;

package/dist/components/Form.d.ts

@@ -3,11 +3,21 @@ import { UseFormReturn, FieldValues, SubmitHandler, UseFormProps, FieldArrayPath
 export interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
     form?: UseFormReturn<TFieldValues>;
     onFinish?: SubmitHandler<TFieldValues>;
+    /** Called when form validation fails */
+    onFinishFailed?: (errorInfo: {
+        values: TFieldValues;
+        errorFields: Array<{
+            name: string;
+            errors: string[];
+        }>;
+    }) => void;
     initialValues?: UseFormProps<TFieldValues>['defaultValues'];
     layout?: 'vertical' | 'horizontal' | 'inline';
     /** Label width in pixels for horizontal layout (default: 80) */
     labelWidth?: number;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Disable all form fields */
+    disabled?: boolean;
     children: React.ReactNode;
 }
 export interface FormRule {
@@ -62,7 +72,7 @@ export interface FormListProps<TFieldValues extends FieldValues = FieldValues> {
         move: (from: number, to: number) => void;
     }) => React.ReactNode;
 }
-declare function FormRoot<TFieldValues extends FieldValues = FieldValues>({ form: externalForm, onFinish, initialValues, layout, labelWidth, size, children, className, noValidate, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormRoot<TFieldValues extends FieldValues = FieldValues>({ form: externalForm, onFinish, onFinishFailed, initialValues, layout, labelWidth, size, disabled, children, className, noValidate, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 declare function FormItem({ name, label, help, required, rules, valuePropName, inline, className, children, tooltip, extra, hasFeedback, dependencies, validateTrigger, initialValue, hidden, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
 declare function FormList<TFieldValues extends FieldValues = FieldValues>({ name, children, }: FormListProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export declare function useFormInstance<TFieldValues extends FieldValues = FieldValues>(): UseFormReturn<TFieldValues, any, TFieldValues> & {

package/dist/components/HoverGallery.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface HoverGalleryProps {
+    /** Image sources (2-10 images) */
+    images: string[];
+    /** Alt text for images (optional, uses index if not provided) */
+    alts?: string[];
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const HoverGallery: React.FC<HoverGalleryProps>;

package/dist/components/Rating.d.ts

@@ -1,21 +1,29 @@
 import { default as React } from 'react';
 export interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     value?: number;
     defaultValue?: number;
     onChange?: (value: number) => void;
+    onHoverChange?: (value: number) => void;
+    count?: number;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    readOnly?: boolean;
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg';
+    color?: string;
+    mask?: 'star' | 'star-2' | 'heart';
+    allowClear?: boolean;
+    allowHalf?: boolean;
+    disabled?: boolean;
 }
 export interface RatingItemProps {
     value: number;
     mask?: 'star' | 'star-2' | 'heart';
     color?: string;
     hidden?: boolean;
+    half?: 'first' | 'second';
     className?: string;
 }
-declare function RatingRoot({ children, value, defaultValue, onChange, size, readOnly, className, ...rest }: RatingProps): import("react/jsx-runtime").JSX.Element;
-declare function RatingItem({ value, mask, color, hidden, className }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
+declare function RatingRoot({ children, value, defaultValue, onChange, onHoverChange, count, size, gap, color, mask, allowClear, allowHalf, disabled, className, ...rest }: RatingProps): import("react/jsx-runtime").JSX.Element;
+declare function RatingItem({ value, mask, color, hidden, half, className }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const Rating: typeof RatingRoot & {
     Item: typeof RatingItem;
 };

package/dist/index.d.ts

@@ -68,6 +68,8 @@ export { Grid, Row, Col } from './components/Grid';
 export type { RowProps, ColProps } from './components/Grid';
 export { Hero } from './components/Hero';
 export type { HeroProps } from './components/Hero';
+export { HoverGallery } from './components/HoverGallery';
+export type { HoverGalleryProps } from './components/HoverGallery';
 export { Image } from './components/Image';
 export type { ImageProps } from './components/Image';
 export { Indicator } from './components/Indicator';

package/dist/index.js

@@ -3,19 +3,19 @@ import { Anchor as p } from "./index3.js";
 import { Alert as f } from "./index4.js";
 import { Autocomplete as a } from "./index5.js";
 import { Avatar as n, AvatarGroup as s } from "./index6.js";
-import { Badge as l } from "./index7.js";
+import { Badge as u } from "./index7.js";
 import { Breadcrumb as c } from "./index8.js";
 import { Button as T } from "./index9.js";
 import { Checkbox as P } from "./index10.js";
 import { Chat as b } from "./index11.js";
 import { ColorPicker as D } from "./index12.js";
 import { Card as w } from "./index13.js";
-import { Cascader as F } from "./index14.js";
-import { Chart as v } from "./index15.js";
+import { Cascader as v } from "./index14.js";
+import { Chart as R } from "./index15.js";
 import { Carousel as A } from "./index16.js";
 import { Collapse as L } from "./index17.js";
 import { Container as H } from "./index18.js";
-import { ContextMenu as G } from "./index19.js";
+import { ContextMenu as K } from "./index19.js";
 import { Countdown as O } from "./index20.js";
 import { DatePicker as z } from "./index21.js";
 import { Descriptions as J } from "./index22.js";
@@ -30,79 +30,80 @@ import { Filter as mo } from "./index30.js";
 import { Flex as xo } from "./index31.js";
 import { FloatButton as io } from "./index32.js";
 import { Footer as so } from "./index33.js";
-import { Form as lo, useFormInstance as co } from "./index34.js";
+import { Form as uo, useFormInstance as co } from "./index34.js";
 import { Col as To, Grid as go, Row as Po } from "./index35.js";
 import { Hero as bo } from "./index36.js";
-import { Image as Do } from "./index37.js";
-import { Indicator as wo } from "./index38.js";
-import { Dropdown as Fo } from "./index39.js";
-import { Empty as vo } from "./index40.js";
-import { Input as Ao } from "./index41.js";
-import { InputNumber as Lo } from "./index42.js";
-import { Join as Ho } from "./index43.js";
-import { Kbd as Go } from "./index44.js";
-import { Label as Oo } from "./index45.js";
-import { Layout as zo, useSiderContext as Eo } from "./index46.js";
-import { List as Qo } from "./index47.js";
-import { Loading as jo } from "./index48.js";
-import { Mask as Vo } from "./index49.js";
-import { Masonry as Yo } from "./index50.js";
-import { Mention as _o } from "./index51.js";
-import { Menu as or } from "./index52.js";
-import { Browser as er } from "./index53.js";
-import { Code as pr } from "./index54.js";
-import { Phone as fr } from "./index55.js";
-import { Window as ar } from "./index56.js";
-import { Modal as nr } from "./index57.js";
-import { Navbar as ur } from "./index58.js";
-import { notification as dr } from "./index59.js";
-import { OTPInput as Cr } from "./index60.js";
-import { Pagination as gr } from "./index61.js";
-import { PageLayout as Sr } from "./index62.js";
-import { Popconfirm as kr } from "./index63.js";
-import { Popover as hr } from "./index64.js";
-import { Progress as yr } from "./index65.js";
-import { QRCode as Rr } from "./index66.js";
-import { Radio as Ir } from "./index67.js";
-import { RadialProgress as Br } from "./index68.js";
-import { Range as Mr } from "./index69.js";
-import { Rating as Kr } from "./index70.js";
-import { Result as Nr } from "./index71.js";
-import { Select as Wr } from "./index72.js";
-import { Segmented as Er } from "./index73.js";
-import { Skeleton as Qr } from "./index74.js";
-import { Space as jr } from "./index75.js";
-import { Splitter 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 De } 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 { HoverGallery as Do } from "./index37.js";
+import { Image as wo } from "./index38.js";
+import { Indicator as vo } from "./index39.js";
+import { Dropdown as Ro } from "./index40.js";
+import { Empty as Ao } from "./index41.js";
+import { Input as Lo } from "./index42.js";
+import { InputNumber as Ho } from "./index43.js";
+import { Join as Ko } from "./index44.js";
+import { Kbd as Oo } from "./index45.js";
+import { Label as zo } from "./index46.js";
+import { Layout as Jo, useSiderContext as Qo } from "./index47.js";
+import { List as jo } from "./index48.js";
+import { Loading as Vo } from "./index49.js";
+import { Mask as Yo } from "./index50.js";
+import { Masonry as _o } from "./index51.js";
+import { Mention as or } from "./index52.js";
+import { Menu as er } from "./index53.js";
+import { Browser as pr } from "./index54.js";
+import { Code as fr } from "./index55.js";
+import { Phone as ar } from "./index56.js";
+import { Window as nr } from "./index57.js";
+import { Modal as lr } from "./index58.js";
+import { Navbar as dr } from "./index59.js";
+import { notification as Cr } from "./index60.js";
+import { OTPInput as gr } from "./index61.js";
+import { Pagination as Sr } from "./index62.js";
+import { PageLayout as kr } from "./index63.js";
+import { Popconfirm as hr } from "./index64.js";
+import { Popover as yr } from "./index65.js";
+import { Progress as Fr } from "./index66.js";
+import { QRCode as Ir } from "./index67.js";
+import { Radio as Br } from "./index68.js";
+import { RadialProgress as Mr } from "./index69.js";
+import { Range as Gr } from "./index70.js";
+import { Rating as Nr } from "./index71.js";
+import { Result as Wr } from "./index72.js";
+import { Select as Er } from "./index73.js";
+import { Segmented as Qr } from "./index74.js";
+import { Skeleton as jr } from "./index75.js";
+import { Space as Vr } from "./index76.js";
+import { Splitter as Yr } from "./index77.js";
+import { Stats as _r } from "./index78.js";
+import { Status as oe } from "./index79.js";
+import { Steps as ee } from "./index80.js";
+import { Table as pe } from "./index81.js";
+import { Tabs as fe } from "./index82.js";
+import { Textarea as ae } from "./index83.js";
+import { TextRotate as ne } from "./index84.js";
+import { CheckableTag as le, Tag as ue } from "./index85.js";
+import { ThemeController as ce } from "./index86.js";
+import { TimePicker as Te } from "./index87.js";
+import { Timeline as Pe } from "./index88.js";
+import { Toggle as be } from "./index89.js";
+import { Tour as De } from "./index90.js";
+import { Tooltip as we } from "./index91.js";
+import { Transfer as ve } from "./index92.js";
+import { Tree as Re } from "./index93.js";
+import { TreeSelect as Ae } from "./index94.js";
+import { Typography as Le } from "./index95.js";
+import { Upload as He } from "./index96.js";
+import { Hide as Ke, Show as Ne } from "./index97.js";
+import { useBreakpoint as We } from "./index98.js";
+import { useDisclosure as Ee } from "./index99.js";
+import { useClipboard as Qe } from "./index100.js";
+import { useLocalStorage as je } from "./index101.js";
+import { useDebounce as Ve } from "./index102.js";
+import { useClickOutside as Ye } from "./index103.js";
+import { usePrevious as _e } from "./index104.js";
+import { useHover as ot } from "./index105.js";
+import { useKeyPress as et, useKeyPressCallback as tt } from "./index106.js";
+import { useWindowSize as mt } from "./index107.js";
 export {
   e as Affix,
   f as Alert,
@@ -110,23 +111,23 @@ export {
   a as Autocomplete,
   n as Avatar,
   s as AvatarGroup,
-  l as Badge,
+  u as Badge,
   c as Breadcrumb,
-  er as Browser,
+  pr as Browser,
   T as Button,
   w as Card,
   A as Carousel,
-  F as Cascader,
-  v as Chart,
+  v as Cascader,
+  R as Chart,
   b as Chat,
-  ne as CheckableTag,
+  le as CheckableTag,
   P as Checkbox,
-  pr as Code,
+  fr as Code,
   To as Col,
   L as Collapse,
   D as ColorPicker,
   H as Container,
-  G as ContextMenu,
+  K as ContextMenu,
   O as Countdown,
   z as DatePicker,
   J as Descriptions,
@@ -134,88 +135,89 @@ export {
   X as Divider,
   q as Dock,
   Z as Drawer,
-  Fo as Dropdown,
-  vo as Empty,
+  Ro as Dropdown,
+  Ao as Empty,
   ro as Fieldset,
   to as FileInput,
   mo as Filter,
   xo as Flex,
   io as FloatButton,
   so as Footer,
-  lo as Form,
+  uo as Form,
   go as Grid,
   bo as Hero,
-  He as Hide,
-  Do as Image,
-  wo as Indicator,
-  Ao as Input,
-  Lo as InputNumber,
-  Ho as Join,
-  Go as Kbd,
-  Oo as Label,
-  zo as Layout,
-  Qo as List,
-  jo as Loading,
-  Vo as Mask,
-  Yo as Masonry,
-  _o as Mention,
-  or as Menu,
-  nr as Modal,
-  ur as Navbar,
-  Cr as OTPInput,
-  Sr as PageLayout,
-  gr as Pagination,
-  fr as Phone,
-  kr as Popconfirm,
-  hr as Popover,
-  yr as Progress,
-  Rr as QRCode,
-  Br as RadialProgress,
-  Ir as Radio,
-  Mr as Range,
-  Kr as Rating,
-  Nr as Result,
+  Ke as Hide,
+  Do as HoverGallery,
+  wo as Image,
+  vo as Indicator,
+  Lo as Input,
+  Ho as InputNumber,
+  Ko as Join,
+  Oo as Kbd,
+  zo as Label,
+  Jo as Layout,
+  jo as List,
+  Vo as Loading,
+  Yo as Mask,
+  _o as Masonry,
+  or as Mention,
+  er as Menu,
+  lr as Modal,
+  dr as Navbar,
+  gr as OTPInput,
+  kr as PageLayout,
+  Sr as Pagination,
+  ar as Phone,
+  hr as Popconfirm,
+  yr as Popover,
+  Fr as Progress,
+  Ir as QRCode,
+  Mr as RadialProgress,
+  Br as Radio,
+  Gr as Range,
+  Nr as Rating,
+  Wr as Result,
   Po as Row,
-  Er as Segmented,
-  Wr as Select,
-  Ke as Show,
+  Qr as Segmented,
+  Er as Select,
+  Ne as Show,
   $ as SidebarDrawer,
-  Qr as Skeleton,
-  jr as Space,
-  Vr as Splitter,
-  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,
-  De as Tooltip,
-  be as Tour,
-  we as Transfer,
-  Fe as Tree,
-  ve as TreeSelect,
-  Ae as Typography,
-  Le as Upload,
-  ar as Window,
-  dr as notification,
-  Ne as useBreakpoint,
-  Ve as useClickOutside,
-  Ee as useClipboard,
-  je as useDebounce,
-  We as useDisclosure,
+  jr as Skeleton,
+  Vr as Space,
+  Yr as Splitter,
+  _r as Stats,
+  oe as Status,
+  ee as Steps,
+  pe as Table,
+  fe as Tabs,
+  ue as Tag,
+  ne as TextRotate,
+  ae as Textarea,
+  ce as ThemeController,
+  Te as TimePicker,
+  Pe as Timeline,
+  be as Toggle,
+  we as Tooltip,
+  De as Tour,
+  ve as Transfer,
+  Re as Tree,
+  Ae as TreeSelect,
+  Le as Typography,
+  He as Upload,
+  nr as Window,
+  Cr as notification,
+  We as useBreakpoint,
+  Ye as useClickOutside,
+  Qe as useClipboard,
+  Ve as useDebounce,
+  Ee as useDisclosure,
   co as useFormInstance,
-  _e as useHover,
-  ot as useKeyPress,
-  rt as useKeyPressCallback,
-  Qe as useLocalStorage,
-  Ye as usePrevious,
-  Eo as useSiderContext,
-  tt as useWindowSize
+  ot as useHover,
+  et as useKeyPress,
+  tt as useKeyPressCallback,
+  je as useLocalStorage,
+  _e as usePrevious,
+  Qo as useSiderContext,
+  mt 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,17 @@
-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;
+import { useState as a, useCallback as s } from "react";
+function p(t = 2e3) {
+  const [n, r] = a(!1), [l, e] = a(null), c = s(async (i) => {
     try {
-      const e = window.localStorage.getItem(o);
-      return e ? JSON.parse(e) : t;
-    } catch {
-      return t;
+      return await navigator.clipboard.writeText(i), r(!0), e(null), setTimeout(() => r(!1), t), !0;
+    } catch (o) {
+      return e(o instanceof Error ? o : new Error("Failed to copy")), r(!1), !1;
     }
-  }), 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 {
-        }
-    };
-    return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
-  }, [o]), [s, d, w];
+  }, [t]), u = s(() => {
+    r(!1), e(null);
+  }, []);
+  return { copy: c, copied: n, error: l, reset: u };
 }
 export {
-  S as useLocalStorage
+  p as useClipboard
 };
 //# 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/useClipboard.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport interface UseClipboardReturn {\n  copy: (text: string) => Promise<boolean>\n  copied: boolean\n  error: Error | null\n  reset: () => void\n}\n\n/**\n * Hook for copying text to clipboard with success/error state.\n *\n * @param timeout - Duration in ms to show copied state (default: 2000)\n * @returns Object with copy function and state\n *\n * @example\n * const { copy, copied } = useClipboard()\n *\n * <Button onClick={() => copy('Hello!')}>\n *   {copied ? 'Copied!' : 'Copy'}\n * </Button>\n */\nexport function useClipboard(timeout = 2000): UseClipboardReturn {\n  const [copied, setCopied] = useState(false)\n  const [error, setError] = useState<Error | null>(null)\n\n  const copy = useCallback(async (text: string): Promise<boolean> => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setError(null)\n\n      setTimeout(() => setCopied(false), timeout)\n      return true\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to copy'))\n      setCopied(false)\n      return false\n    }\n  }, [timeout])\n\n  const reset = useCallback(() => {\n    setCopied(false)\n    setError(null)\n  }, [])\n\n  return { copy, copied, error, reset }\n}\n"],"names":["useClipboard","timeout","copied","setCopied","useState","error","setError","copy","useCallback","text","err","reset"],"mappings":";AAsBO,SAASA,EAAaC,IAAU,KAA0B;AAC/D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAOC,CAAQ,IAAIF,EAAuB,IAAI,GAE/CG,IAAOC,EAAY,OAAOC,MAAmC;AACjE,QAAI;AACF,mBAAM,UAAU,UAAU,UAAUA,CAAI,GACxCN,EAAU,EAAI,GACdG,EAAS,IAAI,GAEb,WAAW,MAAMH,EAAU,EAAK,GAAGF,CAAO,GACnC;AAAA,IACT,SAASS,GAAK;AACZ,aAAAJ,EAASI,aAAe,QAAQA,IAAM,IAAI,MAAM,gBAAgB,CAAC,GACjEP,EAAU,EAAK,GACR;AAAA,IACT;AAAA,EACF,GAAG,CAACF,CAAO,CAAC,GAENU,IAAQH,EAAY,MAAM;AAC9B,IAAAL,EAAU,EAAK,GACfG,EAAS,IAAI;AAAA,EACf,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,MAAAC,GAAM,QAAAL,GAAQ,OAAAG,GAAO,OAAAM,EAAA;AAChC;"}