@trinityui/design-system 1.0.2 → 1.0.4

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,181 @@
+/**
+ * @fileoverview Modal component.
+ * @module components/Modal/Modal
+ * @example
+ * ```tsx
+ *  import { Modal } from '@trinityui/design-system';
+ *
+ *  <Modal
+ *    open={false}
+ *    onClose={() => {}}
+ *  />
+ *  ```
+ */
+import React from 'react';
+export type ModalVariant = 'default' | 'info' | 'success' | 'warning' | 'danger' | 'confirm';
+/**
+ * Props for Modal component.
+ */
+export interface ModalProps {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Callback when the modal should close */
+    onClose: () => void;
+    /** Modal title */
+    title?: string;
+    /** Modal content */
+    children?: React.ReactNode;
+    /** Visual variant */
+    variant?: ModalVariant;
+    /** Primary action button label */
+    primaryAction?: string;
+    /** Primary action click handler */
+    onPrimaryAction?: () => void | Promise<void>;
+    /** Secondary action button label */
+    secondaryAction?: string;
+    /** Secondary action click handler */
+    onSecondaryAction?: () => void;
+    /** Whether primary action is loading */
+    loading?: boolean;
+    /** Whether primary action is disabled */
+    primaryDisabled?: boolean;
+    /** Whether to show close button in header */
+    showCloseButton?: boolean;
+    /** Whether clicking backdrop closes the modal */
+    disableBackdropClick?: boolean;
+    /** Whether pressing escape closes the modal */
+    disableEscapeKeyDown?: boolean;
+    /** Maximum width */
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Full screen on mobile */
+    fullScreenMobile?: boolean;
+    /** Custom footer content */
+    footer?: React.ReactNode;
+    /** Hide default footer actions */
+    hideFooter?: boolean;
+    /** Custom styles */
+    sx?: object;
+}
+/**
+ * Modal component provides a consistent dialog pattern for Trinity applications.
+ * Supports multiple variants for different use cases.
+ *
+ * @example
+ * ```tsx
+ * // Basic modal
+ * <Modal
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Edit Profile"
+ *   primaryAction="Save"
+ *   onPrimaryAction={handleSave}
+ * >
+ *   <TextField label="Name" fullWidth />
+ * </Modal>
+ *
+ * // Danger confirmation
+ * <Modal
+ *   open={showDelete}
+ *   onClose={() => setShowDelete(false)}
+ *   variant="danger"
+ *   title="Delete Item"
+ *   primaryAction="Delete"
+ *   onPrimaryAction={handleDelete}
+ * >
+ *   Are you sure you want to delete this item? This action cannot be undone.
+ * </Modal>
+ * ```
+ */
+export declare const Modal: React.FC<ModalProps>;
+/**
+ * Props for ConfirmDialog component.
+ */
+export interface ConfirmDialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when dialog closes */
+    onClose: () => void;
+    /** Callback when user confirms */
+    onConfirm: () => void | Promise<void>;
+    /** Dialog title */
+    title?: string;
+    /** Dialog message */
+    message?: string;
+    /** Confirm button label */
+    confirmLabel?: string;
+    /** Cancel button label */
+    cancelLabel?: string;
+    /** Visual variant */
+    variant?: 'default' | 'danger' | 'warning';
+    /** Whether confirmation is loading */
+    loading?: boolean;
+}
+/**
+ * ConfirmDialog provides a simple "Are you sure?" pattern.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmDialog
+ *   open={showConfirm}
+ *   onClose={() => setShowConfirm(false)}
+ *   onConfirm={handleDelete}
+ *   title="Delete Item"
+ *   message="Are you sure you want to delete this item?"
+ *   variant="danger"
+ *   confirmLabel="Delete"
+ * />
+ * ```
+ */
+export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
+interface ConfirmDialogState {
+    isOpen: boolean;
+    title: string;
+    message: string;
+    variant: 'default' | 'danger' | 'warning';
+    confirmLabel: string;
+    onConfirm: () => void | Promise<void>;
+}
+/**
+ * Hook for programmatically showing confirmation dialogs.
+ *
+ * @example
+ * ```tsx
+ * // In your component
+ * const { confirm, state, close } = useConfirmDialog();
+ *
+ * const handleDelete = () => {
+ *   confirm({
+ *     title: 'Delete Item',
+ *     message: 'This cannot be undone.',
+ *     variant: 'danger',
+ *     confirmLabel: 'Delete',
+ *     onConfirm: async () => {
+ *       await deleteItem();
+ *       close();
+ *     },
+ *   });
+ * };
+ *
+ * // Render the dialog
+ * <ConfirmDialog
+ *   open={state.isOpen}
+ *   onClose={close}
+ *   onConfirm={state.onConfirm}
+ *   title={state.title}
+ *   message={state.message}
+ *   variant={state.variant}
+ *   confirmLabel={state.confirmLabel}
+ * />
+ * ```
+ */
+export declare const useConfirmDialog: () => {
+    confirm: (options: Partial<ConfirmDialogState> & {
+        onConfirm: () => void | Promise<void>;
+    }) => void;
+    close: () => void;
+    state: ConfirmDialogState;
+};
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.d.ts.map

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

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal, ConfirmDialog, useConfirmDialog, type ModalProps, type ConfirmDialogProps, type ModalVariant, } from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC"}

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @fileoverview PageHeader component.
+ * @module components/PageHeader/PageHeader
+ * @example
+ * ```tsx
+ *  import { PageHeader } from '@trinityui/design-system';
+ *
+ *  <PageHeader
+ *    title="Example"
+ *  />
+ *  ```
+ */
+import React from 'react';
+export interface BreadcrumbItem {
+    /** Label to display */
+    label: string;
+    /** Optional href for navigation. Last item typically has no href. */
+    href?: string;
+    /** Optional icon to display before label */
+    icon?: React.ReactNode;
+}
+/**
+ * Props for PageHeader component.
+ */
+export interface PageHeaderProps {
+    /** Page title */
+    title: string;
+    /** Optional subtitle/description */
+    subtitle?: string;
+    /** Breadcrumb navigation items */
+    breadcrumbs?: BreadcrumbItem[];
+    /** Whether to show breadcrumbs */
+    showBreadcrumbs?: boolean;
+    /** Tab labels for sub-navigation */
+    tabs?: string[];
+    /** Currently selected tab index */
+    selectedTab?: number;
+    /** Callback when tab changes */
+    onTabChange?: (index: number) => void;
+    /** Primary action button label */
+    primaryAction?: string;
+    /** Primary action click handler */
+    onPrimaryAction?: () => void;
+    /** Secondary action button label */
+    secondaryAction?: string;
+    /** Secondary action click handler */
+    onSecondaryAction?: () => void;
+    /** Additional action buttons/elements */
+    actions?: React.ReactNode;
+    /** Icon to display next to title */
+    icon?: React.ReactNode;
+    /** Status badge label */
+    statusLabel?: string;
+    /** Status badge color */
+    statusColor?: 'success' | 'warning' | 'error' | 'info' | 'default';
+    /** Visual variant */
+    variant?: 'default' | 'compact' | 'hero';
+    /** Hero background image URL */
+    heroImage?: string;
+    /** Whether the header is in loading state */
+    loading?: boolean;
+    /** Additional content below title area */
+    children?: React.ReactNode;
+    /** Custom styles */
+    sx?: object;
+}
+/**
+ * PageHeader provides a consistent header pattern for pages within Trinity applications.
+ * It includes breadcrumb navigation, page title, description, contextual actions, and optional tab navigation.
+ *
+ * @example
+ * ```tsx
+ * <PageHeader
+ *   title="Dashboard"
+ *   subtitle="Overview of your analytics"
+ *   breadcrumbs={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Analytics', href: '/analytics' },
+ *     { label: 'Dashboard' }
+ *   ]}
+ *   primaryAction="Create Report"
+ *   onPrimaryAction={() => console.log('Create clicked')}
+ *   tabs={['Overview', 'Details', 'Settings']}
+ *   selectedTab={0}
+ *   onTabChange={(index) => console.log('Tab:', index)}
+ * />
+ * ```
+ */
+export declare const PageHeader: React.FC<PageHeaderProps>;
+export default PageHeader;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmBxC,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACnE,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2RhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { PageHeader, type PageHeaderProps, type BreadcrumbItem } from './PageHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @fileoverview Rich text editor component with configurable toolbar, formatting controls, and fullscreen mode.
+ * @module components/RichTextEditor
+ * @example
+ * ```tsx
+ *  import { RichTextEditor } from '@trinityui/design-system';
+ *
+ *  <RichTextEditor />
+ *  ```
+ */
+import * as React from 'react';
+export type HeadingLevel = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+/**
+ * Props for RichTextEditor component.
+ */
+export interface RichTextEditorProps {
+    /** Initial HTML content */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (html: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Editor height */
+    height?: number | string;
+    /** Minimum height */
+    minHeight?: number | string;
+    /** Maximum height */
+    maxHeight?: number | string;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show toolbar */
+    showToolbar?: boolean;
+    /** Toolbar items to show */
+    toolbarItems?: ToolbarItem[];
+    /** Callback when image is inserted */
+    onImageUpload?: (file: File) => Promise<string>;
+    /** Callback when link is inserted */
+    onLinkInsert?: (url: string, text: string) => void;
+    /** Auto-focus on mount */
+    autoFocus?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    sx?: Record<string, unknown>;
+}
+export type ToolbarItem = 'heading' | 'bold' | 'italic' | 'underline' | 'strike' | 'divider' | 'bulletList' | 'numberList' | 'quote' | 'code' | 'link' | 'image' | 'align' | 'undo' | 'redo' | 'clearFormat' | 'fullscreen';
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;
+export default RichTextEditor;
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/RichTextEditor/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,MAAM,GACN,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,aAAa,GACb,YAAY,CAAC;AA2XjB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwTxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/RichTextEditor/index.d.ts

@@ -0,0 +1,3 @@
+export { RichTextEditor, type RichTextEditorProps, type ToolbarItem, type HeadingLevel, type TextAlign } from './RichTextEditor';
+export { default } from './RichTextEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichTextEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACjI,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @fileoverview SearchInput component with suggestions, recent searches, and keyboard navigation
+ * @module components/SearchInput
+ * @example
+ * ```tsx
+ *  import { SearchInput } from '@trinityui/design-system';
+ *
+ *  <SearchInput />
+ *  ```
+ */
+import * as React from 'react';
+export interface SearchSuggestion {
+    /** Unique identifier */
+    id: string;
+    /** Display text */
+    label: string;
+    /** Optional category/type */
+    category?: string;
+    /** Optional icon */
+    icon?: React.ReactNode;
+    /** Optional metadata */
+    metadata?: string;
+}
+/**
+ * Props for SearchInput component.
+ */
+export interface SearchInputProps {
+    /** Current search value */
+    value?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Callback when search is submitted */
+    onSearch?: (value: string) => void;
+    /** Callback when a suggestion is selected */
+    onSuggestionSelect?: (suggestion: SearchSuggestion) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** List of suggestions to display */
+    suggestions?: SearchSuggestion[];
+    /** Recent search terms */
+    recentSearches?: string[];
+    /** Callback to clear recent searches */
+    onClearRecentSearches?: () => void;
+    /** Callback to remove a single recent search */
+    onRemoveRecentSearch?: (search: string) => void;
+    /** Loading state for suggestions */
+    loading?: boolean;
+    /** Disable the input */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'small' | 'medium' | 'large';
+    /** Full width */
+    fullWidth?: boolean;
+    /** Show keyboard shortcut hint */
+    showShortcut?: boolean;
+    /** Custom shortcut key */
+    shortcutKey?: string;
+    /** Auto focus on mount */
+    autoFocus?: boolean;
+    /** Maximum recent searches to show */
+    maxRecentSearches?: number;
+    /** Debounce delay for onChange in ms */
+    debounceMs?: number;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/SearchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,wCAAwC;IACxC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,gDAAgD;IAChD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAuBD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkclD,CAAC"}

package/dist/components/SearchInput/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchInput, type SearchInputProps, type SearchSuggestion } from './SearchInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/SimpleTable/SimpleTable.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @fileoverview SimpleTable component.
+ * @module components/SimpleTable/SimpleTable
+ * SimpleTable Component
+ *
+ * A lightweight table component built on standard MUI Table.
+ * No @mui/x-data-grid dependency required.
+ *
+ * Features:
+ * - Sorting (client-side)
+ * - Pagination
+ * - Row selection (single/multiple)
+ * - Custom cell rendering
+ * - Loading states
+ * - Empty states
+ * - Full light/dark mode support
+ *
+ * For advanced features (virtualization, filtering, column resize, etc.),
+ * use the DataTable component which requires @mui/x-data-grid.
+ * @example
+ * ```tsx
+ *  import { SimpleTable } from '@trinityui/design-system';
+ *
+ *  <SimpleTable />
+ *  ```
+ */
+import React from 'react';
+export type SortDirection = 'asc' | 'desc';
+export interface SimpleTableColumn<T> {
+    /** Unique identifier for the column */
+    id: keyof T | string;
+    /** Display label for the column header */
+    label: string;
+    /** Minimum width in pixels */
+    minWidth?: number;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Whether the column is sortable */
+    sortable?: boolean;
+    /** Custom cell renderer */
+    render?: (value: unknown, row: T) => React.ReactNode;
+    /** Format function for simple value transformation */
+    format?: (value: unknown) => string;
+}
+export interface SimpleTableProps<T extends {
+    id: string | number;
+}> {
+    /** Array of data rows */
+    rows: T[];
+    /** Column definitions */
+    columns: SimpleTableColumn<T>[];
+    /** Loading state */
+    loading?: boolean;
+    /** Number of skeleton rows to show when loading */
+    loadingRows?: number;
+    /** Enable row selection */
+    selectable?: boolean;
+    /** Selection mode */
+    selectionMode?: 'single' | 'multiple';
+    /** Selected row IDs */
+    selected?: (string | number)[];
+    /** Callback when selection changes */
+    onSelectionChange?: (selected: (string | number)[]) => void;
+    /** Callback when a row is clicked */
+    onRowClick?: (row: T) => void;
+    /** Show pagination */
+    pagination?: boolean;
+    /** Rows per page options */
+    rowsPerPageOptions?: number[];
+    /** Default rows per page */
+    defaultRowsPerPage?: number;
+    /** Default sort column */
+    defaultSortColumn?: keyof T | string;
+    /** Default sort direction */
+    defaultSortDirection?: SortDirection;
+    /** Table size/density */
+    size?: 'small' | 'medium';
+    /** Sticky header */
+    stickyHeader?: boolean;
+    /** Maximum table height (enables scroll) */
+    maxHeight?: number | string;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Custom empty state component */
+    emptyComponent?: React.ReactNode;
+    /** Table aria-label for accessibility */
+    ariaLabel?: string;
+}
+export declare function SimpleTable<T extends {
+    id: string | number;
+}>({ rows, columns, loading, loadingRows, selectable, selectionMode, selected, onSelectionChange, onRowClick, pagination, rowsPerPageOptions, defaultRowsPerPage, defaultSortColumn, defaultSortDirection, size, stickyHeader, maxHeight, emptyMessage, emptyComponent, ariaLabel, }: SimpleTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default SimpleTable;
+//# sourceMappingURL=SimpleTable.d.ts.map

package/dist/components/SimpleTable/SimpleTable.d.ts.map

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

package/dist/components/SimpleTable/index.d.ts

@@ -0,0 +1,3 @@
+export { SimpleTable, default } from './SimpleTable';
+export type { SimpleTableProps, SimpleTableColumn, SortDirection } from './SimpleTable';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SimpleTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/SplitPane/SplitPane.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @fileoverview Split pane layout component with draggable resizer and keyboard-accessible resizing.
+ * @module components/SplitPane
+ * @example
+ * ```tsx
+ *  import { SplitPane } from '@trinityui/design-system';
+ *
+ *  <SplitPane
+ *  >
+ *    <div>Example content</div>
+ *  </SplitPane>
+ *  ```
+ */
+import * as React from 'react';
+/**
+ * Props for SplitPane component.
+ */
+export interface SplitPaneProps {
+    /** Child panes (must be exactly 2) */
+    children: [React.ReactNode, React.ReactNode];
+    /** Orientation of the split */
+    direction?: 'horizontal' | 'vertical';
+    /** Initial size of the first pane (percentage or pixels) */
+    defaultSize?: number | string;
+    /** Minimum size for panes (pixels) */
+    minSize?: number;
+    /** Maximum size for first pane (pixels) */
+    maxSize?: number;
+    /** Size of the resizer handle */
+    resizerSize?: number;
+    /** Callback when size changes */
+    onResize?: (size: number) => void;
+    /** Callback when resize starts */
+    onResizeStart?: () => void;
+    /** Callback when resize ends */
+    onResizeEnd?: (size: number) => void;
+    /** Show visual indicator on resizer */
+    showResizerIcon?: boolean;
+    /** Allow double-click to reset to default */
+    doubleClickReset?: boolean;
+    /** Collapse first pane */
+    collapsedFirst?: boolean;
+    /** Collapse second pane */
+    collapsedSecond?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    sx?: Record<string, unknown>;
+}
+export declare const SplitPane: React.FC<SplitPaneProps>;
+export default SplitPane;
+//# sourceMappingURL=SplitPane.d.ts.map

package/dist/components/SplitPane/SplitPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0BAA0B;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B;AA8HD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiQ9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/SplitPane/index.d.ts

@@ -0,0 +1,3 @@
+export { SplitPane, type SplitPaneProps } from './SplitPane';
+export { default } from './SplitPane';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SplitPane/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}