@orion-ds/react 4.2.1 → 4.2.4

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

@@ -0,0 +1,113 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * List size variants
+ */
+export type ListSize = "sm" | "md" | "lg";
+/**
+ * List variant
+ */
+export type ListVariant = "default" | "bordered" | "divided";
+/**
+ * List item
+ */
+export interface ListItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Primary content (text or element)
+     */
+    primary: ReactNode;
+    /**
+     * Secondary content (smaller text below primary)
+     */
+    secondary?: ReactNode;
+    /**
+     * Icon or avatar on the left
+     */
+    leading?: ReactNode;
+    /**
+     * Content on the right (icon, badge, etc.)
+     */
+    trailing?: ReactNode;
+    /**
+     * Whether this item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether this item is selected (for selectable lists)
+     */
+    selected?: boolean;
+    /**
+     * Click handler for the item
+     */
+    onClick?: () => void;
+    /**
+     * Additional class name for the item
+     */
+    className?: string;
+}
+/**
+ * List component props
+ *
+ * @example
+ * ```tsx
+ * <List
+ *   items={[
+ *     { id: '1', primary: 'Item 1', secondary: 'Description' },
+ *     { id: '2', primary: 'Item 2', leading: <UserIcon /> },
+ *   ]}
+ * />
+ * ```
+ */
+export interface ListProps extends Omit<HTMLAttributes<HTMLUListElement>, "onSelect"> {
+    /**
+     * List items
+     */
+    items: ListItem[];
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: ListSize;
+    /**
+     * Visual variant
+     * @default 'default'
+     */
+    variant?: ListVariant;
+    /**
+     * Whether the list items are interactive (hoverable/clickable)
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * Whether items can be selected
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Callback when an item is selected
+     */
+    onSelect?: (item: ListItem) => void;
+    /**
+     * Render custom list item content
+     */
+    renderItem?: (item: ListItem, index: number) => ReactNode;
+    /**
+     * Custom empty state when no items
+     */
+    emptyContent?: ReactNode;
+}
+/**
+ * List Item component props (internal)
+ */
+export interface ListItemProps {
+    item: ListItem;
+    size: ListSize;
+    interactive: boolean;
+    selectable: boolean;
+    onClick?: () => void;
+}
+//# sourceMappingURL=List.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX;IACC;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE1D;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

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

@@ -0,0 +1,20 @@
+/**
+ * List Component - Vertical item list display.
+ *
+ * @example
+ * ```tsx
+ * import { List } from '@orion-ds/react';
+ * import { User, Settings, LogOut } from 'lucide-react';
+ *
+ * <List
+ *   items={[
+ *     { id: '1', label: 'Profile', icon: <User size={18} />, onClick: goToProfile },
+ *     { id: '2', label: 'Settings', icon: <Settings size={18} />, onClick: goToSettings },
+ *     { id: '3', label: 'Log out', icon: <LogOut size={18} />, onClick: handleLogout },
+ *   ]}
+ * />
+ * ```
+ */
+export { List } from './List';
+export type { ListProps, ListItem, ListSize, ListVariant } from './List.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/MetricCards/MetricCards.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCards.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCards/MetricCards.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiD7E,QAAA,MAAM,UAAU,4GA4Gf,CAAC;AAKF,eAAO,MAAM,WAAW,6GAiCvB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/MetricCards/MetricCards.module.css

