@orion-ds/react 4.2.1 → 4.2.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.stories.d.ts","sourceRoot":"","sources":["../../../src/components/QuickActions/QuickActions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA6CnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAuB3C,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA4B9B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4B/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC"}

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

@@ -0,0 +1,107 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Quick action item
+ */
+export interface QuickAction {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Action label
+     */
+    label: string;
+    /**
+     * Action icon
+     */
+    icon: ReactNode;
+    /**
+     * Click handler
+     */
+    onClick: () => void;
+    /**
+     * Keyboard shortcut display
+     */
+    shortcut?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Variant for styling
+     */
+    variant?: "default" | "primary" | "danger";
+}
+/**
+ * QuickActions position
+ */
+export type QuickActionsPosition = "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left";
+/**
+ * QuickActions variant
+ */
+export type QuickActionsVariant = "fab" | "bar" | "menu";
+/**
+ * QuickActions section props
+ *
+ * @example
+ * ```tsx
+ * // FAB variant (single expandable button)
+ * <QuickActions
+ *   variant="fab"
+ *   actions={[
+ *     { id: 'new', label: 'New Item', icon: <Plus />, onClick: () => {} },
+ *     { id: 'upload', label: 'Upload', icon: <Upload />, onClick: () => {} }
+ *   ]}
+ * />
+ *
+ * // Bar variant (horizontal action bar)
+ * <QuickActions
+ *   variant="bar"
+ *   actions={[...]}
+ * />
+ * ```
+ */
+export interface QuickActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of quick actions
+     */
+    actions: QuickAction[];
+    /**
+     * Display variant
+     * - fab: Floating action button that expands
+     * - bar: Horizontal action bar
+     * - menu: Vertical menu style
+     * @default 'fab'
+     */
+    variant?: QuickActionsVariant;
+    /**
+     * Position on screen
+     * @default 'bottom-right'
+     */
+    position?: QuickActionsPosition;
+    /**
+     * Primary action (shown when FAB is collapsed)
+     */
+    primaryAction?: QuickAction;
+    /**
+     * Custom trigger icon for FAB
+     */
+    triggerIcon?: ReactNode;
+    /**
+     * Always show labels (bar variant)
+     * @default true for bar, false for fab
+     */
+    showLabels?: boolean;
+    /**
+     * Fixed position
+     * @default true
+     */
+    fixed?: boolean;
+    /**
+     * Offset from edge in pixels
+     * @default 24
+     */
+    offset?: number;
+}
+//# sourceMappingURL=QuickActions.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.types.d.ts","sourceRoot":"","sources":["../../../src/components/QuickActions/QuickActions.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,cAAc,GACd,aAAa,GACb,eAAe,GACf,WAAW,GACX,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,OAAO,EAAE,WAAW,EAAE,CAAC;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,3 @@
+export { QuickActions } from './QuickActions';
+export type { QuickActionsProps, QuickAction, QuickActionsVariant, QuickActionsPosition, } from './QuickActions.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QuickActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC"}

package/dist/components/Radio/Radio.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,yGA8GjB,CAAC"}

package/dist/components/Radio/Radio.module.css

