@orion-ds/react 4.2.1 → 4.2.4

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

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Tabs.types').TabsProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        tabs: {
+            description: string;
+        };
+        defaultTab: {
+            control: "text";
+            description: string;
+        };
+        activeTab: {
+            control: "text";
+            description: string;
+        };
+        fullWidth: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDefaultTab: Story;
+export declare const FullWidth: Story;
+export declare const WithIcons: Story;
+export declare const WithBadges: Story;
+export declare const WithDisabledTab: Story;
+export declare const ControlledTabs: Story;
+export declare const AccountSettings: Story;
+export declare const ProductDashboard: Story;
+export declare const DocumentationPages: Story;
+export declare const WithCustomStyling: Story;
+//# sourceMappingURL=Tabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA2EvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0ExB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyE7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyF5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAsH7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuI9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4HhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}

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

@@ -0,0 +1,73 @@
+import { ReactNode } from 'react';
+
+/**
+ * Tab item
+ */
+export interface TabItem {
+    /**
+     * Unique tab identifier
+     */
+    id: string;
+    /**
+     * Tab label
+     */
+    label: string;
+    /**
+     * Tab content
+     */
+    content: ReactNode;
+    /**
+     * Optional icon
+     */
+    icon?: ReactNode;
+    /**
+     * Disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Badge/count indicator
+     */
+    badge?: string | number;
+}
+/**
+ * Tabs component props
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   tabs={[
+ *     { id: 'tab1', label: 'Profile', content: <Profile /> },
+ *     { id: 'tab2', label: 'Settings', content: <Settings /> }
+ *   ]}
+ * />
+ * ```
+ */
+export interface TabsProps {
+    /**
+     * Array of tabs
+     */
+    tabs: TabItem[];
+    /**
+     * Default active tab ID
+     */
+    defaultTab?: string;
+    /**
+     * Controlled active tab ID
+     */
+    activeTab?: string;
+    /**
+     * Callback when tab changes
+     */
+    onChange?: (tabId: string) => void;
+    /**
+     * Full width tabs
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=Tabs.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,EAAE,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,20 @@
+/**
+ * Tabs Component - Content section switching.
+ *
+ * @example
+ * ```tsx
+ * import { Tabs } from '@orion-ds/react';
+ *
+ * <Tabs
+ *   items={[
+ *     { id: 'overview', label: 'Overview', content: <OverviewPanel /> },
+ *     { id: 'settings', label: 'Settings', content: <SettingsPanel /> },
+ *     { id: 'users', label: 'Users', content: <UsersPanel /> },
+ *   ]}
+ *   defaultTab="overview"
+ * />
+ * ```
+ */
+export { Tabs } from './Tabs';
+export type { TabsProps, TabItem } from './Tabs.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TextareaProps } from './Textarea.types';
+
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,2FA0LpB,CAAC"}

package/dist/components/Textarea/Textarea.module.css

@@ -0,0 +1 @@
+._container_6fdxe_13{display:flex;flex-direction:column;gap:var(--spacing-2)}._disabled_6fdxe_19{opacity:.6}._label_6fdxe_27{display:flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight);cursor:pointer}._disabled_6fdxe_19 ._label_6fdxe_27{cursor:not-allowed}._optional_6fdxe_47{font-size:var(--font-size-11);font-weight:var(--font-weight-normal);color:var(--text-tertiary)}._required_6fdxe_53{color:var(--status-error);font-weight:var(--font-weight-medium);margin-left:2px}._textarea_6fdxe_63{width:100%;display:block;font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-normal);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);transition:all var(--transition-fast);outline:none}._textarea_6fdxe_63::placeholder{color:var(--text-tertiary)}._textarea_6fdxe_63:hover:not(:disabled):not(:read-only){border-color:var(--border-strong)}._textarea_6fdxe_63:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._textarea_6fdxe_63:focus-visible{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand);outline:2px solid var(--interactive-primary);outline-offset:2px}._textarea_6fdxe_63:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed;opacity:.5}._textarea_6fdxe_63:read-only{background:var(--surface-subtle);border-color:var(--border-subtle);cursor:default}._textarea_6fdxe_63:-webkit-autofill,._textarea_6fdxe_63:-webkit-autofill:hover,._textarea_6fdxe_63:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-subtle) inset;transition:background-color 5000s ease-in-out 0s}._error_6fdxe_137 ._textarea_6fdxe_63{border-color:var(--status-error)}._error_6fdxe_137 ._textarea_6fdxe_63:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._error_6fdxe_137 ._textarea_6fdxe_63:focus-visible{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error);outline:2px solid var(--status-error);outline-offset:2px}._sm_6fdxe_157 ._textarea_6fdxe_63{padding:var(--spacing-2);font-size:var(--font-size-12);min-height:80px}._md_6fdxe_163 ._textarea_6fdxe_63{padding:var(--spacing-3);font-size:var(--font-size-14);min-height:120px}._lg_6fdxe_169 ._textarea_6fdxe_63{padding:var(--spacing-4);font-size:var(--font-size-16);min-height:160px}._resizeNone_6fdxe_179 ._textarea_6fdxe_63{resize:none}._resizeVertical_6fdxe_183 ._textarea_6fdxe_63{resize:vertical}._resizeHorizontal_6fdxe_187 ._textarea_6fdxe_63{resize:horizontal}._resizeBoth_6fdxe_191 ._textarea_6fdxe_63{resize:both}._footer_6fdxe_199{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}._footer_6fdxe_199 ._helperText_6fdxe_206{flex:1}._helperText_6fdxe_206{margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug)}._errorMessage_6fdxe_226{display:flex;align-items:flex-start;gap:var(--spacing-1);margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug)}._counter_6fdxe_241{font-family:var(--font-secondary);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--text-tertiary);text-align:right;line-height:var(--line-height-tight);flex-shrink:0}._counter_6fdxe_241._counterWarning_6fdxe_251{color:var(--status-warning)}._counter_6fdxe_241._counterError_6fdxe_255{color:var(--status-error);font-weight:var(--font-weight-medium)}@media(forced-colors:active){._textarea_6fdxe_63{border:2px solid CanvasText;background:Canvas;color:CanvasText}._textarea_6fdxe_63:focus,._textarea_6fdxe_63:focus-visible{outline:3px solid Highlight;outline-offset:2px}._textarea_6fdxe_63:disabled{border-color:GrayText;color:GrayText}._error_6fdxe_137 ._textarea_6fdxe_63{border-color:LinkText}._errorMessage_6fdxe_226,._required_6fdxe_53,._counterError_6fdxe_255{color:LinkText}}@media(prefers-reduced-motion:reduce){._textarea_6fdxe_63{transition:none}}

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

