@orion-ds/react 4.2.1 → 4.2.4

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

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

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

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

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

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

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

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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DatePickerProps } from './DatePicker.types';
+
+export declare const DatePicker: React.FC<DatePickerProps>;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAG5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwJhD,CAAC"}

package/dist/components/DatePicker/DatePicker.module.css

@@ -0,0 +1 @@
+._wrapper_mndyh_7{display:inline-block;position:relative}._trigger_mndyh_13{min-width:200px;justify-content:flex-start;white-space:nowrap}._triggerIcon_mndyh_19{color:var(--text-tertiary);flex-shrink:0}._placeholder_mndyh_24{color:var(--text-tertiary)}._popover_mndyh_29{max-width:none}._popover_mndyh_29>div{padding:0}._popoverContent_mndyh_38{display:flex}._presets_mndyh_43{display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);padding:var(--spacing-2);min-width:140px}._presetButton_mndyh_51{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);white-space:nowrap}._presetButton_mndyh_51:hover{background:var(--interactive-ghost-hover);color:var(--text-primary)}._presetButton_mndyh_51:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){._presetButton_mndyh_51{transition:none}}

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

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./DatePicker.types').DatePickerProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        mode: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSelectedDate: Story;
+export declare const RangeMode: Story;
+export declare const RangeWithValue: Story;
+export declare const WithPresets: Story;
+export declare const WithMinMax: Story;
+export declare const CustomFormat: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

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

@@ -0,0 +1,75 @@
+import { DateRange } from '../Calendar/Calendar.types';
+
+/**
+ * Preset option for quick date selection
+ */
+export interface DatePickerPreset {
+    label: string;
+    value: Date | DateRange;
+}
+/**
+ * Base DatePicker props shared across modes
+ */
+interface DatePickerBaseProps {
+    /**
+     * Minimum selectable date
+     */
+    min?: Date;
+    /**
+     * Maximum selectable date
+     */
+    max?: Date;
+    /**
+     * Disabled dates — array of dates or predicate function
+     */
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    /**
+     * Placeholder text for the trigger button
+     * @default 'Pick a date'
+     */
+    placeholder?: string;
+    /**
+     * Quick-select presets (e.g., "Last 7 days")
+     */
+    presets?: DatePickerPreset[];
+    /**
+     * date-fns format string for displaying the selected date
+     * @default 'PPP'
+     */
+    format?: string;
+    /**
+     * Whether the trigger is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional class name for the trigger button
+     */
+    triggerClassName?: string;
+    /**
+     * Additional class name for the wrapper
+     */
+    className?: string;
+}
+/**
+ * Single date picker
+ */
+export interface DatePickerSingleProps extends DatePickerBaseProps {
+    mode?: "single";
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+}
+/**
+ * Range date picker
+ */
+export interface DatePickerRangeProps extends DatePickerBaseProps {
+    mode: "range";
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+}
+/**
+ * Union type for all DatePicker modes
+ */
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+export {};
+//# sourceMappingURL=DatePicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEnD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,oBAAoB,CAAC"}

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

@@ -0,0 +1,14 @@
+/**
+ * DatePicker Component - Date selection with popover calendar.
+ *
+ * @example
+ * ```tsx
+ * import { DatePicker } from '@orion-ds/react';
+ *
+ * <DatePicker selected={date} onSelect={setDate} />
+ * <DatePicker mode="range" selected={range} onSelect={setRange} presets={presets} />
+ * ```
+ */
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerSingleProps, DatePickerRangeProps, DatePickerPreset, } from './DatePicker.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC"}

package/dist/components/DetailPanel/DetailPanel.d.ts

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

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

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

package/dist/components/DetailPanel/DetailPanel.module.css

