@orion-ds/react 4.2.1 → 4.2.4

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

@@ -0,0 +1,37 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Stepper } from './Stepper';
+
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof Stepper>;
+export declare const Default: Story;
+export declare const WithDescriptions: Story;
+export declare const Interactive: Story;
+export declare const WithIcons: Story;
+export declare const Vertical: Story;
+export declare const WithOptionalSteps: Story;
+export declare const WithError: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const AllSizes: Story;
+export declare const NoNumbers: Story;
+export declare const NoConnectors: Story;
+export declare const LabelRight: Story;
+export declare const AllCompleted: Story;
+export declare const WithDisabledSteps: Story;
+export declare const MobilePreview: Story;
+export declare const CheckoutWizard: Story;
+/**
+ * Scrollable Mobile - Shows the stepper with horizontal scrolling enabled for many steps.
+ * Best viewed in mobile viewport. Labels stay visible and scroll with touch/drag.
+ */
+export declare const ScrollableMobile: Story;
+/**
+ * Scrollable Comparison - Compare scrollable vs default mode side by side
+ */
+export declare const ScrollableComparison: Story;
+/**
+ * States Overview - Shows all status states in a clean presentation
+ */
+export declare const StatesOverview: Story;
+//# sourceMappingURL=Stepper.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAuB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAoBtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkDzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqDtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmI3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA8F5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAsJ9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAgElC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAqD5B,CAAC"}

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

@@ -0,0 +1,138 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Stepper orientation
+ */
+export type StepperOrientation = "horizontal" | "vertical";
+/**
+ * Stepper size variants
+ */
+export type StepperSize = "sm" | "md" | "lg";
+/**
+ * Step status
+ */
+export type StepStatus = "complete" | "current" | "upcoming" | "error";
+/**
+ * Step item definition
+ */
+export interface StepItem {
+    /**
+     * Unique identifier for the step
+     */
+    id: string;
+    /**
+     * Step title/label
+     */
+    title: string;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Custom icon for the step
+     */
+    icon?: ReactNode;
+    /**
+     * Whether this step is optional
+     */
+    optional?: boolean;
+    /**
+     * Whether this step has an error
+     */
+    error?: boolean;
+    /**
+     * Error message to display
+     */
+    errorMessage?: string;
+    /**
+     * Whether this step is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * Stepper component props
+ *
+ * @example
+ * ```tsx
+ * <Stepper
+ *   steps={[
+ *     { id: '1', title: 'Account', description: 'Create your account' },
+ *     { id: '2', title: 'Profile', description: 'Set up your profile' },
+ *     { id: '3', title: 'Complete', description: 'Review and finish' },
+ *   ]}
+ *   currentStep={1}
+ * />
+ * ```
+ */
+export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Array of step items
+     */
+    steps: StepItem[];
+    /**
+     * Current active step index (0-based)
+     * @default 0
+     */
+    currentStep?: number;
+    /**
+     * Callback when a step is clicked (if clickable)
+     */
+    onStepClick?: (stepIndex: number, step: StepItem) => void;
+    /**
+     * Whether steps are clickable
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * Stepper orientation
+     * @default 'horizontal'
+     */
+    orientation?: StepperOrientation;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: StepperSize;
+    /**
+     * Whether to show step numbers
+     * @default true
+     */
+    showNumbers?: boolean;
+    /**
+     * Whether to show connector lines between steps
+     * @default true
+     */
+    showConnectors?: boolean;
+    /**
+     * Whether completed steps should be marked with a checkmark
+     * @default true
+     */
+    showCheckmarks?: boolean;
+    /**
+     * Alternative label position (only for horizontal orientation)
+     * @default 'bottom'
+     */
+    labelPosition?: "bottom" | "right";
+    /**
+     * Enable horizontal scrolling on mobile for better UX with many steps
+     * When enabled, labels remain visible and the stepper scrolls horizontally.
+     * Auto-scrolls to center the current step when it changes.
+     * @default false
+     */
+    scrollable?: boolean;
+}
+/**
+ * Step component props (internal)
+ */
+export interface StepProps {
+    step: StepItem;
+    index: number;
+    status: StepStatus;
+    size: StepperSize;
+    showNumber: boolean;
+    showCheckmark: boolean;
+    clickable: boolean;
+    onClick?: () => void;
+    labelPosition: "bottom" | "right";
+}
+//# sourceMappingURL=Stepper.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;CACnC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Stepper Component - Multi-step process indicator.
+ *
+ * @example
+ * ```tsx
+ * import { Stepper } from '@orion-ds/react';
+ *
+ * <Stepper
+ *   steps={[
+ *     { id: '1', label: 'Account', status: 'completed' },
+ *     { id: '2', label: 'Profile', status: 'current' },
+ *     { id: '3', label: 'Review', status: 'pending' },
+ *   ]}
+ *   current={1}
+ * />
+ * ```
+ */
+export { Stepper } from './Stepper';
+export type { StepperProps, StepItem, StepStatus, StepperOrientation, StepperSize, } from './Stepper.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}