@@ -0,0 +1 @@
+._container_6zd5k_12{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}._disabled_6zd5k_18{opacity:.5}._labelWrapper_6zd5k_26{display:inline-flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_6zd5k_18 ._labelWrapper_6zd5k_26{cursor:not-allowed;pointer-events:none}._input_6zd5k_43{position:absolute;opacity:0;width:0;height:0;pointer-events:none}._radio_6zd5k_55{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--surface-base);border:2px solid var(--border-strong);border-radius:50%;transition:all var(--transition-fast)}._dot_6zd5k_76{width:10px;height:10px;background:var(--interactive-primary-text);border-radius:50%;opacity:0;transform:scale(0);transition:all var(--transition-fast)}._sm_6zd5k_90 ._radio_6zd5k_55{width:16px;height:16px}._sm_6zd5k_90 ._dot_6zd5k_76{width:8px;height:8px}._md_6zd5k_100 ._radio_6zd5k_55{width:20px;height:20px}._md_6zd5k_100 ._dot_6zd5k_76{width:10px;height:10px}._lg_6zd5k_110 ._radio_6zd5k_55{width:24px;height:24px}._lg_6zd5k_110 ._dot_6zd5k_76{width:12px;height:12px}._input_6zd5k_43:checked+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{background:var(--interactive-primary);border-color:var(--interactive-primary)}._input_6zd5k_43:checked+._labelWrapper_6zd5k_26 ._dot_6zd5k_76{opacity:1;transform:scale(1)}._labelWrapper_6zd5k_26:hover ._radio_6zd5k_55{border-color:var(--interactive-primary)}._input_6zd5k_43:checked+._labelWrapper_6zd5k_26:hover ._radio_6zd5k_55{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}._input_6zd5k_43:focus-visible+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand)}._input_6zd5k_43:disabled+._labelWrapper_6zd5k_26{opacity:.5;cursor:not-allowed;pointer-events:none}._input_6zd5k_43:disabled+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{background:var(--surface-subtle);border-color:var(--border-subtle)}._input_6zd5k_43:disabled:checked+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{background:var(--text-tertiary);border-color:var(--text-tertiary)}._error_6zd5k_181 ._radio_6zd5k_55,._error_6zd5k_181 ._labelWrapper_6zd5k_26:hover ._radio_6zd5k_55{border-color:var(--status-error)}._error_6zd5k_181 ._input_6zd5k_43:focus-visible+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{outline-color:var(--status-error);box-shadow:0 0 0 4px var(--soft-error)}._label_6zd5k_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_6zd5k_90 ._label_6zd5k_26{font-size:var(--font-size-13)}._lg_6zd5k_110 ._label_6zd5k_26{font-size:var(--font-size-16)}._required_6zd5k_214{color:var(--status-error);margin-left:2px}._helperText_6zd5k_220{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(20px + var(--spacing-3))}._sm_6zd5k_90 ._helperText_6zd5k_220{padding-left:calc(16px + var(--spacing-3))}._lg_6zd5k_110 ._helperText_6zd5k_220{padding-left:calc(24px + var(--spacing-3))}._errorMessage_6zd5k_238{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(20px + var(--spacing-3))}._sm_6zd5k_90 ._errorMessage_6zd5k_238{padding-left:calc(16px + var(--spacing-3))}._lg_6zd5k_110 ._errorMessage_6zd5k_238{padding-left:calc(24px + var(--spacing-3))}@media(forced-colors:active){._radio_6zd5k_55{border:2px solid CanvasText;background:Canvas}._input_6zd5k_43:checked+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{background:Highlight;border-color:Highlight}._dot_6zd5k_76{background:Canvas}._input_6zd5k_43:focus-visible+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{outline:3px solid Highlight;outline-offset:2px}._input_6zd5k_43:disabled+._labelWrapper_6zd5k_26 ._radio_6zd5k_55{border-color:GrayText}._error_6zd5k_181 ._radio_6zd5k_55{border-color:LinkText}._errorMessage_6zd5k_238{color:LinkText}._label_6zd5k_26{color:CanvasText}}@media(prefers-reduced-motion:reduce){._radio_6zd5k_55,._dot_6zd5k_76{transition:none}}

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