@@ -0,0 +1 @@
+._container_1pxo1_8{position:fixed;inset:0;z-index:var(--z-modal);display:flex}._overlay_1pxo1_19{position:absolute;inset:0;background:var(--surface-overlay);animation:_fadeIn_1pxo1_1 .2s ease-out}@keyframes _fadeIn_1pxo1_1{0%{opacity:0}to{opacity:1}}._panel_1pxo1_39{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background:var(--surface-base);box-shadow:var(--shadow-xl);outline:none}._position-right_1pxo1_50{right:0;border-left:1px solid var(--border-subtle);animation:_slideInRight_1pxo1_1 .2s ease-out}._position-left_1pxo1_56{left:0;border-right:1px solid var(--border-subtle);animation:_slideInLeft_1pxo1_1 .2s ease-out}@keyframes _slideInRight_1pxo1_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slideInLeft_1pxo1_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._size-sm_1pxo1_81{width:320px}._size-md_1pxo1_85{width:480px}._size-lg_1pxo1_89{width:640px}._size-xl_1pxo1_93{width:800px}._header_1pxo1_101{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0}._headerContent_1pxo1_111{flex:1;min-width:0}._title_1pxo1_116{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}._subtitle_1pxo1_125{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);margin:var(--spacing-1) 0 0 0;line-height:var(--line-height-relaxed)}._headerActions_1pxo1_133{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}._closeButton_1pxo1_140{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._closeButton_1pxo1_140:hover{background:var(--surface-subtle);color:var(--text-primary)}._closeButton_1pxo1_140:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._body_1pxo1_170{flex:1;overflow-y:auto;padding:var(--spacing-6)}._footer_1pxo1_180{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-subtle);background:var(--surface-subtle);flex-shrink:0}._loading_1pxo1_195{display:flex;align-items:center;justify-content:center;height:200px}._spinner_1pxo1_202{width:32px;height:32px;border:3px solid var(--surface-subtle);border-top-color:var(--interactive-primary);border-radius:50%;animation:_spin_1pxo1_202 .8s linear infinite}@keyframes _spin_1pxo1_202{to{transform:rotate(360deg)}}@media(max-width:640px){._panel_1pxo1_39{width:100%!important;max-width:100%}._header_1pxo1_101,._body_1pxo1_170,._footer_1pxo1_180{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DetailPanel } from './DetailPanel';
+
+declare const meta: Meta<typeof DetailPanel>;
+export default meta;
+type Story = StoryObj<typeof DetailPanel>;
+export declare const Default: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const LeftPosition: Story;
+export declare const WithHeaderActions: Story;
+export declare const Loading: Story;
+export declare const NoOverlay: Story;
+//# sourceMappingURL=DetailPanel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA2BlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAY1C,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmDvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC"}

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

@@ -0,0 +1,95 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * DetailPanel size
+ */
+export type DetailPanelSize = "sm" | "md" | "lg" | "xl";
+/**
+ * DetailPanel position
+ */
+export type DetailPanelPosition = "right" | "left";
+/**
+ * DetailPanel section props
+ *
+ * @example
+ * ```tsx
+ * <DetailPanel
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="User Details"
+ *   description="Edit user profile information"
+ *   footer={<Button>Save</Button>}
+ * >
+ *   <UserForm />
+ * </DetailPanel>
+ * ```
+ */
+export interface DetailPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Whether the panel is open
+     */
+    open: boolean;
+    /**
+     * Close callback
+     */
+    onClose: () => void;
+    /**
+     * Panel title
+     */
+    title: ReactNode;
+    /**
+     * Optional description text below title
+     */
+    description?: ReactNode;
+    /**
+     * @deprecated Use `description` instead. Will be removed in v3.0.
+     */
+    subtitle?: ReactNode;
+    /**
+     * Panel content
+     */
+    children: ReactNode;
+    /**
+     * Panel size
+     * - sm: 320px
+     * - md: 480px
+     * - lg: 640px
+     * - xl: 800px
+     * @default 'md'
+     */
+    size?: DetailPanelSize;
+    /**
+     * Panel position
+     * @default 'right'
+     */
+    position?: DetailPanelPosition;
+    /**
+     * Header actions (buttons in header area)
+     */
+    headerActions?: ReactNode;
+    /**
+     * Footer content
+     */
+    footer?: ReactNode;
+    /**
+     * Show overlay backdrop
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * Close on overlay click
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Close on Escape key
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=DetailPanel.types.d.ts.map

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

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

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

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

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

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