@@ -0,0 +1 @@
+._metricCards_19r8j_8{display:grid;gap:var(--mode-spacing-element)}._cols-2_19r8j_13{grid-template-columns:repeat(2,1fr)}._cols-3_19r8j_17{grid-template-columns:repeat(3,1fr)}._cols-4_19r8j_21{grid-template-columns:repeat(4,1fr)}._cols-5_19r8j_25{grid-template-columns:repeat(5,1fr)}._card_19r8j_33{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--mode-spacing-element);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);text-decoration:none;color:inherit;box-shadow:var(--mode-shadow-default);transition:box-shadow var(--mode-hover-duration),border-color var(--mode-hover-duration)}._interactive_19r8j_49{cursor:pointer}._interactive_19r8j_49:hover{border-color:var(--border-moderate);box-shadow:var(--mode-shadow-hover)}._interactive_19r8j_49:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._loading_19r8j_63{pointer-events:none}._cardHeader_19r8j_71{display:flex;align-items:center;gap:var(--spacing-2)}._cardIcon_19r8j_77{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}._label_19r8j_88{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--line-height-tight)}._cardBody_19r8j_100{display:flex;align-items:baseline;gap:var(--spacing-4);min-height:36px}._value_19r8j_107{font-family:var(--font-secondary);font-size:clamp(1.5rem,2vw,1.75rem);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;letter-spacing:-.02em}._skeleton_19r8j_116{width:100px;height:32px;background:var(--surface-subtle);border-radius:var(--radius-sm);animation:_pulse_19r8j_1 1.5s ease-in-out infinite}@keyframes _pulse_19r8j_1{0%,to{opacity:1}50%{opacity:.5}}._sparkline_19r8j_134{flex-shrink:0;opacity:.8}._cardFooter_19r8j_143{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-1)}._change_19r8j_150{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium)}._positive_19r8j_159{color:var(--text-success)}._negative_19r8j_163{color:var(--text-error)}._changeLabel_19r8j_167{color:var(--text-tertiary);font-weight:var(--font-weight-normal);margin-left:var(--spacing-1)}._description_19r8j_173{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);line-height:var(--line-height-relaxed)}._variant-compact_19r8j_184{padding:var(--spacing-3);gap:var(--spacing-1)}._variant-compact_19r8j_184 ._cardIcon_19r8j_77{width:24px;height:24px}._variant-compact_19r8j_184 ._label_19r8j_88{font-size:var(--font-size-12)}._variant-compact_19r8j_184 ._cardBody_19r8j_100{min-height:28px}._variant-compact_19r8j_184 ._value_19r8j_107{font-size:var(--font-size-20)}._variant-compact_19r8j_184 ._change_19r8j_150{font-size:var(--font-size-11)}._variant-detailed_19r8j_214{padding:var(--spacing-5);gap:var(--spacing-3)}._variant-detailed_19r8j_214 ._cardIcon_19r8j_77{width:40px;height:40px}._variant-detailed_19r8j_214 ._cardBody_19r8j_100{justify-content:space-between}._variant-detailed_19r8j_214 ._value_19r8j_107{font-size:var(--font-size-32)}@media(max-width:1200px){._cols-5_19r8j_25{grid-template-columns:repeat(3,1fr)}._cols-4_19r8j_21{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){._cols-5_19r8j_25,._cols-4_19r8j_21,._cols-3_19r8j_17{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){._cols-5_19r8j_25,._cols-4_19r8j_21,._cols-3_19r8j_17,._cols-2_19r8j_13{grid-template-columns:1fr}._card_19r8j_33{padding:var(--spacing-4)}}

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

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MetricCards } from './MetricCards';
+
+declare const meta: Meta<typeof MetricCards>;
+export default meta;
+type Story = StoryObj<typeof MetricCards>;
+export declare const Default: Story;
+export declare const ThreeColumns: Story;
+export declare const Compact: Story;
+export declare const Detailed: Story;
+export declare const WithLinks: Story;
+export declare const Loading: Story;
+export declare const FiveColumns: Story;
+export declare const NoIcons: Story;
+export declare const TwoColumns: Story;
+//# sourceMappingURL=MetricCards.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCards/MetricCards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAwBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuB1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC"}

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

@@ -0,0 +1,134 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Trend indicator for a metric
+ */
+export interface MetricTrend {
+    /**
+     * Trend value (e.g., "+12%", "-5%")
+     */
+    value: string;
+    /**
+     * Whether the trend is positive
+     * @default true
+     */
+    positive?: boolean;
+    /**
+     * Comparison period label (e.g., "vs last month")
+     */
+    label?: string;
+}
+/**
+ * Sparkline data point
+ */
+export type SparklineData = number[];
+/**
+ * Individual metric item
+ */
+export interface MetricItem {
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Metric label
+     */
+    label: string;
+    /**
+     * Main value (e.g., "$12,345", "89%", "1,234")
+     */
+    value: string | number;
+    /**
+     * Optional change/trend indicator
+     */
+    change?: MetricTrend;
+    /**
+     * Optional icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Optional sparkline data
+     */
+    sparkline?: SparklineData;
+    /**
+     * Optional link to detailed view
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+    /**
+     * Additional description
+     */
+    description?: string;
+    /**
+     * Loading state for this metric
+     */
+    loading?: boolean;
+}
+/**
+ * MetricCards column count
+ */
+export type MetricCardsColumns = 2 | 3 | 4 | 5;
+/**
+ * MetricCards visual variant
+ */
+export type MetricCardsVariant = "default" | "compact" | "detailed";
+/**
+ * MetricCards section props
+ *
+ * @example
+ * ```tsx
+ * <MetricCards
+ *   metrics={[
+ *     { label: 'Revenue', value: '$12,345', change: { value: '+12%', positive: true } },
+ *     { label: 'Users', value: '1,234', change: { value: '+5%', positive: true } },
+ *     { label: 'Conversion', value: '3.2%', change: { value: '-0.5%', positive: false } }
+ *   ]}
+ *   columns={3}
+ * />
+ * ```
+ */
+export interface MetricCardsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of metric items
+     */
+    metrics: MetricItem[];
+    /**
+     * Number of grid columns
+     * @default 4
+     */
+    columns?: MetricCardsColumns;
+    /**
+     * Visual variant
+     * - default: Standard cards with borders
+     * - compact: Smaller padding and text
+     * - detailed: Includes sparklines and descriptions
+     * @default 'default'
+     */
+    variant?: MetricCardsVariant;
+    /**
+     * Loading state for all cards
+     * @default false
+     */
+    loading?: boolean;
+}
+/**
+ * Individual MetricCard props (internal component)
+ */
+export interface MetricCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Metric data
+     */
+    metric: MetricItem;
+    /**
+     * Visual variant
+     */
+    variant?: MetricCardsVariant;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=MetricCards.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCards.types.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCards/MetricCards.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,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { MetricCards, MetricCard } from './MetricCards';
+export type { MetricCardsProps, MetricCardProps, MetricItem, MetricTrend, SparklineData, MetricCardsColumns, MetricCardsVariant, } from './MetricCards.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './Modal.types';
+
+export declare const Modal: React.FC<ModalProps> & {
+    Header: React.FC<ModalHeaderProps>;
+    Body: React.FC<ModalBodyProps>;
+    Footer: React.FC<ModalFooterProps>;
+};
+//# 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":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CA+EpC,CAAC"}