package/dist/components/Switch/Switch.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,0GAkHlB,CAAC"}

package/dist/components/Switch/Switch.module.css

@@ -0,0 +1 @@
+._container_1h4tg_12{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}._disabled_1h4tg_18{opacity:.5}._labelWrapper_1h4tg_26{display:inline-flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_1h4tg_18 ._labelWrapper_1h4tg_26{cursor:not-allowed;pointer-events:none}._input_1h4tg_43{position:absolute;opacity:0;width:0;height:0;pointer-events:none}._track_1h4tg_55{position:relative;display:flex;align-items:center;flex-shrink:0;width:42px;height:26px;background:var(--surface-subtle);border:none;border-radius:var(--radius-full);transition:background-color .2s ease-in-out}._thumb_1h4tg_79{position:absolute;left:2px;width:22px;height:22px;background:var(--color-neutral-0);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease-in-out}._sm_1h4tg_95 ._track_1h4tg_55{width:42px;height:26px}._sm_1h4tg_95 ._thumb_1h4tg_79{width:22px;height:22px;left:2px}._md_1h4tg_107 ._track_1h4tg_55{width:51px;height:31px}._md_1h4tg_107 ._thumb_1h4tg_79{width:27px;height:27px;left:2px}._lg_1h4tg_119 ._track_1h4tg_55{width:60px;height:36px}._lg_1h4tg_119 ._thumb_1h4tg_79{width:32px;height:32px;left:2px}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:var(--interactive-primary)}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:var(--color-neutral-0)}._sm_1h4tg_95 ._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{transform:translate(16px)}._md_1h4tg_107 ._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{transform:translate(20px)}._lg_1h4tg_119 ._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{transform:translate(24px)}._labelWrapper_1h4tg_26:hover ._track_1h4tg_55{background:var(--surface-layer)}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26:hover ._track_1h4tg_55{background:var(--interactive-primary-hover)}._input_1h4tg_43:focus-visible+._labelWrapper_1h4tg_26 ._track_1h4tg_55{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand)}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26{opacity:.5;cursor:not-allowed;pointer-events:none}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:var(--border-subtle)}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:var(--color-neutral-0);box-shadow:var(--shadow-flat)}._input_1h4tg_43:disabled:checked+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:var(--interactive-primary);opacity:.5}._input_1h4tg_43:disabled:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:var(--color-neutral-0)}._error_1h4tg_209 ._track_1h4tg_55,._error_1h4tg_209 ._labelWrapper_1h4tg_26:hover ._track_1h4tg_55{box-shadow:inset 0 0 0 2px var(--status-error)}._error_1h4tg_209 ._input_1h4tg_43:focus-visible+._labelWrapper_1h4tg_26 ._track_1h4tg_55{outline-color:var(--status-error);box-shadow:inset 0 0 0 2px var(--status-error),0 0 0 4px var(--soft-error)}._label_1h4tg_26{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:1.4}._sm_1h4tg_95 ._label_1h4tg_26{font-size:var(--font-size-13)}._lg_1h4tg_119 ._label_1h4tg_26{font-size:var(--font-size-16)}._required_1h4tg_244{color:var(--status-error);margin-left:2px}._helperText_1h4tg_250{margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug);padding-left:calc(42px + var(--spacing-3))}._md_1h4tg_107 ._helperText_1h4tg_250{padding-left:calc(51px + var(--spacing-3))}._lg_1h4tg_119 ._helperText_1h4tg_250{padding-left:calc(60px + var(--spacing-3))}._errorMessage_1h4tg_268{display:flex;align-items:center;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);padding-left:calc(42px + var(--spacing-3))}._md_1h4tg_107 ._errorMessage_1h4tg_268{padding-left:calc(51px + var(--spacing-3))}._lg_1h4tg_119 ._errorMessage_1h4tg_268{padding-left:calc(60px + var(--spacing-3))}@media(forced-colors:active){._track_1h4tg_55{background:Canvas;border:2px solid CanvasText}._thumb_1h4tg_79{background:CanvasText}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._track_1h4tg_55{background:Highlight;border-color:Highlight}._input_1h4tg_43:checked+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:Canvas}._input_1h4tg_43:focus-visible+._labelWrapper_1h4tg_26 ._track_1h4tg_55{outline:3px solid Highlight;outline-offset:2px}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._track_1h4tg_55{border-color:GrayText;background:Canvas}._input_1h4tg_43:disabled+._labelWrapper_1h4tg_26 ._thumb_1h4tg_79{background:GrayText}._error_1h4tg_209 ._track_1h4tg_55{border-color:LinkText}._errorMessage_1h4tg_268{color:LinkText}._label_1h4tg_26{color:CanvasText}}@media(prefers-reduced-motion:reduce){._track_1h4tg_55,._thumb_1h4tg_79{transition:none}}

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

