@orion-ds/react 1.2.3 → 1.2.5

package/AI_QUICKREF.md

@@ -2,8 +2,13 @@
 
 ## Setup (Required)
 ```tsx
-import '@orion-ds/core/theme.css';
-import '@orion-ds/react/dist/react.css';
+// Option 1: Single import (recommended)
+import '@orion-ds/react/styles.css';
+
+// Option 2: Separate imports
+// import '@orion-ds/core/theme.css';
+// import '@orion-ds/react/dist/react.css';
+
 import { ThemeProvider } from '@orion-ds/react';
 
 <ThemeProvider>
@@ -53,7 +58,7 @@ const { theme, brand, setTheme, setBrand } = useThemeContext();
 - NEVER pass `brand` or `theme` props to components (they're global)
 - NEVER hardcode colors (`#fff`) - use `var(--text-primary)`
 - NEVER skip ThemeProvider wrapper
-- ALWAYS import both CSS files
+- ALWAYS import styles.css (or both CSS files separately)
 - ALWAYS add `aria-label` to iconOnly buttons
 
 ## Full docs: AI_COMPONENTS.md

package/README.md

@@ -23,31 +23,42 @@ TypeScript-first React component library built on the Orion Design System tokens
 ## Installation
 
 \`\`\`bash
-npm install @orion/react @orion/core
+npm install @orion-ds/react @orion-ds/core
 # or
-pnpm add @orion/react @orion/core
+pnpm add @orion-ds/react @orion-ds/core
 # or
-yarn add @orion/react @orion/core
+yarn add @orion-ds/react @orion-ds/core
 \`\`\`
 
-## Required CSS Imports
+> **Note**: `@orion-ds/core` is a peer dependency that must be installed alongside `@orion-ds/react`.
 
-> **⚠️ IMPORTANT**: Both CSS files are **REQUIRED** for components to render correctly.
+## CSS Setup
+
+### Option 1: Single Import (Recommended)
+
+The simplest approach - one import that includes both design tokens and component styles:
 
 \`\`\`tsx
 // In your app entry file (e.g., main.tsx, App.tsx)
-import '@orion-ds/core/theme.css';       // Design tokens - REQUIRED
-import '@orion-ds/react/dist/react.css'; // Component styles - REQUIRED
+import '@orion-ds/react/styles.css';
+\`\`\`
+
+### Option 2: Separate Imports
+
+If you need more control or are using @orion-ds/core elsewhere:
+
+\`\`\`tsx
+import '@orion-ds/core/theme.css';       // Design tokens
+import '@orion-ds/react/dist/react.css'; // Component styles
 \`\`\`
 
-Missing either import will result in unstyled or broken components. In development, ThemeProvider will warn you if `react.css` is missing.
+> **⚠️ IMPORTANT**: Missing CSS imports will result in unstyled components. In development, ThemeProvider will warn you if styles are missing.
 
 ## Quick Start
 
 \`\`\`tsx
-// 1. Import BOTH CSS files (required!)
-import '@orion-ds/core/theme.css';
-import '@orion-ds/react/dist/react.css';
+// 1. Import styles (pick one option)
+import '@orion-ds/react/styles.css';  // Recommended: single import
 
 // 2. Import components
 import { Button, Card, Field, useTheme, ThemeProvider } from '@orion-ds/react';

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAG1E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoHhD,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAG1E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6HhD,CAAC"}

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

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

package/dist/components/Checkbox/Checkbox.d.ts

@@ -2,6 +2,7 @@
  * Checkbox Component
  *
  * Multi-select checkbox input with label and validation.
+ * Implements WCAG 2.1 AA accessibility guidelines.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,wFAyFpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,wFA+HpB,CAAC"}

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

@@ -2,6 +2,7 @@
  * Checkbox Component Types
  *
  * Type definitions for the Orion Checkbox component.
+ * Implements WCAG 2.1 AA accessibility guidelines.
  */
 import type { InputHTMLAttributes } from 'react';
 /**
@@ -19,26 +20,50 @@ export type CheckboxSize = 'sm' | 'md' | 'lg';
  */
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     /**
-     * Checkbox label
+     * Checkbox label text.
+     * Required for accessibility unless aria-label is provided.
      */
     label?: string;
     /**
-     * Helper text (shown below checkbox)
+     * Helper text displayed below the checkbox.
+     * Automatically linked via aria-describedby.
      */
     helperText?: string;
     /**
-     * Error message
+     * Error message.
+     * Shows error state and displays message below checkbox.
      */
     error?: string;
     /**
-     * Checkbox size
+     * Checkbox size variant.
      * @default 'md'
      */
     size?: CheckboxSize;
     /**
-     * Indeterminate state (partially checked)
+     * Indeterminate state (partially checked).
+     * Used for "select all" patterns where some items are selected.
+     * Sets aria-checked="mixed" for screen readers.
      * @default false
      */
     indeterminate?: boolean;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Checkbox
+     *   aria-label="Select row 1"
+     *   checked={selected}
+     *   onChange={handleSelect}
+     * />
+     * ```
+     */
+    'aria-label'?: string;
+    /**
+     * Additional element IDs that describe this checkbox.
+     * Automatically includes error and helper text IDs when provided.
+     */
+    'aria-describedby'?: string;
 }
 //# sourceMappingURL=Checkbox.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjG;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjG;;;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;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAMxB;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/Field/Field.d.ts

