@sudobility/components 2.0.21 → 2.0.22

package/dist/ui/json-viewer.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UjsonUviewer Component
+ *
+ * A reusable UjsonUviewer component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UjsonUviewer 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/json-viewer}
+ */
+export interface UjsonUviewerProps {
+    /** 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 UjsonUviewer: ({ className, children, disabled, onClick, }: UjsonUviewerProps) => import("react/jsx-runtime").JSX.Element;
+export default UjsonUviewer;
+//# sourceMappingURL=json-viewer.d.ts.map

package/dist/ui/json-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.d.ts","sourceRoot":"","sources":["../../src/ui/json-viewer.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/ui/kanban.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+export interface KanbanCard {
+    id: string;
+    title: string;
+    content?: React.ReactNode;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    cards: KanbanCard[];
+    color?: string;
+}
+export interface KanbanProps {
+    /** Columns data */
+    columns: KanbanColumn[];
+    /** Card click handler */
+    onCardClick?: (card: KanbanCard, columnId: string) => void;
+    /** Column header click handler */
+    onColumnClick?: (column: KanbanColumn) => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Kanban Component
+ *
+ * Kanban board with columns and cards.
+ * Displays tasks/items organized in vertical columns.
+ *
+ * @example
+ * ```tsx
+ * <Kanban
+ *   columns={[
+ *     { id: 'todo', title: 'To Do', cards: [...] },
+ *     { id: 'progress', title: 'In Progress', cards: [...] },
+ *     { id: 'done', title: 'Done', cards: [...] }
+ *   ]}
+ *   onCardClick={(card, col) => openCard(card)}
+ * />
+ * ```
+ */
+export declare const Kanban: React.FC<KanbanProps>;
+export default Kanban;
+//# sourceMappingURL=kanban.d.ts.map

package/dist/ui/kanban.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../src/ui/kanban.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+DxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/ui/kbd.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface KbdProps {
+    /** Keyboard key(s) to display */
+    children: React.ReactNode;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Kbd Component
+ *
+ * Displays keyboard shortcuts with semantic HTML and consistent styling.
+ * Used to represent user input from keyboard.
+ *
+ * @example
+ * ```tsx
+ * <Kbd>Ctrl</Kbd> + <Kbd>C</Kbd>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Text>Press <Kbd size="sm">Enter</Kbd> to submit</Text>
+ * ```
+ */
+export declare const Kbd: React.FC<KbdProps>;
+export default Kbd;
+//# sourceMappingURL=kbd.d.ts.map

package/dist/ui/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/ui/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,QAAQ;IACvB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA4BlC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/ui/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/ui/key-value-pair.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-pair.d.ts","sourceRoot":"","sources":["../../src/ui/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/ui/keyboard-shortcut.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UkeyboardUshortcut Component
+ *
+ * A reusable UkeyboardUshortcut component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UkeyboardUshortcut 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/keyboard-shortcut}
+ */
+export interface UkeyboardUshortcutProps {
+    /** 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 UkeyboardUshortcut: ({ className, children, disabled, onClick, }: UkeyboardUshortcutProps) => import("react/jsx-runtime").JSX.Element;
+export default UkeyboardUshortcut;
+//# sourceMappingURL=keyboard-shortcut.d.ts.map

package/dist/ui/keyboard-shortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-shortcut.d.ts","sourceRoot":"","sources":["../../src/ui/keyboard-shortcut.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,uBAAuB;IACtC,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,kBAAkB,GAAI,6CAKhC,uBAAuB,4CAmBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/ui/knowledge-base.d.ts

@@ -0,0 +1,19 @@
+/**
+ * KnowledgeBase Component
+ *
+ * Customer support component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <KnowledgeBase className="custom-class" />
+ * ```
+ */
+export interface KnowledgeBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const KnowledgeBase: ({ className, children, disabled, }: KnowledgeBaseProps) => import("react/jsx-runtime").JSX.Element;
+export default KnowledgeBase;
+//# sourceMappingURL=knowledge-base.d.ts.map

package/dist/ui/knowledge-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"knowledge-base.d.ts","sourceRoot":"","sources":["../../src/ui/knowledge-base.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,oCAI3B,kBAAkB,4CAiBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ui/landing-builder.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UlandingUbuilder Component
+ *
+ * A reusable UlandingUbuilder component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UlandingUbuilder 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/landing-builder}
+ */
+export interface UlandingUbuilderProps {
+    /** 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 UlandingUbuilder: ({ className, children, disabled, onClick, }: UlandingUbuilderProps) => import("react/jsx-runtime").JSX.Element;
+export default UlandingUbuilder;
+//# sourceMappingURL=landing-builder.d.ts.map

package/dist/ui/landing-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing-builder.d.ts","sourceRoot":"","sources":["../../src/ui/landing-builder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,qBAAqB;IACpC,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,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAmBvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/ui/language-selector.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UlanguageUselector Component
+ *
+ * A reusable UlanguageUselector component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UlanguageUselector 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/language-selector}
+ */
+export interface UlanguageUselectorProps {
+    /** 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 UlanguageUselector: ({ className, children, disabled, onClick, }: UlanguageUselectorProps) => import("react/jsx-runtime").JSX.Element;
+export default UlanguageUselector;
+//# sourceMappingURL=language-selector.d.ts.map

package/dist/ui/language-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-selector.d.ts","sourceRoot":"","sources":["../../src/ui/language-selector.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,uBAAuB;IACtC,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,kBAAkB,GAAI,6CAKhC,uBAAuB,4CAmBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/ui/lead-scorer.d.ts

@@ -0,0 +1,19 @@
+/**
+ * LeadScorer Component
+ *
+ * CRM component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <LeadScorer className="custom-class" />
+ * ```
+ */
+export interface LeadScorerProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const LeadScorer: ({ className, children, disabled, }: LeadScorerProps) => import("react/jsx-runtime").JSX.Element;
+export default LeadScorer;
+//# sourceMappingURL=lead-scorer.d.ts.map

package/dist/ui/lead-scorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lead-scorer.d.ts","sourceRoot":"","sources":["../../src/ui/lead-scorer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,oCAIxB,eAAe,4CAiBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/ui/leaderboard-podium.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UleaderboardUpodium Component
+ *
+ * A reusable UleaderboardUpodium component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UleaderboardUpodium 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/leaderboard-podium}
+ */
+export interface UleaderboardUpodiumProps {
+    /** 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 UleaderboardUpodium: ({ className, children, disabled, onClick, }: UleaderboardUpodiumProps) => import("react/jsx-runtime").JSX.Element;
+export default UleaderboardUpodium;
+//# sourceMappingURL=leaderboard-podium.d.ts.map

package/dist/ui/leaderboard-podium.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaderboard-podium.d.ts","sourceRoot":"","sources":["../../src/ui/leaderboard-podium.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,wBAAwB;IACvC,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,mBAAmB,GAAI,6CAKjC,wBAAwB,4CAmB1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/ui/lightbox.d.ts

@@ -0,0 +1,64 @@
+import { default as React } from 'react';
+export interface LightboxImage {
+    /** Image source URL */
+    src: string;
+    /** Alt text */
+    alt?: string;
+    /** Caption */
+    caption?: string;
+    /** Thumbnail URL (optional) */
+    thumbnail?: string;
+}
+export interface LightboxProps {
+    /** Images array */
+    images: LightboxImage[];
+    /** Current image index */
+    index: number;
+    /** Open state */
+    isOpen: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Index change handler */
+    onIndexChange?: (index: number) => void;
+    /** Show thumbnails */
+    showThumbnails?: boolean;
+    /** Show download button */
+    showDownload?: boolean;
+    /** Show zoom controls */
+    showZoom?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Lightbox Component
+ *
+ * Modal image viewer with navigation, zoom, and controls.
+ * Supports keyboard navigation and multiple images.
+ *
+ * @example
+ * ```tsx
+ * <Lightbox
+ *   images={photos}
+ *   index={currentIndex}
+ *   isOpen={isLightboxOpen}
+ *   onClose={() => setIsLightboxOpen(false)}
+ *   onIndexChange={setCurrentIndex}
+ *   showThumbnails
+ *   showDownload
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Lightbox
+ *   images={galleryImages}
+ *   index={selectedImage}
+ *   isOpen={showLightbox}
+ *   onClose={closeLightbox}
+ *   showZoom
+ * />
+ * ```
+ */
+export declare const Lightbox: React.FC<LightboxProps>;
+export default Lightbox;
+//# sourceMappingURL=lightbox.d.ts.map

package/dist/ui/lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../src/ui/lightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,sBAAsB;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuU5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/ui/line-chart.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+export interface LineChartDataPoint {
+    x: number;
+    y: number;
+}
+export interface LineChartSeries {
+    name: string;
+    data: LineChartDataPoint[];
+    color?: string;
+}
+export interface LineChartProps {
+    /** Chart series */
+    series: LineChartSeries[];
+    /** Show legend */
+    showLegend?: boolean;
+    /** Show grid */
+    showGrid?: boolean;
+    /** Show points */
+    showPoints?: boolean;
+    /** Chart height */
+    height?: number;
+    /** X-axis labels */
+    xLabels?: string[];
+    /** Additional className */
+    className?: string;
+}
+/**
+ * LineChart Component
+ *
+ * Line chart with support for multiple series.
+ * Displays trends over time or continuous data.
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   series={[
+ *     {
+ *       name: 'Revenue',
+ *       data: [{ x: 0, y: 100 }, { x: 1, y: 150 }, { x: 2, y: 120 }],
+ *       color: '#3b82f6'
+ *     },
+ *     {
+ *       name: 'Profit',
+ *       data: [{ x: 0, y: 50 }, { x: 1, y: 80 }, { x: 2, y: 60 }],
+ *       color: '#10b981'
+ *     }
+ *   ]}
+ *   showLegend
+ *   showPoints
+ * />
+ * ```
+ */
+export declare const LineChart: React.FC<LineChartProps>;
+export default LineChart;
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/ui/line-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/ui/line-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2H9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/ui/link.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Link URL */
+    href: string;
+    /** Link content */
+    children: React.ReactNode;
+    /** Variant style */
+    variant?: 'default' | 'primary' | 'secondary' | 'muted' | 'underline';
+    /** External link (adds target and rel attributes) */
+    external?: boolean;
+    /** Show external icon */
+    showExternalIcon?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Link Component
+ *
+ * Versatile link component with variants and automatic external link handling.
+ * Adds security attributes for external links automatically.
+ *
+ * @example
+ * ```tsx
+ * <Link href="/dashboard">Go to Dashboard</Link>
+ * <Link href="https://example.com" external>External Site</Link>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Link
+ *   href="https://docs.example.com"
+ *   variant="primary"
+ *   external
+ *   showExternalIcon
+ * >
+ *   Documentation
+ * </Link>
+ * ```
+ */
+export declare const Link: React.FC<LinkProps>;
+export default Link;
+//# sourceMappingURL=link.d.ts.map

package/dist/ui/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/ui/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;IACtE,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsEpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/ui/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/ui/list-item-with-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-with-action.d.ts","sourceRoot":"","sources":["../../src/ui/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/ui/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