@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox, RadioGroup } from './chunk-PKXXR76Q.js';
-import './chunk-QOGROEVD.js';
+export { Checkbox, RadioGroup } from './chunk-ZN6VS6SO.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Checkbox.js.map
 //# sourceMappingURL=Checkbox.js.map

package/dist/ColorPicker.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkLLNEDEST_cjs = require('./chunk-LLNEDEST.cjs');
-require('./chunk-RZ2E3XEU.cjs');
+var chunk6TRVGFFX_cjs = require('./chunk-6TRVGFFX.cjs');
+require('./chunk-3XIDJEYR.cjs');
 
 
 
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunkLLNEDEST_cjs.ColorPicker; }
+  get: function () { return chunk6TRVGFFX_cjs.ColorPicker; }
 });
 //# sourceMappingURL=ColorPicker.cjs.map
 //# sourceMappingURL=ColorPicker.cjs.map

package/dist/ColorPicker.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface ColorPickerProps {
+interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color"> {
     /** Controlled hex color (e.g. "#ff6b6b"). */
     value?: string;
     /** Initial hex when uncontrolled. */
@@ -27,8 +27,6 @@ interface ColorPickerProps {
     defaultOpen?: boolean;
     /** Called when open state changes. */
     onOpenChange?: (open: boolean) => void;
-    className?: string;
-    style?: React.CSSProperties;
 }
 /**
  * `ColorPicker` — neumorphic color picker with HSV panel, hue slider,

package/dist/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface ColorPickerProps {
+interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color"> {
     /** Controlled hex color (e.g. "#ff6b6b"). */
     value?: string;
     /** Initial hex when uncontrolled. */
@@ -27,8 +27,6 @@ interface ColorPickerProps {
     defaultOpen?: boolean;
     /** Called when open state changes. */
     onOpenChange?: (open: boolean) => void;
-    className?: string;
-    style?: React.CSSProperties;
 }
 /**
  * `ColorPicker` — neumorphic color picker with HSV panel, hue slider,

package/dist/ColorPicker.js

@@ -1,4 +1,4 @@
-export { ColorPicker } from './chunk-I2HHC6QW.js';
-import './chunk-V2DIQ3RH.js';
+export { ColorPicker } from './chunk-X3QINITU.js';
+import './chunk-ANAQER3T.js';
 //# sourceMappingURL=ColorPicker.js.map
 //# sourceMappingURL=ColorPicker.js.map

package/dist/CommandPalette.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkIJA26LRY_cjs = require('./chunk-IJA26LRY.cjs');
-require('./chunk-YFBHVTKN.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkYVSZLQTQ_cjs = require('./chunk-YVSZLQTQ.cjs');
+require('./chunk-WFFWVQK4.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkIJA26LRY_cjs.CommandPalette; }
+  get: function () { return chunkYVSZLQTQ_cjs.CommandPalette; }
 });
 //# sourceMappingURL=CommandPalette.cjs.map
 //# sourceMappingURL=CommandPalette.cjs.map

package/dist/CommandPalette.d.cts

@@ -18,7 +18,7 @@ interface CommandItem {
     disabled?: boolean;
     onSelect?: () => void;
 }
-interface CommandPaletteProps {
+interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     open: boolean;
     onOpenChange?: (open: boolean) => void;
     items: CommandItem[];
@@ -60,6 +60,6 @@ interface CommandPaletteProps {
  * />
  * ```
  */
-declare const CommandPalette: React.FC<CommandPaletteProps>;
+declare const CommandPalette: React.ForwardRefExoticComponent<CommandPaletteProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type CommandItem, CommandPalette, type CommandPaletteProps };

package/dist/CommandPalette.d.ts

@@ -18,7 +18,7 @@ interface CommandItem {
     disabled?: boolean;
     onSelect?: () => void;
 }