package/dist/components/Modal/Modal.module.css

@@ -0,0 +1 @@
+._backdrop_35vfn_8{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:var(--surface-overlay);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));animation:_fadeIn_35vfn_1 .2s ease;padding:var(--spacing-4);overflow-y:auto}@keyframes _fadeIn_35vfn_1{0%{opacity:0}to{opacity:1}}._modal_35vfn_32{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - var(--spacing-8));background:var(--surface-base);border-radius:var(--radius-container);box-shadow:var(--shadow-xl);animation:_slideUp_35vfn_1 .2s ease}@keyframes _slideUp_35vfn_1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){._backdrop_35vfn_8,._modal_35vfn_32{animation:none}}._sm_35vfn_67{max-width:400px}._md_35vfn_71{max-width:560px}._lg_35vfn_75{max-width:720px}._xl_35vfn_79{max-width:960px}._full_35vfn_83{max-width:100%;margin:var(--spacing-4)}._header_35vfn_93{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-20);font-weight:var(--font-weight-bold);color:var(--text-primary)}._closeButton_35vfn_105{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:var(--spacing-4);flex-shrink:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-20);line-height:1;transition:all var(--transition-fast)}._closeButton_35vfn_105:hover{background:var(--interactive-ghost-hover);color:var(--text-primary)}._closeButton_35vfn_105:active{transform:scale(.95)}._closeButton_35vfn_105:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._body_35vfn_145{padding:var(--spacing-6);overflow-y:auto;flex:1;color:var(--text-primary)}._footer_35vfn_153{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--border-subtle)}

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

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Modal } from './Modal';
+
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const FullScreen: Story;
+export declare const WithoutCloseButton: Story;
+export declare const NoBackdropClose: Story;
+export declare const ConfirmationDialog: Story;
+export declare const FormModal: Story;
+export declare const AllSizes: Story;
+//# sourceMappingURL=Modal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgBnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA8DtB,CAAC"}

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

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+
+/**
+ * Modal sizes
+ */
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+/**
+ * Modal component props
+ *
+ * @example
+ * ```tsx
+ * <Modal open={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Modal.Header>Title</Modal.Header>
+ *   <Modal.Body>Content</Modal.Body>
+ *   <Modal.Footer>
+ *     <Button onClick={handleSave}>Save</Button>
+ *   </Modal.Footer>
+ * </Modal>
+ * ```
+ */
+export interface ModalProps {
+    /**
+     * Whether the modal is open
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal size
+     * @default 'md'
+     */
+    size?: ModalSize;
+    /**
+     * Close on backdrop click
+     * @default true
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * Close on Escape key
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Show close button
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Modal content
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Modal Header props
+ */
+export interface ModalHeaderProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * Modal Body props
+ */
+export interface ModalBodyProps {
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * Modal Footer props
+ */
+export interface ModalFooterProps {
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=Modal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,20 @@
+/**
+ * Modal Component - Dialogs and confirmation windows.
+ *
+ * @example
+ * ```tsx
+ * import { Modal, Button } from '@orion-ds/react';
+ *
+ * <Modal isOpen={isOpen} onClose={() => setIsOpen(false)} size="md">
+ *   <Modal.Header>Confirm Action</Modal.Header>
+ *   <Modal.Body>Are you sure you want to proceed?</Modal.Body>
+ *   <Modal.Footer>
+ *     <Button variant="ghost" onClick={() => setIsOpen(false)}>Cancel</Button>
+ *     <Button variant="primary">Confirm</Button>
+ *   </Modal.Footer>
+ * </Modal>
+ * ```
+ */
+export { Modal } from './Modal';
+export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalSize, } from './Modal.types';
+//# 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;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC"}

package/dist/components/NavTree/NavTree.d.ts

@@ -0,0 +1,7 @@
+import { NavTreeProps } from './NavTree.types';
+
+/**
+ * Notion-style navigation tree component
+ */
+export declare const NavTree: import('react').ForwardRefExoticComponent<NavTreeProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NavTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/NavTree.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAcH,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAsBzB;;GAEG;AACH,eAAO,MAAM,OAAO,yGAiHnB,CAAC"}

package/dist/components/NavTree/NavTree.module.css

@@ -0,0 +1 @@
+._navTree_6iya4_12{width:100%;height:100%;background:var(--surface-base);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary)}._header_6iya4_29{flex-shrink:0;padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-base)}._footer_6iya4_36{flex-shrink:0;padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._treeContent_6iya4_47{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2)}._treeContent_6iya4_47::-webkit-scrollbar{width:4px}._treeContent_6iya4_47::-webkit-scrollbar-track{background:transparent}._treeContent_6iya4_47::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}._treeContent_6iya4_47::-webkit-scrollbar-thumb:hover{background:var(--border-interactive)}._section_6iya4_76{margin-bottom:var(--spacing-1)}._sectionHeader_6iya4_81{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);cursor:pointer;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}._sectionHeader_6iya4_81:hover{background:var(--surface-subtle);color:var(--text-primary)}._sectionHeaderNode_6iya4_100{padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-2)}._sectionChevron_6iya4_105{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;width:20px;height:20px}._sectionChevronOpen_6iya4_117{transform:rotate(90deg)}._sectionTitle_6iya4_122{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}._sectionTitleNode_6iya4_136{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}._sectionBody_6iya4_148{display:flex;flex-direction:column}._sectionActions_6iya4_154{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:var(--spacing-05);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;padding-left:var(--spacing-8);background:linear-gradient(to right,transparent,var(--surface-base) 40%)}._sectionHeader_6iya4_81:hover ._sectionActions_6iya4_154,._sectionHeader_6iya4_81:focus-within ._sectionActions_6iya4_154{opacity:1;pointer-events:auto;background:linear-gradient(to right,transparent,var(--surface-subtle) 40%)}._node_6iya4_182{position:relative}._nodeRow_6iya4_187{display:flex;align-items:center;gap:var(--spacing-2);min-height:var(--spacing-8);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 0;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration);-webkit-user-select:none;user-select:none;position:relative}._nodeRow_6iya4_187:hover{background:var(--surface-subtle);color:var(--text-primary)}._nodeRowActive_6iya4_208{background:var(--color-brand-soft)}._nodeRowActive_6iya4_208:hover{background:var(--color-brand-soft-hover)}._nodeRowActive_6iya4_208 ._nodeLabel_6iya4_216{color:var(--text-brand);font-weight:var(--font-weight-medium)}._nodeRowActive_6iya4_208 ._nodeIcon_6iya4_221,._nodeRowActive_6iya4_208 ._nodeChevron_6iya4_222{color:var(--text-brand)}._nodeChevron_6iya4_222{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0;width:20px;height:20px}._nodeChevronOpen_6iya4_238{transform:rotate(90deg)}._nodeChevronHidden_6iya4_243{width:20px;flex-shrink:0;opacity:0;pointer-events:none}._nodeIcon_6iya4_221{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary);width:20px;height:20px}._nodeLabel_6iya4_216{flex:1;font-size:var(--font-size-14);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;-webkit-user-select:none;user-select:none}._nodeActions_6iya4_277{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:var(--spacing-05);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;padding-left:var(--spacing-8);background:linear-gradient(to right,transparent,var(--surface-base) 40%)}._nodeRow_6iya4_187:hover ._nodeActions_6iya4_277,._nodeRow_6iya4_187:focus-within ._nodeActions_6iya4_277{opacity:1;pointer-events:auto;background:linear-gradient(to right,transparent,var(--surface-subtle) 40%)}._nodeRowActive_6iya4_208 ._nodeActions_6iya4_277{background:linear-gradient(to right,transparent,var(--color-brand-soft) 40%)}._nodeChildren_6iya4_311{display:flex;flex-direction:column;position:relative;border-left:1px solid var(--border-subtle);margin-left:var(--spacing-3)}._nodeNested_6iya4_321 ._nodeLabel_6iya4_216{font-size:var(--font-size-13)}._iconSlot_6iya4_330{position:relative;width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._slotIcon_6iya4_341{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);opacity:1}._slotChevron_6iya4_352{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:opacity var(--transition-fast),transform var(--transition-fast);opacity:0}._slotChevronOpen_6iya4_364{transform:rotate(90deg)}._sectionHeader_6iya4_81:has(._slotChevron_6iya4_352):hover ._slotIcon_6iya4_341,._nodeRow_6iya4_187:has(._slotChevron_6iya4_352):hover ._slotIcon_6iya4_341{opacity:0}._sectionHeader_6iya4_81:has(._slotChevron_6iya4_352):hover ._slotChevron_6iya4_352,._nodeRow_6iya4_187:has(._slotChevron_6iya4_352):hover ._slotChevron_6iya4_352{opacity:1}._sectionIcon_6iya4_381{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;width:16px;height:16px}._sectionIconNode_6iya4_392{display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;width:20px;height:20px}._sectionBadge_6iya4_403{font-size:var(--font-size-11);font-family:var(--font-secondary);color:var(--text-tertiary);background:var(--surface-layer);border-radius:var(--radius-full);padding:0 var(--spacing-1);min-width:18px;text-align:center;flex-shrink:0;margin-right:auto;margin-left:var(--spacing-2)}._nodeBadge_6iya4_418{font-size:var(--font-size-11);font-family:var(--font-secondary);color:var(--text-tertiary);background:var(--surface-layer);border-radius:var(--radius-full);padding:0 var(--spacing-1);min-width:18px;text-align:center;flex-shrink:0;margin-left:auto}._empty_6iya4_435{padding:var(--spacing-4) var(--spacing-3);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-12)}._nodeRow_6iya4_187:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._sectionHeader_6iya4_81:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}

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

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NavTree } from './NavTree';
+
+declare const meta: Meta<typeof NavTree>;
+export default meta;
+/**
+ * Default story with realistic data structure
+ */
+export declare const Default: StoryObj<typeof NavTree>;
+/**
+ * Compact variant with fewer items
+ */
+export declare const Compact: StoryObj<typeof NavTree>;
+/**
+ * With header and footer
+ */
+export declare const WithHeaderAndFooter: StoryObj<typeof NavTree>;
+/**
+ * Headless variant without section headers
+ */
+export declare const Headless: StoryObj<typeof NavTree>;
+/**
+ * With agents (ChatBuilder/AgentWorkspace style)
+ * Demonstrates Avatar icons, nested agent structure, and ChatBuilder sections
+ */
+export declare const WithAgents: StoryObj<typeof NavTree>;
+//# sourceMappingURL=NavTree.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavTree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/NavTree.stories.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAwBvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAa9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,OAAO,CA8M5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,OAAO,CAmD5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,OAAO,CA2DxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,OAAO,CAgH7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,OAAO,CAyI/C,CAAC"}