@orion-ds/react 1.2.7 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/AI_COMPONENTS.md +37 -26
  2. package/AI_GUIDE.md +547 -0
  3. package/AI_QUICKREF.md +14 -2
  4. package/README.md +97 -15
  5. package/dist/components/Accordion/index.d.ts +16 -1
  6. package/dist/components/Accordion/index.d.ts.map +1 -1
  7. package/dist/components/Alert/index.d.ts +11 -1
  8. package/dist/components/Alert/index.d.ts.map +1 -1
  9. package/dist/components/Avatar/index.d.ts +10 -1
  10. package/dist/components/Avatar/index.d.ts.map +1 -1
  11. package/dist/components/Badge/index.d.ts +11 -1
  12. package/dist/components/Badge/index.d.ts.map +1 -1
  13. package/dist/components/Breadcrumb/index.d.ts +15 -1
  14. package/dist/components/Breadcrumb/index.d.ts.map +1 -1
  15. package/dist/components/Button/index.d.ts +11 -1
  16. package/dist/components/Button/index.d.ts.map +1 -1
  17. package/dist/components/Card/index.d.ts +14 -1
  18. package/dist/components/Card/index.d.ts.map +1 -1
  19. package/dist/components/Carousel/index.d.ts +16 -1
  20. package/dist/components/Carousel/index.d.ts.map +1 -1
  21. package/dist/components/Checkbox/index.d.ts +10 -1
  22. package/dist/components/Checkbox/index.d.ts.map +1 -1
  23. package/dist/components/Chip/index.d.ts +11 -1
  24. package/dist/components/Chip/index.d.ts.map +1 -1
  25. package/dist/components/Combobox/index.d.ts +17 -1
  26. package/dist/components/Combobox/index.d.ts.map +1 -1
  27. package/dist/components/Divider/index.d.ts +11 -1
  28. package/dist/components/Divider/index.d.ts.map +1 -1
  29. package/dist/components/Drawer/index.d.ts +16 -1
  30. package/dist/components/Drawer/index.d.ts.map +1 -1
  31. package/dist/components/Dropdown/index.d.ts +17 -1
  32. package/dist/components/Dropdown/index.d.ts.map +1 -1
  33. package/dist/components/EmptyState/index.d.ts +14 -1
  34. package/dist/components/EmptyState/index.d.ts.map +1 -1
  35. package/dist/components/Field/index.d.ts +11 -1
  36. package/dist/components/Field/index.d.ts.map +1 -1
  37. package/dist/components/FontLoader/index.d.ts +15 -2
  38. package/dist/components/FontLoader/index.d.ts.map +1 -1
  39. package/dist/components/Icon/index.d.ts +16 -1
  40. package/dist/components/Icon/index.d.ts.map +1 -1
  41. package/dist/components/IconGallery/index.d.ts +14 -1
  42. package/dist/components/IconGallery/index.d.ts.map +1 -1
  43. package/dist/components/Link/index.d.ts +11 -1
  44. package/dist/components/Link/index.d.ts.map +1 -1
  45. package/dist/components/List/index.d.ts +15 -1
  46. package/dist/components/List/index.d.ts.map +1 -1
  47. package/dist/components/Modal/index.d.ts +15 -1
  48. package/dist/components/Modal/index.d.ts.map +1 -1
  49. package/dist/components/Navbar/index.d.ts +20 -1
  50. package/dist/components/Navbar/index.d.ts.map +1 -1
  51. package/dist/components/Pagination/index.d.ts +13 -1
  52. package/dist/components/Pagination/index.d.ts.map +1 -1
  53. package/dist/components/Popover/index.d.ts +17 -1
  54. package/dist/components/Popover/index.d.ts.map +1 -1
  55. package/dist/components/ProgressBar/index.d.ts +10 -1
  56. package/dist/components/ProgressBar/index.d.ts.map +1 -1
  57. package/dist/components/Radio/index.d.ts +10 -1
  58. package/dist/components/Radio/index.d.ts.map +1 -1
  59. package/dist/components/SearchInput/index.d.ts +10 -1
  60. package/dist/components/SearchInput/index.d.ts.map +1 -1
  61. package/dist/components/Select/index.d.ts +17 -1
  62. package/dist/components/Select/index.d.ts.map +1 -1
  63. package/dist/components/Skeleton/index.d.ts +10 -1
  64. package/dist/components/Skeleton/index.d.ts.map +1 -1
  65. package/dist/components/Slider/index.d.ts +10 -1
  66. package/dist/components/Slider/index.d.ts.map +1 -1
  67. package/dist/components/Spinner/index.d.ts +10 -1
  68. package/dist/components/Spinner/index.d.ts.map +1 -1
  69. package/dist/components/Stepper/index.d.ts +15 -1
  70. package/dist/components/Stepper/index.d.ts.map +1 -1
  71. package/dist/components/Switch/index.d.ts +10 -1
  72. package/dist/components/Switch/index.d.ts.map +1 -1
  73. package/dist/components/Table/index.d.ts +18 -1
  74. package/dist/components/Table/index.d.ts.map +1 -1
  75. package/dist/components/Tabs/index.d.ts +15 -1
  76. package/dist/components/Tabs/index.d.ts.map +1 -1
  77. package/dist/components/Textarea/index.d.ts +10 -1
  78. package/dist/components/Textarea/index.d.ts.map +1 -1
  79. package/dist/components/ThemeController/index.d.ts +15 -1
  80. package/dist/components/ThemeController/index.d.ts.map +1 -1
  81. package/dist/components/Toast/index.d.ts +22 -1
  82. package/dist/components/Toast/index.d.ts.map +1 -1
  83. package/dist/components/Tooltip/index.d.ts +14 -1
  84. package/dist/components/Tooltip/index.d.ts.map +1 -1
  85. package/dist/contexts/ThemeContext.d.ts +12 -1
  86. package/dist/contexts/ThemeContext.d.ts.map +1 -1
  87. package/dist/index.cjs +14 -14
  88. package/dist/index.cjs.map +1 -1
  89. package/dist/index.d.ts +2 -2
  90. package/dist/index.d.ts.map +1 -1
  91. package/dist/index.mjs +1519 -1494
  92. package/dist/index.mjs.map +1 -1
  93. package/dist/sections/CTA/CTA.d.ts +1 -1
  94. package/dist/sections/CTA/CTA.d.ts.map +1 -1
  95. package/dist/sections/CTA/CTA.types.d.ts +8 -4
  96. package/dist/sections/CTA/CTA.types.d.ts.map +1 -1
  97. package/dist/sections/DetailPanel/DetailPanel.d.ts +1 -0
  98. package/dist/sections/DetailPanel/DetailPanel.d.ts.map +1 -1
  99. package/dist/sections/DetailPanel/DetailPanel.types.d.ts +7 -2
  100. package/dist/sections/DetailPanel/DetailPanel.types.d.ts.map +1 -1
  101. package/dist/sections/Hero/Hero.d.ts +3 -3
  102. package/dist/sections/Hero/Hero.d.ts.map +1 -1
  103. package/dist/sections/Hero/Hero.types.d.ts +9 -5
  104. package/dist/sections/Hero/Hero.types.d.ts.map +1 -1
  105. package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.d.ts +1 -1
  106. package/package.json +11 -3