@@ -0,0 +1,74 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Textarea.types').TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        resize: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        label: {
+            control: "text";
+            description: string;
+        };
+        helperText: {
+            control: "text";
+            description: string;
+        };
+        error: {
+            control: "text";
+            description: string;
+        };
+        showCounter: {
+            control: "boolean";
+            description: string;
+        };
+        maxLength: {
+            control: "number";
+            description: string;
+        };
+        rows: {
+            control: "number";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const WithCharacterCounter: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const ResizeNone: Story;
+export declare const ResizeHorizontal: Story;
+export declare const ResizeBoth: Story;
+export declare const Disabled: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithRows: Story;
+export declare const Interactive: Story;
+export declare const CommentForm: Story;
+export declare const FeedbackForm: Story;
+export declare const AllSizes: Story;
+export declare const AllResizeBehaviors: Story;
+export declare const AllStates: Story;
+export declare const CharacterCounter: Story;
+export declare const SupportTicket: Story;
+export declare const WithCustomStyling: Story;
+//# sourceMappingURL=Textarea.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuGzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2E1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4EhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC"}

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

@@ -0,0 +1,86 @@
+import { TextareaHTMLAttributes } from 'react';
+
+/**
+ * Textarea sizes
+ */
+export type TextareaSize = "sm" | "md" | "lg";
+/**
+ * Textarea resize behavior
+ */
+export type TextareaResize = "none" | "vertical" | "horizontal" | "both";
+/**
+ * Textarea component props
+ *
+ * @example
+ * ```tsx
+ * <Textarea label="Description" placeholder="Enter description..." />
+ * <Textarea
+ *   label="Bio"
+ *   helperText="Tell us about yourself"
+ *   maxLength={500}
+ *   showCounter
+ * />
+ * ```
+ */
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    /**
+     * Textarea label text.
+     * Required for accessibility unless aria-label is provided.
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the textarea.
+     * Automatically linked via aria-describedby.
+     */
+    helperText?: string;
+    /**
+     * Error message.
+     * Shows error state and displays message below textarea.
+     */
+    error?: string;
+    /**
+     * Textarea size variant.
+     * @default 'md'
+     */
+    size?: TextareaSize;
+    /**
+     * Resize behavior.
+     * @default 'vertical'
+     */
+    resize?: TextareaResize;
+    /**
+     * Show character counter.
+     * Counter is announced to screen readers via aria-live.
+     * @default false
+     */
+    showCounter?: boolean;
+    /**
+     * Maximum character length.
+     * Required if showCounter is true.
+     */
+    maxLength?: number;
+    /**
+     * Shows "(optional)" indicator next to label.
+     * @default false
+     */
+    optional?: boolean;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Textarea
+     *   aria-label="Additional comments"
+     *   placeholder="Enter your comments..."
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this textarea.
+     * Automatically includes error, helper text, and counter IDs when provided.
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Textarea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,15 @@
+/**
+ * Textarea Component - Multi-line text input.
+ *
+ * @example
+ * ```tsx
+ * import { Textarea } from '@orion-ds/react';
+ *
+ * <Textarea label="Message" placeholder="Enter your message..." />
+ * <Textarea label="Bio" rows={4} resize="vertical" />
+ * <Textarea label="Notes" error="This field is required" />
+ * ```
+ */
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaSize, TextareaResize, } from './Textarea.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,kBAAkB,CAAC"}