-interface CommandPaletteProps {
+interface CommandPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     open: boolean;
     onOpenChange?: (open: boolean) => void;
     items: CommandItem[];
@@ -60,6 +60,6 @@ interface CommandPaletteProps {
  * />
  * ```
  */
-declare const CommandPalette: React.FC<CommandPaletteProps>;
+declare const CommandPalette: React.ForwardRefExoticComponent<CommandPaletteProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type CommandItem, CommandPalette, type CommandPaletteProps };

package/dist/CommandPalette.js

@@ -1,5 +1,5 @@
-export { CommandPalette } from './chunk-6Z24VO3K.js';
-import './chunk-WUOFJPZ4.js';
-import './chunk-QOGROEVD.js';
+export { CommandPalette } from './chunk-4XSP4HHZ.js';
+import './chunk-ZZXNHPF3.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=CommandPalette.js.map
 //# sourceMappingURL=CommandPalette.js.map

package/dist/ContextMenu.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkWZ73TWB2_cjs = require('./chunk-WZ73TWB2.cjs');
+var chunkAXRABZLY_cjs = require('./chunk-AXRABZLY.cjs');
 
 
 
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunkWZ73TWB2_cjs.ContextMenu; }
+  get: function () { return chunkAXRABZLY_cjs.ContextMenu; }
 });
 //# sourceMappingURL=ContextMenu.cjs.map
 //# sourceMappingURL=ContextMenu.cjs.map

package/dist/ContextMenu.d.cts

@@ -14,7 +14,7 @@ interface ContextMenuItem {
     type?: "divider";
     onSelect?: () => void;
 }
-interface ContextMenuProps {
+interface ContextMenuProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
     items: ContextMenuItem[];
     /**
      * Any content — right-click anywhere inside the trigger area opens the menu.
@@ -45,6 +45,6 @@ interface ContextMenuProps {
  * </ContextMenu>
  * ```
  */
-declare const ContextMenu: React.FC<ContextMenuProps>;
+declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { ContextMenu, type ContextMenuItem, type ContextMenuProps };

package/dist/ContextMenu.d.ts

@@ -14,7 +14,7 @@ interface ContextMenuItem {
     type?: "divider";
     onSelect?: () => void;
 }
-interface ContextMenuProps {
+interface ContextMenuProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
     items: ContextMenuItem[];
     /**
      * Any content — right-click anywhere inside the trigger area opens the menu.
@@ -45,6 +45,6 @@ interface ContextMenuProps {
  * </ContextMenu>
  * ```
  */
-declare const ContextMenu: React.FC<ContextMenuProps>;
+declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { ContextMenu, type ContextMenuItem, type ContextMenuProps };

package/dist/ContextMenu.js

@@ -1,3 +1,3 @@
-export { ContextMenu } from './chunk-RFU5HN4E.js';
+export { ContextMenu } from './chunk-3LJO33HI.js';
 //# sourceMappingURL=ContextMenu.js.map
 //# sourceMappingURL=ContextMenu.js.map

package/dist/Divider.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkIZDJCEMF_cjs = require('./chunk-IZDJCEMF.cjs');
+var chunkFCIPCZAK_cjs = require('./chunk-FCIPCZAK.cjs');
 
 
 
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkIZDJCEMF_cjs.Divider; }
+  get: function () { return chunkFCIPCZAK_cjs.Divider; }
 });
 //# sourceMappingURL=Divider.cjs.map
 //# sourceMappingURL=Divider.cjs.map

package/dist/Divider.d.cts

@@ -14,6 +14,6 @@ interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: "left" | "center" | "right";
 }
 /** `Divider` — visual separator, horizontal or vertical. */
-declare const Divider: React.FC<DividerProps>;
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Divider, type DividerProps };

package/dist/Divider.d.ts

@@ -14,6 +14,6 @@ interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: "left" | "center" | "right";
 }
 /** `Divider` — visual separator, horizontal or vertical. */
-declare const Divider: React.FC<DividerProps>;
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Divider, type DividerProps };

package/dist/Divider.js

