@orion-ds/react 1.1.5 → 1.1.7

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 (199) hide show
  1. package/README.md +3 -3
  2. package/dist/components/Carousel/Carousel.d.ts +32 -0
  3. package/dist/components/Carousel/Carousel.d.ts.map +1 -0
  4. package/dist/components/Carousel/Carousel.types.d.ts +190 -0
  5. package/dist/components/Carousel/Carousel.types.d.ts.map +1 -0
  6. package/dist/components/Carousel/CarouselCard.d.ts +12 -0
  7. package/dist/components/Carousel/CarouselCard.d.ts.map +1 -0
  8. package/dist/components/Carousel/index.d.ts +10 -0
  9. package/dist/components/Carousel/index.d.ts.map +1 -0
  10. package/dist/components/index.d.ts +2 -0
  11. package/dist/components/index.d.ts.map +1 -1
  12. package/dist/index.cjs +21 -21
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.d.ts +4 -0
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/index.mjs +17841 -14282
  17. package/dist/index.mjs.map +1 -1
  18. package/dist/react.css +1 -1
  19. package/dist/sections/ActivityFeed/ActivityFeed.d.ts +24 -0
  20. package/dist/sections/ActivityFeed/ActivityFeed.d.ts.map +1 -0
  21. package/dist/sections/ActivityFeed/ActivityFeed.types.d.ts +160 -0
  22. package/dist/sections/ActivityFeed/ActivityFeed.types.d.ts.map +1 -0
  23. package/dist/sections/ActivityFeed/index.d.ts +3 -0
  24. package/dist/sections/ActivityFeed/index.d.ts.map +1 -0
  25. package/dist/sections/Breadcrumbs/Breadcrumbs.d.ts +20 -0
  26. package/dist/sections/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  27. package/dist/sections/Breadcrumbs/Breadcrumbs.types.d.ts +83 -0
  28. package/dist/sections/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
  29. package/dist/sections/Breadcrumbs/index.d.ts +3 -0
  30. package/dist/sections/Breadcrumbs/index.d.ts.map +1 -0
  31. package/dist/sections/CarouselSection/CarouselSection.d.ts +35 -0
  32. package/dist/sections/CarouselSection/CarouselSection.d.ts.map +1 -0
  33. package/dist/sections/CarouselSection/CarouselSection.types.d.ts +119 -0
  34. package/dist/sections/CarouselSection/CarouselSection.types.d.ts.map +1 -0
  35. package/dist/sections/CarouselSection/index.d.ts +11 -0
  36. package/dist/sections/CarouselSection/index.d.ts.map +1 -0
  37. package/dist/sections/CommandBar/CommandBar.d.ts +20 -0
  38. package/dist/sections/CommandBar/CommandBar.d.ts.map +1 -0
  39. package/dist/sections/CommandBar/CommandBar.types.d.ts +113 -0
  40. package/dist/sections/CommandBar/CommandBar.types.d.ts.map +1 -0
  41. package/dist/sections/CommandBar/index.d.ts +3 -0
  42. package/dist/sections/CommandBar/index.d.ts.map +1 -0
  43. package/dist/sections/DataTable/DataTable.d.ts +28 -0
  44. package/dist/sections/DataTable/DataTable.d.ts.map +1 -0
  45. package/dist/sections/DataTable/DataTable.types.d.ts +368 -0
  46. package/dist/sections/DataTable/DataTable.types.d.ts.map +1 -0
  47. package/dist/sections/DataTable/index.d.ts +3 -0
  48. package/dist/sections/DataTable/index.d.ts.map +1 -0
  49. package/dist/sections/DetailPanel/DetailPanel.d.ts +21 -0
  50. package/dist/sections/DetailPanel/DetailPanel.d.ts.map +1 -0
  51. package/dist/sections/DetailPanel/DetailPanel.types.d.ts +95 -0
  52. package/dist/sections/DetailPanel/DetailPanel.types.d.ts.map +1 -0
  53. package/dist/sections/DetailPanel/index.d.ts +3 -0
  54. package/dist/sections/DetailPanel/index.d.ts.map +1 -0
  55. package/dist/sections/EmptyState/EmptyState.d.ts +19 -0
  56. package/dist/sections/EmptyState/EmptyState.d.ts.map +1 -0
  57. package/dist/sections/EmptyState/EmptyState.types.d.ts +70 -0
  58. package/dist/sections/EmptyState/EmptyState.types.d.ts.map +1 -0
  59. package/dist/sections/EmptyState/index.d.ts +3 -0
  60. package/dist/sections/EmptyState/index.d.ts.map +1 -0
  61. package/dist/sections/FileUploader/FileUploader.d.ts +19 -0
  62. package/dist/sections/FileUploader/FileUploader.d.ts.map +1 -0
  63. package/dist/sections/FileUploader/FileUploader.types.d.ts +129 -0
  64. package/dist/sections/FileUploader/FileUploader.types.d.ts.map +1 -0
  65. package/dist/sections/FileUploader/index.d.ts +3 -0
  66. package/dist/sections/FileUploader/index.d.ts.map +1 -0
  67. package/dist/sections/FilterBar/FilterBar.d.ts +21 -0
  68. package/dist/sections/FilterBar/FilterBar.d.ts.map +1 -0
  69. package/dist/sections/FilterBar/FilterBar.types.d.ts +144 -0
  70. package/dist/sections/FilterBar/FilterBar.types.d.ts.map +1 -0
  71. package/dist/sections/FilterBar/index.d.ts +3 -0
  72. package/dist/sections/FilterBar/index.d.ts.map +1 -0
  73. package/dist/sections/FormSection/FormSection.d.ts +27 -0
  74. package/dist/sections/FormSection/FormSection.d.ts.map +1 -0
  75. package/dist/sections/FormSection/FormSection.types.d.ts +112 -0
  76. package/dist/sections/FormSection/FormSection.types.d.ts.map +1 -0
  77. package/dist/sections/FormSection/index.d.ts +3 -0
  78. package/dist/sections/FormSection/index.d.ts.map +1 -0
  79. package/dist/sections/Hero/Hero.d.ts +18 -1
  80. package/dist/sections/Hero/Hero.d.ts.map +1 -1
  81. package/dist/sections/Hero/Hero.types.d.ts +70 -1
  82. package/dist/sections/Hero/Hero.types.d.ts.map +1 -1
  83. package/dist/sections/Hero/HeroHighlight.d.ts +19 -0
  84. package/dist/sections/Hero/HeroHighlight.d.ts.map +1 -0
  85. package/dist/sections/Hero/index.d.ts +2 -1
  86. package/dist/sections/Hero/index.d.ts.map +1 -1
  87. package/dist/sections/KanbanBoard/KanbanBoard.d.ts +20 -0
  88. package/dist/sections/KanbanBoard/KanbanBoard.d.ts.map +1 -0
  89. package/dist/sections/KanbanBoard/KanbanBoard.types.d.ts +190 -0
  90. package/dist/sections/KanbanBoard/KanbanBoard.types.d.ts.map +1 -0
  91. package/dist/sections/KanbanBoard/index.d.ts +3 -0
  92. package/dist/sections/KanbanBoard/index.d.ts.map +1 -0
  93. package/dist/sections/MetricCards/MetricCards.d.ts +23 -0
  94. package/dist/sections/MetricCards/MetricCards.d.ts.map +1 -0
  95. package/dist/sections/MetricCards/MetricCards.types.d.ts +139 -0
  96. package/dist/sections/MetricCards/MetricCards.types.d.ts.map +1 -0
  97. package/dist/sections/MetricCards/index.d.ts +3 -0
  98. package/dist/sections/MetricCards/index.d.ts.map +1 -0
  99. package/dist/sections/NotificationCenter/NotificationCenter.d.ts +18 -0
  100. package/dist/sections/NotificationCenter/NotificationCenter.d.ts.map +1 -0
  101. package/dist/sections/NotificationCenter/NotificationCenter.types.d.ts +126 -0
  102. package/dist/sections/NotificationCenter/NotificationCenter.types.d.ts.map +1 -0
  103. package/dist/sections/NotificationCenter/index.d.ts +3 -0
  104. package/dist/sections/NotificationCenter/index.d.ts.map +1 -0
  105. package/dist/sections/PageHeader/PageHeader.d.ts +22 -0
  106. package/dist/sections/PageHeader/PageHeader.d.ts.map +1 -0
  107. package/dist/sections/PageHeader/PageHeader.types.d.ts +135 -0
  108. package/dist/sections/PageHeader/PageHeader.types.d.ts.map +1 -0
  109. package/dist/sections/PageHeader/index.d.ts +3 -0
  110. package/dist/sections/PageHeader/index.d.ts.map +1 -0
  111. package/dist/sections/QuickActions/QuickActions.d.ts +19 -0
  112. package/dist/sections/QuickActions/QuickActions.d.ts.map +1 -0
  113. package/dist/sections/QuickActions/QuickActions.types.d.ts +112 -0
  114. package/dist/sections/QuickActions/QuickActions.types.d.ts.map +1 -0
  115. package/dist/sections/QuickActions/index.d.ts +3 -0
  116. package/dist/sections/QuickActions/index.d.ts.map +1 -0
  117. package/dist/sections/SettingsLayout/SettingsLayout.d.ts +22 -0
  118. package/dist/sections/SettingsLayout/SettingsLayout.d.ts.map +1 -0
  119. package/dist/sections/SettingsLayout/SettingsLayout.types.d.ts +117 -0
  120. package/dist/sections/SettingsLayout/SettingsLayout.types.d.ts.map +1 -0
  121. package/dist/sections/SettingsLayout/index.d.ts +3 -0
  122. package/dist/sections/SettingsLayout/index.d.ts.map +1 -0
  123. package/dist/sections/Sidebar/Sidebar.d.ts +29 -0
  124. package/dist/sections/Sidebar/Sidebar.d.ts.map +1 -0
  125. package/dist/sections/Sidebar/Sidebar.types.d.ts +168 -0
  126. package/dist/sections/Sidebar/Sidebar.types.d.ts.map +1 -0
  127. package/dist/sections/Sidebar/index.d.ts +3 -0
  128. package/dist/sections/Sidebar/index.d.ts.map +1 -0
  129. package/dist/sections/Stepper/Stepper.d.ts +22 -0
  130. package/dist/sections/Stepper/Stepper.d.ts.map +1 -0
  131. package/dist/sections/Stepper/Stepper.types.d.ts +106 -0
  132. package/dist/sections/Stepper/Stepper.types.d.ts.map +1 -0
  133. package/dist/sections/Stepper/index.d.ts +3 -0
  134. package/dist/sections/Stepper/index.d.ts.map +1 -0
  135. package/dist/sections/UserMenu/UserMenu.d.ts +19 -0
  136. package/dist/sections/UserMenu/UserMenu.d.ts.map +1 -0
  137. package/dist/sections/UserMenu/UserMenu.types.d.ts +138 -0
  138. package/dist/sections/UserMenu/UserMenu.types.d.ts.map +1 -0
  139. package/dist/sections/UserMenu/index.d.ts +3 -0
  140. package/dist/sections/UserMenu/index.d.ts.map +1 -0
  141. package/dist/sections/index.d.ts +41 -2
  142. package/dist/sections/index.d.ts.map +1 -1
  143. package/dist/templates/app/DashboardTemplate/DashboardTemplate.d.ts +28 -0
  144. package/dist/templates/app/DashboardTemplate/DashboardTemplate.d.ts.map +1 -0
  145. package/dist/templates/app/DashboardTemplate/DashboardTemplate.types.d.ts +62 -0
  146. package/dist/templates/app/DashboardTemplate/DashboardTemplate.types.d.ts.map +1 -0
  147. package/dist/templates/app/DashboardTemplate/index.d.ts +3 -0
  148. package/dist/templates/app/DashboardTemplate/index.d.ts.map +1 -0
  149. package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.d.ts +25 -0
  150. package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.d.ts.map +1 -0
  151. package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.types.d.ts +47 -0
  152. package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.types.d.ts.map +1 -0
  153. package/dist/templates/app/KanbanPageTemplate/index.d.ts +3 -0
  154. package/dist/templates/app/KanbanPageTemplate/index.d.ts.map +1 -0
  155. package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.d.ts +30 -0
  156. package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.d.ts.map +1 -0
  157. package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.types.d.ts +90 -0
  158. package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.types.d.ts.map +1 -0
  159. package/dist/templates/app/ProfilePageTemplate/index.d.ts +3 -0
  160. package/dist/templates/app/ProfilePageTemplate/index.d.ts.map +1 -0
  161. package/dist/templates/app/SettingsTemplate/SettingsTemplate.d.ts +27 -0
  162. package/dist/templates/app/SettingsTemplate/SettingsTemplate.d.ts.map +1 -0
  163. package/dist/templates/app/SettingsTemplate/SettingsTemplate.types.d.ts +71 -0
  164. package/dist/templates/app/SettingsTemplate/SettingsTemplate.types.d.ts.map +1 -0
  165. package/dist/templates/app/SettingsTemplate/index.d.ts +3 -0
  166. package/dist/templates/app/SettingsTemplate/index.d.ts.map +1 -0
  167. package/dist/templates/app/index.d.ts +14 -0
  168. package/dist/templates/app/index.d.ts.map +1 -0
  169. package/dist/templates/index.d.ts +38 -0
  170. package/dist/templates/index.d.ts.map +1 -0
  171. package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.d.ts +25 -0
  172. package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.d.ts.map +1 -0
  173. package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.types.d.ts +71 -0
  174. package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.types.d.ts.map +1 -0
  175. package/dist/templates/marketing/AboutPageTemplate/index.d.ts +3 -0
  176. package/dist/templates/marketing/AboutPageTemplate/index.d.ts.map +1 -0
  177. package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.d.ts +24 -0
  178. package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.d.ts.map +1 -0
  179. package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.types.d.ts +60 -0
  180. package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.types.d.ts.map +1 -0
  181. package/dist/templates/marketing/ContactPageTemplate/index.d.ts +3 -0
  182. package/dist/templates/marketing/ContactPageTemplate/index.d.ts.map +1 -0
  183. package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.d.ts +25 -0
  184. package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.d.ts.map +1 -0
  185. package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.types.d.ts +93 -0
  186. package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.types.d.ts.map +1 -0
  187. package/dist/templates/marketing/LandingPageTemplate/index.d.ts +3 -0
  188. package/dist/templates/marketing/LandingPageTemplate/index.d.ts.map +1 -0
  189. package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.d.ts +24 -0
  190. package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.d.ts.map +1 -0
  191. package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.types.d.ts +67 -0
  192. package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.types.d.ts.map +1 -0
  193. package/dist/templates/marketing/PricingPageTemplate/index.d.ts +3 -0
  194. package/dist/templates/marketing/PricingPageTemplate/index.d.ts.map +1 -0
  195. package/dist/templates/marketing/index.d.ts +14 -0
  196. package/dist/templates/marketing/index.d.ts.map +1 -0
  197. package/dist/utils/fonts.d.ts +2 -2
  198. package/dist/utils/fonts.d.ts.map +1 -1
  199. package/package.json +1 -1