package/dist/components/ThemeController/ThemeController.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAgDpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuU1D,CAAC"}

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ThemeController } from './ThemeController';
+
+declare const meta: Meta<typeof ThemeController>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ThemeToggleOnly: Story;
+export declare const BrandSelectorOnly: Story;
+export declare const WithoutSummary: Story;
+export declare const CompactMode: Story;
+export declare const CompactThemeOnly: Story;
+export declare const CompactBrandsOnly: Story;
+export declare const WithCallbacks: Story;
+export declare const InSidebar: Story;
+export declare const InNavbar: Story;
+export declare const SettingsPanel: Story;
+export declare const FloatingControl: Story;
+export declare const MinimalControl: Story;
+export declare const DemoShowcase: Story;
+//# sourceMappingURL=ThemeController.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeController.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAgCtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA+EvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+D3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+C7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA6C5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAqF1B,CAAC"}

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

@@ -0,0 +1,53 @@
+import { CSSProperties } from 'react';
+import { Theme, Brand } from '../../hooks/useTheme';
+
+/**
+ * ThemeController component props
+ *
+ * @example
+ * ```tsx
+ * <ThemeController
+ *   showBrandSelector
+ *   showSummary
+ * />
+ * ```
+ */
+export interface ThemeControllerProps {
+    /**
+     * Show brand selector
+     * @default true
+     */
+    showBrandSelector?: boolean;
+    /**
+     * Show theme toggle
+     * @default true
+     */
+    showThemeToggle?: boolean;
+    /**
+     * Show current settings summary
+     * @default true
+     */
+    showSummary?: boolean;
+    /**
+     * Compact mode (horizontal layout)
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Theme change callback
+     */
+    onThemeChange?: (theme: Theme) => void;
+    /**
+     * Brand change callback
+     */
+    onBrandChange?: (brand: Brand) => void;
+}
+//# sourceMappingURL=ThemeController.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeController.types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEzD;;;;;;;;;;GAUG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC"}

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