@@ -0,0 +1,39 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Switch.types').SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithHelperText: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const Interactive: Story;
+export declare const SettingsPanel: Story;
+export declare const FeatureToggles: Story;
+export declare const AllSizes: Story;
+export declare const AllStates: Story;
+export declare const CompactLayout: Story;
+export declare const InlineWithContent: Story;
+export declare const WithCustomStyling: Story;
+//# sourceMappingURL=Switch.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkE3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA+E5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC"}

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

@@ -0,0 +1,57 @@
+import { InputHTMLAttributes } from 'react';
+
+/**
+ * Switch sizes
+ */
+export type SwitchSize = "sm" | "md" | "lg";
+/**
+ * Switch component props
+ *
+ * @example
+ * ```tsx
+ * <Switch checked={enabled} onChange={setEnabled} />
+ * <Switch label="Enable notifications" size="sm" />
+ * ```
+ */
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    /**
+     * Switch label text.
+     * Required for accessibility unless aria-label is provided.
+     */
+    label?: string;
+    /**
+     * Switch size variant.
+     * @default 'sm'
+     */
+    size?: SwitchSize;
+    /**
+     * Helper text displayed below the switch.
+     * Automatically linked via aria-describedby.
+     */
+    helperText?: string;
+    /**
+     * Error message.
+     * Shows error state and displays message below switch.
+     */
+    error?: string;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Switch
+     *   aria-label="Enable dark mode"
+     *   checked={darkMode}
+     *   onChange={toggleDarkMode}
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this switch.
+     * Automatically includes error and helper text IDs when provided.
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Switch.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,15 @@
+/**
+ * Switch Component - Toggle for on/off states.
+ *
+ * @example
+ * ```tsx
+ * import { Switch } from '@orion-ds/react';
+ *
+ * <Switch label="Enable notifications" />
+ * <Switch label="Dark mode" checked={isDark} onChange={setIsDark} />
+ * <Switch label="Feature flag" size="sm" disabled />
+ * ```
+ */
+export { Switch } from './Switch';
+export type { SwitchProps, SwitchSize } from './Switch.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,7 @@
+import { TableProps } from './Table.types';
+
+export declare const Table: {
+    <T extends Record<string, any>>({ columns, data, size, striped, hoverable, bordered, borderless, caption, emptyMessage, onRowClick, onSortChange, sortState, getRowKey, className, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAGH,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,eAAe,CAAC;AAG5E,eAAO,MAAM,KAAK;KAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,wJAehD,UAAU,CAAC,CAAC,CAAC;;CA4Lf,CAAC"}

package/dist/components/Table/Table.module.css

@@ -0,0 +1 @@
+._container_1xu4i_8{width:100%;overflow-x:auto;border-radius:var(--radius-control);border:1px solid var(--border-subtle);overflow:hidden}._borderless_1xu4i_17{border:none;border-radius:0}._table_1xu4i_23{width:100%;border-collapse:collapse;font-size:var(--font-size-16);color:var(--text-primary);background:var(--surface-base)}._caption_1xu4i_32{padding:var(--spacing-3);font-size:var(--font-size-12);color:var(--text-secondary);text-align:left;caption-side:top}._thead_1xu4i_44{border-bottom:1px solid var(--border-subtle)}._th_1xu4i_44{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}._th_1xu4i_44._alignCenter_1xu4i_59{text-align:center}._th_1xu4i_44._alignRight_1xu4i_63{text-align:right}._sortable_1xu4i_68{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}._sortable_1xu4i_68:hover{color:var(--text-primary)}._sortable_1xu4i_68:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._sortIndicator_1xu4i_84{display:inline-flex;margin-left:var(--spacing-1);color:var(--text-tertiary);font-size:.75em}._sortIndicator_1xu4i_84._active_1xu4i_91{color:var(--interactive-primary)}._tr_1xu4i_103{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}._tbody_1xu4i_99 ._tr_1xu4i_103:last-child{border-bottom:none}._td_1xu4i_113{padding:var(--spacing-3) var(--spacing-4);text-align:left}._td_1xu4i_113._alignCenter_1xu4i_59{text-align:center}._td_1xu4i_113._alignRight_1xu4i_63{text-align:right}._hoverable_1xu4i_131 ._tr_1xu4i_103:hover{background:var(--surface-subtle)}._clickable_1xu4i_136 ._tr_1xu4i_103{cursor:pointer}._clickable_1xu4i_136 ._tr_1xu4i_103:active{background:var(--surface-layer)}._striped_1xu4i_148 ._tr_1xu4i_103:nth-child(2n){background:var(--surface-subtle)}._striped_1xu4i_148._hoverable_1xu4i_131 ._tr_1xu4i_103:nth-child(2n):hover{background:var(--surface-layer)}._bordered_1xu4i_160{border:1px solid var(--border-subtle)}._bordered_1xu4i_160 ._th_1xu4i_44,._bordered_1xu4i_160 ._td_1xu4i_113{border-right:1px solid var(--border-subtle)}._bordered_1xu4i_160 ._th_1xu4i_44:last-child,._bordered_1xu4i_160 ._td_1xu4i_113:last-child{border-right:none}._sm_1xu4i_178 ._th_1xu4i_44{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-10)}._sm_1xu4i_178 ._td_1xu4i_113{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-12)}._md_1xu4i_188 ._th_1xu4i_44{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-12)}._md_1xu4i_188 ._td_1xu4i_113{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-16)}._lg_1xu4i_198 ._th_1xu4i_44{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-12)}._lg_1xu4i_198 ._td_1xu4i_113{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-16)}._empty_1xu4i_212{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-16)}

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

