@almadar/ui 5.111.0 → 5.113.0

package/dist/components/core/molecules/SignaturePad.d.ts

@@ -1,46 +0,0 @@
-/**
- * SignaturePad Organism Component
- *
- * A canvas-based signature capture pad.
- * Uses a minimal canvas wrapper (necessary for drawing) but composes all
- * surrounding UI with atoms and molecules.
- *
- * Orbital Component Interface Compliance:
- * - Event emission via useEventBus (UI:* events)
- * - isLoading and error state props
- * - className for external styling
- */
-import React from "react";
-import type { EventEmit } from "@almadar/core";
-import type { UiError } from '../atoms/types';
-export interface SignaturePadProps {
-    /** Label above the pad */
-    label?: string;
-    /** Helper text */
-    helperText?: string;
-    /** Stroke color */
-    strokeColor?: string;
-    /** Stroke width */
-    strokeWidth?: number;
-    /** Pad height */
-    height?: number;
-    /** Whether the pad is read-only */
-    readOnly?: boolean;
-    /** Existing signature image URL */
-    value?: string;
-    /** Callback when signature changes */
-    onChange?: (dataUrl: string | null) => void;
-    /** Event to emit on sign */
-    signEvent?: EventEmit<{
-        signature: string;
-    }>;
-    /** Event to emit on clear */
-    clearEvent?: EventEmit<Record<string, never>>;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare const SignaturePad: React.FC<SignaturePadProps>;

package/dist/components/core/molecules/SimpleGrid.d.ts

@@ -1,27 +0,0 @@
-/**
- * SimpleGrid Component
- *
- * A simplified grid that automatically adjusts columns based on available space.
- * Perfect for card layouts and item collections.
- */
-import React from 'react';
-export type SimpleGridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface SimpleGridProps {
-    /** Minimum width of each child (e.g., 200, "200px", "15rem") */
-    minChildWidth?: number | string;
-    /** Maximum number of columns */
-    maxCols?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Exact number of columns (disables auto-fit) */
-    cols?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Gap between items */
-    gap?: SimpleGridGap;
-    /** Custom class name */
-    className?: string;
-    /** Children elements */
-    children: React.ReactNode;
-}
-/**
- * SimpleGrid - Auto-responsive grid layout
- */
-export declare const SimpleGrid: React.FC<SimpleGridProps>;
-export default SimpleGrid;

package/dist/components/core/molecules/Skeleton.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-export type SkeletonVariant = 'header' | 'table' | 'form' | 'card' | 'text';
-export interface SkeletonProps {
-    /** The skeleton variant to render */
-    variant?: SkeletonVariant;
-    /** Number of rows for table/text variants */
-    rows?: number;
-    /** Number of columns for table variant */
-    columns?: number;
-    /** Number of fields for form variant */
-    fields?: number;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Skeleton — loading placeholder with 5 variants for Suspense fallbacks.
- *
- * Variants: `header`, `table`, `form`, `card`, `text`.
- * Used as fallback content inside `<Suspense>` boundaries.
- *
- * @example
- * ```tsx
- * <Suspense fallback={<Skeleton variant="table" rows={8} columns={5} />}>
- *   <DataTable entity="Task" />
- * </Suspense>
- *
- * <Suspense fallback={<Skeleton variant="form" fields={6} />}>
- *   <Form entity="Task" />
- * </Suspense>
- * ```
- */
-export declare function Skeleton({ variant, rows, columns, fields, className, }: SkeletonProps): React.ReactElement;
-export declare namespace Skeleton {
-    var displayName: string;
-}

package/dist/components/core/molecules/SocialProof.d.ts

@@ -1,25 +0,0 @@
-/**
- * SocialProof Molecule Component
- *
- * Displays social proof in three variants: company logos, customer quotes,
- * or technology badges. Composes HStack, SimpleGrid, Card, Badge,
- * Box, and Typography atoms.
- */
-import React from 'react';
-export interface SocialProofItem {
-    /** Optional logo URL */
-    logo?: string;
-    /** Company or person name */
-    name: string;
-    /** Optional quote or testimonial text */
-    quote?: string;
-}
-export interface SocialProofProps {
-    /** List of social proof items */
-    items: SocialProofItem[];
-    /** Display variant */
-    variant?: 'logos' | 'quotes' | 'badges';
-    /** Additional class names */
-    className?: string;
-}
-export declare const SocialProof: React.FC<SocialProofProps>;

package/dist/components/core/molecules/SortableList.d.ts

@@ -1,19 +0,0 @@
-/**
- * SortableList — drag-to-reorder list (distinct from DataList).
- * DataList is a read/action list with no drag. SortableList owns drag
- * handles and emits a REORDER event with fromIndex/toIndex/item — use it
- * when item ordering is user-controlled.
- */
-import React from 'react';
-import type { EntityRow, EventKey, EventPayload } from "@almadar/core";
-export interface SortableListProps {
-    items: readonly EntityRow[];
-    renderItem: (item: EntityRow, index: number) => React.ReactNode;
-    reorderEvent: EventKey;
-    reorderPayload?: EventPayload;
-    dragHandlePosition?: 'left' | 'right';
-    className?: string;
-}
-declare function SortableListInner({ items: initialItemsProp, renderItem, reorderEvent, reorderPayload, dragHandlePosition, className, }: SortableListProps): React.JSX.Element;
-export declare const SortableList: typeof SortableListInner;
-export {};

package/dist/components/core/molecules/Split.d.ts

@@ -1,41 +0,0 @@
-/**
- * Split Component
- *
- * A two-column layout with configurable ratios.
- * Perfect for sidebar/content layouts or side-by-side comparisons.
- */
-import React from 'react';
-import type { UiError } from '../atoms/types';
-export type SplitRatio = '1:1' | '1:2' | '2:1' | '1:3' | '3:1' | '1:4' | '4:1' | '2:3' | '3:2';
-export type SplitGap = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-export interface SplitProps {
-    /** Size ratio between left and right panels */
-    ratio?: SplitRatio;
-    /** Gap between panels */
-    gap?: SplitGap;
-    /** Reverse the order (right first) */
-    reverse?: boolean;
-    /** Stack vertically on mobile */
-    stackOnMobile?: boolean;
-    /** Breakpoint to switch from stacked to side-by-side */
-    stackBreakpoint?: 'sm' | 'md' | 'lg' | 'xl';
-    /** Align items vertically */
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    /** Custom class name */
-    className?: string;
-    /** Left/first panel class name */
-    leftClassName?: string;
-    /** Right/second panel class name */
-    rightClassName?: string;
-    /** Exactly two children: [left, right] */
-    children: [React.ReactNode, React.ReactNode];
-    /** Loading state indicator */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-}
-/**
- * Split - Two-column layout with flexible ratios
- */
-export declare const Split: React.FC<SplitProps>;
-export default Split;

package/dist/components/core/molecules/StarRating.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import type { EventKey, EventPayload } from "@almadar/core";
-export type StarRatingSize = "sm" | "md" | "lg";
-export type StarRatingPrecision = "full" | "half";
-export interface StarRatingProps {
-    /** Current rating value */
-    value?: number;
-    /** Maximum number of stars */
-    max?: number;
-    /** Read-only display mode */
-    readOnly?: boolean;
-    /** Full or half-star precision */
-    precision?: StarRatingPrecision;
-    /** Star size */
-    size?: StarRatingSize;
-    /** Declarative event name for rating changes */
-    action?: EventKey;
-    /** Payload to include with the action event */
-    actionPayload?: EventPayload;
-    /** Direct onChange callback */
-    onChange?: (value: number) => void;
-    /** Additional CSS classes */
-    className?: string;
-    /** Accessible label */
-    label?: string;
-}
-export declare const StarRating: React.FC<StarRatingProps>;

package/dist/components/core/molecules/StatDisplay.d.ts

@@ -1,58 +0,0 @@
-/**
- * StatDisplay Molecule
- *
- * A compact stat display: label + value + optional icon.
- * Molecule-level replacement for the stats (StatCard) organism in behavior schemas.
- * No entity prop, no data fetching, no hooks beyond icon resolution.
- */
-import React from 'react';
-import type { IconInput } from '../atoms/index';
-import type { UiError } from '../atoms/types';
-export type StatDisplayLook = 'elevated' | 'flat' | 'progress-backed' | 'gauge' | 'sparkline';
-export interface StatDisplayProps {
-    /** Display label (e.g., "Total", "Remaining") */
-    label: string;
-    /** Primary value (number or formatted string) */
-    value: number | string;
-    /** Optional denominator. >0 renders "value / max"; 0 or omitted hides the divider. */
-    max?: number;
-    /** Optional progress target. >0 renders a progress bar at value/target. */
-    target?: number;
-    /** Signed delta vs previous period. >0 renders ↑ green, <0 renders ↓ red, 0 hides. Polarity reversal via `trendPolarity`. */
-    trend?: number;
-    /** Controls whether `trend > 0` is "good" (default) or "bad". `lower-is-better` inverts the color logic. */
-    trendPolarity?: 'higher-is-better' | 'lower-is-better';
-    /** When `'percent'`, renders trend with a `%` suffix (e.g. `↓ 3.3%`); default is `'absolute'`. */
-    trendFormat?: 'absolute' | 'percent';
-    /** Optional inline sparkline data appended to the trend row. Length < 2 renders nothing. */
-    sparklineData?: readonly number[];
-    /** Event name emitted as `UI:{clickEvent}` with `{ metricLabel }` when the card is clicked. */
-    clickEvent?: string;
-    /** Prefix prepended to the formatted value (e.g. "≈ "). */
-    prefix?: string;
-    /** Suffix appended to the formatted value (e.g. " /mo", " ms"). */
-    suffix?: string;
-    /** Lucide icon name or component */
-    icon?: IconInput;
-    /** Icon background color class */
-    iconBg?: string;
-    /** Icon color class */
-    iconColor?: string;
-    /** Display format: "number", "currency", "percent" */
-    format?: string;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Color variant */
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
-    /** Compact mode (inline, no card wrapper) */
-    compact?: boolean;
-    /** Layer 2 visual treatment. */
-    look?: StatDisplayLook;
-    /** Additional CSS classes */
-    className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-}
-export declare const StatDisplay: React.FC<StatDisplayProps>;

package/dist/components/core/molecules/SwipeableRow.d.ts

@@ -1,26 +0,0 @@
-/**
- * SwipeableRow Molecule
- *
- * Wraps a list item to reveal action buttons on horizontal swipe.
- * Swipe left to reveal right actions, swipe right to reveal left actions.
- * Uses useSwipeGesture for gesture detection and useEventBus for event emission.
- */
-import React from 'react';
-import type { EventKey, EventPayload } from "@almadar/core";
-import type { IconInput } from '../atoms/index';
-export interface SwipeAction {
-    label: string;
-    icon?: IconInput;
-    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-    event: EventKey;
-    eventPayload?: EventPayload;
-}
-export interface SwipeableRowProps {
-    leftActions?: SwipeAction[];
-    rightActions?: SwipeAction[];
-    threshold?: number;
-    children: React.ReactNode;
-    itemData?: EventPayload;
-    className?: string;
-}
-export declare const SwipeableRow: React.FC<SwipeableRowProps>;

package/dist/components/core/molecules/TableView.d.ts

@@ -1,111 +0,0 @@
-/**
- * TableView Molecule
- *
- * A simplified, schema-driven column table for iterating over entity data.
- * The table-shaped sibling of DataList (rows) and DataGrid (cards): same
- * `entity` + `columns`/`fields` + `itemActions` contract and the same
- * `useDataDnd` drag-to-reorder machinery, rendered as aligned columns with a
- * header. All complexity is opt-in: selection, drag-reorder, and per-column
- * sorting are each enabled by their own props and emit via the event bus.
- *
- * Uses atoms only internally: Box, VStack, HStack, Typography, Badge, Button,
- * Icon, Checkbox, Divider.
- */
-import React from 'react';
-import type { EntityRow, EventKey } from '@almadar/core';
-import type { IconInput } from '../atoms/index';
-import { type DataDndProps } from './useDataDnd';
-import type { UiError } from '../atoms/types';
-export interface TableViewColumn {
-    /** Stable column key (React key + default value lookup). */
-    key: string;
-    /** Entity field to read (dot-notation ok). Defaults to `key`. */
-    field?: string;
-    /** Header cell text. Falls back to `label`, then a humanized `key`. */
-    header?: string;
-    /** Accessibility / fallback label. */
-    label?: string;
-    /** CSS grid track size for this column (e.g. "7rem", "minmax(10rem, 1.5fr)",
-     *  "1fr"). Shared across header + body so columns align. Defaults to
-     *  "minmax(0, 1fr)" (equal flexible share). */
-    width?: string;
-    /** Horizontal alignment of the column's cells. */
-    align?: 'left' | 'center' | 'right';
-    /** Extra cell classes (e.g. "font-mono tabular-nums truncate"). */
-    className?: string;
-    /** Render the cell value with the given font weight. */
-    weight?: 'normal' | 'medium' | 'semibold';
-    /** Value formatting hint. `badge` renders a status Badge. */
-    format?: 'badge' | 'date' | 'currency' | 'number' | 'percent' | 'boolean';
-    /** Lucide icon name or component shown before the header label. */
-    icon?: IconInput;
-    /** Allow click-to-sort on this column's header (emits `sortEvent`). */
-    sortable?: boolean;
-}
-export interface TableViewItemAction {
-    /** Button label. */
-    label: string;
-    /** Event name to emit (dispatched as UI:{event} with { id, row }). */
-    event: EventKey;
-    /** Lucide icon name or component. */
-    icon?: IconInput;
-    /** Button variant. */
-    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
-}
-export interface TableViewProps extends DataDndProps {
-    /** Schema entity data — the collection of rows to render. */
-    entity: readonly EntityRow[];
-    /** Column definitions. The compiler emits `columns`; `fields` is the alias. */
-    columns?: readonly TableViewColumn[];
-    /** Alias for `columns`. */
-    fields?: readonly TableViewColumn[];
-    /** Per-row action buttons (trailing column). */
-    itemActions?: readonly TableViewItemAction[];
-    /** Max inline action buttons before the rest collapse into a "⋯" overflow menu. Omit = all inline. */
-    maxInlineActions?: number;
-    /** Render a leading checkbox column. Selection changes emit `selectEvent`. */
-    selectable?: boolean;
-    /** Event emitted on selection change: UI:{selectEvent} with { ids, rows }. */
-    selectEvent?: EventKey;
-    /** Currently-selected ids (controlled). Falls back to local state when omitted. */
-    selectedIds?: readonly string[];
-    /** Event emitted on sortable-header click: UI:{sortEvent} with { column, direction }. */
-    sortEvent?: EventKey;
-    /** Current sort column (display hint for the active header arrow). */
-    sortColumn?: string;
-    /** Current sort direction (display hint). */
-    sortDirection?: 'asc' | 'desc';
-    /** Additional CSS classes applied to the table root. */
-    className?: string;
-    /** Message shown when there are no rows. */
-    emptyMessage?: string;
-    /** Loading state. */
-    isLoading?: boolean;
-    /** Error state. */
-    error?: UiError | null;
-    /** Group rows under section headers by a field value. */
-    groupBy?: string;
-    /** Max rows before a "Show More" button. Defaults to 0 (show all). */
-    pageSize?: number;
-    /**
-     * Custom per-row render. When provided, the whole row content is delegated
-     * to this function (columns are ignored for the body; the header still
-     * renders). Mirrors DataList's children render prop.
-     */
-    children?: (item: EntityRow, index: number) => React.ReactNode;
-    /**
-     * Per-row render function (schema alias). In .orb: ["fn","item",{...}].
-     * The compiler converts this to the children render prop.
-     * @deprecated Use children in React code; exists for pattern registry sync.
-     */
-    renderItem?: (item: EntityRow, index: number) => React.ReactNode;
-    /**
-     * Layer 2 visual treatment — mirrors the data-list / entity-table look enum
-     * so authors share one knob name across row renderers.
-     */
-    look?: 'dense' | 'spacious' | 'striped' | 'borderless' | 'bordered';
-}
-export declare function TableView({ entity, columns, fields, itemActions, maxInlineActions, selectable, selectEvent, selectedIds, sortEvent, sortColumn, sortDirection, className, emptyMessage, isLoading, error, groupBy, pageSize, children, renderItem: _schemaRenderItem, look, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, }: TableViewProps): React.JSX.Element;
-export declare namespace TableView {
-    var displayName: string;
-}

package/dist/components/core/molecules/Tabs.d.ts

@@ -1,60 +0,0 @@
-/**
- * Tabs Molecule Component
- *
- * A tabbed interface component with keyboard navigation and badge support.
- * Uses theme-aware CSS variables for styling.
- */
-import React from 'react';
-import type { Asset, EventEmit } from '@almadar/core';
-import type { IconInput } from '../atoms/index';
-export interface TabItem {
-    /**
-     * Tab ID. Optional — schema-driven callers may pass `value` instead;
-     * it gets normalized to `id` at the call boundary.
-     */
-    id?: string;
-    /**
-     * Alternative key when `id` isn't set. Used by `.orb` schema-driven
-     * call sites that emit `{ value, label }` for tab items.
-     */
-    value?: string;
-    /** Tab label */
-    label: string;
-    /** Tab content - optional for event-driven tabs */
-    content?: React.ReactNode;
-    /** Tab icon — pass either a Lucide component or its registry name (e.g. "file-text") */
-    icon?: IconInput;
-    /** Asset image rendered as the tab icon; takes precedence over icon when provided. */
-    iconAsset?: Asset;
-    /** Tab badge */
-    badge?: string | number;
-    /** Disable tab */
-    disabled?: boolean;
-    /** Event to emit when tab is clicked (for trait state machine integration) */
-    event?: string;
-    /** Whether this tab is currently active (for controlled tabs) */
-    active?: boolean;
-}
-export interface TabsProps {
-    /** Tab items */
-    items?: TabItem[];
-    /** Tab items (alias for items - used by generated code) */
-    tabs?: TabItem[];
-    /** Default active tab ID */
-    defaultActiveTab?: string;
-    /** Controlled active tab ID */
-    activeTab?: string;
-    /** Callback when tab changes */
-    onTabChange?: (tabId: string) => void;
-    /** Declarative tab change event — emits UI:{tabChangeEvent} with { tabId } */
-    tabChangeEvent?: EventEmit<{
-        tabId: string;
-    }>;
-    /** Tab variant */
-    variant?: 'default' | 'pills' | 'underline';
-    /** Tab orientation */
-    orientation?: 'horizontal' | 'vertical';
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare const Tabs: React.FC<TabsProps>;

package/dist/components/core/molecules/TagInput.d.ts

@@ -1,52 +0,0 @@
-/**
- * TagInput Molecule Component
- *
- * Free-form chip editor for `string[]` values. The user types into an
- * `Input` and presses Enter to commit; each committed value renders as
- * a removable `Badge` (`onRemove` X-chip). Backspace on an empty input
- * deletes the most recently added chip. Optional `unique` flag
- * (default true) suppresses duplicate entries.
- *
- * **Atomic Design**: Composed using `Input`, `Badge`, `Typography`,
- * `HStack`, `VStack` atoms — no raw HTML. Generic primitive; no entity
- * binding.
- *
- * Event contract (mirrors DataList / FilterGroup):
- * - Emits `UI:{addEvent}` with `{ tag, value }` when a chip is added.
- * - Emits `UI:{removeEvent}` with `{ tag, index, value }` when a chip
- *   is removed.
- * - `onChange` callback stays as the direct / Storybook contract.
- *
- * Used by the studio Questionnaire for the `tagList` input type
- * (`[string]` config knobs without `enumValues`).
- */
-import React from 'react';
-import type { EventKey } from '@almadar/core';
-import { type BadgeVariant } from '../atoms/Badge';
-export interface TagInputProps {
-    /** Current list of tags. */
-    value: ReadonlyArray<string>;
-    /** Direct callback emitted on every change. Stays as the
-     *  Storybook / non-trait contract; trait-driven schemas should prefer
-     *  the bus events below. */
-    onChange?: (next: ReadonlyArray<string>) => void;
-    /** Placeholder for the entry input. Default: `"Type and press Enter…"`. */
-    placeholder?: string;
-    /** Disable add + remove interactions. */
-    disabled?: boolean;
-    /** Variant applied to each chip Badge. Default: `'default'`. */
-    variant?: BadgeVariant;
-    /** Suppress duplicate entries. Default: `true`. */
-    unique?: boolean;
-    /** Helper text rendered under the input. */
-    helperText?: string;
-    /** Additional CSS classes applied to the outer container. */
-    className?: string;
-    /** Event emitted when a tag is added: `UI:{addEvent}` with payload
-     *  `{ tag: string, value: string[] }`. */
-    addEvent?: EventKey;
-    /** Event emitted when a tag is removed: `UI:{removeEvent}` with
-     *  payload `{ tag: string, index: number, value: string[] }`. */
-    removeEvent?: EventKey;
-}
-export declare const TagInput: React.FC<TagInputProps>;

package/dist/components/core/molecules/Toast.d.ts

@@ -1,36 +0,0 @@
-/**
- * Toast Molecule Component
- *
- * A toast notification component with auto-dismiss and action buttons.
- * Uses theme-aware CSS variables for styling.
- */
-import React from "react";
-import type { EventEmit } from "@almadar/core";
-export type ToastVariant = "success" | "error" | "info" | "warning";
-export interface ToastProps {
-    /** Toast variant */
-    variant?: ToastVariant;
-    /** Toast message */
-    message: string;
-    /** Toast title (optional) */
-    title?: string;
-    /** Auto-dismiss duration in milliseconds (0 = no auto-dismiss) */
-    duration?: number;
-    /** Show dismiss button */
-    dismissible?: boolean;
-    /** Callback when toast is dismissed */
-    onDismiss?: () => void;
-    /** Action button label */
-    actionLabel?: string;
-    /** Action button click handler */
-    onAction?: () => void;
-    /** Badge count (optional) */
-    badge?: string | number;
-    /** Additional CSS classes */
-    className?: string;
-    /** Declarative dismiss event — emits UI:{dismissEvent} via eventBus when toast is dismissed */
-    dismissEvent?: EventEmit<Record<string, never>>;
-    /** Declarative action event — emits UI:{actionEvent} via eventBus when action button is clicked */
-    actionEvent?: EventEmit<Record<string, never>>;
-}
-export declare const Toast: React.FC<ToastProps>;

package/dist/components/core/molecules/Tooltip.d.ts

@@ -1,25 +0,0 @@
-/**
- * Tooltip Molecule Component
- *
- * A tooltip component with position variants and delay options.
- * Uses theme-aware CSS variables for styling.
- */
-import React from 'react';
-export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-export interface TooltipProps {
-    /** Tooltip content */
-    content: React.ReactNode;
-    /** Tooltip trigger element (ReactElement or ReactNode that will be wrapped in span) */
-    children: React.ReactNode;
-    /** Tooltip position */
-    position?: TooltipPosition;
-    /** Show delay in milliseconds */
-    delay?: number;
-    /** Hide delay in milliseconds */
-    hideDelay?: number;
-    /** Show arrow */
-    showArrow?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/core/molecules/UploadDropZone.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import type { EventKey, EventPayload } from "@almadar/core";
-import type { IconInput } from "../atoms/index";
-export interface UploadDropZoneProps {
-    /** Accepted MIME types (e.g., "image/*", "application/pdf") */
-    accept?: string;
-    /** Max file size in bytes */
-    maxSize?: number;
-    /** Max number of files */
-    maxFiles?: number;
-    /** Label text */
-    label?: string;
-    /** Description text below label */
-    description?: string;
-    /** Icon name or component */
-    icon?: IconInput;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Declarative event name for file selection */
-    action?: EventKey;
-    /** Payload to include with the action event */
-    actionPayload?: EventPayload;
-    /** Direct onFiles callback */
-    onFiles?: (files: File[]) => void;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare const UploadDropZone: React.FC<UploadDropZoneProps>;