@@ -1,5 +1,20 @@
1
1
  /**
2
- * Icon Component Exports
2
+ * Icon Component - Render Lucide icons with Orion styling.
3
+ *
4
+ * Prefer importing icons directly from lucide-react for better tree-shaking.
5
+ *
6
+ * @example
7
+ * ```tsx
8
+ * import { Icon } from '@orion-ds/react';
9
+ * // Or directly: import { Search, Settings } from 'lucide-react';
10
+ *
11
+ * <Icon name="search" size="md" />
12
+ * <Icon name="settings" size="lg" color="brand" />
13
+ *
14
+ * // Preferred: Direct import from lucide-react
15
+ * import { Search } from 'lucide-react';
16
+ * <Search size={20} />
17
+ * ```
3
18
  */
4
19
  export { Icon } from './Icon';
5
20
  export type { IconProps, IconSize, IconColor, IconRenderProps } from './Icon.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
@@ -1,5 +1,18 @@
1
1
  /**
2
- * IconGallery Component Exports
2
+ * IconGallery Component - Browsable icon reference display.
3
+ *
4
+ * Used for documentation and development. Shows all available Lucide icons.
5
+ *
6
+ * @example
7
+ * ```tsx
8
+ * import { IconGallery } from '@orion-ds/react';
9
+ *
10
+ * // Shows searchable gallery of all Lucide icons
11
+ * <IconGallery />
12
+ *
13
+ * // With custom categories
14
+ * <IconGallery categories={['navigation', 'actions', 'media']} />
15
+ * ```
3
16
  */