@@ -0,0 +1,56 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: {
+        <T extends Record<string, any>>({ columns, data, size, striped, hoverable, bordered, borderless, caption, emptyMessage, onRowClick, onSortChange, sortState, getRowKey, className, }: import('./Table.types').TableProps<T>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        striped: {
+            control: "boolean";
+            description: string;
+        };
+        hoverable: {
+            control: "boolean";
+            description: string;
+        };
+        bordered: {
+            control: "boolean";
+            description: string;
+        };
+        borderless: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Striped: Story;
+export declare const Bordered: Story;
+export declare const Borderless: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const WithCaption: Story;
+export declare const EmptyState: Story;
+export declare const CustomEmptyMessage: Story;
+export declare const WithSorting: Story;
+export declare const WithCustomCell: Story;
+export declare const ClickableRows: Story;
+export declare const ControlledSorting: Story;
+export declare const UserManagement: Story;
+export declare const ProductCatalog: Story;
+export declare const InsideCard: Story;
+export declare const WithCustomStyling: Story;
+//# sourceMappingURL=Table.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0D/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuI5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoG5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC"}

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

@@ -0,0 +1,142 @@
+import { ReactNode, ThHTMLAttributes, TdHTMLAttributes } from 'react';
+
+/**
+ * Table sizes
+ */
+export type TableSize = "sm" | "md" | "lg";
+/**
+ * Sort direction
+ */
+export type SortDirection = "asc" | "desc" | null;
+/**
+ * Column definition
+ */
+export interface TableColumn<T = Record<string, unknown>> {
+    /**
+     * Column unique key (used as accessor for data)
+     */
+    key: string;
+    /**
+     * Column header label
+     */
+    header: ReactNode;
+    /**
+     * Custom cell renderer
+     * @param row - Row data
+     * @param rowIndex - Row index
+     * @returns Rendered cell content
+     */
+    cell?: (row: T, rowIndex: number) => ReactNode;
+    /**
+     * Column width (CSS value)
+     */
+    width?: string;
+    /**
+     * Enable sorting for this column
+     * @default false
+     */
+    sortable?: boolean;
+    /**
+     * Align cell content
+     * @default 'left'
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Additional props for header cell
+     */
+    headerProps?: ThHTMLAttributes<HTMLTableCellElement>;
+    /**
+     * Additional props for data cells
+     */
+    cellProps?: TdHTMLAttributes<HTMLTableCellElement>;
+}
+/**
+ * Table component props
+ *
+ * @example
+ * ```tsx
+ * const columns: TableColumn<User>[] = [
+ *   { key: 'name', header: 'Name', sortable: true },
+ *   { key: 'email', header: 'Email' },
+ *   {
+ *     key: 'status',
+ *     header: 'Status',
+ *     cell: (user) => <Badge>{user.status}</Badge>
+ *   }
+ * ];
+ *
+ * <Table
+ *   columns={columns}
+ *   data={users}
+ *   onRowClick={(user) => console.log(user)}
+ * />
+ * ```
+ */
+export interface TableProps<T = Record<string, unknown>> {
+    /**
+     * Column definitions
+     */
+    columns: TableColumn<T>[];
+    /**
+     * Table data
+     */
+    data: T[];
+    /**
+     * Table size
+     * @default 'md'
+     */
+    size?: TableSize;
+    /**
+     * Striped rows
+     * @default false
+     */
+    striped?: boolean;
+    /**
+     * Hoverable rows
+     * @default true
+     */
+    hoverable?: boolean;
+    /**
+     * Show borders
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * Remove container border (for integration inside Cards)
+     * @default false
+     */
+    borderless?: boolean;
+    /**
+     * Table caption
+     */
+    caption?: ReactNode;
+    /**
+     * Empty state message
+     */
+    emptyMessage?: ReactNode;
+    /**
+     * Row click handler
+     */
+    onRowClick?: (row: T, rowIndex: number) => void;
+    /**
+     * Sort change handler
+     */
+    onSortChange?: (columnKey: string, direction: SortDirection) => void;
+    /**
+     * Current sort state (for controlled sorting)
+     */
+    sortState?: {
+        columnKey: string;
+        direction: SortDirection;
+    };
+    /**
+     * Row key extractor (for React keys)
+     * @default (row, index) => index
+     */
+    getRowKey?: (row: T, index: number) => string | number;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+//# sourceMappingURL=Table.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtD;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;IAE/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrD;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAErE;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,aAAa,CAAC;KAC1B,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,23 @@
+/**
+ * Table Component - Tabular data display.
+ *
+ * @example
+ * ```tsx
+ * import { Table } from '@orion-ds/react';
+ *
+ * <Table
+ *   columns={[
+ *     { key: 'name', header: 'Name', sortable: true },
+ *     { key: 'email', header: 'Email' },
+ *     { key: 'role', header: 'Role' },
+ *   ]}
+ *   data={[
+ *     { name: 'John Doe', email: 'john@example.com', role: 'Admin' },
+ *     { name: 'Jane Smith', email: 'jane@example.com', role: 'User' },
+ *   ]}
+ * />
+ * ```
+ */
+export { Table } from './Table';
+export type { TableProps, TableColumn, TableSize, SortDirection, } from './Table.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,GACd,MAAM,eAAe,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2JpC,CAAC"}

package/dist/components/Tabs/Tabs.module.css

@@ -0,0 +1 @@
+._container_1eh9k_8{display:flex;flex-direction:column;width:100%}._tabList_1eh9k_15{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}._tabList_1eh9k_15::-webkit-scrollbar{display:none}._fullWidth_1eh9k_31 ._tabList_1eh9k_15{width:100%}._tab_1eh9k_15{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--line-height-tight);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);outline:none}._tab_1eh9k_15:hover:not(:disabled){color:var(--text-primary);background:var(--interactive-ghost-hover)}._tab_1eh9k_15:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px;border-radius:var(--radius-sm)}._tab_1eh9k_15:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._fullWidth_1eh9k_31 ._tab_1eh9k_15{flex:1;justify-content:center}._active_1eh9k_89{color:var(--text-brand);border-bottom-color:var(--interactive-primary)}._active_1eh9k_89:hover{color:var(--text-brand)}._icon_1eh9k_99{width:20px;height:20px;flex-shrink:0}._badge_1eh9k_106{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-1);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-inverse);background:var(--text-tertiary);border-radius:var(--radius-full);line-height:1}._active_1eh9k_89 ._badge_1eh9k_106{background:var(--interactive-primary)}._panel_1eh9k_126{padding:var(--spacing-4) 0;animation:_fadeIn_1eh9k_1 .2s ease}@keyframes _fadeIn_1eh9k_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._panel_1eh9k_126{animation:none}}