@orion-ds/react 1.1.6 → 1.2.0

package/dist/sections/DataTable/DataTable.d.ts

@@ -0,0 +1,28 @@
+/**
+ * DataTable Component
+ *
+ * A data table for SaaS dashboards with sorting, pagination, filtering, and selection.
+ * Optimized for Product Mode with efficient data display and minimal visual noise.
+ *
+ * @example
+ * ```tsx
+ * <DataTable
+ *   columns={[
+ *     { key: 'name', header: 'Name', sortable: true },
+ *     { key: 'email', header: 'Email' },
+ *     { key: 'status', header: 'Status', render: (value) => <Badge>{value}</Badge> }
+ *   ]}
+ *   data={users}
+ *   searchable
+ *   selectable
+ *   pagination={{ page: 1, pageSize: 10, total: 100 }}
+ * />
+ * ```
+ */
+import type { DataTableProps } from './DataTable.types';
+declare function DataTableInner<T extends Record<string, unknown>>({ columns, data, rowKey, searchable, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, pagination, onPaginationChange, selectable, selectedKeys: controlledSelectedKeys, onSelectionChange, bulkActions, rowActions, sort: controlledSort, onSortChange, emptyState, loading, striped, hoverable, compact, stickyHeader, maxHeight, onRowClick, toolbar, className, ...rest }: DataTableProps<T>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <T extends Record<string, unknown>>(props: DataTableProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof DataTableInner>;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/sections/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/sections/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAYH,OAAO,KAAK,EACV,cAAc,EAMf,MAAM,mBAAmB,CAAC;AAoG3B,iBAAS,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvD,EACE,OAAO,EACP,IAAI,EACJ,MAAwB,EACxB,UAAkB,EAClB,iBAA+B,EAC/B,WAAW,EAAE,qBAAqB,EAClC,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,UAAkB,EAClB,YAAY,EAAE,sBAAsB,EACpC,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAU,EACV,OAAe,EACf,OAAe,EACf,SAAgB,EAChB,OAAe,EACf,YAAoB,EACpB,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CA8UxC;AAGD,eAAO,MAAM,SAAS,EAAiC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvF,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/sections/DataTable/DataTable.types.d.ts

@@ -0,0 +1,368 @@
+/**
+ * DataTable Component Types
+ *
+ * Type definitions for the Orion DataTable section component.
+ * Designed for Product Mode (SaaS dashboards) data management.
+ */
+import type { HTMLAttributes, ReactNode, Key } from 'react';
+/**
+ * Column definition for the table
+ */
+export interface DataTableColumn<T = unknown> {
+    /**
+     * Unique column key
+     */
+    key: string;
+    /**
+     * Column header label
+     */
+    header: string;
+    /**
+     * Column width (CSS value)
+     */
+    width?: string;
+    /**
+     * Minimum column width
+     */
+    minWidth?: string;
+    /**
+     * Text alignment
+     * @default 'left'
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Whether column is sortable
+     * @default false
+     */
+    sortable?: boolean;
+    /**
+     * Custom cell renderer
+     */
+    render?: (value: unknown, row: T, rowIndex: number) => ReactNode;
+    /**
+     * Whether column is sticky
+     */
+    sticky?: 'left' | 'right';
+    /**
+     * Hide column on mobile
+     * @default false
+     */
+    hideOnMobile?: boolean;
+}
+/**
+ * Sort state
+ */
+export interface DataTableSort {
+    /**
+     * Column key being sorted
+     */
+    key: string;
+    /**
+     * Sort direction
+     */
+    direction: 'asc' | 'desc';
+}
+/**
+ * Pagination state
+ */
+export interface DataTablePagination {
+    /**
+     * Current page (1-indexed)
+     */
+    page: number;
+    /**
+     * Items per page
+     */
+    pageSize: number;
+    /**
+     * Total number of items
+     */
+    total: number;
+    /**
+     * Available page size options
+     * @default [10, 25, 50, 100]
+     */
+    pageSizeOptions?: number[];
+}
+/**
+ * Filter definition
+ */
+export interface DataTableFilter {
+    /**
+     * Unique filter key
+     */
+    key: string;
+    /**
+     * Filter label
+     */
+    label: string;
+    /**
+     * Filter type
+     */
+    type: 'text' | 'select' | 'date' | 'dateRange';
+    /**
+     * Options for select type
+     */
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+}
+/**
+ * Bulk action definition
+ */
+export interface DataTableBulkAction {
+    /**
+     * Action key
+     */
+    key: string;
+    /**
+     * Action label
+     */
+    label: string;
+    /**
+     * Action icon
+     */
+    icon?: ReactNode;
+    /**
+     * Action variant for styling
+     */
+    variant?: 'default' | 'danger';
+    /**
+     * Action callback
+     */
+    onClick: (selectedIds: Key[]) => void;
+}
+/**
+ * Row action definition
+ */
+export interface DataTableRowAction<T = unknown> {
+    /**
+     * Action key
+     */
+    key: string;
+    /**
+     * Action label
+     */
+    label: string;
+    /**
+     * Action icon
+     */
+    icon?: ReactNode;
+    /**
+     * Action variant
+     */
+    variant?: 'default' | 'danger';
+    /**
+     * Action callback
+     */
+    onClick: (row: T) => void;
+    /**
+     * Show condition
+     */
+    show?: (row: T) => boolean;
+}
+/**
+ * Empty state configuration
+ */
+export interface DataTableEmptyState {
+    /**
+     * Icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Title text
+     */
+    title: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Action element
+     */
+    action?: ReactNode;
+}
+/**
+ * DataTable section props
+ *
+ * @example
+ * ```tsx
+ * <DataTable
+ *   columns={[
+ *     { key: 'name', header: 'Name', sortable: true },
+ *     { key: 'email', header: 'Email' },
+ *     { key: 'status', header: 'Status', render: (value) => <Badge>{value}</Badge> }
+ *   ]}
+ *   data={users}
+ *   searchable
+ *   selectable
+ *   pagination={{ page: 1, pageSize: 10, total: 100 }}
+ * />
+ * ```
+ */
+export interface DataTableProps<T = Record<string, unknown>> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Column definitions
+     */
+    columns: DataTableColumn<T>[];
+    /**
+     * Data rows
+     */
+    data: T[];
+    /**
+     * Row key accessor (defaults to 'id')
+     */
+    rowKey?: keyof T | ((row: T, index: number) => Key);
+    /**
+     * Enable search functionality
+     * @default false
+     */
+    searchable?: boolean;
+    /**
+     * Search placeholder text
+     */
+    searchPlaceholder?: string;
+    /**
+     * Current search value (controlled)
+     */
+    searchValue?: string;
+    /**
+     * Search change handler
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Filter definitions
+     */
+    filters?: DataTableFilter[];
+    /**
+     * Active filter values
+     */
+    filterValues?: Record<string, unknown>;
+    /**
+     * Filter change handler
+     */
+    onFilterChange?: (key: string, value: unknown) => void;
+    /**
+     * Pagination configuration
+     */
+    pagination?: DataTablePagination;
+    /**
+     * Pagination change handler
+     */
+    onPaginationChange?: (pagination: Pick<DataTablePagination, 'page' | 'pageSize'>) => void;
+    /**
+     * Enable row selection
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Selected row keys
+     */
+    selectedKeys?: Key[];
+    /**
+     * Selection change handler
+     */
+    onSelectionChange?: (keys: Key[]) => void;
+    /**
+     * Bulk actions for selected rows
+     */
+    bulkActions?: DataTableBulkAction[];
+    /**
+     * Per-row actions
+     */
+    rowActions?: DataTableRowAction<T>[];
+    /**
+     * Current sort state
+     */
+    sort?: DataTableSort;
+    /**
+     * Sort change handler
+     */
+    onSortChange?: (sort: DataTableSort | undefined) => void;
+    /**
+     * Empty state configuration
+     */
+    emptyState?: DataTableEmptyState;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Striped rows
+     * @default false
+     */
+    striped?: boolean;
+    /**
+     * Hoverable rows
+     * @default true
+     */
+    hoverable?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Sticky header
+     * @default false
+     */
+    stickyHeader?: boolean;
+    /**
+     * Table max height (enables scrolling)
+     */
+    maxHeight?: string;
+    /**
+     * Row click handler
+     */
+    onRowClick?: (row: T, index: number) => void;
+    /**
+     * Toolbar content (rendered before table)
+     */
+    toolbar?: ReactNode;
+}
+/**
+ * DataTable.Toolbar sub-component props
+ */
+export interface DataTableToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Left-aligned content
+     */
+    left?: ReactNode;
+    /**
+     * Right-aligned content
+     */
+    right?: ReactNode;
+    /**
+     * Children content
+     */
+    children?: ReactNode;
+}
+/**
+ * DataTable.Pagination sub-component props
+ */
+export interface DataTablePaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Pagination state
+     */
+    pagination: DataTablePagination;
+    /**
+     * Change handler
+     */
+    onChange: (pagination: Pick<DataTablePagination, 'page' | 'pageSize'>) => void;
+}
+/**
+ * DataTable.EmptyState sub-component props
+ */
+export interface DataTableEmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Empty state configuration
+     */
+    state: DataTableEmptyState;
+}
+//# sourceMappingURL=DataTable.types.d.ts.map