4
17
  export { IconGallery } from './IconGallery';
5
18
  export type { IconGalleryProps } from './IconGallery.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -1,5 +1,15 @@
1
1
  /**
2
- * Link Component Export
2
+ * Link Component - Navigation links.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Link } from '@orion-ds/react';
7
+ *
8
+ * <Link href="/about">About Us</Link>
9
+ * <Link href="/docs" variant="subtle">Documentation</Link>
10
+ * <Link href="/pricing" variant="brand">View Pricing</Link>
11
+ * <Link href="https://example.com" external>External Link</Link>
12
+ * ```
3
13
  */
4
14
  export { Link } from './Link';
5
15
  export type { LinkProps, LinkVariant, LinkSize } from './Link.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
@@ -1,5 +1,19 @@
1
1
  /**
2
- * List Component Export
2
+ * List Component - Vertical item list display.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { List } from '@orion-ds/react';
7
+ * import { User, Settings, LogOut } from 'lucide-react';
8
+ *
9
+ * <List
10
+ * items={[
11
+ * { id: '1', label: 'Profile', icon: <User size={18} />, onClick: goToProfile },
12
+ * { id: '2', label: 'Settings', icon: <Settings size={18} />, onClick: goToSettings },
13
+ * { id: '3', label: 'Log out', icon: <LogOut size={18} />, onClick: handleLogout },
14
+ * ]}
15
+ * />
16
+ * ```
3
17
  */
4
18
  export { List } from './List';
5
19
  export type { ListProps, ListItem, ListSize, ListVariant } from './List.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
@@ -1,5 +1,19 @@
1
1
  /**
2
- * Modal Component Exports
2
+ * Modal Component - Dialogs and confirmation windows.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Modal, Button } from '@orion-ds/react';
7
+ *
8
+ * <Modal isOpen={isOpen} onClose={() => setIsOpen(false)} size="md">
9
+ * <Modal.Header>Confirm Action</Modal.Header>
10
+ * <Modal.Body>Are you sure you want to proceed?</Modal.Body>
11
+ * <Modal.Footer>
12
+ * <Button variant="ghost" onClick={() => setIsOpen(false)}>Cancel</Button>
13
+ * <Button variant="primary">Confirm</Button>
14
+ * </Modal.Footer>
15
+ * </Modal>
16
+ * ```
3
17
  */
4
18
  export { Modal } from './Modal';
5
19
  export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalSize, } from './Modal.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC"}
@@ -1,5 +1,24 @@
1
1
  /**
2
- * Navbar Component Exports
2
+ * Navbar Component - Site/app navigation header.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Navbar, Button } from '@orion-ds/react';
7
+ *
8
+ * <Navbar variant="solid" sticky>
9
+ * <Navbar.Brand href="/">
10
+ * <img src="/logo.svg" alt="Logo" height={32} />
11
+ * </Navbar.Brand>
12
+ * <Navbar.Nav>
13
+ * <Navbar.Link href="/features">Features</Navbar.Link>
14
+ * <Navbar.Link href="/pricing">Pricing</Navbar.Link>
15
+ * </Navbar.Nav>
16
+ * <Navbar.Actions>
17
+ * <Button variant="ghost">Sign In</Button>
18
+ * <Button>Get Started</Button>
19
+ * </Navbar.Actions>
20
+ * </Navbar>
21
+ * ```
3
22
  */
4
23
  export { Navbar } from './Navbar';