@@ -0,0 +1,54 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Radio.types').RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        label: {
+            control: "text";
+            description: string;
+        };
+        helperText: {
+            control: "text";
+            description: string;
+        };
+        error: {
+            control: "text";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const RadioGroup: Story;
+export declare const PaymentMethodSelector: Story;
+export declare const DeliveryOptions: Story;
+export declare const SurveyQuestion: Story;
+export declare const AllSizes: Story;
+export declare const AllStates: Story;
+export declare const CompactLayout: Story;
+export declare const WithValidation: Story;
+export declare const HorizontalLayout: Story;
+export declare const WithCustomStyling: Story;
+//# sourceMappingURL=Radio.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,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,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgDxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAyDnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAyD7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA0F5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA0F5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC"}

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

@@ -0,0 +1,58 @@
+import { InputHTMLAttributes } from 'react';
+
+/**
+ * Radio sizes
+ */
+export type RadioSize = "sm" | "md" | "lg";
+/**
+ * Radio component props
+ *
+ * @example
+ * ```tsx
+ * <Radio name="plan" value="free" label="Free Plan" />
+ * <Radio name="plan" value="pro" label="Pro Plan" checked />
+ * ```
+ */
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    /**
+     * Radio label text.
+     * Required for accessibility unless aria-label is provided.
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the radio.
+     * Automatically linked via aria-describedby.
+     */
+    helperText?: string;
+    /**
+     * Error message.
+     * Shows error state and displays message below radio.
+     */
+    error?: string;
+    /**
+     * Radio size variant.
+     * @default 'md'
+     */
+    size?: RadioSize;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Radio
+     *   name="color"
+     *   value="red"
+     *   aria-label="Red color"
+     *   style={{ background: 'red' }}
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this radio.
+     * Automatically includes error and helper text IDs when provided.
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Radio.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;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,SAAS,CAAC;IAMjB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,15 @@
+/**
+ * Radio Component - Single selection from a group.
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from '@orion-ds/react';
+ *
+ * <Radio label="Option A" name="choice" value="a" />
+ * <Radio label="Option B" name="choice" value="b" />
+ * <Radio label="Option C" name="choice" value="c" checked />
+ * ```
+ */
+export { Radio } from './Radio';
+export type { RadioProps, RadioSize } from './Radio.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/SearchInput/SearchInput.d.ts

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

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

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

package/dist/components/SearchInput/SearchInput.module.css

@@ -0,0 +1 @@
+._container_1see6_9{position:relative;display:inline-flex;align-items:center;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);transition:all var(--transition-fast)}._container_1see6_9:hover:not(._disabled_1see6_20){border-color:var(--border-strong)}._container_1see6_9:focus-within{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._container_1see6_9:has(._input_1see6_31: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}._fullWidth_1see6_38{width:100%}._sm_1see6_43{height:32px;font-size:var(--font-size-sm)}._md_1see6_48{height:40px;font-size:var(--font-size-base)}._lg_1see6_53{height:48px;font-size:var(--font-size-lg)}._inputSm_1see6_59{padding:var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-8)}._inputMd_1see6_63{padding:var(--spacing-2) var(--spacing-10) var(--spacing-2) var(--spacing-10)}._inputLg_1see6_67{padding:var(--spacing-3) var(--spacing-12) var(--spacing-3) var(--spacing-12)}._searchIcon_1see6_72{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none}._searchIconSm_1see6_82{left:var(--spacing-2)}._searchIconMd_1see6_86{left:var(--spacing-3)}._searchIconLg_1see6_90{left:var(--spacing-4)}._input_1see6_31{flex:1;width:100%;height:100%;background:transparent;border:none;border-radius:inherit;font-family:var(--font-secondary);font-size:inherit;color:var(--text-primary);outline:none}._input_1see6_31::placeholder{color:var(--text-tertiary)}._input_1see6_31::-webkit-search-cancel-button,._input_1see6_31::-webkit-search-decoration{display:none;appearance:none}._clearButton_1see6_120{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);margin-right:var(--spacing-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}._clearButton_1see6_120:hover{color:var(--text-primary);background:var(--surface-subtle)}._clearButton_1see6_120:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:1px}._searchButton_1see6_147{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);margin-right:var(--spacing-1);background:var(--interactive-primary);border:none;border-radius:var(--radius-sm);color:var(--interactive-primary-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}._searchButton_1see6_147:hover:not(:disabled){background:var(--interactive-primary-hover)}._searchButton_1see6_147:disabled{opacity:.5;cursor:not-allowed}._searchButton_1see6_147:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._disabled_1see6_20{opacity:.5;cursor:not-allowed;background:var(--surface-subtle)}._disabled_1see6_20 ._input_1see6_31{cursor:not-allowed}._loading_1see6_187 ._searchIcon_1see6_72{color:var(--interactive-primary)}._spinner_1see6_191{animation:_spin_1see6_191 1s linear infinite}@keyframes _spin_1see6_191{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(forced-colors:active){._container_1see6_9{border:2px solid CanvasText;background:Canvas}._container_1see6_9:focus-within,._container_1see6_9:has(._input_1see6_31:focus-visible){outline:3px solid Highlight;outline-offset:2px}._disabled_1see6_20{border-color:GrayText}._input_1see6_31,._searchIcon_1see6_72,._clearButton_1see6_120{color:CanvasText}._searchButton_1see6_147{background:Highlight;color:HighlightText}}@media(prefers-reduced-motion:reduce){._container_1see6_9,._clearButton_1see6_120,._searchButton_1see6_147{transition:none}._spinner_1see6_191{animation:none}}

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SearchInput } from './SearchInput';
+
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+type Story = StoryObj<typeof SearchInput>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithSearchButton: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const FullWidth: Story;
+export declare const Loading: Story;
+export declare const NoClearButton: Story;
+export declare const Disabled: Story;
+export declare const AllSizes: Story;
+export declare const SearchWithResults: Story;
+//# sourceMappingURL=SearchInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAalC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAkB1C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmDtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwE/B,CAAC"}

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

