@orion-ds/react 4.2.1 → 4.2.4

package/dist/components/Command/Command.types.d.ts

@@ -0,0 +1,150 @@
+import { HTMLAttributes, ReactNode, InputHTMLAttributes } from 'react';
+
+/**
+ * Command root props
+ */
+export interface CommandProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Controlled search value
+     */
+    value?: string;
+    /**
+     * Callback when search value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Custom filter function. Return 0 to hide, 1 to show.
+     * By default uses case-insensitive includes.
+     */
+    filter?: (value: string, search: string) => number;
+    /**
+     * Children (compound components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Dialog props — renders Command inside a modal overlay
+ */
+export interface CommandDialogProps {
+    /**
+     * Whether the dialog is open
+     */
+    open: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Children (Command compound components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Input props
+ */
+export interface CommandInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.List props
+ */
+export interface CommandListProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Children (groups and items)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Empty props
+ */
+export interface CommandEmptyProps {
+    /**
+     * Content to show when no results match
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Group props
+ */
+export interface CommandGroupProps {
+    /**
+     * Group heading
+     */
+    heading?: string;
+    /**
+     * Group items
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Item props
+ */
+export interface CommandItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Callback when item is selected (click or Enter)
+     */
+    onSelect?: () => void;
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Search value for filtering (defaults to text content)
+     */
+    value?: string;
+    /**
+     * Children
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Separator props
+ */
+export interface CommandSeparatorProps {
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Shortcut props
+ */
+export interface CommandShortcutProps {
+    /**
+     * Keyboard shortcut text
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=Command.types.d.ts.map

package/dist/components/Command/Command.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.types.d.ts","sourceRoot":"","sources":["../../../src/components/Command/Command.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,CACrB;IACC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,21 @@
+/**
+ * Command Component - Searchable command palette with keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * import { Command } from '@orion-ds/react';
+ *
+ * <Command>
+ *   <Command.Input placeholder="Type a command..." />
+ *   <Command.List>
+ *     <Command.Empty>No results found.</Command.Empty>
+ *     <Command.Group heading="Suggestions">
+ *       <Command.Item onSelect={() => {}}>Calendar</Command.Item>
+ *     </Command.Group>
+ *   </Command.List>
+ * </Command>
+ * ```
+ */
+export { Command } from './Command';
+export type { CommandProps, CommandDialogProps, CommandInputProps, CommandListProps, CommandEmptyProps, CommandGroupProps, CommandItemProps, CommandSeparatorProps, CommandShortcutProps, } from './Command.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC"}

package/dist/components/CommandBar/CommandBar.d.ts

@@ -0,0 +1,4 @@
+import { CommandBarProps } from './CommandBar.types';
+
+export declare const CommandBar: import('react').ForwardRefExoticComponent<CommandBarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CommandBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/CommandBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,oBAAoB,CAAC;AAG5B,eAAO,MAAM,UAAU,4GAmStB,CAAC"}

package/dist/components/CommandBar/CommandBar.module.css

@@ -0,0 +1 @@
+._overlay_1qwde_8{position:fixed;inset:0;background:var(--surface-overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:var(--z-modal);animation:_fadeIn_1qwde_1 .15s ease-out}@keyframes _fadeIn_1qwde_1{0%{opacity:0}to{opacity:1}}._commandBar_1qwde_29{width:100%;max-width:560px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);box-shadow:var(--shadow-xl);overflow:hidden;animation:_slideIn_1qwde_1 .15s ease-out}@keyframes _slideIn_1qwde_1{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}._inputWrapper_1qwde_55{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle)}._searchIcon_1qwde_63{color:var(--text-tertiary);flex-shrink:0}._input_1qwde_55{flex:1;font-family:var(--font-secondary);font-size:var(--font-size-16);color:var(--text-primary);background:none;border:none;outline:none}._input_1qwde_55::placeholder{color:var(--text-tertiary)}._shortcutHint_1qwde_82{font-family:var(--font-mono);font-size:var(--font-size-11);color:var(--text-tertiary);background:var(--surface-subtle);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}._results_1qwde_96{max-height:400px;overflow-y:auto;padding:var(--spacing-2)}._empty_1qwde_102{padding:var(--spacing-8);text-align:center;font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-tertiary)}._group_1qwde_114{margin-bottom:var(--spacing-2)}._group_1qwde_114:last-child{margin-bottom:0}._groupTitle_1qwde_122{font-family:var(--font-secondary);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-2)}._item_1qwde_136{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--mode-hover-duration)}._item_1qwde_136:hover,._itemSelected_1qwde_154{background:var(--surface-subtle)}._itemDisabled_1qwde_158{opacity:.5;cursor:not-allowed}._itemIcon_1qwde_163{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}._itemSelected_1qwde_154 ._itemIcon_1qwde_163{color:var(--interactive-primary)}._itemContent_1qwde_177{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}._itemLabel_1qwde_185{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._itemDescription_1qwde_192{font-size:var(--font-size-12);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._itemShortcut_1qwde_200{font-family:var(--font-mono);font-size:var(--font-size-11);color:var(--text-tertiary);background:var(--surface-subtle);padding:var(--spacing-0-5) var(--spacing-1-5);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0}._footer_1qwde_215{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2-5) var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-subtle)}._footerHint_1qwde_224{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-11);color:var(--text-tertiary)}._footerHint_1qwde_224 span{font-family:var(--font-mono)}@media(max-width:640px){._overlay_1qwde_8{padding-top:var(--spacing-4);padding-left:var(--spacing-4);padding-right:var(--spacing-4)}._commandBar_1qwde_29{max-width:100%}._results_1qwde_96{max-height:60vh}}

package/dist/components/CommandBar/CommandBar.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CommandBar } from './CommandBar';
+
+declare const meta: Meta<typeof CommandBar>;
+export default meta;
+type Story = StoryObj<typeof CommandBar>;
+export declare const Default: Story;
+export declare const WithRecentCommands: Story;
+export declare const CustomPlaceholder: Story;
+export declare const WithCustomFooter: Story;
+export declare const FewCommands: Story;
+//# sourceMappingURL=CommandBar.stories.d.ts.map