5
24
  export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps, NavbarHeight, NavbarVariant, } from './Navbar.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,aAAa,GACd,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,aAAa,GACd,MAAM,gBAAgB,CAAC"}
@@ -1,5 +1,17 @@
1
1
  /**
2
- * Pagination Component Export
2
+ * Pagination Component - Page navigation controls.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Pagination } from '@orion-ds/react';
7
+ *
8
+ * <Pagination
9
+ * total={100}
10
+ * current={1}
11
+ * pageSize={10}
12
+ * onPageChange={(page) => setCurrentPage(page)}
13
+ * />
14
+ * ```
3
15
  */
4
16
  export { Pagination } from './Pagination';
5
17
  export type { PaginationProps, PaginationSize } from './Pagination.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1,5 +1,21 @@
1
1
  /**
2
- * Popover Component Export
2
+ * Popover Component - Contextual content overlay.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Popover, Button } from '@orion-ds/react';
7
+ *
8
+ * <Popover
9
+ * trigger={<Button>Open Menu</Button>}
10
+ * content={
11
+ * <div>
12
+ * <p>Popover content here</p>
13
+ * <Button size="sm">Action</Button>
14
+ * </div>
15
+ * }
16
+ * placement="bottom"
17
+ * />
18
+ * ```
3
19
  */
4
20
  export { Popover } from './Popover';
5
21
  export type { PopoverProps, PopoverPlacement, PopoverTrigger, } from './Popover.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,iBAAiB,CAAC"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * ProgressBar Component Exports
2
+ * ProgressBar Component - Visual progress indicator.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { ProgressBar } from '@orion-ds/react';
7
+ *
8
+ * <ProgressBar value={75} max={100} />
9
+ * <ProgressBar value={50} variant="success" showLabel />
10
+ * <ProgressBar value={30} size="sm" variant="brand" />
11
+ * ```
3
12
  */
4
13
  export { ProgressBar } from './ProgressBar';
5
14
  export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant } from './ProgressBar.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * Radio Component Exports
2
+ * Radio Component - Single selection from a group.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Radio } from '@orion-ds/react';
7
+ *
8
+ * <Radio label="Option A" name="choice" value="a" />
9
+ * <Radio label="Option B" name="choice" value="b" />
10
+ * <Radio label="Option C" name="choice" value="c" checked />
11
+ * ```
3
12
  */
4
13
  export { Radio } from './Radio';
5
14
  export type { RadioProps, RadioSize } from './Radio.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
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"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * SearchInput Component Export
2
+ * SearchInput Component - Search field with icon.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { SearchInput } from '@orion-ds/react';
7
+ *
8
+ * <SearchInput placeholder="Search..." onSearch={(query) => handleSearch(query)} />
9
+ * <SearchInput placeholder="Find users" size="sm" />
10
+ * <SearchInput placeholder="Search products" loading />
11
+ * ```
3
12
  */
4
13
  export { SearchInput } from './SearchInput';
5
14
  export type { SearchInputProps, SearchInputSize } from './SearchInput.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
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"}
@@ -1,5 +1,21 @@
1
1
  /**
2
- * Select Component Exports
2
+ * Select Component - Dropdown selection input.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Select } from '@orion-ds/react';
7
+ *
8
+ * <Select
9
+ * label="Country"
10
+ * placeholder="Select a country"
11
+ * options={[
12
+ * { value: 'us', label: 'United States' },
13
+ * { value: 'uk', label: 'United Kingdom' },
14
+ * { value: 'ca', label: 'Canada' },
15
+ * ]}
16
+ * onChange={(value) => setCountry(value)}
17
+ * />
18
+ * ```
3
19
  */
4
20
  export { Select } from './Select';