package/dist/sections/DataTable/DataTable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../src/sections/DataTable/DataTable.types.ts"],"names":[],"mappings":"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"}

package/dist/sections/DataTable/index.d.ts

@@ -0,0 +1,3 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableColumn, DataTableSort, DataTablePagination, DataTableFilter, DataTableBulkAction, DataTableRowAction, DataTableEmptyState, DataTableToolbarProps, DataTablePaginationProps, DataTableEmptyStateProps, } from './DataTable.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC"}

package/dist/sections/DetailPanel/DetailPanel.d.ts

@@ -0,0 +1,21 @@
+/**
+ * DetailPanel Component
+ *
+ * A slide-over panel for viewing and editing entity details.
+ * Optimized for Product Mode with focused interactions.
+ *
+ * @example
+ * ```tsx
+ * <DetailPanel
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="User Details"
+ *   footer={<Button>Save Changes</Button>}
+ * >
+ *   <UserForm />
+ * </DetailPanel>
+ * ```
+ */
+import type { DetailPanelProps } from './DetailPanel.types';
+export declare const DetailPanel: import("react").ForwardRefExoticComponent<DetailPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DetailPanel.d.ts.map

package/dist/sections/DetailPanel/DetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/sections/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,6GAkIvB,CAAC"}

package/dist/sections/DetailPanel/DetailPanel.types.d.ts