package/dist/components/CommandBar/CommandBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/CommandBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAmFzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}

package/dist/components/CommandBar/CommandBar.types.d.ts

@@ -0,0 +1,108 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Command item for the palette
+ */
+export interface CommandItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Keyboard shortcut display (e.g., "⌘K", "Ctrl+P")
+     */
+    shortcut?: string;
+    /**
+     * Category/group this command belongs to
+     */
+    category?: string;
+    /**
+     * Action callback
+     */
+    onSelect: () => void;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Keywords for search matching
+     */
+    keywords?: string[];
+}
+/**
+ * Command group for categorization
+ */
+export interface CommandGroup {
+    /**
+     * Group title
+     */
+    title: string;
+    /**
+     * Commands in this group
+     */
+    commands: CommandItem[];
+}
+/**
+ * CommandBar section props
+ *
+ * @example
+ * ```tsx
+ * <CommandBar
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   commands={[
+ *     { id: 'home', label: 'Go to Home', icon: <Home />, onSelect: () => navigate('/') },
+ *     { id: 'settings', label: 'Settings', icon: <Settings />, shortcut: '⌘,', onSelect: () => navigate('/settings') }
+ *   ]}
+ * />
+ * ```
+ */
+export interface CommandBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Whether the command bar is open
+     */
+    open: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Flat list of commands (will be grouped by category if specified)
+     */
+    commands: CommandItem[];
+    /**
+     * Recent commands to show at the top
+     */
+    recentCommands?: CommandItem[];
+    /**
+     * Callback when a command is selected
+     */
+    onSelect?: (command: CommandItem) => void;
+    /**
+     * Placeholder text for search input
+     * @default "Type a command or search..."
+     */
+    placeholder?: string;
+    /**
+     * Empty state message when no results
+     * @default "No results found."
+     */
+    emptyMessage?: string;
+    /**
+     * Custom footer content
+     */
+    footer?: ReactNode;
+}
+//# sourceMappingURL=CommandBar.types.d.ts.map

