@orion-ds/react 1.1.6 → 1.2.0
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/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.types.d.ts +1 -1
- package/dist/components/Avatar/Avatar.types.d.ts.map +1 -1
- 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/IconGallery/IconGallery.d.ts +5 -7
- package/dist/components/IconGallery/IconGallery.d.ts.map +1 -1
- package/dist/components/IconGallery/IconGallery.types.d.ts +5 -25
- package/dist/components/IconGallery/IconGallery.types.d.ts.map +1 -1
- package/dist/components/IconGallery/index.d.ts +1 -1
- package/dist/components/IconGallery/index.d.ts.map +1 -1
- 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 +17979 -14385
- 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/Stats/StatItemCard.d.ts +1 -1
- package/dist/sections/Stats/StatItemCard.d.ts.map +1 -1
- package/dist/sections/Stats/Stats.d.ts.map +1 -1
- package/dist/sections/Stats/Stats.types.d.ts +10 -0
- package/dist/sections/Stats/Stats.types.d.ts.map +1 -1
- 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/Team/Team.types.d.ts +9 -1
- package/dist/sections/Team/Team.types.d.ts.map +1 -1
- package/dist/sections/Team/TeamMemberCard.d.ts.map +1 -1
- 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 +2 -2
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ActivityFeed Component
|
|
3
|
+
*
|
|
4
|
+
* A timeline of events and activities for SaaS dashboards.
|
|
5
|
+
* Optimized for Product Mode with efficient scanning and clear hierarchy.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <ActivityFeed
|
|
10
|
+
* activities={[
|
|
11
|
+
* {
|
|
12
|
+
* id: '1',
|
|
13
|
+
* type: 'comment',
|
|
14
|
+
* actor: { name: 'John Doe' },
|
|
15
|
+
* title: 'Commented on Project X',
|
|
16
|
+
* relativeTime: '2 hours ago'
|
|
17
|
+
* }
|
|
18
|
+
* ]}
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
import type { ActivityFeedProps } from './ActivityFeed.types';
|
|
23
|
+
export declare const ActivityFeed: import("react").ForwardRefExoticComponent<ActivityFeedProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
//# sourceMappingURL=ActivityFeed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActivityFeed.d.ts","sourceRoot":"","sources":["../../../src/sections/ActivityFeed/ActivityFeed.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAaH,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAkF5E,eAAO,MAAM,YAAY,8GA4FxB,CAAC"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ActivityFeed Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion ActivityFeed section component.
|
|
5
|
+
* A timeline of events and activities for SaaS dashboards.
|
|
6
|
+
*/
|
|
7
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* Activity item actor (who performed the action)
|
|
10
|
+
*/
|
|
11
|
+
export interface ActivityActor {
|
|
12
|
+
/**
|
|
13
|
+
* Actor name
|
|
14
|
+
*/
|
|
15
|
+
name: string;
|
|
16
|
+
/**
|
|
17
|
+
* Avatar URL
|
|
18
|
+
*/
|
|
19
|
+
avatar?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Link to actor profile
|
|
22
|
+
*/
|
|
23
|
+
href?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Activity item for the feed
|
|
27
|
+
*/
|
|
28
|
+
export interface ActivityItem {
|
|
29
|
+
/**
|
|
30
|
+
* Unique identifier
|
|
31
|
+
*/
|
|
32
|
+
id: string;
|
|
33
|
+
/**
|
|
34
|
+
* Activity type for icon selection
|
|
35
|
+
*/
|
|
36
|
+
type?: 'comment' | 'update' | 'create' | 'delete' | 'assign' | 'complete' | 'upload' | 'default';
|
|
37
|
+
/**
|
|
38
|
+
* Custom icon (overrides type-based icon)
|
|
39
|
+
*/
|
|
40
|
+
icon?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Icon background color variant
|
|
43
|
+
*/
|
|
44
|
+
iconVariant?: 'default' | 'success' | 'warning' | 'error' | 'info' | 'brand';
|
|
45
|
+
/**
|
|
46
|
+
* Actor who performed the action
|
|
47
|
+
*/
|
|
48
|
+
actor?: ActivityActor;
|
|
49
|
+
/**
|
|
50
|
+
* Activity title/summary
|
|
51
|
+
*/
|
|
52
|
+
title: ReactNode;
|
|
53
|
+
/**
|
|
54
|
+
* Activity description/content
|
|
55
|
+
*/
|
|
56
|
+
description?: ReactNode;
|
|
57
|
+
/**
|
|
58
|
+
* Timestamp
|
|
59
|
+
*/
|
|
60
|
+
timestamp: string;
|
|
61
|
+
/**
|
|
62
|
+
* Relative time (e.g., "2 hours ago")
|
|
63
|
+
*/
|
|
64
|
+
relativeTime?: string;
|
|
65
|
+
/**
|
|
66
|
+
* Associated metadata
|
|
67
|
+
*/
|
|
68
|
+
metadata?: Record<string, ReactNode>;
|
|
69
|
+
/**
|
|
70
|
+
* Action buttons
|
|
71
|
+
*/
|
|
72
|
+
actions?: ReactNode;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* ActivityFeed filter option
|
|
76
|
+
*/
|
|
77
|
+
export interface ActivityFilter {
|
|
78
|
+
/**
|
|
79
|
+
* Filter value
|
|
80
|
+
*/
|
|
81
|
+
value: string;
|
|
82
|
+
/**
|
|
83
|
+
* Filter label
|
|
84
|
+
*/
|
|
85
|
+
label: string;
|
|
86
|
+
/**
|
|
87
|
+
* Item count for this filter
|
|
88
|
+
*/
|
|
89
|
+
count?: number;
|
|
90
|
+
}
|
|
91
|
+
/**
|
|
92
|
+
* ActivityFeed section props
|
|
93
|
+
*
|
|
94
|
+
* @example
|
|
95
|
+
* ```tsx
|
|
96
|
+
* <ActivityFeed
|
|
97
|
+
* activities={[
|
|
98
|
+
* {
|
|
99
|
+
* id: '1',
|
|
100
|
+
* type: 'comment',
|
|
101
|
+
* actor: { name: 'John Doe', avatar: '/avatars/john.jpg' },
|
|
102
|
+
* title: 'Commented on Project X',
|
|
103
|
+
* description: 'Great progress on the design!',
|
|
104
|
+
* timestamp: '2024-01-15T10:30:00Z',
|
|
105
|
+
* relativeTime: '2 hours ago'
|
|
106
|
+
* }
|
|
107
|
+
* ]}
|
|
108
|
+
* />
|
|
109
|
+
* ```
|
|
110
|
+
*/
|
|
111
|
+
export interface ActivityFeedProps extends HTMLAttributes<HTMLDivElement> {
|
|
112
|
+
/**
|
|
113
|
+
* Array of activity items
|
|
114
|
+
*/
|
|
115
|
+
activities: ActivityItem[];
|
|
116
|
+
/**
|
|
117
|
+
* Show filter controls
|
|
118
|
+
* @default false
|
|
119
|
+
*/
|
|
120
|
+
showFilters?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* Filter options
|
|
123
|
+
*/
|
|
124
|
+
filters?: ActivityFilter[];
|
|
125
|
+
/**
|
|
126
|
+
* Current filter value
|
|
127
|
+
*/
|
|
128
|
+
activeFilter?: string;
|
|
129
|
+
/**
|
|
130
|
+
* Filter change handler
|
|
131
|
+
*/
|
|
132
|
+
onFilterChange?: (filter: string) => void;
|
|
133
|
+
/**
|
|
134
|
+
* Load more callback
|
|
135
|
+
*/
|
|
136
|
+
onLoadMore?: () => void;
|
|
137
|
+
/**
|
|
138
|
+
* Whether more items are available
|
|
139
|
+
*/
|
|
140
|
+
hasMore?: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Loading state
|
|
143
|
+
*/
|
|
144
|
+
loading?: boolean;
|
|
145
|
+
/**
|
|
146
|
+
* Empty state message
|
|
147
|
+
*/
|
|
148
|
+
emptyMessage?: string;
|
|
149
|
+
/**
|
|
150
|
+
* Show connector lines between items
|
|
151
|
+
* @default true
|
|
152
|
+
*/
|
|
153
|
+
showConnectors?: boolean;
|
|
154
|
+
/**
|
|
155
|
+
* Compact mode
|
|
156
|
+
* @default false
|
|
157
|
+
*/
|
|
158
|
+
compact?: boolean;
|
|
159
|
+
}
|
|
160
|
+
//# sourceMappingURL=ActivityFeed.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActivityFeed.types.d.ts","sourceRoot":"","sources":["../../../src/sections/ActivityFeed/ActivityFeed.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEjG;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAE7E;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,UAAU,EAAE,YAAY,EAAE,CAAC;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/ActivityFeed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,cAAc,GACf,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Breadcrumbs Component
|
|
3
|
+
*
|
|
4
|
+
* A standalone navigation breadcrumb trail for SaaS applications.
|
|
5
|
+
* Optimized for Product Mode with clean, efficient navigation.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Breadcrumbs
|
|
10
|
+
* items={[
|
|
11
|
+
* { id: 'home', label: 'Home', href: '/' },
|
|
12
|
+
* { id: 'projects', label: 'Projects', href: '/projects' },
|
|
13
|
+
* { id: 'current', label: 'Project Alpha' }
|
|
14
|
+
* ]}
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
import type { BreadcrumbsProps } from './Breadcrumbs.types';
|
|
19
|
+
export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;
|
|
20
|
+
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/sections/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,qBAAqB,CAAC;AAG5E,eAAO,MAAM,WAAW,0GAiHvB,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Breadcrumbs Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Breadcrumbs section component.
|
|
5
|
+
* A standalone navigation breadcrumb trail for SaaS applications.
|
|
6
|
+
*/
|
|
7
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* Breadcrumb item
|
|
10
|
+
*/
|
|
11
|
+
export interface BreadcrumbItem {
|
|
12
|
+
/**
|
|
13
|
+
* Unique identifier
|
|
14
|
+
*/
|
|
15
|
+
id: string;
|
|
16
|
+
/**
|
|
17
|
+
* Item label
|
|
18
|
+
*/
|
|
19
|
+
label: string;
|
|
20
|
+
/**
|
|
21
|
+
* Link URL (optional - last item typically has no href)
|
|
22
|
+
*/
|
|
23
|
+
href?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Optional icon
|
|
26
|
+
*/
|
|
27
|
+
icon?: ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Click handler (alternative to href)
|
|
30
|
+
*/
|
|
31
|
+
onClick?: () => void;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Breadcrumbs section props
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* ```tsx
|
|
38
|
+
* <Breadcrumbs
|
|
39
|
+
* items={[
|
|
40
|
+
* { id: 'home', label: 'Home', href: '/' },
|
|
41
|
+
* { id: 'projects', label: 'Projects', href: '/projects' },
|
|
42
|
+
* { id: 'current', label: 'Project Alpha' }
|
|
43
|
+
* ]}
|
|
44
|
+
* />
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
|
|
48
|
+
/**
|
|
49
|
+
* Breadcrumb items
|
|
50
|
+
*/
|
|
51
|
+
items: BreadcrumbItem[];
|
|
52
|
+
/**
|
|
53
|
+
* Custom separator
|
|
54
|
+
* @default "/"
|
|
55
|
+
*/
|
|
56
|
+
separator?: ReactNode;
|
|
57
|
+
/**
|
|
58
|
+
* Maximum items to show before collapsing
|
|
59
|
+
* @default undefined (no collapse)
|
|
60
|
+
*/
|
|
61
|
+
maxItems?: number;
|
|
62
|
+
/**
|
|
63
|
+
* Number of items to show at start when collapsed
|
|
64
|
+
* @default 1
|
|
65
|
+
*/
|
|
66
|
+
itemsBeforeCollapse?: number;
|
|
67
|
+
/**
|
|
68
|
+
* Number of items to show at end when collapsed
|
|
69
|
+
* @default 1
|
|
70
|
+
*/
|
|
71
|
+
itemsAfterCollapse?: number;
|
|
72
|
+
/**
|
|
73
|
+
* Show home icon for first item
|
|
74
|
+
* @default false
|
|
75
|
+
*/
|
|
76
|
+
showHomeIcon?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Size variant
|
|
79
|
+
* @default "md"
|
|
80
|
+
*/
|
|
81
|
+
size?: 'sm' | 'md' | 'lg';
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=Breadcrumbs.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CarouselSection Component
|
|
3
|
+
*
|
|
4
|
+
* A full-page carousel section with title, description, and navigation.
|
|
5
|
+
* Uses the atomic Carousel component internally.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <CarouselSection
|
|
10
|
+
* eyebrow={<Badge>Featured</Badge>}
|
|
11
|
+
* title="Featured Stories"
|
|
12
|
+
* description="Check out our latest articles and insights."
|
|
13
|
+
* alignToTitle={true}
|
|
14
|
+
* items={[
|
|
15
|
+
* {
|
|
16
|
+
* image: <img src="/hero-1.jpg" alt="" />,
|
|
17
|
+
* eyebrow: "Design",
|
|
18
|
+
* title: "The future of interfaces",
|
|
19
|
+
* description: "How AI is reshaping how we build",
|
|
20
|
+
* overlay: "gradient"
|
|
21
|
+
* },
|
|
22
|
+
* {
|
|
23
|
+
* image: <img src="/hero-2.jpg" alt="" />,
|
|
24
|
+
* eyebrow: "Engineering",
|
|
25
|
+
* title: "Building at scale",
|
|
26
|
+
* description: "Lessons from shipping to millions",
|
|
27
|
+
* overlay: "gradient"
|
|
28
|
+
* }
|
|
29
|
+
* ]}
|
|
30
|
+
* />
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
import type { CarouselSectionProps } from './CarouselSection.types';
|
|
34
|
+
export declare const CarouselSection: import("react").ForwardRefExoticComponent<CarouselSectionProps & import("react").RefAttributes<HTMLElement>>;
|
|
35
|
+
//# sourceMappingURL=CarouselSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselSection.d.ts","sourceRoot":"","sources":["../../../src/sections/CarouselSection/CarouselSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAapE,eAAO,MAAM,eAAe,8GAyM3B,CAAC"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CarouselSection Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the full-page CarouselSection component.
|
|
5
|
+
* This wraps the atomic Carousel with Section/Container for page layouts.
|
|
6
|
+
*/
|
|
7
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
8
|
+
import type { CarouselItem, CarouselVariant, CarouselAspectRatio, CarouselGap } from '../../components/Carousel';
|
|
9
|
+
export type { CarouselItem, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, } from '../../components/Carousel';
|
|
10
|
+
/**
|
|
11
|
+
* CarouselSection props
|
|
12
|
+
*
|
|
13
|
+
* Full-page carousel section with title, description, and navigation.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <CarouselSection
|
|
18
|
+
* eyebrow={<Badge>Featured</Badge>}
|
|
19
|
+
* title="Featured Stories"
|
|
20
|
+
* description="Check out our latest articles."
|
|
21
|
+
* alignToTitle={true}
|
|
22
|
+
* items={[
|
|
23
|
+
* {
|
|
24
|
+
* image: <img src="/hero-1.jpg" alt="" />,
|
|
25
|
+
* eyebrow: "Design",
|
|
26
|
+
* title: "The future of interfaces",
|
|
27
|
+
* description: "How AI is reshaping how we build",
|
|
28
|
+
* overlay: "gradient"
|
|
29
|
+
* }
|
|
30
|
+
* ]}
|
|
31
|
+
* />
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
export interface CarouselSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
35
|
+
/**
|
|
36
|
+
* Optional eyebrow/badge above title
|
|
37
|
+
*/
|
|
38
|
+
eyebrow?: ReactNode;
|
|
39
|
+
/**
|
|
40
|
+
* Section title
|
|
41
|
+
*/
|
|
42
|
+
title?: ReactNode;
|
|
43
|
+
/**
|
|
44
|
+
* Section description
|
|
45
|
+
*/
|
|
46
|
+
description?: ReactNode;
|
|
47
|
+
/**
|
|
48
|
+
* Array of carousel items
|
|
49
|
+
*/
|
|
50
|
+
items: CarouselItem[];
|
|
51
|
+
/**
|
|
52
|
+
* Visual variant
|
|
53
|
+
* - editorial: Magazine-style with large images and text overlays
|
|
54
|
+
* - product: Product showcase cards
|
|
55
|
+
* - gallery: Simple image gallery
|
|
56
|
+
* @default 'editorial'
|
|
57
|
+
*/
|
|
58
|
+
variant?: CarouselVariant;
|
|
59
|
+
/**
|
|
60
|
+
* Aspect ratio for cards
|
|
61
|
+
* @default '16/9'
|
|
62
|
+
*/
|
|
63
|
+
aspectRatio?: CarouselAspectRatio;
|
|
64
|
+
/**
|
|
65
|
+
* Show cards cut at edge (Apple style peek effect)
|
|
66
|
+
* @default true
|
|
67
|
+
*/
|
|
68
|
+
peek?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Enable auto-scroll
|
|
71
|
+
* @default false
|
|
72
|
+
*/
|
|
73
|
+
autoScroll?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* Auto-scroll interval in milliseconds
|
|
76
|
+
* @default 5000
|
|
77
|
+
*/
|
|
78
|
+
autoScrollInterval?: number;
|
|
79
|
+
/**
|
|
80
|
+
* Gap between cards
|
|
81
|
+
* @default 'md'
|
|
82
|
+
*/
|
|
83
|
+
gap?: CarouselGap;
|
|
84
|
+
/**
|
|
85
|
+
* Background style
|
|
86
|
+
* @default 'base'
|
|
87
|
+
*/
|
|
88
|
+
background?: 'base' | 'subtle' | 'sunken' | 'none';
|
|
89
|
+
/**
|
|
90
|
+
* Show navigation arrows in header
|
|
91
|
+
* @default true
|
|
92
|
+
*/
|
|
93
|
+
showNavigation?: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* Show pagination dots below carousel
|
|
96
|
+
* @default false
|
|
97
|
+
*/
|
|
98
|
+
showPagination?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Align first card with the Container edge (same as title)
|
|
101
|
+
* - true: First card aligns with title (container alignment)
|
|
102
|
+
* - false: Cards start from screen edge (Apple style)
|
|
103
|
+
* @default true
|
|
104
|
+
*/
|
|
105
|
+
alignToTitle?: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Make the active (focused) card 10% larger than the rest.
|
|
108
|
+
* Creates a "spotlight" effect that follows the scroll position.
|
|
109
|
+
* @default false
|
|
110
|
+
*/
|
|
111
|
+
highlightActive?: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* Enable infinite loop scrolling.
|
|
114
|
+
* When reaching the end, navigation continues from the beginning.
|
|
115
|
+
* @default false
|
|
116
|
+
*/
|
|
117
|
+
loop?: boolean;
|
|
118
|
+
}
|
|
119
|
+
//# sourceMappingURL=CarouselSection.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselSection.types.d.ts","sourceRoot":"","sources":["../../../src/sections/CarouselSection/CarouselSection.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,WAAW,EACZ,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;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;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CarouselSection Component Exports
|
|
3
|
+
*
|
|
4
|
+
* Full-page carousel section with title, description, and navigation.
|
|
5
|
+
* For atomic carousel use, import Carousel from components.
|
|
6
|
+
*/
|
|
7
|
+
export { CarouselSection } from './CarouselSection';
|
|
8
|
+
export { CarouselCard } from '../../components/Carousel';
|
|
9
|
+
export type { CarouselSectionProps, CarouselItem, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, } from './CarouselSection.types';
|
|
10
|
+
export type { CarouselCardProps } from '../../components/Carousel';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/CarouselSection/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,YAAY,EACV,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,GAChB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CommandBar Component
|
|
3
|
+
*
|
|
4
|
+
* A command palette (Cmd+K) for quick navigation and actions.
|
|
5
|
+
* Optimized for Product Mode with keyboard-first interaction.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <CommandBar
|
|
10
|
+
* open={isOpen}
|
|
11
|
+
* onOpenChange={setIsOpen}
|
|
12
|
+
* commands={[
|
|
13
|
+
* { id: 'home', label: 'Go to Home', icon: <Home />, onSelect: () => navigate('/') }
|
|
14
|
+
* ]}
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
import type { CommandBarProps } from './CommandBar.types';
|
|
19
|
+
export declare const CommandBar: import("react").ForwardRefExoticComponent<CommandBarProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
+
//# sourceMappingURL=CommandBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandBar.d.ts","sourceRoot":"","sources":["../../../src/sections/CommandBar/CommandBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,eAAe,EAA6B,MAAM,oBAAoB,CAAC;AAGrF,eAAO,MAAM,UAAU,4GAqQtB,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CommandBar Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion CommandBar section component.
|
|
5
|
+
* A command palette (Cmd+K) for quick navigation and actions.
|
|
6
|
+
*/
|
|
7
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* Command item for the palette
|
|
10
|
+
*/
|
|
11
|
+
export interface CommandItem {
|
|
12
|
+
/**
|
|
13
|
+
* Unique identifier
|
|
14
|
+
*/
|
|
15
|
+
id: string;
|
|
16
|
+
/**
|
|
17
|
+
* Display label
|
|
18
|
+
*/
|
|
19
|
+
label: string;
|
|
20
|
+
/**
|
|
21
|
+
* Optional description
|
|
22
|
+
*/
|
|
23
|
+
description?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Icon element
|
|
26
|
+
*/
|
|
27
|
+
icon?: ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Keyboard shortcut display (e.g., "⌘K", "Ctrl+P")
|
|
30
|
+
*/
|
|
31
|
+
shortcut?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Category/group this command belongs to
|
|
34
|
+
*/
|
|
35
|
+
category?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Action callback
|
|
38
|
+
*/
|
|
39
|
+
onSelect: () => void;
|
|
40
|
+
/**
|
|
41
|
+
* Disabled state
|
|
42
|
+
*/
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Keywords for search matching
|
|
46
|
+
*/
|
|
47
|
+
keywords?: string[];
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Command group for categorization
|
|
51
|
+
*/
|
|
52
|
+
export interface CommandGroup {
|
|
53
|
+
/**
|
|
54
|
+
* Group title
|
|
55
|
+
*/
|
|
56
|
+
title: string;
|
|
57
|
+
/**
|
|
58
|
+
* Commands in this group
|
|
59
|
+
*/
|
|
60
|
+
commands: CommandItem[];
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* CommandBar section props
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* ```tsx
|
|
67
|
+
* <CommandBar
|
|
68
|
+
* open={isOpen}
|
|
69
|
+
* onOpenChange={setIsOpen}
|
|
70
|
+
* commands={[
|
|
71
|
+
* { id: 'home', label: 'Go to Home', icon: <Home />, onSelect: () => navigate('/') },
|
|
72
|
+
* { id: 'settings', label: 'Settings', icon: <Settings />, shortcut: '⌘,', onSelect: () => navigate('/settings') }
|
|
73
|
+
* ]}
|
|
74
|
+
* />
|
|
75
|
+
* ```
|
|
76
|
+
*/
|
|
77
|
+
export interface CommandBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
78
|
+
/**
|
|
79
|
+
* Whether the command bar is open
|
|
80
|
+
*/
|
|
81
|
+
open: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Callback when open state changes
|
|
84
|
+
*/
|
|
85
|
+
onOpenChange: (open: boolean) => void;
|
|
86
|
+
/**
|
|
87
|
+
* Flat list of commands (will be grouped by category if specified)
|
|
88
|
+
*/
|
|
89
|
+
commands: CommandItem[];
|
|
90
|
+
/**
|
|
91
|
+
* Recent commands to show at the top
|
|
92
|
+
*/
|
|
93
|
+
recentCommands?: CommandItem[];
|
|
94
|
+
/**
|
|
95
|
+
* Callback when a command is selected
|
|
96
|
+
*/
|
|
97
|
+
onSelect?: (command: CommandItem) => void;
|
|
98
|
+
/**
|
|
99
|
+
* Placeholder text for search input
|
|
100
|
+
* @default "Type a command or search..."
|
|
101
|
+
*/
|
|
102
|
+
placeholder?: string;
|
|
103
|
+
/**
|
|
104
|
+
* Empty state message when no results
|
|
105
|
+
* @default "No results found."
|
|
106
|
+
*/
|
|
107
|
+
emptyMessage?: string;
|
|
108
|
+
/**
|
|
109
|
+
* Custom footer content
|
|
110
|
+
*/
|
|
111
|
+
footer?: ReactNode;
|
|
112
|
+
}
|
|
113
|
+
//# sourceMappingURL=CommandBar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandBar.types.d.ts","sourceRoot":"","sources":["../../../src/sections/CommandBar/CommandBar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/CommandBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC"}
|