@orion-ds/react 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Orion Design System
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,150 @@
+# @orion/react
+
+> **Orion Design System** - React Component Library
+
+TypeScript-first React component library built on the Orion Design System tokens. Features 22 production-ready components with full type safety, theme switching, and multi-brand support.
+
+[![TypeScript](https://img.shields.io/badge/TypeScript-100%25-blue)](https://www.typescriptlang.org/)
+[![Tests](https://img.shields.io/badge/tests-passing-brightgreen)](#)
+[![Bundle Size](https://img.shields.io/badge/bundle-~27kB%20gzipped-success)](#)
+
+## Features
+
+- ✅ **22 TypeScript Components** - Fully typed with IntelliSense support
+- 🎨 **Theme Switching** - Light/Dark modes with CSS variables
+- 🏢 **Multi-Brand** - Orion, UVM, Unitec, Laureate brands
+- 🎯 **Lucide Icons** - 5000+ icons built-in (icon support in Button, Field, Alert, etc.)
+- ♿ **Accessible** - WCAG AA compliant, keyboard navigation
+- 📦 **Tree-Shakeable** - Import only what you need (ESM + CJS)
+- 🎭 **CSS Modules** - Scoped styling, no conflicts
+- 🧪 **Tested** - 19+ unit tests with Vitest
+- 📚 **Documented** - 50+ Storybook stories
+
+## Installation
+
+\`\`\`bash
+npm install @orion/react @orion/core
+# or
+pnpm add @orion/react @orion/core
+# or
+yarn add @orion/react @orion/core
+\`\`\`
+
+## Quick Start
+
+\`\`\`tsx
+import { Button, Card, Field, useTheme } from '@orion/react';
+import '@orion/core/theme.css';
+
+function App() {
+  const { theme, toggleTheme } = useTheme();
+
+  return (
+    <Card>
+      <Card.Header>Welcome to Orion</Card.Header>
+      <Card.Body>
+        <Field label="Email" type="email" placeholder="your@email.com" />
+        <Button onClick={toggleTheme}>
+          Switch to {theme === 'light' ? 'dark' : 'light'} mode
+        </Button>
+      </Card.Body>
+    </Card>
+  );
+}
+\`\`\`
+
+## Components
+
+### Forms
+- **Button** - Primary, secondary, ghost variants
+- **Field** - Text input with label, helper, error states
+- **Select** - Dropdown with options
+- **Switch** - Toggle switch
+- **Checkbox** - Checkbox input
+- **Radio** - Radio button
+- **Textarea** - Multi-line text input
+
+### Layout
+- **Card** - Container with header, body, footer
+- **Modal** - Overlay dialog
+- **Navbar** - Navigation bar with brand, links, actions
+
+### Feedback
+- **Alert** - Info, success, warning, error messages
+- **Badge** - Status indicators
+- **Spinner** - Loading indicator
+- **ProgressBar** - Progress visualization
+- **Tooltip** - Hover information
+
+### Data Display
+- **Avatar** - User profile picture
+- **Table** - Data table with sorting
+- **Tabs** - Tab navigation
+- **Breadcrumb** - Navigation breadcrumbs
+
+### Utilities
+- **ThemeController** - Theme & brand selector
+- **useTheme** - Theme management hook
+
+## Lucide Icons
+
+All components support **Lucide icons** - 5000+ beautiful, consistent icons.
+
+\`\`\`tsx
+import { Button, Field, Alert } from '@orion/react';
+import { Search, Download, AlertCircle } from 'lucide-react';
+
+// Icon in button (left side)
+<Button icon={<Search size={20} />}>Search</Button>
+
+// Icon in button (right side)
+<Button iconRight={<Download size={20} />}>Download</Button>
+
+// Icon-only button (must have aria-label)
+<Button iconOnly icon={<Download size={20} />} aria-label="Download" />
+
+// Icon in form field
+<Field placeholder="Search..." icon={<Search size={18} />} />
+
+// Icon in alert
+<Alert variant="error" icon={<AlertCircle size={20} />}>
+  Something went wrong
+</Alert>
+\`\`\`
+
+**Browse all icons**: https://lucide.dev
+
+**Size reference**: `size={16}` (small), `size={20}` (default), `size={24}` (medium), `size={32}` (large)
+
+See [LUCIDE_ICONS.md](./LUCIDE_ICONS.md) for complete icon documentation.
+
+## Theme & Brand Switching
+
+### Using the Hook
+
+\`\`\`tsx
+import { useTheme } from '@orion/react';
+
+function ThemeSwitcher() {
+  const { theme, brand, setTheme, setBrand, toggleTheme } = useTheme();
+
+  return (
+    <>
+      <button onClick={toggleTheme}>
+        Current: {theme}
+      </button>
+      <button onClick={() => setBrand('uvm')}>
+        Switch to UVM Brand
+      </button>
+    </>
+  );
+}
+\`\`\`
+
+## License
+
+MIT © Orion Team
+
+---
+
+**Built with ❤️ using TypeScript, React, and Vite**

package/dist/ComponentShowcase.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Component Showcase
+ *
+ * Demonstration page showing all Orion React components.
+ */
+import React from 'react';
+export declare const ComponentShowcase: React.FC;
+//# sourceMappingURL=ComponentShowcase.d.ts.map

package/dist/ComponentShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentShowcase.d.ts","sourceRoot":"","sources":["../src/ComponentShowcase.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqDxC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA2YrC,CAAC"}

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Alert Component
+ *
+ * Notification and message alert component with status variants.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="success" title="Success!">
+ *   Your changes have been saved successfully.
+ * </Alert>
+ *
+ * <Alert variant="error" dismissible onClose={() => console.log('closed')}>
+ *   An error occurred while processing your request.
+ * </Alert>
+ *
+ * <Alert variant="warning" title="Warning">
+ *   This action cannot be undone.
+ * </Alert>
+ *
+ * <Alert variant="info" icon={<InfoIcon />}>
+ *   Custom icon example
+ * </Alert>
+ * ```
+ */
+import React from 'react';
+import type { AlertProps } from './Alert.types';
+export declare const Alert: React.FC<AlertProps>;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAWhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsDtC,CAAC"}

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

@@ -0,0 +1,53 @@
+/**
+ * Alert Component Types
+ *
+ * Type definitions for the Orion Alert component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Alert variants (status types)
+ */
+export type AlertVariant = 'success' | 'error' | 'warning' | 'info';
+/**
+ * Alert component props
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="success" title="Success!">
+ *   Your changes have been saved.
+ * </Alert>
+ *
+ * <Alert variant="error" onClose={() => {}}>
+ *   An error occurred.
+ * </Alert>
+ * ```
+ */
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert variant (status type)
+     * @default 'info'
+     */
+    variant?: AlertVariant;
+    /**
+     * Alert title (optional)
+     */
+    title?: string;
+    /**
+     * Show close button
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * Close button callback
+     */
+    onClose?: () => void;
+    /**
+     * Custom icon (overrides default status icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Alert content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,6 @@
+/**
+ * Alert Component Exports
+ */
+export { Alert } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Avatar Component
+ *
+ * User profile picture or initials display with status indicators.
+ *
+ * @example
+ * ```tsx
+ * <Avatar src="/user.jpg" alt="John Doe" />
+ * <Avatar initials="JD" size="lg" />
+ * <Avatar icon={<UserIcon />} status="online" />
+ * <Avatar src="/user.jpg" status="away" interactive />
+ * ```
+ */
+import React from 'react';
+import type { AvatarProps } from './Avatar.types';
+export declare const Avatar: React.FC<AvatarProps>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DxC,CAAC"}

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

@@ -0,0 +1,54 @@
+/**
+ * Avatar Component Types
+ *
+ * Type definitions for the Orion Avatar component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Avatar sizes
+ */
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+/**
+ * Avatar component props
+ *
+ * @example
+ * ```tsx
+ * <Avatar src="/user.jpg" alt="John Doe" />
+ * <Avatar initials="JD" />
+ * <Avatar icon={<UserIcon />} />
+ * ```
+ */
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Avatar image source
+     */
+    src?: string;
+    /**
+     * Alt text for image
+     */
+    alt?: string;
+    /**
+     * User initials (fallback if no image)
+     */
+    initials?: string;
+    /**
+     * Icon element (fallback if no image or initials)
+     */
+    icon?: ReactNode;
+    /**
+     * Avatar size
+     * @default 'md'
+     */
+    size?: AvatarSize;
+    /**
+     * Show online status indicator
+     * @default false
+     */
+    status?: 'online' | 'offline' | 'away' | 'busy';
+    /**
+     * Make avatar clickable
+     * @default false
+     */
+    interactive?: boolean;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAElE;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

@@ -0,0 +1,6 @@
+/**
+ * Avatar Component Exports
+ */
+export { Avatar } from './Avatar';
+export type { AvatarProps, AvatarSize } from './Avatar.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Badge Component
+ *
+ * Status indicator and label component.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="error" size="sm">Error</Badge>
+ * <Badge variant="brand" dot>New Feature</Badge>
+ * <Badge variant="info">3 pending</Badge>
+ * ```
+ */
+import React from 'react';
+import type { BadgeProps } from './Badge.types';
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

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

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

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

@@ -0,0 +1,46 @@
+/**
+ * Badge Component Types
+ *
+ * Type definitions for the Orion Badge component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Badge variants (status colors)
+ */
+export type BadgeVariant = 'primary' | 'secondary' | 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'brand';
+/**
+ * Badge sizes
+ */
+export type BadgeSize = 'sm' | 'md' | 'lg';
+/**
+ * Badge component props
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="error" size="sm">Error</Badge>
+ * <Badge variant="brand" dot>New</Badge>
+ * ```
+ */
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Badge visual variant
+     * @default 'neutral'
+     */
+    variant?: BadgeVariant;
+    /**
+     * Badge size
+     * @default 'md'
+     */
+    size?: BadgeSize;
+    /**
+     * Show dot indicator
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * Badge content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Badge.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,6 @@
+/**
+ * Badge Component Exports
+ */
+export { Badge } from './Badge';
+export type { BadgeProps, BadgeVariant, BadgeSize } from './Badge.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,34 @@
+/**
+ * Breadcrumb Component
+ *
+ * Navigation breadcrumbs showing current page location in site hierarchy.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Products', href: '/products' },
+ *     { label: 'Laptop' }
+ *   ]}
+ * />
+ *
+ * <Breadcrumb
+ *   items={breadcrumbs}
+ *   separator="slash"
+ *   showHomeIcon
+ *   maxItems={3}
+ *   size="lg"
+ * />
+ *
+ * <Breadcrumb
+ *   items={items}
+ *   separator="custom"
+ *   customSeparator={<Icon name="arrow-right" />}
+ * />
+ * ```
+ */
+import React from 'react';
+import type { BreadcrumbProps } from './Breadcrumb.types';
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,92 @@
+/**
+ * Breadcrumb Component Types
+ *
+ * Type definitions for the Orion Breadcrumb component.
+ */
+import type { ReactNode, AnchorHTMLAttributes } from 'react';
+/**
+ * Breadcrumb sizes
+ */
+export type BreadcrumbSize = 'sm' | 'md' | 'lg';
+/**
+ * Breadcrumb separator type
+ */
+export type BreadcrumbSeparator = 'chevron' | 'slash' | 'custom';
+/**
+ * Individual breadcrumb item
+ */
+export interface BreadcrumbItem {
+    /**
+     * Item label
+     */
+    label: string;
+    /**
+     * Link href (if undefined, renders as span)
+     */
+    href?: string;
+    /**
+     * Optional icon
+     */
+    icon?: ReactNode;
+}
+/**
+ * Breadcrumb component props
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Products', href: '/products' },
+ *     { label: 'Laptop' }
+ *   ]}
+ * />
+ *
+ * <Breadcrumb
+ *   items={items}
+ *   separator="slash"
+ *   showHomeIcon
+ *   size="lg"
+ * />
+ * ```
+ */
+export interface BreadcrumbProps {
+    /**
+     * Breadcrumb items
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Separator type
+     * @default 'chevron'
+     */
+    separator?: BreadcrumbSeparator;
+    /**
+     * Custom separator element
+     * (only used if separator is 'custom')
+     */
+    customSeparator?: ReactNode;
+    /**
+     * Show home icon for first item
+     * @default false
+     */
+    showHomeIcon?: boolean;
+    /**
+     * Maximum number of items to display
+     * (items in middle will be collapsed if exceeded)
+     */
+    maxItems?: number;
+    /**
+     * Breadcrumb size
+     * @default 'md'
+     */
+    size?: BreadcrumbSize;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Link props (applied to all anchor elements)
+     */
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+}
+//# sourceMappingURL=Breadcrumb.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;CACnE"}

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

@@ -0,0 +1,6 @@
+/**
+ * Breadcrumb Component Exports
+ */
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem, BreadcrumbSize, BreadcrumbSeparator, } from './Breadcrumb.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,21 @@
+/**
+ * Button Component
+ *
+ * A type-safe, accessible button component that uses the Orion Design System tokens.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="md">
+ *   Click me
+ * </Button>
+ *
+ * <Button variant="secondary" icon={<SearchIcon />}>
+ *   Search
+ * </Button>
+ *
+ * <Button variant="ghost" iconOnly icon={<MenuIcon />} aria-label="Menu" />
+ * ```
+ */
+import type { ButtonProps } from './Button.types';
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +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"}