@@ -0,0 +1,20 @@
+/**
+ * ThemeController Component - Theme and brand switcher UI.
+ *
+ * @example
+ * ```tsx
+ * import { ThemeController } from '@orion-ds/react';
+ *
+ * // Full controller with theme and brand options
+ * <ThemeController />
+ *
+ * // Theme toggle only
+ * <ThemeController showBrandSelector={false} />
+ *
+ * // Compact version
+ * <ThemeController compact />
+ * ```
+ */
+export { ThemeController } from './ThemeController';
+export type { ThemeControllerProps } from './ThemeController.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,14 @@
+import { ToastProviderProps, ToastContextValue } from './Toast.types';
+
+/**
+ * Hook to access toast functions
+ */
+export declare const useToast: () => ToastContextValue;
+/**
+ * Toast Provider Component
+ */
+export declare const ToastProvider: {
+    ({ children, position, maxToasts, defaultDuration, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAWH,OAAO,KAAK,EAGV,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAUvB;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AA8KF;;GAEG;AACH,eAAO,MAAM,aAAa;0DAKvB,kBAAkB;;CA6FpB,CAAC"}

package/dist/components/Toast/Toast.module.css

@@ -0,0 +1 @@
+._container_ys2b2_9{position:fixed;z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);pointer-events:none;max-width:420px;width:100%}._top-left_ys2b2_25{top:0;left:0}._top-center_ys2b2_30{top:0;left:50%;transform:translate(-50%)}._top-right_ys2b2_36{top:0;right:0}._bottom-left_ys2b2_41{bottom:0;left:0;flex-direction:column-reverse}._bottom-center_ys2b2_47{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}._bottom-right_ys2b2_54{bottom:0;right:0;flex-direction:column-reverse}._toast_ys2b2_64{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);pointer-events:auto;animation:_slideIn_ys2b2_1 .2s ease-out}._exiting_ys2b2_77{animation:_slideOut_ys2b2_1 .2s ease-in forwards}@keyframes _slideIn_ys2b2_1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_ys2b2_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}._top-left_ys2b2_25 ._toast_ys2b2_64,._bottom-left_ys2b2_41 ._toast_ys2b2_64{animation-name:_slideInLeft_ys2b2_1}._top-left_ys2b2_25 ._exiting_ys2b2_77,._bottom-left_ys2b2_41 ._exiting_ys2b2_77{animation-name:_slideOutLeft_ys2b2_1}@keyframes _slideInLeft_ys2b2_1{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes _slideOutLeft_ys2b2_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}._top-center_ys2b2_30 ._toast_ys2b2_64,._bottom-center_ys2b2_47 ._toast_ys2b2_64{animation-name:_slideInCenter_ys2b2_1}._top-center_ys2b2_30 ._exiting_ys2b2_77,._bottom-center_ys2b2_47 ._exiting_ys2b2_77{animation-name:_slideOutCenter_ys2b2_1}@keyframes _slideInCenter_ys2b2_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideOutCenter_ys2b2_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}._info_ys2b2_173 ._icon_ys2b2_173{color:var(--status-info)}._success_ys2b2_177 ._icon_ys2b2_173{color:var(--status-success)}._warning_ys2b2_181 ._icon_ys2b2_173{color:var(--status-warning)}._error_ys2b2_185 ._icon_ys2b2_173{color:var(--status-error)}._icon_ys2b2_173{flex-shrink:0;width:20px;height:20px}._content_ys2b2_199{flex:1;min-width:0}._title_ys2b2_204{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}._message_ys2b2_212{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary);line-height:var(--line-height-relaxed)}._action_ys2b2_223{flex-shrink:0;padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-brand);cursor:pointer;transition:background-color var(--transition-fast)}._action_ys2b2_223:hover{background:var(--surface-subtle)}._action_ys2b2_223:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._closeButton_ys2b2_246{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);margin:calc(var(--spacing-1) * -1) calc(var(--spacing-1) * -1) calc(var(--spacing-1) * -1) 0}._closeButton_ys2b2_246:hover{background:var(--surface-subtle);color:var(--text-primary)}._closeButton_ys2b2_246:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){._toast_ys2b2_64,._exiting_ys2b2_77{animation:none}}@media(max-width:480px){._container_ys2b2_9{max-width:100%;padding:var(--spacing-3)}._toast_ys2b2_64{padding:var(--spacing-3)}}

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

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ToastProvider } from './Toast';
+
+declare const meta: Meta<typeof ToastProvider>;
+export default meta;
+type Story = StoryObj<typeof ToastProvider>;
+export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithAction: Story;
+export declare const LongDuration: Story;
+export declare const NoDismiss: Story;
+export declare const PersistentToast: Story;
+export declare const MultipleToasts: Story;
+export declare const DismissAll: Story;
+export declare const TopRight: Story;
+export declare const TopCenter: Story;
+export declare const BottomLeft: Story;
+export declare const BottomCenter: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Toast.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAY,MAAM,SAAS,CAAC;AAGlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAcpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAqC5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAwB7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC"}

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

