@sudobility/components 2.0.34 → 3.0.0

package/dist/data-display/cell-editor.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UcellUeditor Component
+ *
+ * A reusable UcellUeditor component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UcellUeditor className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/cell-editor}
+ */
+export interface UcellUeditorProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UcellUeditor: ({ className, children, disabled, onClick, }: UcellUeditorProps) => import("react/jsx-runtime").JSX.Element;
+export default UcellUeditor;
+//# sourceMappingURL=cell-editor.d.ts.map

package/dist/data-display/cell-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-editor.d.ts","sourceRoot":"","sources":["../../src/data-display/cell-editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/data-display/column-resize.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UcolumnUresize Component
+ *
+ * A reusable UcolumnUresize component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UcolumnUresize className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/column-resize}
+ */
+export interface UcolumnUresizeProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UcolumnUresize: ({ className, children, disabled, onClick, }: UcolumnUresizeProps) => import("react/jsx-runtime").JSX.Element;
+export default UcolumnUresize;
+//# sourceMappingURL=column-resize.d.ts.map

package/dist/data-display/column-resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-resize.d.ts","sourceRoot":"","sources":["../../src/data-display/column-resize.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/data-display/dashboard-stat-card.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface DashboardStatCardProps {
+    /** Stat title */
+    title: string;
+    /** Stat value */
+    value: string | number;
+    /** Change percentage */
+    change?: number;
+    /** Change period */
+    changePeriod?: string;
+    /** Icon */
+    icon?: React.ReactNode;
+    /** Color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * DashboardStatCard Component
+ *
+ * Statistics display card for dashboards.
+ * Shows value, change indicator, and optional icon.
+ *
+ * @example
+ * ```tsx
+ * <DashboardStatCard
+ *   title="Total Revenue"
+ *   value="$45,231"
+ *   change={12.5}
+ *   changePeriod="vs last month"
+ *   variant="success"
+ * />
+ * ```
+ */
+export declare const DashboardStatCard: React.FC<DashboardStatCardProps>;
+export default DashboardStatCard;
+//# sourceMappingURL=dashboard-stat-card.d.ts.map

package/dist/data-display/dashboard-stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-stat-card.d.ts","sourceRoot":"","sources":["../../src/data-display/dashboard-stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,sBAAsB;IACrC,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnE,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0D9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/data-display/data-grid.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UdataUgrid Component
+ *
+ * A reusable UdataUgrid component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UdataUgrid className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/data-grid}
+ */
+export interface UdataUgridProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UdataUgrid: ({ className, children, disabled, onClick, }: UdataUgridProps) => import("react/jsx-runtime").JSX.Element;
+export default UdataUgrid;
+//# sourceMappingURL=data-grid.d.ts.map

package/dist/data-display/data-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../src/data-display/data-grid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,6CAKxB,eAAe,4CAmBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/data-display/data-table.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+export interface DataTableProps<T = any> {
+    /** Array of data objects to display */
+    data: T[];
+    /** Array of column titles */
+    columns: string[];
+    /** Whether to show an action column (last column, no title) */
+    hasActions?: boolean;
+    /**
+     * Callback to render cell content
+     * @param item - The data object for the row
+     * @param columnIndex - The index of the column (0-based)
+     * @returns String, React component, or null/undefined for empty cell
+     */
+    renderCell: (item: T, columnIndex: number) => React.ReactNode | string | null | undefined;
+    /**
+     * Callback to render action button(s) for each row
+     * @param item - The data object for the row
+     * @returns React component or null/undefined for empty cell
+     */
+    renderAction?: (item: T) => React.ReactNode | null | undefined;
+    /** Message to display when data array is empty */
+    emptyMessage?: string;
+    /**
+     * Function to generate unique key for each row
+     * @param item - The data object for the row
+     * @param index - The row index
+     * @returns Unique string key for the row
+     */
+    getRowKey?: (item: T, index: number) => string;
+    /** Optional className for the table wrapper */
+    className?: string;
+}
+/**
+ * DataTable - A flexible, reusable table component
+ *
+ * Features:
+ * - Flexible column configuration
+ * - Custom cell rendering via callback
+ * - Optional action column
+ * - Empty state handling
+ * - Light/dark theme support
+ * - Responsive with horizontal scroll
+ */
+export declare const DataTable: <T>({ data, columns, hasActions, renderCell, renderAction, emptyMessage, getRowKey, className, }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default DataTable;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/data-display/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data-display/data-table.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,GAAG;IACrC,uCAAuC;IACvC,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV,6BAA6B;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,UAAU,EAAE,CACV,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,MAAM,KAChB,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAEjD;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/D,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE/C,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,8FAS3B,cAAc,CAAC,CAAC,CAAC,4CAuEnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/data-display/empty-state.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+    className?: string;
+}
+export declare const EmptyState: React.FC<EmptyStateProps>;
+export default EmptyState;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/data-display/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/data-display/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+BhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/data-display/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Data Display Components
+ *
+ * Tables, lists, cards, and data visualization
+ */
+export * from './table';
+export * from './data-table';
+export * from './data-grid';
+export * from './pivot-table';
+export * from './spreadsheet-grid';
+export * from './column-resize';
+export * from './cell-editor';
+export * from './table-reservation';
+export * from './list';
+export * from './list-item-with-action';
+export * from './user-table';
+export * from './transfer-list';
+export * from './virtual-list';
+export * from './tree-view';
+export * from './listing-form';
+export * from './card';
+export * from './dashboard-stat-card';
+export * from './avatar';
+export * from './avatar-group';
+export * from './profile-header';
+export * from './key-value-pair';
+export * from './stat-display';
+export * from './empty-state';
+export * from './no-content';
+//# sourceMappingURL=index.d.ts.map