@@ -2,6 +2,7 @@
  * Field Component
  *
  * A type-safe, accessible input field with label, error states, and icon support.
+ * Implements WCAG 2.1 AA accessibility guidelines.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,yGAoHjB,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,yGAwJjB,CAAC"}

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

@@ -166,5 +166,35 @@ export interface FieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * @default false
      */
     optional?: boolean;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * // Icon-only search input
+     * <Field
+     *   aria-label="Search"
+     *   leftIcon={<Search size={18} />}
+     *   placeholder="Search..."
+     * />
+     * ```
+     */
+    'aria-label'?: string;
+    /**
+     * Additional element IDs that describe this input.
+     * Automatically includes error and helper text IDs when provided.
+     *
+     * @example
+     * ```tsx
+     * <p id="password-requirements">Must be 8+ characters</p>
+     * <Field
+     *   label="Password"
+     *   type="password"
+     *   aria-describedby="password-requirements"
+     * />
+     * ```
+     */
+    'aria-describedby'?: string;
 }
 //# sourceMappingURL=Field.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"Field.types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;;;;;OAaG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,yGAiDhB,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,yGA6FhB,CAAC"}

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

@@ -12,6 +12,10 @@ export type LinkVariant = 'default' | 'subtle' | 'brand';
  * Link sizes
  */
 export type LinkSize = 'sm' | 'md' | 'lg';
+/**
+ * Icon animation types
+ */
+export type LinkIconAnimation = 'arrow' | 'arrow-left' | 'external' | 'none';
 /**
  * Link component props
  *
@@ -43,6 +47,11 @@ export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      * @default true
      */
     underline?: boolean;
+    /**
+     * Whether to show the external link icon automatically when external is true
+     * @default true
+     */
+    showExternalIcon?: boolean;
     /**
      * Icon to display before the link text
      */
@@ -51,6 +60,14 @@ export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      * Icon to display after the link text (e.g., external link icon)
      */
     iconRight?: ReactNode;
+    /**
+     * Icon hover animation type
+     * - 'arrow': moves icon right on hover
+     * - 'arrow-left': moves icon left on hover
+     * - 'external': diagonal movement for external links
+     * - 'none': no animation
+     */
+    iconAnimation?: LinkIconAnimation;
     /**
      * Link content
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Link.types.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"Link.types.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7E;;;;;;;;GAQG;AACH,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/Navbar/Navbar.d.ts

@@ -2,46 +2,57 @@
  * Navbar Component
  *
  * Application navigation header with brand, links, and actions.
+ * Includes responsive mobile menu with Toggle and Collapse.
  *
  * @example
  * ```tsx
+ * // Basic usage
  * <Navbar sticky bordered>
