@fangxinyan/lumina 0.5.1 → 0.6.1

package/dist/Checkbox.d.ts

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-interface CheckboxProps {
+interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id"> {
     checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;
@@ -12,13 +11,13 @@ interface CheckboxProps {
     id?: string;
 }
 /** `Checkbox` — binary choice, supports indeterminate state. */
-declare const Checkbox: React.FC<CheckboxProps>;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 interface RadioOption<T extends string | number = string> {
     value: T;
     label: React.ReactNode;
     disabled?: boolean;
 }
-interface RadioGroupProps<T extends string | number = string> {
+interface RadioGroupProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     options: RadioOption<T>[];
     value?: T;
     defaultValue?: T;
@@ -27,7 +26,8 @@ interface RadioGroupProps<T extends string | number = string> {
     direction?: "vertical" | "horizontal";
     className?: string;
 }
+type RadioGroupComponent = <T extends string | number = string>(props: RadioGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /** `RadioGroup` — mutually exclusive options. */
-declare function RadioGroup<T extends string | number = string>({ options, value, defaultValue, onChange, direction, className, }: RadioGroupProps<T>): react_jsx_runtime.JSX.Element;
+declare const RadioGroup: RadioGroupComponent;
 
 export { Checkbox, type CheckboxProps, RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/Checkbox.js

@@ -1,4 +1,2 @@
-export { Checkbox, RadioGroup } from './chunk-4ADDAZK3.js';
-import './chunk-X3JG3IR6.js';
-//# sourceMappingURL=Checkbox.js.map
-//# sourceMappingURL=Checkbox.js.map
+export { Checkbox, RadioGroup } from './chunk-TGHBKKSS.js';
+import './chunk-NJ6B22YJ.js';

package/dist/ColorPicker.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
-var chunk2OBQOEFD_cjs = require('./chunk-2OBQOEFD.cjs');
-require('./chunk-3XIDJEYR.cjs');
+var chunkOF7JIYBY_cjs = require('./chunk-OF7JIYBY.cjs');
+require('./chunk-YB3IWIOJ.cjs');
 
 
 
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunk2OBQOEFD_cjs.ColorPicker; }
+  get: function () { return chunkOF7JIYBY_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,2 @@
-export { ColorPicker } from './chunk-N5W6XJI2.js';
-import './chunk-ANAQER3T.js';
-//# sourceMappingURL=ColorPicker.js.map
-//# sourceMappingURL=ColorPicker.js.map
+export { ColorPicker } from './chunk-K6F25JXT.js';
+import './chunk-DUFRASGO.js';

package/dist/CommandPalette.cjs

@@ -1,14 +1,12 @@
 'use strict';
 
-var chunkBPDWBY6Y_cjs = require('./chunk-BPDWBY6Y.cjs');
-require('./chunk-IJIQ4H6C.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunkGOBWKQCX_cjs = require('./chunk-GOBWKQCX.cjs');
+require('./chunk-32HBMXXV.cjs');
+require('./chunk-2MNAZRWE.cjs');
 
 
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkBPDWBY6Y_cjs.CommandPalette; }
+  get: function () { return chunkGOBWKQCX_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,3 @@
-export { CommandPalette } from './chunk-E7UQSFKF.js';
-import './chunk-GB5NAXBP.js';
-import './chunk-X3JG3IR6.js';
-//# sourceMappingURL=CommandPalette.js.map
-//# sourceMappingURL=CommandPalette.js.map
+export { CommandPalette } from './chunk-54YLXXS2.js';
+import './chunk-DPNDHNKK.js';
+import './chunk-NJ6B22YJ.js';

package/dist/ContextMenu.cjs

@@ -1,12 +1,10 @@
 'use strict';
 
-var chunkWZ73TWB2_cjs = require('./chunk-WZ73TWB2.cjs');
+var chunkGNEZD7KE_cjs = require('./chunk-GNEZD7KE.cjs');
 
 
 
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunkWZ73TWB2_cjs.ContextMenu; }
+  get: function () { return chunkGNEZD7KE_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 @@
-export { ContextMenu } from './chunk-RFU5HN4E.js';
-//# sourceMappingURL=ContextMenu.js.map
-//# sourceMappingURL=ContextMenu.js.map
+export { ContextMenu } from './chunk-5C2AI2SD.js';

package/dist/Divider.cjs

@@ -1,12 +1,10 @@
 'use strict';
 
-var chunkIZDJCEMF_cjs = require('./chunk-IZDJCEMF.cjs');
+var chunk5JSDQ6QQ_cjs = require('./chunk-5JSDQ6QQ.cjs');
 
 
 
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkIZDJCEMF_cjs.Divider; }
+  get: function () { return chunk5JSDQ6QQ_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 @@
-export { Divider } from './chunk-5N7347MI.js';
-//# sourceMappingURL=Divider.js.map
-//# sourceMappingURL=Divider.js.map
+export { Divider } from './chunk-LKK2AA7W.js';

package/dist/Drawer.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
-var chunk3ES5QPAF_cjs = require('./chunk-3ES5QPAF.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunkOVZTG5CP_cjs = require('./chunk-OVZTG5CP.cjs');
+require('./chunk-2MNAZRWE.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunk3ES5QPAF_cjs.Drawer; }
+  get: function () { return chunkOVZTG5CP_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,2 @@
-export { Drawer } from './chunk-AZRJZM7W.js';
-import './chunk-X3JG3IR6.js';
-//# sourceMappingURL=Drawer.js.map
-//# sourceMappingURL=Drawer.js.map
+export { Drawer } from './chunk-WRDKOSSM.js';
+import './chunk-NJ6B22YJ.js';

package/dist/Empty.cjs

@@ -1,20 +1,18 @@
 'use strict';
 
-var chunkXUT2Z2L6_cjs = require('./chunk-XUT2Z2L6.cjs');
+var chunkGY3BSHHS_cjs = require('./chunk-GY3BSHHS.cjs');
 
 
 
 Object.defineProperty(exports, "Empty", {
   enumerable: true,
-  get: function () { return chunkXUT2Z2L6_cjs.Empty; }
+  get: function () { return chunkGY3BSHHS_cjs.Empty; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkXUT2Z2L6_cjs.Skeleton; }
+  get: function () { return chunkGY3BSHHS_cjs.Skeleton; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkXUT2Z2L6_cjs.Spinner; }
+  get: function () { return chunkGY3BSHHS_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 @@
-export { Empty, Skeleton, Spinner } from './chunk-GR5STMOA.js';
-//# sourceMappingURL=Empty.js.map
-//# sourceMappingURL=Empty.js.map
+export { Empty, Skeleton, Spinner } from './chunk-5A3RT4KD.js';

package/dist/Form.cjs

@@ -1,20 +1,18 @@
 'use strict';
 
-var chunkQVFEKGKI_cjs = require('./chunk-QVFEKGKI.cjs');
+var chunkS3VXH5L4_cjs = require('./chunk-S3VXH5L4.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkQVFEKGKI_cjs.Form; }
+  get: function () { return chunkS3VXH5L4_cjs.Form; }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function () { return chunkQVFEKGKI_cjs.FormItem; }
+  get: function () { return chunkS3VXH5L4_cjs.FormItem; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkQVFEKGKI_cjs.useForm; }
+  get: function () { return chunkS3VXH5L4_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 @@
-export { Form, FormItem, useForm } from './chunk-IHACXMOI.js';
-//# sourceMappingURL=Form.js.map
-//# sourceMappingURL=Form.js.map
+export { Form, FormItem, useForm } from './chunk-EC4WGEAJ.js';

package/dist/Icon.cjs

@@ -1,16 +1,14 @@
 'use strict';
 
-var chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
 
 
 
 Object.defineProperty(exports, "ICON_NAMES", {
   enumerable: true,
-  get: function () { return chunk3KQKEE5O_cjs.ICON_NAMES; }
+  get: function () { return chunk2MNAZRWE_cjs.ICON_NAMES; }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function () { return chunk3KQKEE5O_cjs.Icon; }
+  get: function () { return chunk2MNAZRWE_cjs.Icon; }
 });
-//# sourceMappingURL=Icon.cjs.map
-//# sourceMappingURL=Icon.cjs.map

package/dist/Icon.d.cts

@@ -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

@@ -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 @@
-export { ICON_NAMES, Icon } from './chunk-X3JG3IR6.js';
-//# sourceMappingURL=Icon.js.map
-//# sourceMappingURL=Icon.js.map
+export { ICON_NAMES, Icon } from './chunk-NJ6B22YJ.js';

package/dist/Image.cjs

@@ -1,17 +1,15 @@
 'use strict';
 
-var chunkWR3FML2W_cjs = require('./chunk-WR3FML2W.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunkG2XK57I7_cjs = require('./chunk-G2XK57I7.cjs');
+require('./chunk-2MNAZRWE.cjs');
 
 
 
 Object.defineProperty(exports, "Image", {
   enumerable: true,
-  get: function () { return chunkWR3FML2W_cjs.Image; }
+  get: function () { return chunkG2XK57I7_cjs.Image; }
 });
 Object.defineProperty(exports, "ImageGrid", {
   enumerable: true,
-  get: function () { return chunkWR3FML2W_cjs.ImageGrid; }
+  get: function () { return chunkG2XK57I7_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 };