@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.
- package/README.md +3 -3
- package/dist/components/Carousel/Carousel.d.ts +32 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.types.d.ts +190 -0
- package/dist/components/Carousel/Carousel.types.d.ts.map +1 -0
- package/dist/components/Carousel/CarouselCard.d.ts +12 -0
- package/dist/components/Carousel/CarouselCard.d.ts.map +1 -0
- package/dist/components/Carousel/index.d.ts +10 -0
- package/dist/components/Carousel/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +21 -21
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +17841 -14282
- package/dist/index.mjs.map +1 -1
- package/dist/react.css +1 -1
- package/dist/sections/ActivityFeed/ActivityFeed.d.ts +24 -0
- package/dist/sections/ActivityFeed/ActivityFeed.d.ts.map +1 -0
- package/dist/sections/ActivityFeed/ActivityFeed.types.d.ts +160 -0
- package/dist/sections/ActivityFeed/ActivityFeed.types.d.ts.map +1 -0
- package/dist/sections/ActivityFeed/index.d.ts +3 -0
- package/dist/sections/ActivityFeed/index.d.ts.map +1 -0
- package/dist/sections/Breadcrumbs/Breadcrumbs.d.ts +20 -0
- package/dist/sections/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/sections/Breadcrumbs/Breadcrumbs.types.d.ts +83 -0
- package/dist/sections/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
- package/dist/sections/Breadcrumbs/index.d.ts +3 -0
- package/dist/sections/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/sections/CarouselSection/CarouselSection.d.ts +35 -0
- package/dist/sections/CarouselSection/CarouselSection.d.ts.map +1 -0
- package/dist/sections/CarouselSection/CarouselSection.types.d.ts +119 -0
- package/dist/sections/CarouselSection/CarouselSection.types.d.ts.map +1 -0
- package/dist/sections/CarouselSection/index.d.ts +11 -0
- package/dist/sections/CarouselSection/index.d.ts.map +1 -0
- package/dist/sections/CommandBar/CommandBar.d.ts +20 -0
- package/dist/sections/CommandBar/CommandBar.d.ts.map +1 -0
- package/dist/sections/CommandBar/CommandBar.types.d.ts +113 -0
- package/dist/sections/CommandBar/CommandBar.types.d.ts.map +1 -0
- package/dist/sections/CommandBar/index.d.ts +3 -0
- package/dist/sections/CommandBar/index.d.ts.map +1 -0
- package/dist/sections/DataTable/DataTable.d.ts +28 -0
- package/dist/sections/DataTable/DataTable.d.ts.map +1 -0
- package/dist/sections/DataTable/DataTable.types.d.ts +368 -0
- package/dist/sections/DataTable/DataTable.types.d.ts.map +1 -0
- package/dist/sections/DataTable/index.d.ts +3 -0
- package/dist/sections/DataTable/index.d.ts.map +1 -0
- package/dist/sections/DetailPanel/DetailPanel.d.ts +21 -0
- package/dist/sections/DetailPanel/DetailPanel.d.ts.map +1 -0
- package/dist/sections/DetailPanel/DetailPanel.types.d.ts +95 -0
- package/dist/sections/DetailPanel/DetailPanel.types.d.ts.map +1 -0
- package/dist/sections/DetailPanel/index.d.ts +3 -0
- package/dist/sections/DetailPanel/index.d.ts.map +1 -0
- package/dist/sections/EmptyState/EmptyState.d.ts +19 -0
- package/dist/sections/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/sections/EmptyState/EmptyState.types.d.ts +70 -0
- package/dist/sections/EmptyState/EmptyState.types.d.ts.map +1 -0
- package/dist/sections/EmptyState/index.d.ts +3 -0
- package/dist/sections/EmptyState/index.d.ts.map +1 -0
- package/dist/sections/FileUploader/FileUploader.d.ts +19 -0
- package/dist/sections/FileUploader/FileUploader.d.ts.map +1 -0
- package/dist/sections/FileUploader/FileUploader.types.d.ts +129 -0
- package/dist/sections/FileUploader/FileUploader.types.d.ts.map +1 -0
- package/dist/sections/FileUploader/index.d.ts +3 -0
- package/dist/sections/FileUploader/index.d.ts.map +1 -0
- package/dist/sections/FilterBar/FilterBar.d.ts +21 -0
- package/dist/sections/FilterBar/FilterBar.d.ts.map +1 -0
- package/dist/sections/FilterBar/FilterBar.types.d.ts +144 -0
- package/dist/sections/FilterBar/FilterBar.types.d.ts.map +1 -0
- package/dist/sections/FilterBar/index.d.ts +3 -0
- package/dist/sections/FilterBar/index.d.ts.map +1 -0
- package/dist/sections/FormSection/FormSection.d.ts +27 -0
- package/dist/sections/FormSection/FormSection.d.ts.map +1 -0
- package/dist/sections/FormSection/FormSection.types.d.ts +112 -0
- package/dist/sections/FormSection/FormSection.types.d.ts.map +1 -0
- package/dist/sections/FormSection/index.d.ts +3 -0
- package/dist/sections/FormSection/index.d.ts.map +1 -0
- package/dist/sections/Hero/Hero.d.ts +18 -1
- package/dist/sections/Hero/Hero.d.ts.map +1 -1
- package/dist/sections/Hero/Hero.types.d.ts +70 -1
- package/dist/sections/Hero/Hero.types.d.ts.map +1 -1
- package/dist/sections/Hero/HeroHighlight.d.ts +19 -0
- package/dist/sections/Hero/HeroHighlight.d.ts.map +1 -0
- package/dist/sections/Hero/index.d.ts +2 -1
- package/dist/sections/Hero/index.d.ts.map +1 -1
- package/dist/sections/KanbanBoard/KanbanBoard.d.ts +20 -0
- package/dist/sections/KanbanBoard/KanbanBoard.d.ts.map +1 -0
- package/dist/sections/KanbanBoard/KanbanBoard.types.d.ts +190 -0
- package/dist/sections/KanbanBoard/KanbanBoard.types.d.ts.map +1 -0
- package/dist/sections/KanbanBoard/index.d.ts +3 -0
- package/dist/sections/KanbanBoard/index.d.ts.map +1 -0
- package/dist/sections/MetricCards/MetricCards.d.ts +23 -0
- package/dist/sections/MetricCards/MetricCards.d.ts.map +1 -0
- package/dist/sections/MetricCards/MetricCards.types.d.ts +139 -0
- package/dist/sections/MetricCards/MetricCards.types.d.ts.map +1 -0
- package/dist/sections/MetricCards/index.d.ts +3 -0
- package/dist/sections/MetricCards/index.d.ts.map +1 -0
- package/dist/sections/NotificationCenter/NotificationCenter.d.ts +18 -0
- package/dist/sections/NotificationCenter/NotificationCenter.d.ts.map +1 -0
- package/dist/sections/NotificationCenter/NotificationCenter.types.d.ts +126 -0
- package/dist/sections/NotificationCenter/NotificationCenter.types.d.ts.map +1 -0
- package/dist/sections/NotificationCenter/index.d.ts +3 -0
- package/dist/sections/NotificationCenter/index.d.ts.map +1 -0
- package/dist/sections/PageHeader/PageHeader.d.ts +22 -0
- package/dist/sections/PageHeader/PageHeader.d.ts.map +1 -0
- package/dist/sections/PageHeader/PageHeader.types.d.ts +135 -0
- package/dist/sections/PageHeader/PageHeader.types.d.ts.map +1 -0
- package/dist/sections/PageHeader/index.d.ts +3 -0
- package/dist/sections/PageHeader/index.d.ts.map +1 -0
- package/dist/sections/QuickActions/QuickActions.d.ts +19 -0
- package/dist/sections/QuickActions/QuickActions.d.ts.map +1 -0
- package/dist/sections/QuickActions/QuickActions.types.d.ts +112 -0
- package/dist/sections/QuickActions/QuickActions.types.d.ts.map +1 -0
- package/dist/sections/QuickActions/index.d.ts +3 -0
- package/dist/sections/QuickActions/index.d.ts.map +1 -0
- package/dist/sections/SettingsLayout/SettingsLayout.d.ts +22 -0
- package/dist/sections/SettingsLayout/SettingsLayout.d.ts.map +1 -0
- package/dist/sections/SettingsLayout/SettingsLayout.types.d.ts +117 -0
- package/dist/sections/SettingsLayout/SettingsLayout.types.d.ts.map +1 -0
- package/dist/sections/SettingsLayout/index.d.ts +3 -0
- package/dist/sections/SettingsLayout/index.d.ts.map +1 -0
- package/dist/sections/Sidebar/Sidebar.d.ts +29 -0
- package/dist/sections/Sidebar/Sidebar.d.ts.map +1 -0
- package/dist/sections/Sidebar/Sidebar.types.d.ts +168 -0
- package/dist/sections/Sidebar/Sidebar.types.d.ts.map +1 -0
- package/dist/sections/Sidebar/index.d.ts +3 -0
- package/dist/sections/Sidebar/index.d.ts.map +1 -0
- package/dist/sections/Stepper/Stepper.d.ts +22 -0
- package/dist/sections/Stepper/Stepper.d.ts.map +1 -0
- package/dist/sections/Stepper/Stepper.types.d.ts +106 -0
- package/dist/sections/Stepper/Stepper.types.d.ts.map +1 -0
- package/dist/sections/Stepper/index.d.ts +3 -0
- package/dist/sections/Stepper/index.d.ts.map +1 -0
- package/dist/sections/UserMenu/UserMenu.d.ts +19 -0
- package/dist/sections/UserMenu/UserMenu.d.ts.map +1 -0
- package/dist/sections/UserMenu/UserMenu.types.d.ts +138 -0
- package/dist/sections/UserMenu/UserMenu.types.d.ts.map +1 -0
- package/dist/sections/UserMenu/index.d.ts +3 -0
- package/dist/sections/UserMenu/index.d.ts.map +1 -0
- package/dist/sections/index.d.ts +41 -2
- package/dist/sections/index.d.ts.map +1 -1
- package/dist/templates/app/DashboardTemplate/DashboardTemplate.d.ts +28 -0
- package/dist/templates/app/DashboardTemplate/DashboardTemplate.d.ts.map +1 -0
- package/dist/templates/app/DashboardTemplate/DashboardTemplate.types.d.ts +62 -0
- package/dist/templates/app/DashboardTemplate/DashboardTemplate.types.d.ts.map +1 -0
- package/dist/templates/app/DashboardTemplate/index.d.ts +3 -0
- package/dist/templates/app/DashboardTemplate/index.d.ts.map +1 -0
- package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.d.ts +25 -0
- package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.d.ts.map +1 -0
- package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.types.d.ts +47 -0
- package/dist/templates/app/KanbanPageTemplate/KanbanPageTemplate.types.d.ts.map +1 -0
- package/dist/templates/app/KanbanPageTemplate/index.d.ts +3 -0
- package/dist/templates/app/KanbanPageTemplate/index.d.ts.map +1 -0
- package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.d.ts +30 -0
- package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.d.ts.map +1 -0
- package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.types.d.ts +90 -0
- package/dist/templates/app/ProfilePageTemplate/ProfilePageTemplate.types.d.ts.map +1 -0
- package/dist/templates/app/ProfilePageTemplate/index.d.ts +3 -0
- package/dist/templates/app/ProfilePageTemplate/index.d.ts.map +1 -0
- package/dist/templates/app/SettingsTemplate/SettingsTemplate.d.ts +27 -0
- package/dist/templates/app/SettingsTemplate/SettingsTemplate.d.ts.map +1 -0
- package/dist/templates/app/SettingsTemplate/SettingsTemplate.types.d.ts +71 -0
- package/dist/templates/app/SettingsTemplate/SettingsTemplate.types.d.ts.map +1 -0
- package/dist/templates/app/SettingsTemplate/index.d.ts +3 -0
- package/dist/templates/app/SettingsTemplate/index.d.ts.map +1 -0
- package/dist/templates/app/index.d.ts +14 -0
- package/dist/templates/app/index.d.ts.map +1 -0
- package/dist/templates/index.d.ts +38 -0
- package/dist/templates/index.d.ts.map +1 -0
- package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.d.ts +25 -0
- package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.d.ts.map +1 -0
- package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.types.d.ts +71 -0
- package/dist/templates/marketing/AboutPageTemplate/AboutPageTemplate.types.d.ts.map +1 -0
- package/dist/templates/marketing/AboutPageTemplate/index.d.ts +3 -0
- package/dist/templates/marketing/AboutPageTemplate/index.d.ts.map +1 -0
- package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.d.ts +24 -0
- package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.d.ts.map +1 -0
- package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.types.d.ts +60 -0
- package/dist/templates/marketing/ContactPageTemplate/ContactPageTemplate.types.d.ts.map +1 -0
- package/dist/templates/marketing/ContactPageTemplate/index.d.ts +3 -0
- package/dist/templates/marketing/ContactPageTemplate/index.d.ts.map +1 -0
- package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.d.ts +25 -0
- package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.d.ts.map +1 -0
- package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.types.d.ts +93 -0
- package/dist/templates/marketing/LandingPageTemplate/LandingPageTemplate.types.d.ts.map +1 -0
- package/dist/templates/marketing/LandingPageTemplate/index.d.ts +3 -0
- package/dist/templates/marketing/LandingPageTemplate/index.d.ts.map +1 -0
- package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.d.ts +24 -0
- package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.d.ts.map +1 -0
- package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.types.d.ts +67 -0
- package/dist/templates/marketing/PricingPageTemplate/PricingPageTemplate.types.d.ts.map +1 -0
- package/dist/templates/marketing/PricingPageTemplate/index.d.ts +3 -0
- package/dist/templates/marketing/PricingPageTemplate/index.d.ts.map +1 -0
- package/dist/templates/marketing/index.d.ts +14 -0
- package/dist/templates/marketing/index.d.ts.map +1 -0
- package/dist/utils/fonts.d.ts +2 -2
- package/dist/utils/fonts.d.ts.map +1 -1
- 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=
|
|
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** |
|
|
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); // ['
|
|
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":"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"}
|
|
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"}
|