package/README.md CHANGED
@@ -90,7 +90,7 @@ For vanilla HTML projects or if you disabled auto-loading, add these links to yo
90
90
  \`\`\`html
91
91
  <link rel="preconnect" href="https://fonts.googleapis.com">
92
92
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
93
- <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500&family=Work+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&family=Fugaz+One&display=swap" rel="stylesheet">
93
+ <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500&family=Work+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&family=Anton&display=swap" rel="stylesheet">
94
94
  \`\`\`
95
95
 
96
96
  ### Fonts by Brand
@@ -101,7 +101,7 @@ For vanilla HTML projects or if you disabled auto-loading, add these links to yo
101
101
  | **Deepblue** | Work Sans | Work Sans |
102
102
  | **Red** | Poppins | Inter |
103
103
  | **Orange** | DM Sans | Inter |
104
- | **Lemon** | Fugaz One | Work Sans |
104
+ | **Lemon** | Anton | Work Sans |
105
105
 
106
106
  ### Programmatic Access
107
107
 
@@ -112,7 +112,7 @@ import { GOOGLE_FONTS_URL, BRAND_FONTS, getMissingFonts } from '@orion-ds/react'
112
112
  console.log(GOOGLE_FONTS_URL);
113
113
 
114
114
  // Get fonts for a specific brand
115
- console.log(BRAND_FONTS.lemon); // ['Fugaz One', 'Work Sans', 'JetBrains Mono']
115
+ console.log(BRAND_FONTS.lemon); // ['Anton', 'Work Sans', 'JetBrains Mono']
116
116
 
117
117
  // Check which fonts are missing for a brand
118
118
  const missing = getMissingFonts('lemon');
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Carousel Component
3
+ *
4
+ * An atomic carousel with horizontal scrolling, snap behavior, and peek effect.
5
+ * This is a low-level component for use within cards, modals, or custom layouts.
6
+ * For full-page carousel sections with title/description, use CarouselSection.
7
+ *
8
+ * @example
9
+ * ```tsx
10
+ * // Inside a Card
11
+ * <Card>
12
+ * <Carousel
13
+ * items={[
14
+ * { image: <img src="/1.jpg" />, title: "Slide 1" },
15
+ * { image: <img src="/2.jpg" />, title: "Slide 2" },
16
+ * ]}
17
+ * variant="gallery"
18
+ * aspectRatio="16/9"
19
+ * />
20
+ * </Card>
21
+ *
22
+ * // Inside a Modal
23
+ * <Modal>
24
+ * <Modal.Body>
25
+ * <Carousel items={items} showNavigation showPagination />
26
+ * </Modal.Body>
27
+ * </Modal>
28
+ * ```
29
+ */
30
+ import type { CarouselProps } from './Carousel.types';
31
+ export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLDivElement>>;
32
+ //# sourceMappingURL=Carousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAYtD,eAAO,MAAM,QAAQ,0GAqQpB,CAAC"}
@@ -0,0 +1,190 @@
1
+ /**
2
+ * Carousel Component Types
3
+ *
4
+ * Type definitions for the atomic Carousel component.
5
+ * This is a low-level component for use within cards, modals, or custom layouts.
6
+ * For full-page carousel sections, use CarouselSection from sections.
7
+ */
8
+ import type { HTMLAttributes, ReactNode } from 'react';
9
+ /**
10
+ * Carousel visual variant
11
+ */
12
+ export type CarouselVariant = 'editorial' | 'product' | 'gallery';
13
+ /**
14
+ * Carousel aspect ratio
15
+ */
16
+ export type CarouselAspectRatio = '16/9' | '4/3' | '1/1' | '3/4';
17
+ /**
18
+ * Carousel gap size
19
+ */
20
+ export type CarouselGap = 'sm' | 'md' | 'lg';
21
+ /**
22
+ * Overlay style for carousel cards
23
+ */
24
+ export type CarouselOverlay = 'none' | 'gradient' | 'dark';
25
+ /**
26
+ * Track alignment relative to container
27
+ */
28
+ export type CarouselAlign = 'container' | 'edge';
29
+ /**
30
+ * Navigation render props
31
+ */
32
+ export interface CarouselNavigationProps {
33
+ canScrollLeft: boolean;
34
+ canScrollRight: boolean;
35
+ scrollLeft: () => void;
36
+ scrollRight: () => void;
37
+ activeIndex: number;
38
+ totalItems: number;
39
+ }
40
+ /**
41
+ * Carousel item data structure
42
+ */
43
+ export interface CarouselItem {
44
+ /**
45
+ * Background image element (typically an img)
46
+ */
47
+ image: ReactNode;
48
+ /**
49
+ * Small category/tag text above title
50
+ */
51
+ eyebrow?: string;
52
+ /**
53
+ * Main headline for the card
54
+ */
55
+ title: string;
56
+ /**
57
+ * Short description/subtitle
58
+ */
59
+ description?: string;
60
+ /**
61
+ * Optional action element (link or button)
62
+ */
63
+ action?: ReactNode;
64
+ /**
65
+ * Overlay style for text legibility
66
+ * @default 'gradient'
67
+ */
68
+ overlay?: CarouselOverlay;
69
+ }
70
+ /**
71
+ * Carousel card props (internal component)
72
+ */
73
+ export interface CarouselCardProps extends HTMLAttributes<HTMLDivElement> {
74
+ /**
75
+ * Carousel item data
76
+ */
77
+ item: CarouselItem;
78
+ /**
79
+ * Aspect ratio of the card
80
+ * @default '16/9'
81
+ */
82
+ aspectRatio?: CarouselAspectRatio;
83
+ /**
84
+ * Visual variant
85
+ * @default 'editorial'
86
+ */
87
+ variant?: CarouselVariant;
88
+ }
89
+ /**
90
+ * Atomic Carousel component props
91
+ *
92
+ * This is the low-level carousel component. For page sections, use CarouselSection.
93
+ *
94
+ * @example
95
+ * ```tsx
96
+ * // Inside a Card or Modal
97
+ * <Carousel
98
+ * items={[
99
+ * { image: <img src="/1.jpg" />, title: "Slide 1" },
100
+ * { image: <img src="/2.jpg" />, title: "Slide 2" },
101
+ * ]}
102
+ * variant="gallery"
103
+ * aspectRatio="16/9"
104
+ * />
105
+ * ```
106
+ */
107
+ export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
108
+ /**
109
+ * Array of carousel items
110
+ */
111
+ items: CarouselItem[];
112
+ /**
113
+ * Visual variant
114
+ * - editorial: Magazine-style with large images and text overlays
115
+ * - product: Product showcase cards
116
+ * - gallery: Simple image gallery
117
+ * @default 'editorial'
118
+ */
119
+ variant?: CarouselVariant;
120
+ /**
121
+ * Aspect ratio for cards
122
+ * @default '16/9'
123
+ */
124
+ aspectRatio?: CarouselAspectRatio;
125
+ /**
126
+ * Show cards cut at edge (Apple style peek effect)
127
+ * @default true
128
+ */
129
+ peek?: boolean;
130
+ /**
131
+ * Enable auto-scroll
132
+ * @default false
133
+ */
134
+ autoScroll?: boolean;
135
+ /**
136
+ * Auto-scroll interval in milliseconds
137
+ * @default 5000
138
+ */
139
+ autoScrollInterval?: number;
140
+ /**
141
+ * Gap between cards
142
+ * @default 'md'
143
+ */
144
+ gap?: CarouselGap;
145
+ /**
146
+ * Track alignment
147
+ * - 'container': First card aligns with Container (matches section title)
148
+ * - 'edge': Cards start from screen edge (Apple style)
149
+ * @default 'edge'
150
+ */
151
+ align?: CarouselAlign;
152
+ /**
153
+ * Show navigation arrows
154
+ * @default true
155
+ */
156
+ showNavigation?: boolean;
157
+ /**
158
+ * Show pagination dots
159
+ * @default false
160
+ */
161
+ showPagination?: boolean;
162
+ /**
163
+ * Callback when active slide changes
164
+ */
165
+ onSlideChange?: (index: number) => void;
166
+ /**
167
+ * Custom navigation renderer
168
+ */
169
+ renderNavigation?: (props: CarouselNavigationProps) => ReactNode;
170
+ /**
171
+ * Pixel offset for container alignment.
172
+ * Used by CarouselSection to align first card snap point with title.
173
+ * When set, scroll-padding-inline-start aligns snap points to this offset.
174
+ * @internal
175
+ */
176
+ alignOffset?: number;
177
+ /**
178
+ * Make the active (focused) card 10% larger than the rest.
179
+ * Creates a "spotlight" effect that follows the scroll position.
180
+ * @default false
181
+ */
182
+ highlightActive?: boolean;
183
+ /**
184
+ * Enable infinite loop scrolling.
185
+ * When reaching the end, navigation continues from the beginning.
186
+ * @default false
187
+ */
188
+ loop?: boolean;
189
+ }
190
+ //# sourceMappingURL=Carousel.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,MAAM,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;OAEG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IAEjE;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * CarouselCard Component
3
+ *
4
+ * Internal component for rendering individual carousel cards.
5
+ * Supports editorial (Apple-style), product, and gallery variants.
6
+ */
7
+ import type { CarouselCardProps } from './Carousel.types';
8
+ export declare const CarouselCard: {
9
+ ({ item, aspectRatio, variant, className, style, ...rest }: CarouselCardProps): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ //# sourceMappingURL=CarouselCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CarouselCard.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,YAAY;gEAOtB,iBAAiB;;CAuCnB,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Carousel Component Exports
3
+ *
4
+ * Atomic carousel component for use within cards, modals, or custom layouts.
5
+ * For full-page carousel sections, use CarouselSection from sections.
6
+ */
7
+ export { Carousel } from './Carousel';
8
+ export { CarouselCard } from './CarouselCard';
9
+ export type { CarouselProps, CarouselItem, CarouselCardProps, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, CarouselAlign, CarouselNavigationProps, } from './Carousel.types';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,aAAa,EACb,uBAAuB,GACxB,MAAM,kBAAkB,CAAC"}
@@ -45,4 +45,6 @@ export { Modal } from './Modal';
45
45
  export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalSize, } from './Modal';
46
46
  export { ThemeController } from './ThemeController';
47
47
  export type { ThemeControllerProps } from './ThemeController';
48
+ export { Carousel, CarouselCard } from './Carousel';
49
+ export type { CarouselProps, CarouselItem, CarouselCardProps, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, CarouselAlign, CarouselNavigationProps, } from './Carousel';
48
50
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGvE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG9E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,GACZ,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGhE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAEtB,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,UAAU,CAAC;AAGlB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,aAAa,EACb,uBAAuB,GACxB,MAAM,YAAY,CAAC"}