@@ -0,0 +1,69 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * SearchInput size variants
+ */
+export type SearchInputSize = "sm" | "md" | "lg";
+/**
+ * SearchInput component props
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   placeholder="Search..."
+ *   value={query}
+ *   onChange={(e) => setQuery(e.target.value)}
+ *   onClear={() => setQuery('')}
+ * />
+ * ```
+ */
+export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: SearchInputSize;
+    /**
+     * Callback when the clear button is clicked
+     */
+    onClear?: () => void;
+    /**
+     * Callback when search is triggered (Enter key or search button)
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * Whether to show the clear button when there's a value
+     * @default true
+     */
+    showClear?: boolean;
+    /**
+     * Whether to show a search button
+     * @default false
+     */
+    showSearchButton?: boolean;
+    /**
+     * Custom search icon
+     */
+    searchIcon?: ReactNode;
+    /**
+     * Label for the clear button (accessibility)
+     * @default 'Clear search'
+     */
+    clearLabel?: string;
+    /**
+     * Label for the search button (accessibility)
+     * @default 'Search'
+     */
+    searchLabel?: string;
+    /**
+     * Whether the input is in a loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Make the input take full width
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=SearchInput.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -0,0 +1,15 @@
+/**
+ * SearchInput Component - Search field with icon.
+ *
+ * @example
+ * ```tsx
+ * import { SearchInput } from '@orion-ds/react';
+ *
+ * <SearchInput placeholder="Search..." onSearch={(query) => handleSearch(query)} />
+ * <SearchInput placeholder="Find users" size="sm" />
+ * <SearchInput placeholder="Search products" loading />
+ * ```
+ */
+export { SearchInput } from './SearchInput';
+export type { SearchInputProps, SearchInputSize } from './SearchInput.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Select/Select.d.ts

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

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

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

package/dist/components/Select/Select.module.css