- *   <Navbar.Brand href="/">
- *     <img src="/logo.svg" alt="Logo" />
- *     MyApp
- *   </Navbar.Brand>
- *
+ *   <Navbar.Brand href="/">MyApp</Navbar.Brand>
  *   <Navbar.Nav>
  *     <Navbar.Link href="/" active>Home</Navbar.Link>
- *     <Navbar.Link href="/products">Products</Navbar.Link>
  *     <Navbar.Link href="/about">About</Navbar.Link>
  *   </Navbar.Nav>
- *
  *   <Navbar.Actions>
- *     <Button variant="ghost">Sign In</Button>
  *     <Button>Get Started</Button>
  *   </Navbar.Actions>
  * </Navbar>
  *
- * <Navbar variant="glass" height="lg">
- *   <Navbar.Brand>Brand</Navbar.Brand>
- *   <Navbar.Nav>
- *     <Navbar.Link href="/dashboard">Dashboard</Navbar.Link>
- *   </Navbar.Nav>
- * </Navbar>
+ * // With responsive mobile menu
+ * function ResponsiveNavbar() {
+ *   const [isOpen, setIsOpen] = useState(false);
+ *   return (
+ *     <Navbar>
+ *       <Navbar.Brand href="/">MyApp</Navbar.Brand>
+ *       <Navbar.Nav>...</Navbar.Nav>
+ *       <Navbar.Actions>...</Navbar.Actions>
+ *       <Navbar.Toggle isOpen={isOpen} onToggle={() => setIsOpen(!isOpen)} />
+ *       <Navbar.Collapse isOpen={isOpen}>
+ *         <Navbar.Link href="/">Home</Navbar.Link>
+ *         <Navbar.Link href="/about">About</Navbar.Link>
+ *       </Navbar.Collapse>
+ *     </Navbar>
+ *   );
+ * }
  * ```
  */
 import React from 'react';
-import type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps } from './Navbar.types';
+import type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps, NavbarToggleProps, NavbarCollapseProps } from './Navbar.types';
 declare const NavbarBrand: React.FC<NavbarBrandProps>;
 declare const NavbarNav: React.FC<NavbarNavProps>;
 declare const NavbarLink: React.FC<NavbarLinkProps>;
 declare const NavbarActions: React.FC<NavbarActionsProps>;
+declare const NavbarToggle: React.FC<NavbarToggleProps>;
+declare const NavbarCollapse: React.FC<NavbarCollapseProps>;
+declare const NavbarCollapseActions: React.FC<NavbarActionsProps>;
 export declare const Navbar: React.FC<NavbarProps> & {
     Brand: typeof NavbarBrand;
     Nav: typeof NavbarNav;
     Link: typeof NavbarLink;
     Actions: typeof NavbarActions;
+    Toggle: typeof NavbarToggle;
+    Collapse: typeof NavbarCollapse;
+    CollapseActions: typeof NavbarCollapseActions;
 };
 export {};
 //# sourceMappingURL=Navbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAOxB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB3C,CAAC;AAQF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQvC,CAAC;AAQF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAQF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AAQF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,GAAG,EAAE,OAAO,SAAS,CAAC;IACtB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CA0B/B,CAAC"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAOxB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB3C,CAAC;AAQF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQvC,CAAC;AAQF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBzC,CAAC;AAQF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AAQF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwB7C,CAAC;AAQF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAQF,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQvD,CAAC;AAQF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,GAAG,EAAE,OAAO,SAAS,CAAC;IACtB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,QAAQ,EAAE,OAAO,cAAc,CAAC;IAChC,eAAe,EAAE,OAAO,qBAAqB,CAAC;CA4B/C,CAAC"}

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

@@ -12,6 +12,10 @@ export type NavbarHeight = 'sm' | 'md' | 'lg';
  * Navbar background variants
  */
 export type NavbarVariant = 'solid' | 'transparent' | 'glass';
+/**
+ * Navbar color scheme (for transparent/glass variants on colored backgrounds)
+ */
+export type NavbarColorScheme = 'auto' | 'light' | 'dark';
 /**
  * Navbar component props
  *
@@ -46,6 +50,14 @@ export interface NavbarProps extends HTMLAttributes<HTMLElement> {
      * @default 'solid'
      */
     variant?: NavbarVariant;
+    /**
+     * Color scheme for text/links when using transparent or glass variants
+     * - 'auto': Uses default theme colors (dark text on light, light text on dark)
+     * - 'light': Forces light/white text (use on dark backgrounds)
+     * - 'dark': Forces dark text (use on light backgrounds)
+     * @default 'auto'
+     */
+    colorScheme?: NavbarColorScheme;
     /**
      * Sticky positioning
      * @default false
@@ -82,6 +94,10 @@ export interface NavbarLinkProps extends HTMLAttributes<HTMLAnchorElement> {
     children: ReactNode;
     href: string;
     active?: boolean;
+    /**
+     * Callback when link is clicked (useful for closing mobile menu)
+     */
+    onClick?: () => void;
 }
 /**
  * Navbar Actions (right side actions) props
@@ -89,4 +105,34 @@ export interface NavbarLinkProps extends HTMLAttributes<HTMLAnchorElement> {
 export interface NavbarActionsProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
+/**
+ * Navbar Toggle (hamburger button) props
+ */
+export interface NavbarToggleProps {
+    /**
+     * Whether the menu is open
+     */
+    isOpen: boolean;
+    /**
+     * Toggle callback
+     */
+    onToggle: () => void;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Navbar Collapse (collapsible container) props
+ */
+export interface NavbarCollapseProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content to show in collapse
+     */
+    children: ReactNode;
+    /**
+     * Whether the collapse is open (controlled by Toggle)
+     */
+    isOpen: boolean;
+}
 //# sourceMappingURL=Navbar.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC;AAE9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB"}

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

@@ -2,6 +2,7 @@
  * Radio Component
  *
  * Single-select radio input with label and validation.
+ * Implements WCAG 2.1 AA accessibility guidelines.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,yGAwEjB,CAAC"}
+{"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,yGAwGjB,CAAC"}

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

@@ -2,6 +2,7 @@
  * Radio Component Types
  *
  * Type definitions for the Orion Radio component.
+ * Implements WCAG 2.1 AA accessibility guidelines.
  */
 import type { InputHTMLAttributes } from 'react';
 /**
@@ -19,21 +20,44 @@ export type RadioSize = 'sm' | 'md' | 'lg';
  */
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     /**
-     * Radio label
+     * Radio label text.
+     * Required for accessibility unless aria-label is provided.
      */
     label?: string;
     /**
-     * Helper text (shown below radio)
+     * Helper text displayed below the radio.
+     * Automatically linked via aria-describedby.
      */
     helperText?: string;
     /**
-     * Error message
+     * Error message.
+     * Shows error state and displays message below radio.
      */
     error?: string;
     /**
-     * Radio size
+     * 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

@@ -1 +1 @@
-{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;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,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9F;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}
+{"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,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9F;;;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/SearchInput/SearchInput.d.ts.map

@@ -1 +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"}
+{"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,+GAmHvB,CAAC"}

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

@@ -11,7 +11,7 @@ export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Spinner variants
  */
-export type SpinnerVariant = 'primary' | 'secondary' | 'neutral';
+export type SpinnerVariant = 'primary' | 'secondary' | 'neutral' | 'inverse';
 /**
  * Spinner component props
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjE;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7E;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAyB,MAAM,iBAAiB,CAAC;AAsG3E,eAAO,MAAM,OAAO,yGAiFnB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAyB,MAAM,iBAAiB,CAAC;AAsG3E,eAAO,MAAM,OAAO,yGAoGnB,CAAC"}

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

@@ -117,6 +117,13 @@ export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
      * @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)

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

@@ -1 +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,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpF;;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;CACpC;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"}
+{"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,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpF;;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/Switch/Switch.d.ts

@@ -2,6 +2,7 @@
  * Switch Component
  *
  * A toggle switch for boolean settings.
+ * Implements WCAG 2.1 AA accessibility guidelines.
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,0GAoClB,CAAC"}
+{"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,0GA4GlB,CAAC"}