5
21
  export type { SelectProps, SelectOption } from './Select.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
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"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * Skeleton Component Export
2
+ * Skeleton Component - Loading placeholder shapes.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Skeleton } from '@orion-ds/react';
7
+ *
8
+ * <Skeleton variant="text" width={200} />
9
+ * <Skeleton variant="circle" width={48} height={48} />
10
+ * <Skeleton variant="rectangle" width="100%" height={120} />
11
+ * ```
3
12
  */
4
13
  export { Skeleton } from './Skeleton';
5
14
  export type { SkeletonProps, SkeletonVariant, SkeletonAnimation } from './Skeleton.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * Slider Component Export
2
+ * Slider Component - Range/value selection.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Slider } from '@orion-ds/react';
7
+ *
8
+ * <Slider min={0} max={100} value={50} onChange={setValue} />
9
+ * <Slider min={0} max={100} value={[25, 75]} range />
10
+ * <Slider min={0} max={10} step={1} marks showValue />
11
+ * ```
3
12
  */
4
13
  export { Slider } from './Slider';
5
14
  export type { SliderProps, SliderSize } from './Slider.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * Spinner Component Exports
2
+ * Spinner Component - Loading indicator.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Spinner } from '@orion-ds/react';
7
+ *
8
+ * <Spinner />
9
+ * <Spinner size="lg" variant="brand" />
10
+ * <Spinner size="sm" /> Loading...
11
+ * ```
3
12
  */
4
13
  export { Spinner } from './Spinner';
5
14
  export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,5 +1,19 @@
1
1
  /**
2
- * Stepper Component Export
2
+ * Stepper Component - Multi-step process indicator.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Stepper } from '@orion-ds/react';
7
+ *
8
+ * <Stepper
9
+ * steps={[
10
+ * { id: '1', label: 'Account', status: 'completed' },
11
+ * { id: '2', label: 'Profile', status: 'current' },
12
+ * { id: '3', label: 'Review', status: 'pending' },
13
+ * ]}
14
+ * current={1}
15
+ * />
16
+ * ```
3
17
  */
4
18
  export { Stepper } from './Stepper';
5
19
  export type { StepperProps, StepItem, StepStatus, StepperOrientation, StepperSize, } from './Stepper.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * Switch Component Exports
2
+ * Switch Component - Toggle for on/off states.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Switch } from '@orion-ds/react';
7
+ *
8
+ * <Switch label="Enable notifications" />
9
+ * <Switch label="Dark mode" checked={isDark} onChange={setIsDark} />
10
+ * <Switch label="Feature flag" size="sm" disabled />
11
+ * ```
3
12
  */
4
13
  export { Switch } from './Switch';
5
14
  export type { SwitchProps, SwitchSize } from './Switch.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,5 +1,22 @@
1
1
  /**
2
- * Table Component Exports
2
+ * Table Component - Tabular data display.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Table } from '@orion-ds/react';
7
+ *
8
+ * <Table
9
+ * columns={[
10
+ * { key: 'name', header: 'Name', sortable: true },
11
+ * { key: 'email', header: 'Email' },
12
+ * { key: 'role', header: 'Role' },
13
+ * ]}
14
+ * data={[
15
+ * { name: 'John Doe', email: 'john@example.com', role: 'Admin' },
16
+ * { name: 'Jane Smith', email: 'jane@example.com', role: 'User' },
17
+ * ]}
18
+ * />
19
+ * ```
3
20
  */
4
21
  export { Table } from './Table';
5
22
  export type { TableProps, TableColumn, TableSize, SortDirection } from './Table.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
@@ -1,5 +1,19 @@
1
1
  /**
2
- * Tabs Component Exports
2
+ * Tabs Component - Content section switching.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Tabs } from '@orion-ds/react';
7
+ *
8
+ * <Tabs
9
+ * items={[
10
+ * { id: 'overview', label: 'Overview', content: <OverviewPanel /> },
11
+ * { id: 'settings', label: 'Settings', content: <SettingsPanel /> },
12
+ * { id: 'users', label: 'Users', content: <UsersPanel /> },
13
+ * ]}
14
+ * defaultTab="overview"
15
+ * />
16
+ * ```
3
17
  */
4
18
  export { Tabs } from './Tabs';
5
19
  export type { TabsProps, TabItem } from './Tabs.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