@@ -0,0 +1 @@
+._selectContainer_uomk2_10{display:flex;flex-direction:column;gap:var(--spacing-2)}._fullWidth_uomk2_16{width:100%}._label_uomk2_21{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight)}._optional_uomk2_31{font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}._selectWrapper_uomk2_38{position:relative;display:flex;align-items:center}._selectWrapper_uomk2_38:after{content:"";position:absolute;right:var(--spacing-3);width:12px;height:12px;background-color:var(--text-secondary);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;pointer-events:none}._select_uomk2_10{width:100%;display:block;font-family:var(--font-secondary);font-size:var(--font-size-16);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);appearance:none;padding-right:var(--spacing-10);cursor:pointer;transition:all var(--transition-fast);outline:none}._select_uomk2_10:hover:not(:disabled){border-color:var(--border-strong)}._select_uomk2_10:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._select_uomk2_10: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}._select_uomk2_10:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-subtle)}._error_uomk2_115 ._select_uomk2_10{border-color:var(--status-error)}._error_uomk2_115 ._select_uomk2_10:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._error_uomk2_115 ._select_uomk2_10: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}._placeholder_uomk2_132{color:var(--text-tertiary)}._sm_uomk2_137{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._md_uomk2_143{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16)}._lg_uomk2_149{height:48px;padding:0 var(--spacing-4);font-size:var(--font-size-18)}._helperText_uomk2_156{font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug)}._errorMessage_uomk2_163{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug)}._errorIcon_uomk2_172{width:16px;height:16px;flex-shrink:0}@media(forced-colors:active){._select_uomk2_10{border:2px solid CanvasText;background:Canvas;color:CanvasText}._select_uomk2_10:focus,._select_uomk2_10:focus-visible{outline:3px solid Highlight;outline-offset:2px}._select_uomk2_10:disabled{border-color:GrayText;color:GrayText}._error_uomk2_115 ._select_uomk2_10{border-color:LinkText}._errorMessage_uomk2_163{color:LinkText}._selectWrapper_uomk2_38:after{background-color:CanvasText}}@media(prefers-reduced-motion:reduce){._select_uomk2_10{transition:none}}

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Select.types').SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const Required: Story;
+export declare const WithHelper: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const MultipleSelects: Story;
+//# sourceMappingURL=Select.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC"}

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