@@ -1,3 +1,3 @@
-export { Divider } from './chunk-5N7347MI.js';
+export { Divider } from './chunk-QRSPBK3X.js';
 //# sourceMappingURL=Divider.js.map
 //# sourceMappingURL=Divider.js.map

package/dist/Drawer.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkN73JGXYZ_cjs = require('./chunk-N73JGXYZ.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunk2TNJ7TC4_cjs = require('./chunk-2TNJ7TC4.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkN73JGXYZ_cjs.Drawer; }
+  get: function () { return chunk2TNJ7TC4_cjs.Drawer; }
 });
 //# sourceMappingURL=Drawer.cjs.map
 //# sourceMappingURL=Drawer.cjs.map

package/dist/Drawer.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface DrawerProps {
+interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
     /** Whether the drawer is visible. */
     open: boolean;
     /** Close callback (triggered by mask click / close button / Esc). */
@@ -40,6 +40,6 @@ interface DrawerProps {
     className?: string;
 }
 /** `Drawer` — slide-in panel from an edge. */
-declare const Drawer: React.FC<DrawerProps>;
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Drawer, type DrawerProps };

package/dist/Drawer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface DrawerProps {
+interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
     /** Whether the drawer is visible. */
     open: boolean;
     /** Close callback (triggered by mask click / close button / Esc). */
@@ -40,6 +40,6 @@ interface DrawerProps {
     className?: string;
 }
 /** `Drawer` — slide-in panel from an edge. */
-declare const Drawer: React.FC<DrawerProps>;
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Drawer, type DrawerProps };

package/dist/Drawer.js

@@ -1,4 +1,4 @@
-export { Drawer } from './chunk-FXQGPHK2.js';
-import './chunk-QOGROEVD.js';
+export { Drawer } from './chunk-ZPDMAMWC.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Drawer.js.map
 //# sourceMappingURL=Drawer.js.map

package/dist/Empty.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var chunkXUT2Z2L6_cjs = require('./chunk-XUT2Z2L6.cjs');
+var chunkTC5ZL2OS_cjs = require('./chunk-TC5ZL2OS.cjs');
 
 
 
 Object.defineProperty(exports, "Empty", {
   enumerable: true,
-  get: function () { return chunkXUT2Z2L6_cjs.Empty; }
+  get: function () { return chunkTC5ZL2OS_cjs.Empty; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkXUT2Z2L6_cjs.Skeleton; }
+  get: function () { return chunkTC5ZL2OS_cjs.Skeleton; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkXUT2Z2L6_cjs.Spinner; }
+  get: function () { return chunkTC5ZL2OS_cjs.Spinner; }
 });
 //# sourceMappingURL=Empty.cjs.map
 //# sourceMappingURL=Empty.cjs.map