package/dist/data-display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data-display/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AAGtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/data-display/key-value-pair.d.ts

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+export interface KeyValuePairProps {
+    /** Label/key text */
+    label: string;
+    /** Value content */
+    value: React.ReactNode;
+    /** Layout orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Alignment for horizontal layout */
+    align?: 'start' | 'center' | 'between';
+    /** Label width (for horizontal layout) */
+    labelWidth?: 'auto' | 'sm' | 'md' | 'lg';
+    /** Text size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show separator */
+    separator?: boolean;
+    /** Label color variant */
+    labelVariant?: 'default' | 'muted' | 'strong';
+    /** Value color variant */
+    valueVariant?: 'default' | 'muted' | 'strong' | 'primary';
+    /** Additional className for container */
+    className?: string;
+    /** Additional className for label */
+    labelClassName?: string;
+    /** Additional className for value */
+    valueClassName?: string;
+}
+/**
+ * KeyValuePair Component
+ *
+ * Displays a label-value pair with flexible layout and styling options.
+ * Commonly used in forms, details pages, and data displays.
+ *
+ * @example
+ * ```tsx
+ * <KeyValuePair label="Email" value="user@example.com" />
+ * <KeyValuePair
+ *   label="Status"
+ *   value={<Badge variant="success">Active</Badge>}
+ *   orientation="horizontal"
+ *   align="between"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <KeyValuePair
+ *   label="Wallet Address"
+ *   value="0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb"
+ *   separator
+ *   valueVariant="primary"
+ * />
+ * ```
+ */
+export declare const KeyValuePair: React.FC<KeyValuePairProps>;
+export default KeyValuePair;
+//# sourceMappingURL=key-value-pair.d.ts.map