@@ -1,5 +1,14 @@
1
1
  /**
2
- * Textarea Component Exports
2
+ * Textarea Component - Multi-line text input.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Textarea } from '@orion-ds/react';
7
+ *
8
+ * <Textarea label="Message" placeholder="Enter your message..." />
9
+ * <Textarea label="Bio" rows={4} resize="vertical" />
10
+ * <Textarea label="Notes" error="This field is required" />
11
+ * ```
3
12
  */
4
13
  export { Textarea } from './Textarea';
5
14
  export type { TextareaProps, TextareaSize, TextareaResize } from './Textarea.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,5 +1,19 @@
1
1
  /**
2
- * ThemeController Component Exports
2
+ * ThemeController Component - Theme and brand switcher UI.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { ThemeController } from '@orion-ds/react';
7
+ *
8
+ * // Full controller with theme and brand options
9
+ * <ThemeController />
10
+ *
11
+ * // Theme toggle only
12
+ * <ThemeController showBrandSelector={false} />
13
+ *
14
+ * // Compact version
15
+ * <ThemeController compact />
16
+ * ```
3
17
  */
4
18
  export { ThemeController } from './ThemeController';
5
19
  export type { ThemeControllerProps } from './ThemeController.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -1,5 +1,26 @@
1
1
  /**
2
- * Toast Component Export
2
+ * Toast Component - Temporary notification messages.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { ToastProvider, useToast, Button } from '@orion-ds/react';
7
+ *
8
+ * // Wrap app with ToastProvider
9
+ * <ToastProvider>
10
+ * <App />
11
+ * </ToastProvider>
12
+ *
13
+ * // Use in any component
14
+ * function MyComponent() {
15
+ * const { toast } = useToast();
16
+ *
17
+ * return (
18
+ * <Button onClick={() => toast({ title: 'Saved!', variant: 'success' })}>
19
+ * Save
20
+ * </Button>
21
+ * );
22
+ * }
23
+ * ```
3
24
  */
4
25
  export { ToastProvider, useToast } from './Toast';
5
26
  export type { Toast, ToastOptions, ToastVariant, ToastPosition, ToastProviderProps, ToastContextValue, } from './Toast.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,eAAe,CAAC"}
@@ -1,5 +1,18 @@
1
1
  /**
2
- * Tooltip Component Exports
2
+ * Tooltip Component - Hover information display.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * import { Tooltip, Button } from '@orion-ds/react';
7
+ *
8
+ * <Tooltip content="Click to submit">
9
+ * <Button>Submit</Button>
10
+ * </Tooltip>
11
+ *
12
+ * <Tooltip content="Edit settings" placement="right">
13
+ * <Button iconOnly icon={<Settings size={20} />} aria-label="Settings" />
14
+ * </Tooltip>
15
+ * ```
3
16
  */
4
17
  export { Tooltip } from './Tooltip';
5
18
  export type { TooltipProps, TooltipPlacement } from './Tooltip.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -43,8 +43,19 @@ export interface ThemeProviderProps {
43
43
  * Child components
44
44
  */
45
45
  children: ReactNode;
46
+ /**
47
+ * Default theme
48
+ * @default 'light'
49
+ */
50
+ defaultTheme?: 'light' | 'dark';
51
+ /**
52
+ * Default brand
53
+ * @default 'orion'
54
+ */
55
+ defaultBrand?: 'orion' | 'red' | 'deepblue' | 'orange' | 'lemon';
46
56
  /**
47
57
  * Theme options (see useTheme for full options)
58
+ * @deprecated Use flat props (defaultTheme, defaultBrand) instead.
48
59
  */
49
60
  options?: UseThemeOptions;
50
61
  /**
@@ -72,7 +83,7 @@ export interface ThemeProviderProps {
72
83
  * Wraps your application to provide global theme and brand state.
73
84
  * Must be placed near the root of your application.
74
85
  */
75
- export declare function ThemeProvider({ children, options, disableFontWarnings, disableAutoFontLoading, disableCSSWarnings, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
86
+ export declare function ThemeProvider({ children, defaultTheme, defaultBrand, options, disableFontWarnings, disableAutoFontLoading, disableCSSWarnings, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
76
87
  /**
77
88
  * Hook to access global theme state
78
89
  *