package/dist/Empty.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface EmptyProps {
+interface EmptyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
     title?: React.ReactNode;
     description?: React.ReactNode;
     icon?: React.ReactNode;
@@ -11,8 +11,8 @@ interface EmptyProps {
     className?: string;
 }
 /** `Empty` — empty state placeholder. */
-declare const Empty: React.FC<EmptyProps>;
-interface SpinnerProps {
+declare const Empty: React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
+interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: number;
     tone?: "accent" | "success" | "warning" | "danger" | "current";
     /** Text rendered next to the spinner. */
@@ -22,7 +22,7 @@ interface SpinnerProps {
     className?: string;
 }
 /** `Spinner` — loading indicator. */
-declare const Spinner: React.FC<SpinnerProps>;
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
 interface SkeletonAvatarConfig {
     shape?: "circle" | "square";
     size?: "sm" | "md" | "lg";
@@ -34,7 +34,7 @@ interface SkeletonParagraphConfig {
     rows?: number;
     width?: (number | string)[];
 }
-interface SkeletonProps {
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
@@ -72,6 +72,6 @@ interface SkeletonProps {
  * // composite
  * <Skeleton avatar title paragraph={{ rows: 4 }} />
  */
-declare const Skeleton: React.FC<SkeletonProps>;
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLElement>>;
 
 export { Empty, type EmptyProps, Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig, Spinner, type SpinnerProps };

package/dist/Empty.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface EmptyProps {
+interface EmptyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
     title?: React.ReactNode;
     description?: React.ReactNode;
     icon?: React.ReactNode;
@@ -11,8 +11,8 @@ interface EmptyProps {
     className?: string;
 }
 /** `Empty` — empty state placeholder. */
-declare const Empty: React.FC<EmptyProps>;
-interface SpinnerProps {
+declare const Empty: React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
+interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: number;
     tone?: "accent" | "success" | "warning" | "danger" | "current";
     /** Text rendered next to the spinner. */
@@ -22,7 +22,7 @@ interface SpinnerProps {
     className?: string;
 }
 /** `Spinner` — loading indicator. */
-declare const Spinner: React.FC<SpinnerProps>;
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
 interface SkeletonAvatarConfig {
     shape?: "circle" | "square";
     size?: "sm" | "md" | "lg";
@@ -34,7 +34,7 @@ interface SkeletonParagraphConfig {
     rows?: number;
     width?: (number | string)[];
 }
-interface SkeletonProps {
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
@@ -72,6 +72,6 @@ interface SkeletonProps {
  * // composite
  * <Skeleton avatar title paragraph={{ rows: 4 }} />
  */
-declare const Skeleton: React.FC<SkeletonProps>;
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLElement>>;
 
 export { Empty, type EmptyProps, Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig, Spinner, type SpinnerProps };

package/dist/Empty.js

@@ -1,3 +1,3 @@
-export { Empty, Skeleton, Spinner } from './chunk-GR5STMOA.js';
+export { Empty, Skeleton, Spinner } from './chunk-A3IJM7IX.js';
 //# sourceMappingURL=Empty.js.map
 //# sourceMappingURL=Empty.js.map

package/dist/Form.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var chunkQVFEKGKI_cjs = require('./chunk-QVFEKGKI.cjs');
+var chunk2K5HZLXW_cjs = require('./chunk-2K5HZLXW.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkQVFEKGKI_cjs.Form; }
+  get: function () { return chunk2K5HZLXW_cjs.Form; }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function () { return chunkQVFEKGKI_cjs.FormItem; }
+  get: function () { return chunk2K5HZLXW_cjs.FormItem; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkQVFEKGKI_cjs.useForm; }
+  get: function () { return chunk2K5HZLXW_cjs.useForm; }
 });
 //# sourceMappingURL=Form.cjs.map
 //# sourceMappingURL=Form.cjs.map

package/dist/Form.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type FormLayout = "horizontal" | "vertical" | "inline";
@@ -48,7 +47,8 @@ interface FormProps<V extends Record<string, unknown> = Record<string, unknown>>
     children?: React.ReactNode;
     className?: string;
 }
-declare const FormRoot: <V extends Record<string, unknown> = Record<string, unknown>>(props: FormProps<V>) => react_jsx_runtime.JSX.Element;
+type FormRootComponent = <V extends Record<string, unknown> = Record<string, unknown>>(props: FormProps<V> & React.RefAttributes<HTMLFormElement>) => React.ReactElement | null;
+declare const FormRoot: FormRootComponent;
 interface FormItemProps {
     /** Field key. Omit for layout-only wrappers (no value binding). */
     name?: string;

package/dist/Form.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type FormLayout = "horizontal" | "vertical" | "inline";
@@ -48,7 +47,8 @@ interface FormProps<V extends Record<string, unknown> = Record<string, unknown>>
     children?: React.ReactNode;
     className?: string;
 }
-declare const FormRoot: <V extends Record<string, unknown> = Record<string, unknown>>(props: FormProps<V>) => react_jsx_runtime.JSX.Element;
+type FormRootComponent = <V extends Record<string, unknown> = Record<string, unknown>>(props: FormProps<V> & React.RefAttributes<HTMLFormElement>) => React.ReactElement | null;
+declare const FormRoot: FormRootComponent;
 interface FormItemProps {
     /** Field key. Omit for layout-only wrappers (no value binding). */
     name?: string;

package/dist/Form.js

@@ -1,3 +1,3 @@
-export { Form, FormItem, useForm } from './chunk-IHACXMOI.js';
+export { Form, FormItem, useForm } from './chunk-EARCKSI7.js';
 //# sourceMappingURL=Form.js.map
 //# sourceMappingURL=Form.js.map

package/dist/Icon.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkYCHUHMNP_cjs = require('./chunk-YCHUHMNP.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "ICON_NAMES", {
   enumerable: true,
-  get: function () { return chunkYCHUHMNP_cjs.ICON_NAMES; }
+  get: function () { return chunkDH4NYYJP_cjs.ICON_NAMES; }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function () { return chunkYCHUHMNP_cjs.Icon; }
+  get: function () { return chunkDH4NYYJP_cjs.Icon; }
 });
 //# sourceMappingURL=Icon.cjs.map
 //# sourceMappingURL=Icon.cjs.map

package/dist/Icon.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 /**
  * Name of a built-in icon. To add your own, pass `children` (raw SVG paths) instead.
  */
-type IconName = "search" | "plus" | "minus" | "check" | "x" | "chevDown" | "chevRight" | "chevLeft" | "chevUp" | "arrowRight" | "settings" | "user" | "bell" | "mail" | "heart" | "star" | "home" | "folder" | "file" | "image" | "play" | "pause" | "volume" | "trash" | "edit" | "copy" | "download" | "upload" | "info" | "alert" | "check2" | "eye" | "eyeOff" | "sparkle" | "moon" | "sun" | "palette" | "layers" | "grid" | "list" | "zap" | "filter" | "mic" | "send" | "calendar" | "clock" | "menu" | "more" | "sliders" | "aim" | "swap" | "camera" | "qq";
+type IconName = "search" | "plus" | "minus" | "check" | "x" | "chevDown" | "chevRight" | "chevLeft" | "chevUp" | "arrowRight" | "settings" | "user" | "bell" | "mail" | "heart" | "star" | "home" | "folder" | "file" | "image" | "play" | "pause" | "volume" | "trash" | "edit" | "copy" | "download" | "upload" | "info" | "alert" | "check2" | "eye" | "eyeOff" | "sparkle" | "moon" | "sun" | "palette" | "layers" | "grid" | "list" | "zap" | "filter" | "mic" | "send" | "calendar" | "clock" | "menu" | "more" | "sliders" | "aim" | "swap" | "camera" | "qq" | "code";
 interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "stroke"> {
     name: IconName;
     size?: number;
@@ -15,7 +15,7 @@ interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "stroke"> {
  * @example
  * <Icon name="plus" size={18} />
  */
-declare const Icon: React.FC<IconProps>;
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 declare const ICON_NAMES: IconName[];
 
 export { ICON_NAMES, Icon, type IconName, type IconProps };

package/dist/Icon.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 /**
  * Name of a built-in icon. To add your own, pass `children` (raw SVG paths) instead.
  */
-type IconName = "search" | "plus" | "minus" | "check" | "x" | "chevDown" | "chevRight" | "chevLeft" | "chevUp" | "arrowRight" | "settings" | "user" | "bell" | "mail" | "heart" | "star" | "home" | "folder" | "file" | "image" | "play" | "pause" | "volume" | "trash" | "edit" | "copy" | "download" | "upload" | "info" | "alert" | "check2" | "eye" | "eyeOff" | "sparkle" | "moon" | "sun" | "palette" | "layers" | "grid" | "list" | "zap" | "filter" | "mic" | "send" | "calendar" | "clock" | "menu" | "more" | "sliders" | "aim" | "swap" | "camera" | "qq";
+type IconName = "search" | "plus" | "minus" | "check" | "x" | "chevDown" | "chevRight" | "chevLeft" | "chevUp" | "arrowRight" | "settings" | "user" | "bell" | "mail" | "heart" | "star" | "home" | "folder" | "file" | "image" | "play" | "pause" | "volume" | "trash" | "edit" | "copy" | "download" | "upload" | "info" | "alert" | "check2" | "eye" | "eyeOff" | "sparkle" | "moon" | "sun" | "palette" | "layers" | "grid" | "list" | "zap" | "filter" | "mic" | "send" | "calendar" | "clock" | "menu" | "more" | "sliders" | "aim" | "swap" | "camera" | "qq" | "code";
 interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "stroke"> {
     name: IconName;
     size?: number;
@@ -15,7 +15,7 @@ interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "stroke"> {
  * @example
  * <Icon name="plus" size={18} />
  */
-declare const Icon: React.FC<IconProps>;
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 declare const ICON_NAMES: IconName[];
 
 export { ICON_NAMES, Icon, type IconName, type IconProps };

package/dist/Icon.js

@@ -1,3 +1,3 @@
-export { ICON_NAMES, Icon } from './chunk-QOGROEVD.js';
+export { ICON_NAMES, Icon } from './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Icon.js.map
 //# sourceMappingURL=Icon.js.map

package/dist/Image.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkHXSAH4Y6_cjs = require('./chunk-HXSAH4Y6.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkXMINE4TN_cjs = require('./chunk-XMINE4TN.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Image", {
   enumerable: true,
-  get: function () { return chunkHXSAH4Y6_cjs.Image; }
+  get: function () { return chunkXMINE4TN_cjs.Image; }
 });
 Object.defineProperty(exports, "ImageGrid", {
   enumerable: true,
-  get: function () { return chunkHXSAH4Y6_cjs.ImageGrid; }
+  get: function () { return chunkXMINE4TN_cjs.ImageGrid; }
 });
 //# sourceMappingURL=Image.cjs.map
 //# sourceMappingURL=Image.cjs.map

package/dist/Image.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface ImageProps {
+interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
     width?: number | string;
@@ -14,8 +14,8 @@ interface ImageProps {
     className?: string;
 }
 /** `Image` — neumorphic framed image with optional preview overlay. */
-declare const Image: React.FC<ImageProps>;
-interface ImageGridProps {
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
+interface ImageGridProps extends React.HTMLAttributes<HTMLDivElement> {
     images: {
         src: string;
         alt?: string;
@@ -25,6 +25,6 @@ interface ImageGridProps {
     className?: string;
 }
 /** `ImageGrid` — auto-fit grid of `Image` items. */
-declare const ImageGrid: React.FC<ImageGridProps>;
+declare const ImageGrid: React.ForwardRefExoticComponent<ImageGridProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Image, ImageGrid, type ImageGridProps, type ImageProps };

package/dist/Image.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface ImageProps {
+interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
     width?: number | string;
@@ -14,8 +14,8 @@ interface ImageProps {
     className?: string;
 }
 /** `Image` — neumorphic framed image with optional preview overlay. */
-declare const Image: React.FC<ImageProps>;
-interface ImageGridProps {
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
+interface ImageGridProps extends React.HTMLAttributes<HTMLDivElement> {
     images: {
         src: string;
         alt?: string;
@@ -25,6 +25,6 @@ interface ImageGridProps {
     className?: string;
 }
 /** `ImageGrid` — auto-fit grid of `Image` items. */
-declare const ImageGrid: React.FC<ImageGridProps>;
+declare const ImageGrid: React.ForwardRefExoticComponent<ImageGridProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Image, ImageGrid, type ImageGridProps, type ImageProps };

package/dist/Image.js

@@ -1,4 +1,4 @@
-export { Image, ImageGrid } from './chunk-OM76QWUN.js';
-import './chunk-QOGROEVD.js';
+export { Image, ImageGrid } from './chunk-4JHFGSNH.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Image.js.map
 //# sourceMappingURL=Image.js.map