@@ -0,0 +1,122 @@
+import { ReactNode } from 'react';
+
+/**
+ * Toast variants
+ */
+export type ToastVariant = "info" | "success" | "warning" | "error";
+/**
+ * Toast position on screen
+ */
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+/**
+ * Individual toast data
+ */
+export interface Toast {
+    /**
+     * Unique identifier for the toast
+     */
+    id: string;
+    /**
+     * Toast title (optional)
+     */
+    title?: string;
+    /**
+     * Toast message content
+     */
+    message: ReactNode;
+    /**
+     * Visual variant of the toast
+     * @default 'info'
+     */
+    variant?: ToastVariant;
+    /**
+     * Duration in milliseconds before auto-dismiss (0 = no auto-dismiss)
+     * @default 5000
+     */
+    duration?: number;
+    /**
+     * Whether the toast can be dismissed by the user
+     * @default true
+     */
+    dismissible?: boolean;
+    /**
+     * Optional action button
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Callback when toast is dismissed
+     */
+    onDismiss?: () => void;
+}
+/**
+ * Toast creation options (without id)
+ */
+export type ToastOptions = Omit<Toast, "id">;
+/**
+ * Toast Provider props
+ */
+export interface ToastProviderProps {
+    /**
+     * Children to wrap
+     */
+    children: ReactNode;
+    /**
+     * Default position for toasts
+     * @default 'bottom-right'
+     */
+    position?: ToastPosition;
+    /**
+     * Maximum number of toasts to show at once
+     * @default 5
+     */
+    maxToasts?: number;
+    /**
+     * Default duration for toasts
+     * @default 5000
+     */
+    defaultDuration?: number;
+}
+/**
+ * Toast context value
+ */
+export interface ToastContextValue {
+    /**
+     * Add a new toast
+     */
+    toast: (options: ToastOptions) => string;
+    /**
+     * Add an info toast (shorthand)
+     */
+    info: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Add a success toast (shorthand)
+     */
+    success: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Add a warning toast (shorthand)
+     */
+    warning: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Add an error toast (shorthand)
+     */
+    error: (message: string, options?: Partial<ToastOptions>) => string;
+    /**
+     * Dismiss a toast by id
+     */
+    dismiss: (id: string) => void;
+    /**
+     * Dismiss all toasts
+     */
+    dismissAll: () => void;
+}
+/**
+ * Single toast item props (internal)
+ */
+export interface ToastItemProps {
+    toast: Toast;
+    onDismiss: (id: string) => void;
+}
+//# sourceMappingURL=Toast.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IAEzC;;OAEG;IACH,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEnE;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEtE;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEtE;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAEpE;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC"}