package/dist/components/CommandBar/CommandBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/CommandBar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

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

@@ -0,0 +1,3 @@
+export { CommandBar } from './CommandBar';
+export type { CommandBarProps, CommandItem, CommandGroup, } from './CommandBar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC"}

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,8 @@
+import { 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/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAYH,OAAO,KAAK,EACV,cAAc,EAMf,MAAM,mBAAmB,CAAC;AAmH3B,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,2CAqVxC;AAGD,eAAO,MAAM,SAAS,EAAiC,CACrD,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEjC,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/components/DataTable/DataTable.module.css

@@ -0,0 +1 @@
+._dataTable_ncnxg_8{display:flex;flex-direction:column;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden}._toolbar_ncnxg_21{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}._toolbarLeft_ncnxg_31{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}._toolbarRight_ncnxg_38{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto}._searchWrapper_ncnxg_46{position:relative;display:flex;align-items:center}._searchIcon_ncnxg_52{position:absolute;left:var(--spacing-3);color:var(--text-tertiary);pointer-events:none}._searchInput_ncnxg_59{padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-9);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);background:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-sm);width:240px;transition:border-color var(--mode-hover-duration),background-color var(--mode-hover-duration)}._searchInput_ncnxg_59:focus{outline:none;background:var(--surface-base);border-color:var(--interactive-primary)}._searchInput_ncnxg_59::placeholder{color:var(--text-tertiary)}._bulkActions_ncnxg_84{display:flex;align-items:center;gap:var(--spacing-2)}._selectedCount_ncnxg_90{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding-right:var(--spacing-2);border-right:1px solid var(--border-subtle);margin-right:var(--spacing-1)}._bulkAction_ncnxg_84{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1-5) var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._bulkAction_ncnxg_84:hover{background:var(--surface-subtle);color:var(--text-primary)}._bulkActionDanger_ncnxg_123:hover{background:var(--status-error-bg);color:var(--text-error)}._tableContainer_ncnxg_132{overflow:auto;position:relative}._table_ncnxg_132{width:100%;border-collapse:collapse;font-family:var(--font-secondary);font-size:var(--font-size-13)}._stickyHeader_ncnxg_153 ._thead_ncnxg_149{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-base)}._th_ncnxg_149{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}._thContent_ncnxg_172{display:inline-flex;align-items:center;gap:var(--spacing-1)}._sortable_ncnxg_178{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--mode-hover-duration)}._sortable_ncnxg_178:hover{color:var(--text-primary)}._sortIcon_ncnxg_188{display:inline-flex}._sortIconInactive_ncnxg_192{opacity:.3}._tbody_ncnxg_197{background:var(--surface-base)}._tr_ncnxg_201{border-bottom:1px solid var(--border-subtle);transition:background-color var(--mode-hover-duration)}._tr_ncnxg_201:last-child{border-bottom:none}._hoverable_ncnxg_210 ._tr_ncnxg_201:hover{background:var(--surface-subtle)}._trSelected_ncnxg_214,._trSelected_ncnxg_214:hover{background:var(--status-info-bg)}._striped_ncnxg_222 ._tr_ncnxg_201:nth-child(2n){background:var(--surface-subtle)}._td_ncnxg_226{padding:var(--spacing-3);color:var(--text-primary);vertical-align:middle}._checkboxCell_ncnxg_233{width:40px;text-align:center;padding-left:var(--spacing-3);padding-right:0}._checkbox_ncnxg_233{width:16px;height:16px;cursor:pointer;accent-color:var(--interactive-primary)}._actionsCell_ncnxg_248{width:48px;text-align:center;padding:var(--spacing-1)}._sticky-left_ncnxg_255{position:sticky;left:0;background:inherit;z-index:var(--z-sticky)}._sticky-right_ncnxg_262{position:sticky;right:0;background:inherit;z-index:var(--z-sticky)}._actionMenu_ncnxg_273{position:relative}._actionMenuTrigger_ncnxg_277{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._actionMenuTrigger_ncnxg_277:hover{background:var(--surface-subtle);color:var(--text-primary)}._actionMenuDropdown_ncnxg_298{position:absolute;top:100%;right:0;min-width:160px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--spacing-1)}._actionMenuItem_ncnxg_311{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--mode-hover-duration)}._actionMenuItem_ncnxg_311:hover{background:var(--surface-subtle)}._actionMenuItemDanger_ncnxg_332{color:var(--text-error)}._actionMenuItemDanger_ncnxg_332:hover{background:var(--status-error-bg)}._pagination_ncnxg_344{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-subtle);gap:var(--spacing-4);flex-wrap:wrap}._paginationInfo_ncnxg_354{display:flex;align-items:center;gap:var(--spacing-3)}._paginationText_ncnxg_360{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary)}._pageSizeSelect_ncnxg_366{padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer}._paginationControls_ncnxg_377{display:flex;align-items:center;gap:var(--spacing-2)}._paginationButton_ncnxg_383{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._paginationButton_ncnxg_383:hover:not(:disabled){background:var(--surface-layer);color:var(--text-primary)}._paginationButton_ncnxg_383:disabled{opacity:.5;cursor:not-allowed}._paginationPages_ncnxg_409{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);min-width:60px;text-align:center}._emptyState_ncnxg_421{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center}._emptyIcon_ncnxg_430{color:var(--text-tertiary);margin-bottom:var(--spacing-4)}._emptyTitle_ncnxg_435{font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._emptyDescription_ncnxg_443{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);margin:0 0 var(--spacing-4) 0;max-width:320px}._emptyAction_ncnxg_451{margin-top:var(--spacing-2)}._loadingOverlay_ncnxg_459{display:flex;align-items:center;justify-content:center;padding:var(--spacing-16)}._spinner_ncnxg_466{width:32px;height:32px;border:3px solid var(--surface-subtle);border-top-color:var(--interactive-primary);border-radius:50%;animation:_spin_ncnxg_466 .8s linear infinite}@keyframes _spin_ncnxg_466{to{transform:rotate(360deg)}}._compact_ncnxg_485 ._th_ncnxg_149,._compact_ncnxg_485 ._td_ncnxg_226{padding:var(--spacing-2);font-size:var(--font-size-12)}._compact_ncnxg_485 ._toolbar_ncnxg_21,._compact_ncnxg_485 ._pagination_ncnxg_344{padding:var(--spacing-2) var(--spacing-3)}@media(max-width:768px){._hideOnMobile_ncnxg_503{display:none}._toolbar_ncnxg_21{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}._toolbarRight_ncnxg_38{margin-left:0}._searchInput_ncnxg_59{width:100%}._pagination_ncnxg_344{flex-direction:column;gap:var(--spacing-3)}._paginationInfo_ncnxg_354{width:100%;justify-content:space-between}._paginationControls_ncnxg_377{width:100%;justify-content:center}}

package/dist/components/DataTable/DataTable.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DataTable } from './DataTable';
+
+declare const meta: Meta<typeof DataTable>;
+export default meta;
+type Story = StoryObj<typeof DataTable>;
+export declare const Default: Story;
+export declare const WithSearch: Story;
+export declare const Selectable: Story;
+export declare const WithPagination: Story;
+export declare const WithSorting: Story;
+export declare const WithRowActions: Story;
+export declare const Striped: Story;
+export declare const Compact: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const WithToolbar: Story;
+export declare const FullFeatured: Story;
+export declare const StickyHeader: Story;
+export declare const ClickableRows: Story;
+//# sourceMappingURL=DataTable.stories.d.ts.map

package/dist/components/DataTable/DataTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAsBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAqGxC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmF1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}