@@ -0,0 +1,67 @@
+import { SelectHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Select option type
+ */
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Select component props
+ *
+ * @example
+ * ```tsx
+ * <Select
+ *   label="Country"
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' }
+ *   ]}
+ * />
+ * ```
+ */
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+    /**
+     * Select label
+     */
+    label?: string;
+    /**
+     * Error message (shows error state when present)
+     */
+    error?: string;
+    /**
+     * Helper text (shown below select)
+     */
+    helperText?: string;
+    /**
+     * Select options
+     */
+    options?: SelectOption[];
+    /**
+     * Placeholder option text
+     * @default 'Select an option...'
+     */
+    placeholder?: string;
+    /**
+     * Full width select
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Select size
+     * @default 'md'
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Optional indicator
+     * @default false
+     */
+    optional?: boolean;
+    /**
+     * Custom children (instead of options prop)
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Select.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,22 @@
+/**
+ * Select Component - Dropdown selection input.
+ *
+ * @example
+ * ```tsx
+ * import { Select } from '@orion-ds/react';
+ *
+ * <Select
+ *   label="Country"
+ *   placeholder="Select a country"
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' },
+ *     { value: 'ca', label: 'Canada' },
+ *   ]}
+ *   onChange={(value) => setCountry(value)}
+ * />
+ * ```
+ */
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import { SidebarProps, SidebarItemProps, SidebarSectionProps, SidebarDividerProps } from './Sidebar.types';
+
+export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarProps & import('react').RefAttributes<HTMLElement>> & {
+    Item: import('react').ForwardRefExoticComponent<SidebarItemProps & import('react').RefAttributes<HTMLElement>>;
+    Section: import('react').ForwardRefExoticComponent<SidebarSectionProps & import('react').RefAttributes<HTMLDivElement>>;
+    Divider: import('react').ForwardRefExoticComponent<SidebarDividerProps & import('react').RefAttributes<HTMLHRElement>>;
+};
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAqNzB,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/Sidebar/Sidebar.module.css

@@ -0,0 +1 @@
+._sidebar_18951_8{display:flex;flex-direction:column;width:var(--sidebar-width);height:100%;background:var(--surface-base);border-right:1px solid var(--border-subtle);transition:width var(--mode-hover-duration);position:relative;overflow:hidden}._collapsed_18951_20{width:var(--sidebar-width)}._header_18951_28{display:flex;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);min-height:calc(var(--spacing-12) + var(--spacing-2))}._collapsed_18951_20 ._header_18951_28{justify-content:center;padding:var(--spacing-3)}._content_18951_45{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2)}._section_18951_56{margin-bottom:var(--spacing-4)}._section_18951_56:last-child{margin-bottom:0}._sectionTitle_18951_64{font-family:var(--font-secondary);font-size:var(--font-size-10);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1)}._sectionItems_18951_75{list-style:none;margin:0;padding:0}._itemWrapper_18951_85{margin-bottom:var(--spacing-05)}._item_18951_85{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration);text-align:left}._item_18951_85:hover{background:var(--surface-subtle);color:var(--text-primary)}._itemActive_18951_115{background:var(--color-brand-soft);color:var(--text-brand);font-weight:var(--font-weight-semibold)}._itemActive_18951_115:hover{background:var(--color-brand-soft-hover);color:var(--text-brand)}._itemDisabled_18951_126{opacity:.5;cursor:not-allowed;pointer-events:none}._itemNested_18951_132{font-size:var(--font-size-13)}._itemIcon_18951_136{display:flex;align-items:center;justify-content:center;width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0;color:currentColor}._itemLabel_18951_146{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._itemBadge_18951_154{flex-shrink:0;font-size:var(--font-size-10);font-weight:var(--font-weight-medium);padding:var(--spacing-0-5) var(--spacing-2);background:var(--surface-subtle);border-radius:var(--radius-full);color:var(--text-secondary)}._itemActive_18951_115 ._itemBadge_18951_154{background:var(--color-brand-soft-hover);color:var(--text-brand)}._itemChevron_18951_169{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--mode-hover-duration)}._chevronExpanded_18951_175{transform:rotate(180deg)}._subItems_18951_183{list-style:none;margin:var(--spacing-1) 0 0 0;padding:0}._collapsed_18951_20 ._item_18951_85{justify-content:center;padding:var(--spacing-2)}._collapsed_18951_20 ._itemLabel_18951_146,._collapsed_18951_20 ._itemBadge_18951_154,._collapsed_18951_20 ._itemChevron_18951_169,._collapsed_18951_20 ._sectionTitle_18951_64{display:none}._collapsed_18951_20 ._itemIcon_18951_136{width:var(--icon-size-lg);height:var(--icon-size-lg)}._footer_18951_214{padding:var(--spacing-3);border-top:1px solid var(--border-subtle)}._collapsed_18951_20 ._footer_18951_214{padding:var(--spacing-2)}._divider_18951_227{border:none;border-top:1px solid var(--border-subtle);margin:var(--spacing-2) 0}._collapseToggle_18951_237{position:absolute;bottom:var(--spacing-4);right:calc(var(--spacing-2) * -1);transform:translate(50%);display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);z-index:var(--z-sticky);transition:color var(--mode-hover-duration),background-color var(--mode-hover-duration)}._collapseToggle_18951_237:hover{background:var(--surface-subtle);color:var(--text-primary)}._variant-floating_18951_267{border-right:none;border-radius:var(--radius-container);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);height:100%}._variant-floating_18951_267 ._header_18951_28{border-bottom:none;position:relative}._variant-floating_18951_267 ._header_18951_28:after{content:"";position:absolute;bottom:0;left:var(--spacing-4);right:var(--spacing-4);height:1px;background:var(--border-subtle)}._variant-floating_18951_267 ._footer_18951_214{border-top:none;position:relative}._variant-floating_18951_267 ._footer_18951_214:before{content:"";position:absolute;top:0;left:var(--spacing-4);right:var(--spacing-4);height:1px;background:var(--border-subtle)}@media(max-width:768px){._sidebar_18951_8{position:fixed;left:0;top:0;bottom:0;z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--mode-hover-duration)}._sidebar_18951_8:not(._collapsed_18951_20){transform:translate(0)}._collapseToggle_18951_237{display:none}}

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

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Sidebar } from './Sidebar';
+
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const Default: Story;
+export declare const WithCollapse: Story;
+export declare const Collapsed: Story;
+export declare const WithFooter: Story;
+export declare const WithNestedItems: Story;
+export declare const WithDisabledItems: Story;
+export declare const CustomHeader: Story;
+export declare const Floating: Story;
+export declare const WithoutHeader: Story;
+export declare const WithLogo: Story;
+export declare const WithDropdown: Story;
+export declare const WithLogoAndActions: Story;
+//# sourceMappingURL=Sidebar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAsC9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAgEtC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+ExB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAqD7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkD1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA4CtB,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiChC,CAAC"}