@jacshuo/onyx 0.1.6 → 0.1.8

package/dist/Dropdown.d.cts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface DropdownOption {
+    /** Unique value for this option. */
+    value: string;
+    /** Display label. Defaults to value. */
+    label?: string;
+    /** Icon rendered before the label. */
+    icon?: React.ReactNode;
+    /** Disable this option. */
+    disabled?: boolean;
+    /** Nested children for cascading (hierarchical) menus. */
+    children?: DropdownOption[];
+}
+interface DropdownBaseProps {
+    /** Available options. Supports nested children for cascading. */
+    options: DropdownOption[];
+    /** Placeholder text when nothing is selected. */
+    placeholder?: string;
+    /** Allow the user to type to filter options. @default false */
+    editable?: boolean;
+    /** Called when the user submits a value not in the list (editable mode). */
+    onAddItem?: (value: string) => void;
+    /** Disable the entire dropdown. */
+    disabled?: boolean;
+    /** Menu alignment. @default 'left' */
+    align?: "left" | "right";
+    /** Additional class name for the root container. */
+    className?: string;
+}
+interface DropdownSingleProps extends DropdownBaseProps {
+    /** Enable multi-select with checkboxes. @default false */
+    multiple?: false;
+    /** Currently selected value (controlled, single mode). */
+    value?: string;
+    /** Callback fired when an option is selected (single mode). */
+    onChange?: (value: string, option: DropdownOption) => void;
+    /** Not used in single mode. */
+    selected?: never;
+    /** Not used in single mode. */
+    onSelectionChange?: never;
+}
+interface DropdownMultipleProps extends DropdownBaseProps {
+    /** Enable multi-select with checkboxes. */
+    multiple: true;
+    /** Currently selected values (controlled, multi mode). */
+    selected?: string[];
+    /** Callback fired when selection changes (multi mode). */
+    onSelectionChange?: (selected: string[]) => void;
+    /** Not used in multi mode. */
+    value?: never;
+    /** Not used in multi mode. */
+    onChange?: never;
+}
+type DropdownProps = DropdownSingleProps | DropdownMultipleProps;
+declare function Dropdown(props: DropdownProps): react_jsx_runtime.JSX.Element;
+
+export { Dropdown, type DropdownMultipleProps, type DropdownOption, type DropdownProps, type DropdownSingleProps };

package/dist/{components/Dropdown.d.ts → Dropdown.d.ts}

