@fangxinyan/lumina 0.5.1 → 0.6.0

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox, RadioGroup } from './chunk-4ADDAZK3.js';
-import './chunk-X3JG3IR6.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 chunk2OBQOEFD_cjs = require('./chunk-2OBQOEFD.cjs');
+var chunk6TRVGFFX_cjs = require('./chunk-6TRVGFFX.cjs');
 require('./chunk-3XIDJEYR.cjs');
 
 
 
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunk2OBQOEFD_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-N5W6XJI2.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 chunkBPDWBY6Y_cjs = require('./chunk-BPDWBY6Y.cjs');
-require('./chunk-IJIQ4H6C.cjs');
-require('./chunk-3KQKEE5O.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 chunkBPDWBY6Y_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-E7UQSFKF.js';
-import './chunk-GB5NAXBP.js';
-import './chunk-X3JG3IR6.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 chunk3ES5QPAF_cjs = require('./chunk-3ES5QPAF.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunk2TNJ7TC4_cjs = require('./chunk-2TNJ7TC4.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunk3ES5QPAF_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-AZRJZM7W.js';
-import './chunk-X3JG3IR6.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 chunk3KQKEE5O_cjs = require('./chunk-3KQKEE5O.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "ICON_NAMES", {
   enumerable: true,
-  get: function () { return chunk3KQKEE5O_cjs.ICON_NAMES; }
+  get: function () { return chunkDH4NYYJP_cjs.ICON_NAMES; }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function () { return chunk3KQKEE5O_cjs.Icon; }
+  get: function () { return chunkDH4NYYJP_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,3 @@
-export { ICON_NAMES, Icon } from './chunk-X3JG3IR6.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 chunkWR3FML2W_cjs = require('./chunk-WR3FML2W.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunkXMINE4TN_cjs = require('./chunk-XMINE4TN.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Image", {
   enumerable: true,
-  get: function () { return chunkWR3FML2W_cjs.Image; }
+  get: function () { return chunkXMINE4TN_cjs.Image; }
 });
 Object.defineProperty(exports, "ImageGrid", {
   enumerable: true,
-  get: function () { return chunkWR3FML2W_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-UXABXEWT.js';
-import './chunk-X3JG3IR6.js';
+export { Image, ImageGrid } from './chunk-4JHFGSNH.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Image.js.map
 //# sourceMappingURL=Image.js.map

package/dist/Input.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkIJIQ4H6C_cjs = require('./chunk-IJIQ4H6C.cjs');
-require('./chunk-3KQKEE5O.cjs');
+var chunkWFFWVQK4_cjs = require('./chunk-WFFWVQK4.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkIJIQ4H6C_cjs.Input; }
+  get: function () { return chunkWFFWVQK4_cjs.Input; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkIJIQ4H6C_cjs.Textarea; }
+  get: function () { return chunkWFFWVQK4_cjs.Textarea; }
 });
 //# sourceMappingURL=Input.cjs.map
 //# sourceMappingURL=Input.cjs.map

package/dist/Input.js

@@ -1,4 +1,4 @@
-export { Input, Textarea } from './chunk-GB5NAXBP.js';
-import './chunk-X3JG3IR6.js';
+export { Input, Textarea } from './chunk-ZZXNHPF3.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Input.js.map
 //# sourceMappingURL=Input.js.map