@@ -0,0 +1,95 @@
+/**
+ * DetailPanel Component Types
+ *
+ * Type definitions for the Orion DetailPanel section component.
+ * A slide-over panel for viewing and editing entity details.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * DetailPanel size
+ */
+export type DetailPanelSize = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * DetailPanel position
+ */
+export type DetailPanelPosition = 'right' | 'left';
+/**
+ * DetailPanel section props
+ *
+ * @example
+ * ```tsx
+ * <DetailPanel
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="User Details"
+ *   actions={<Button>Save</Button>}
+ * >
+ *   <UserForm />
+ * </DetailPanel>
+ * ```
+ */
+export interface DetailPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Whether the panel is open
+     */
+    open: boolean;
+    /**
+     * Close callback
+     */
+    onClose: () => void;
+    /**
+     * Panel title
+     */
+    title: ReactNode;
+    /**
+     * Optional subtitle/description
+     */
+    subtitle?: ReactNode;
+    /**
+     * Panel content
+     */
+    children: ReactNode;
+    /**
+     * Panel size
+     * - sm: 320px
+     * - md: 480px
+     * - lg: 640px
+     * - xl: 800px
+     * @default 'md'
+     */
+    size?: DetailPanelSize;
+    /**
+     * Panel position
+     * @default 'right'
+     */
+    position?: DetailPanelPosition;
+    /**
+     * Header actions (buttons in header area)
+     */
+    headerActions?: ReactNode;
+    /**
+     * Footer content
+     */
+    footer?: ReactNode;
+    /**
+     * Show overlay backdrop
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * Close on overlay click
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Close on Escape key
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=DetailPanel.types.d.ts.map

package/dist/sections/DetailPanel/DetailPanel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.types.d.ts","sourceRoot":"","sources":["../../../src/sections/DetailPanel/DetailPanel.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/sections/DetailPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { DetailPanel } from './DetailPanel';
+export type { DetailPanelProps, DetailPanelSize, DetailPanelPosition, } from './DetailPanel.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/DetailPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/DetailPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

package/dist/sections/EmptyState/EmptyState.d.ts

@@ -0,0 +1,19 @@
+/**
+ * EmptyState Component
+ *
+ * A placeholder section for empty states in SaaS applications.
+ * Optimized for Product Mode with minimal visual noise and clear CTAs.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<Inbox size={48} />}
+ *   title="No messages yet"
+ *   description="When you receive messages, they'll appear here."
+ *   action={<Button>Compose Message</Button>}
+ * />
+ * ```
+ */
+import type { EmptyStateProps } from './EmptyState.types';
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/sections/EmptyState/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/sections/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAqDtB,CAAC"}