package/dist/data-display/key-value-pair.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-pair.d.ts","sourceRoot":"","sources":["../../src/data-display/key-value-pair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yBAAyB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,sCAAsC;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9C,0BAA0B;IAC1B,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1D,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkGpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/data-display/list-item-with-action.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface ListItemWithActionProps {
+    /** Main content/text to display */
+    children: React.ReactNode;
+    /** Action to perform (typically remove/delete) */
+    onAction: () => void;
+    /** Action button text */
+    actionText?: string;
+    /** Action button icon (defaults to TrashIcon) */
+    actionIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Whether the action is destructive (uses red color) */
+    destructive?: boolean;
+    /** Whether the action is in progress */
+    isProcessing?: boolean;
+    /** Variant of the list item */
+    variant?: 'default' | 'compact' | 'elevated';
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * ListItemWithAction Component
+ *
+ * Displays a list item with an action button (typically remove/delete).
+ * Commonly used for managing lists of forwarding addresses, filters, blocked senders, etc.
+ *
+ * @example
+ * ```tsx
+ * <ListItemWithAction
+ *   onAction={() => handleRemove(item.id)}
+ *   actionText="Remove"
+ *   destructive
+ *   isProcessing={isDeleting}
+ * >
+ *   user@example.com
+ * </ListItemWithAction>
+ * ```
+ */
+export declare const ListItemWithAction: React.FC<ListItemWithActionProps>;
+export default ListItemWithAction;
+//# sourceMappingURL=list-item-with-action.d.ts.map

package/dist/data-display/list-item-with-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-with-action.d.ts","sourceRoot":"","sources":["../../src/data-display/list-item-with-action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/data-display/list.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+export interface ListProps {
+    /** List items */
+    children: React.ReactNode;
+    /** List type */
+    type?: 'unordered' | 'ordered';
+    /** Spacing between items */
+    spacing?: 'none' | 'sm' | 'md' | 'lg';
+    /** Marker/bullet style */
+    marker?: 'disc' | 'circle' | 'square' | 'decimal' | 'alpha' | 'roman' | 'none';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+export interface ListItemProps {
+    /** List item content */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * List Component
+ *
+ * Semantic list component with consistent styling and spacing options.
+ * Supports both ordered and unordered lists with various marker styles.
+ *
+ * @example
+ * ```tsx
+ * <List>
+ *   <ListItem>First item</ListItem>
+ *   <ListItem>Second item</ListItem>
+ *   <ListItem>Third item</ListItem>
+ * </List>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <List type="ordered" marker="decimal" spacing="md">
+ *   <ListItem>Step one</ListItem>
+ *   <ListItem>Step two</ListItem>
+ * </List>
+ * ```
+ */
+export declare const List: React.FC<ListProps>;
+/**
+ * ListItem Component
+ *
+ * Individual list item to be used within List component.
+ */
+export declare const ListItem: React.FC<ListItemProps>;
+export default List;
+//# sourceMappingURL=list.d.ts.map

package/dist/data-display/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/data-display/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACxB,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB;IAChB,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,0BAA0B;IAC1B,MAAM,CAAC,EACH,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,CAAC;IACX,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoEpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/data-display/listing-form.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UlistingUform Component
+ *
+ * A reusable UlistingUform component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UlistingUform className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/listing-form}
+ */
+export interface UlistingUformProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UlistingUform: ({ className, children, disabled, onClick, }: UlistingUformProps) => import("react/jsx-runtime").JSX.Element;
+export default UlistingUform;
+//# sourceMappingURL=listing-form.d.ts.map

package/dist/data-display/listing-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listing-form.d.ts","sourceRoot":"","sources":["../../src/data-display/listing-form.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/data-display/no-content.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface NoContentProps {
+    title: string;
+    subtext: string;
+    className?: string;
+}
+export declare const NoContent: React.FC<NoContentProps>;
+export default NoContent;
+//# sourceMappingURL=no-content.d.ts.map

package/dist/data-display/no-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-content.d.ts","sourceRoot":"","sources":["../../src/data-display/no-content.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQ9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/data-display/pivot-table.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UpivotUtable Component
+ *
+ * A reusable UpivotUtable component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UpivotUtable className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/pivot-table}
+ */
+export interface UpivotUtableProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UpivotUtable: ({ className, children, disabled, onClick, }: UpivotUtableProps) => import("react/jsx-runtime").JSX.Element;
+export default UpivotUtable;
+//# sourceMappingURL=pivot-table.d.ts.map

package/dist/data-display/pivot-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot-table.d.ts","sourceRoot":"","sources":["../../src/data-display/pivot-table.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/data-display/profile-header.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UprofileUheader Component
+ *
+ * A reusable UprofileUheader component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UprofileUheader className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/profile-header}
+ */
+export interface UprofileUheaderProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UprofileUheader: ({ className, children, disabled, onClick, }: UprofileUheaderProps) => import("react/jsx-runtime").JSX.Element;
+export default UprofileUheader;
+//# sourceMappingURL=profile-header.d.ts.map

package/dist/data-display/profile-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-header.d.ts","sourceRoot":"","sources":["../../src/data-display/profile-header.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/data-display/spreadsheet-grid.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UspreadsheetUgrid Component
+ *
+ * A reusable UspreadsheetUgrid component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UspreadsheetUgrid className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/spreadsheet-grid}
+ */
+export interface UspreadsheetUgridProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UspreadsheetUgrid: ({ className, children, disabled, onClick, }: UspreadsheetUgridProps) => import("react/jsx-runtime").JSX.Element;
+export default UspreadsheetUgrid;
+//# sourceMappingURL=spreadsheet-grid.d.ts.map

package/dist/data-display/spreadsheet-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spreadsheet-grid.d.ts","sourceRoot":"","sources":["../../src/data-display/spreadsheet-grid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,sBAAsB,4CAmBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/data-display/stat-display.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+export interface StatDisplayProps {
+    /** The main value/number to display */
+    value: string | number;
+    /** Label/description for the stat */
+    label: string;
+    /** Color variant */
+    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'white';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Icon to display above/beside the value */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Icon position */
+    iconPosition?: 'top' | 'left';
+    /** Additional className for the container */
+    className?: string;
+    /** Value className override */
+    valueClassName?: string;
+    /** Label className override */
+    labelClassName?: string;
+}
+/**
+ * StatDisplay Component
+ *
+ * Displays a statistic or metric with a value and label.
+ * Commonly used in dashboards, hero sections, and analytics displays.
+ *
+ * @example
+ * ```tsx
+ * <StatDisplay value="5K" label="Gas Overhead" variant="white" />
+ * <StatDisplay value="42" label="Active Users" variant="primary" size="lg" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { ChartBarIcon } from '@heroicons/react/24/outline';
+ *
+ * <StatDisplay
+ *   value="1,234"
+ *   label="Total Points"
+ *   icon={ChartBarIcon}
+ *   iconPosition="top"
+ *   variant="success"
+ * />
+ * ```
+ */
+export declare const StatDisplay: React.FC<StatDisplayProps>;
+export default StatDisplay;
+//# sourceMappingURL=stat-display.d.ts.map