@@ -1,5 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-export interface DropdownOption {
+
+interface DropdownOption {
     /** Unique value for this option. */
     value: string;
     /** Display label. Defaults to value. */
@@ -23,11 +25,11 @@ interface DropdownBaseProps {
     /** Disable the entire dropdown. */
     disabled?: boolean;
     /** Menu alignment. @default 'left' */
-    align?: 'left' | 'right';
+    align?: "left" | "right";
     /** Additional class name for the root container. */
     className?: string;
 }
-export interface DropdownSingleProps extends DropdownBaseProps {
+interface DropdownSingleProps extends DropdownBaseProps {
     /** Enable multi-select with checkboxes. @default false */
     multiple?: false;
     /** Currently selected value (controlled, single mode). */
@@ -39,7 +41,7 @@ export interface DropdownSingleProps extends DropdownBaseProps {
     /** Not used in single mode. */
     onSelectionChange?: never;
 }
-export interface DropdownMultipleProps extends DropdownBaseProps {
+interface DropdownMultipleProps extends DropdownBaseProps {
     /** Enable multi-select with checkboxes. */
     multiple: true;
     /** Currently selected values (controlled, multi mode). */
@@ -51,7 +53,7 @@ export interface DropdownMultipleProps extends DropdownBaseProps {
     /** Not used in multi mode. */
     onChange?: never;
 }
-export type DropdownProps = DropdownSingleProps | DropdownMultipleProps;
-export declare function Dropdown(props: DropdownProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Dropdown.d.ts.map
+type DropdownProps = DropdownSingleProps | DropdownMultipleProps;
+declare function Dropdown(props: DropdownProps): react_jsx_runtime.JSX.Element;
+
+export { Dropdown, type DropdownMultipleProps, type DropdownOption, type DropdownProps, type DropdownSingleProps };

package/dist/Dropdown.js

@@ -0,0 +1 @@
+export{a as Dropdown}from'./chunks/chunk-PSMWVB3O.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/DropdownButton.cjs

@@ -0,0 +1 @@
+'use strict';var chunk4BKLB4KV_cjs=require('./chunks/chunk-4BKLB4KV.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"DropdownButton",{enumerable:true,get:function(){return chunk4BKLB4KV_cjs.a}});

package/dist/DropdownButton.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+interface DropdownItem {
+    /** Unique key. Falls back to label when label is a string. */
+    key?: string;
+    label: React.ReactNode;
+    /** Disable this item. */
+    disabled?: boolean;
+    /** Divider rendered before this item. */
+    divider?: boolean;
+    onClick?: () => void;
+}
+interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof buttonVariants> {
+    /** Button label. */
+    label: React.ReactNode;
+    /** Dropdown menu items. */
+    items: DropdownItem[];
+    /** Menu alignment. @default 'left' */
+    align?: "left" | "right";
+    /** Show a search/add input at the top of the menu. */
+    editable?: boolean;
+    /** Called when the user presses Enter on a value not in the list. */
+    onAddItem?: (value: string) => void;
+    /** Enable multi-select with checkboxes. */
+    multiple?: boolean;
+    /** Currently selected keys (controlled). */
+    selected?: string[];
+    /** Called when the selection changes (multi-select mode). */
+    onSelectionChange?: (selected: string[]) => void;
+}
+declare function DropdownButton({ label, items, intent, size, align, className, disabled, editable, onAddItem, multiple, selected, onSelectionChange, ...props }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
+
+export { DropdownButton, type DropdownButtonProps, type DropdownItem };

package/dist/{components/DropdownButton.d.ts → DropdownButton.d.ts}

@@ -1,7 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-import { buttonVariants } from '../styles/theme';
-export interface DropdownItem {
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+interface DropdownItem {
     /** Unique key. Falls back to label when label is a string. */
     key?: string;
     label: React.ReactNode;
@@ -11,13 +14,13 @@ export interface DropdownItem {
     divider?: boolean;
     onClick?: () => void;
 }
-export interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonVariants> {
+interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof buttonVariants> {
     /** Button label. */
     label: React.ReactNode;
     /** Dropdown menu items. */
     items: DropdownItem[];
     /** Menu alignment. @default 'left' */
-    align?: 'left' | 'right';
+    align?: "left" | "right";
     /** Show a search/add input at the top of the menu. */
     editable?: boolean;
     /** Called when the user presses Enter on a value not in the list. */
@@ -29,5 +32,6 @@ export interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTM
     /** Called when the selection changes (multi-select mode). */
     onSelectionChange?: (selected: string[]) => void;
 }
-export declare function DropdownButton({ label, items, intent, size, align, className, disabled, editable, onAddItem, multiple, selected, onSelectionChange, ...props }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DropdownButton.d.ts.map
+declare function DropdownButton({ label, items, intent, size, align, className, disabled, editable, onAddItem, multiple, selected, onSelectionChange, ...props }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
+
+export { DropdownButton, type DropdownButtonProps, type DropdownItem };

package/dist/DropdownButton.js

@@ -0,0 +1 @@
+export{a as DropdownButton}from'./chunks/chunk-JAKATE3I.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/FileExplorer.cjs

@@ -0,0 +1 @@
+'use strict';var chunkMXDZHU6E_cjs=require('./chunks/chunk-MXDZHU6E.cjs');require('./chunks/chunk-U2ZQHP4I.cjs'),require('./chunks/chunk-BQLPFPCA.cjs'),require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"FileExplorer",{enumerable:true,get:function(){return chunkMXDZHU6E_cjs.a}});

package/dist/FileExplorer.d.cts

@@ -0,0 +1,96 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface FileExplorerItem {
+    /** File or directory name (including extension). */
+    name: string;
+    /** Absolute or virtual path. */
+    path: string;
+    /** Item type. */
+    type: "file" | "directory";
+    /** Size in bytes (files only). */
+    size?: number;
+    /** File extension (e.g. '.tsx'). Auto-derived from name if omitted. */
+    extension?: string;
+    /** Last modified date. */
+    modifiedAt?: Date | string;
+    /** Creation date. */
+    createdAt?: Date | string;
+    /** MIME type string. */
+    mimeType?: string;
+    /** Whether this item is hidden. */
+    hidden?: boolean;
+}
+type FileExplorerViewMode = "list" | "grid";
+type FileExplorerDockSide = "left" | "right";
+/** Toolbar input mode: filter current list or navigate to a path. */
+type FileExplorerInputMode = "search" | "navigate";
+/** A custom action shown in the properties panel. */
+interface FileExplorerAction {
+    /** Unique key for the action. */
+    key: string;
+    /** Label displayed on the button. */
+    label: string;
+    /** Optional lucide icon component. */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Called when the action is clicked. */
+    onClick: (file: FileExplorerItem) => void;
+}
+interface FileExplorerProps {
+    /** Files / directories to display. */
+    files: FileExplorerItem[];
+    /** Window title. @default 'File Explorer' */
+    title?: string;
+    /** Accent color (any CSS color). @default '#8b5cf6' */
+    accent?: string;
+    /** Default view mode. @default 'list' */
+    defaultView?: FileExplorerViewMode;
+    /** Initial window position {x, y}. */
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    /** Initial window dimensions (px). */
+    initialSize?: {
+        width: number;
+        height: number;
+    };
+    /** Enable dock-to-edge behaviour. @default false */
+    dockable?: boolean;
+    /** Which edge to dock to. @default 'right' */
+    dockSide?: FileExplorerDockSide;
+    /** Whether the explorer starts visible. @default true */
+    visible?: boolean;
+    /** Called on double-click of a file. */
+    onFileOpen?: (file: FileExplorerItem) => void;
+    /** Called when selection changes. */
+    onSelectionChange?: (files: FileExplorerItem[]) => void;
+    /** Called when navigating into a directory. */
+    onNavigate?: (path: string) => void;
+    /** Called when the user confirms deletion of selected files via the Delete key. */
+    onDelete?: (files: FileExplorerItem[]) => void;
+    /** Called on close button. */
+    onClose?: () => void;
+    /** Called on minimize/dock. */
+    onMinimize?: () => void;
+    /** Called when user presses Enter in navigate mode. Receives the typed path. */
+    onPathSubmit?: (path: string) => void;
+    /** Default input mode. @default 'search' */
+    defaultInputMode?: FileExplorerInputMode;
+    /** Custom actions shown in the properties panel. Each receives the inspected file. */
+    actions?: FileExplorerAction[];
+    /** Whether the window is resizable. @default true */
+    resizable?: boolean;
+    /** Minimum window size when resizing. @default { width: 400, height: 300 } */
+    minSize?: {
+        width: number;
+        height: number;
+    };
+    /** Extra class on outermost wrapper. */
+    className?: string;
+}
+declare function FileExplorer({ files, title, accent, defaultView, initialPosition, initialSize, dockable, dockSide, visible: visibleProp, onFileOpen, onSelectionChange, onNavigate, onDelete, onClose, onMinimize, onPathSubmit, defaultInputMode, actions, resizable, minSize, className, }: FileExplorerProps): react_jsx_runtime.JSX.Element | null;
+
+export { FileExplorer, type FileExplorerAction, type FileExplorerDockSide, type FileExplorerInputMode, type FileExplorerItem, type FileExplorerProps, type FileExplorerViewMode };

package/dist/{components/FileExplorer.d.ts → FileExplorer.d.ts}

@@ -1,11 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-export interface FileExplorerItem {
+
+interface FileExplorerItem {
     /** File or directory name (including extension). */
     name: string;
     /** Absolute or virtual path. */
     path: string;
     /** Item type. */
-    type: 'file' | 'directory';
+    type: "file" | "directory";
     /** Size in bytes (files only). */
     size?: number;
     /** File extension (e.g. '.tsx'). Auto-derived from name if omitted. */
@@ -19,12 +21,12 @@ export interface FileExplorerItem {
     /** Whether this item is hidden. */
     hidden?: boolean;
 }
-export type FileExplorerViewMode = 'list' | 'grid';
-export type FileExplorerDockSide = 'left' | 'right';
+type FileExplorerViewMode = "list" | "grid";
+type FileExplorerDockSide = "left" | "right";
 /** Toolbar input mode: filter current list or navigate to a path. */
-export type FileExplorerInputMode = 'search' | 'navigate';
+type FileExplorerInputMode = "search" | "navigate";
 /** A custom action shown in the properties panel. */
-export interface FileExplorerAction {
+interface FileExplorerAction {
     /** Unique key for the action. */
     key: string;
     /** Label displayed on the button. */
@@ -36,7 +38,7 @@ export interface FileExplorerAction {
     /** Called when the action is clicked. */
     onClick: (file: FileExplorerItem) => void;
 }
-export interface FileExplorerProps {
+interface FileExplorerProps {
     /** Files / directories to display. */
     files: FileExplorerItem[];
     /** Window title. @default 'File Explorer' */
@@ -89,5 +91,6 @@ export interface FileExplorerProps {
     /** Extra class on outermost wrapper. */
     className?: string;
 }
-export declare function FileExplorer({ files, title, accent, defaultView, initialPosition, initialSize, dockable, dockSide, visible: visibleProp, onFileOpen, onSelectionChange, onNavigate, onDelete, onClose, onMinimize, onPathSubmit, defaultInputMode, actions, resizable, minSize, className, }: FileExplorerProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=FileExplorer.d.ts.map
+declare function FileExplorer({ files, title, accent, defaultView, initialPosition, initialSize, dockable, dockSide, visible: visibleProp, onFileOpen, onSelectionChange, onNavigate, onDelete, onClose, onMinimize, onPathSubmit, defaultInputMode, actions, resizable, minSize, className, }: FileExplorerProps): react_jsx_runtime.JSX.Element | null;
+
+export { FileExplorer, type FileExplorerAction, type FileExplorerDockSide, type FileExplorerInputMode, type FileExplorerItem, type FileExplorerProps, type FileExplorerViewMode };

package/dist/FileExplorer.js

@@ -0,0 +1 @@
+export{a as FileExplorer}from'./chunks/chunk-NG7F3GCN.js';import'./chunks/chunk-NCJ5A6VE.js';import'./chunks/chunk-N36YROV3.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/FilmReel.cjs

@@ -0,0 +1 @@
+'use strict';var chunkCGGBE3GJ_cjs=require('./chunks/chunk-CGGBE3GJ.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"FilmReel",{enumerable:true,get:function(){return chunkCGGBE3GJ_cjs.a}});

package/dist/FilmReel.d.cts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface FilmReelPhoto {
+    src: string;
+    alt?: string;
+    title?: string;
+    /** A short memoir or description for this photo. */
+    description?: string;
+    metadata?: {
+        camera?: string;
+        lens?: string;
+        aperture?: string;
+        shutter?: string;
+        iso?: string;
+        date?: string;
+        location?: string;
+        [key: string]: string | undefined;
+    };
+}
+interface FilmReelAction {
+    key: string;
+    icon: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    label: string;
+    toggle?: boolean;
+}
+type FilmReelLayout = "strip" | "sheet" | "stack";
+interface FilmReelProps {
+    photos: FilmReelPhoto[];
+    layout?: FilmReelLayout;
+    actions?: FilmReelAction[];
+    onAction?: (action: string, photo: FilmReelPhoto, index: number) => void;
+    className?: string;
+    showGrain?: boolean;
+    /** Left-side header text for the contact sheet layout. */
+    sheetTitle?: string;
+    /** Right-side label text for the contact sheet layout. */
+    sheetLabel?: string;
+}
+declare function FilmReel({ photos, layout, actions, onAction, className, showGrain, sheetTitle, sheetLabel, }: FilmReelProps): react_jsx_runtime.JSX.Element;
+
+export { FilmReel, type FilmReelAction, type FilmReelLayout, type FilmReelPhoto, type FilmReelProps };

package/dist/{components/FilmReel.d.ts → FilmReel.d.ts}

@@ -1,5 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-export interface FilmReelPhoto {
+
+interface FilmReelPhoto {
     src: string;
     alt?: string;
     title?: string;
@@ -16,15 +18,15 @@ export interface FilmReelPhoto {
         [key: string]: string | undefined;
     };
 }
-export interface FilmReelAction {
+interface FilmReelAction {
     key: string;
     icon: React.ReactNode;
     activeIcon?: React.ReactNode;
     label: string;
     toggle?: boolean;
 }
-export type FilmReelLayout = 'strip' | 'sheet' | 'stack';
-export interface FilmReelProps {
+type FilmReelLayout = "strip" | "sheet" | "stack";
+interface FilmReelProps {
     photos: FilmReelPhoto[];
     layout?: FilmReelLayout;
     actions?: FilmReelAction[];
@@ -36,5 +38,6 @@ export interface FilmReelProps {
     /** Right-side label text for the contact sheet layout. */
     sheetLabel?: string;
 }
-export declare function FilmReel({ photos, layout, actions, onAction, className, showGrain, sheetTitle, sheetLabel, }: FilmReelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FilmReel.d.ts.map
+declare function FilmReel({ photos, layout, actions, onAction, className, showGrain, sheetTitle, sheetLabel, }: FilmReelProps): react_jsx_runtime.JSX.Element;
+
+export { FilmReel, type FilmReelAction, type FilmReelLayout, type FilmReelPhoto, type FilmReelProps };

package/dist/FilmReel.js

@@ -0,0 +1 @@
+export{a as FilmReel}from'./chunks/chunk-ETVECKSE.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Header.cjs

@@ -0,0 +1 @@
+'use strict';var chunkP652JDOU_cjs=require('./chunks/chunk-P652JDOU.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Header",{enumerable:true,get:function(){return chunkP652JDOU_cjs.a}});

package/dist/Header.d.cts

@@ -0,0 +1,53 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface HeaderNavItem {
+    /** Display label. */
+    label: React.ReactNode;
+    /** URL or route path. */
+    href?: string;
+    /** Marks this item as currently active. */
+    active?: boolean;
+    /** Click handler (for SPA routing or custom behaviour). */
+    onClick?: (e: React.MouseEvent) => void;
+}
+interface HeaderAction {
+    /** Unique key. Falls back to index. */
+    key?: string;
+    /** Icon or element to render. */
+    icon: React.ReactNode;
+    /** Accessible label for the button. */
+    "aria-label": string;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent) => void;
+    /** Render as a link instead of a button. */
+    href?: string;
+    /** Open in new tab (when href is set). */
+    external?: boolean;
+}
+interface HeaderProps {
+    /** Brand text, logo element, or both. */
+    brand?: React.ReactNode;
+    /** Click handler on the brand element (e.g. navigate home). */
+    onBrandClick?: (e: React.MouseEvent) => void;
+    /** Primary navigation items displayed after the brand. */
+    navItems?: HeaderNavItem[];
+    /** Action buttons rendered on the right side (e.g. search, theme toggle, login). */
+    actions?: HeaderAction[];
+    /** Override the link component used for nav items (e.g. React-Router NavLink). */
+    linkComponent?: React.ComponentType<{
+        href: string;
+        className?: string;
+        onClick?: (e: React.MouseEvent) => void;
+        children: React.ReactNode;
+    }>;
+    /** Fixed height class. @default 'h-12' */
+    height?: string;
+    /** Additional class names for the root header element. */
+    className?: string;
+    /** Content rendered between nav items and actions (e.g. search bar). */
+    children?: React.ReactNode;
+}
+declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, className, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+export { Header, type HeaderAction, type HeaderNavItem, type HeaderProps };

package/dist/{components/Header.d.ts → Header.d.ts}

@@ -1,5 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-export interface HeaderNavItem {
+
+interface HeaderNavItem {
     /** Display label. */
     label: React.ReactNode;
     /** URL or route path. */
@@ -9,13 +11,13 @@ export interface HeaderNavItem {
     /** Click handler (for SPA routing or custom behaviour). */
     onClick?: (e: React.MouseEvent) => void;
 }
-export interface HeaderAction {
+interface HeaderAction {
     /** Unique key. Falls back to index. */
     key?: string;
     /** Icon or element to render. */
     icon: React.ReactNode;
     /** Accessible label for the button. */
-    'aria-label': string;
+    "aria-label": string;
     /** Click handler. */
     onClick?: (e: React.MouseEvent) => void;
     /** Render as a link instead of a button. */
@@ -23,7 +25,7 @@ export interface HeaderAction {
     /** Open in new tab (when href is set). */
     external?: boolean;
 }
-export interface HeaderProps {
+interface HeaderProps {
     /** Brand text, logo element, or both. */
     brand?: React.ReactNode;
     /** Click handler on the brand element (e.g. navigate home). */
@@ -46,5 +48,6 @@ export interface HeaderProps {
     /** Content rendered between nav items and actions (e.g. search bar). */
     children?: React.ReactNode;
 }
-export declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, className, children, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Header.d.ts.map
+declare function Header({ brand, onBrandClick, navItems, actions, linkComponent: Link, height, className, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+export { Header, type HeaderAction, type HeaderNavItem, type HeaderProps };

package/dist/Header.js

@@ -0,0 +1 @@
+export{a as Header}from'./chunks/chunk-XOO3AGIT.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/ImageCard.cjs

@@ -0,0 +1 @@
+'use strict';var chunk6QQPQPD2_cjs=require('./chunks/chunk-6QQPQPD2.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"ImageCard",{enumerable:true,get:function(){return chunk6QQPQPD2_cjs.a}});Object.defineProperty(exports,"ImageCardActions",{enumerable:true,get:function(){return chunk6QQPQPD2_cjs.e}});Object.defineProperty(exports,"ImageCardBody",{enumerable:true,get:function(){return chunk6QQPQPD2_cjs.b}});Object.defineProperty(exports,"ImageCardDescription",{enumerable:true,get:function(){return chunk6QQPQPD2_cjs.d}});Object.defineProperty(exports,"ImageCardTitle",{enumerable:true,get:function(){return chunk6QQPQPD2_cjs.c}});

package/dist/ImageCard.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface ImageCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Image source URL. */
+    src: string;
+    /** Image alt text. */
+    alt?: string;
+    /** Fixed aspect ratio for the image area. @default '16/9' */
+    aspectRatio?: string;
+}
+type ImageCardBodyProps = React.HTMLAttributes<HTMLDivElement>;
+type ImageCardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+type ImageCardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+type ImageCardActionsProps = React.HTMLAttributes<HTMLDivElement>;
+declare function ImageCard({ src, alt, aspectRatio, className, children, ...props }: ImageCardProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardBody({ className, ...props }: ImageCardBodyProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardTitle({ className, ...props }: ImageCardTitleProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardDescription({ className, ...props }: ImageCardDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardActions({ className, ...props }: ImageCardActionsProps): react_jsx_runtime.JSX.Element;
+
+export { ImageCard, ImageCardActions, type ImageCardActionsProps, ImageCardBody, type ImageCardBodyProps, ImageCardDescription, type ImageCardDescriptionProps, type ImageCardProps, ImageCardTitle, type ImageCardTitleProps };

package/dist/ImageCard.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface ImageCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Image source URL. */
+    src: string;
+    /** Image alt text. */
+    alt?: string;
+    /** Fixed aspect ratio for the image area. @default '16/9' */
+    aspectRatio?: string;
+}
+type ImageCardBodyProps = React.HTMLAttributes<HTMLDivElement>;
+type ImageCardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+type ImageCardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+type ImageCardActionsProps = React.HTMLAttributes<HTMLDivElement>;
+declare function ImageCard({ src, alt, aspectRatio, className, children, ...props }: ImageCardProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardBody({ className, ...props }: ImageCardBodyProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardTitle({ className, ...props }: ImageCardTitleProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardDescription({ className, ...props }: ImageCardDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function ImageCardActions({ className, ...props }: ImageCardActionsProps): react_jsx_runtime.JSX.Element;
+
+export { ImageCard, ImageCardActions, type ImageCardActionsProps, ImageCardBody, type ImageCardBodyProps, ImageCardDescription, type ImageCardDescriptionProps, type ImageCardProps, ImageCardTitle, type ImageCardTitleProps };

package/dist/ImageCard.js

@@ -0,0 +1 @@
+export{a as ImageCard,e as ImageCardActions,b as ImageCardBody,d as ImageCardDescription,c as ImageCardTitle}from'./chunks/chunk-6AMBRNVW.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Input.cjs

@@ -0,0 +1 @@
+'use strict';var chunkXCP37UUA_cjs=require('./chunks/chunk-XCP37UUA.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkXCP37UUA_cjs.a}});

package/dist/Input.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type InputVariants = VariantProps<typeof inputVariants>;
+type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
+    state?: InputVariants["state"];
+    inputSize?: InputVariants["size"];
+    /** Icon or label shown at the start of the input with a highlighted background */
+    prefix?: React.ReactNode;
+    /** Icon shown inside the input at the end (non-interactive decoration) */
+    suffix?: React.ReactNode;
+    /** Clickable action button rendered at the end of the input */
+    action?: {
+        icon: React.ReactNode;
+        onClick: () => void;
+        "aria-label"?: string;
+    };
+};
+declare function Input({ state, inputSize, className, prefix, suffix, action, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+export { Input };