package/dist/sections/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,70 @@
+/**
+ * EmptyState Component Types
+ *
+ * Type definitions for the Orion EmptyState section component.
+ * Designed for Product Mode (SaaS dashboards) with minimal visual noise.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * EmptyState size variant
+ */
+export type EmptyStateSize = 'sm' | 'md' | 'lg';
+/**
+ * EmptyState visual variant
+ */
+export type EmptyStateVariant = 'default' | 'compact' | 'full-page';
+/**
+ * EmptyState section props
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<Inbox size={48} />}
+ *   title="No messages yet"
+ *   description="When you receive messages, they'll appear here."
+ *   action={<Button>Compose Message</Button>}
+ * />
+ * ```
+ */
+export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Icon element to display
+     * Typically a Lucide icon with size 48-64
+     */
+    icon?: ReactNode;
+    /**
+     * Optional illustration element (larger visual)
+     * Use instead of icon for full-page variants
+     */
+    illustration?: ReactNode;
+    /**
+     * Main title/heading
+     */
+    title: string;
+    /**
+     * Description text providing context
+     */
+    description?: string;
+    /**
+     * Primary action button
+     */
+    action?: ReactNode;
+    /**
+     * Secondary action (link or button)
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard centered layout
+     * - compact: Smaller padding and text
+     * - full-page: Takes full viewport height
+     * @default 'default'
+     */
+    variant?: EmptyStateVariant;
+    /**
+     * Size variant affecting padding and typography
+     * @default 'md'
+     */
+    size?: EmptyStateSize;
+}
+//# sourceMappingURL=EmptyState.types.d.ts.map

package/dist/sections/EmptyState/EmptyState.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/sections/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}

package/dist/sections/EmptyState/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps, EmptyStateVariant, EmptyStateSize } from './EmptyState.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/sections/FileUploader/FileUploader.d.ts

@@ -0,0 +1,19 @@
+/**
+ * FileUploader Component
+ *
+ * A drag & drop file upload zone for SaaS applications.
+ * Optimized for Product Mode with clean, efficient file management.
+ *
+ * @example
+ * ```tsx
+ * <FileUploader
+ *   accept={['image/*', '.pdf']}
+ *   maxFiles={5}
+ *   maxSize={10 * 1024 * 1024}
+ *   onFilesAdded={(files) => handleUpload(files)}
+ * />
+ * ```
+ */
+import type { FileUploaderProps } from './FileUploader.types';
+export declare const FileUploader: import("react").ForwardRefExoticComponent<FileUploaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FileUploader.d.ts.map

package/dist/sections/FileUploader/FileUploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../src/sections/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAeH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAqB9D,eAAO,MAAM,YAAY,8GAwRxB,CAAC"}