@nucel/ui 0.1.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 +235 -0
- package/package.json +88 -0
- package/src/lib/components/ui/Backdrop.svelte +19 -0
- package/src/lib/components/ui/CountBadge.svelte +40 -0
- package/src/lib/components/ui/EmptyState.svelte +68 -0
- package/src/lib/components/ui/KbdShortcut.svelte +20 -0
- package/src/lib/components/ui/MarkdownRenderer.svelte +85 -0
- package/src/lib/components/ui/ProgressRing.svelte +61 -0
- package/src/lib/components/ui/ProviderIcon.svelte +57 -0
- package/src/lib/components/ui/ReviewBadge.svelte +54 -0
- package/src/lib/components/ui/Sparkline.svelte +61 -0
- package/src/lib/components/ui/StatusBadge.svelte +32 -0
- package/src/lib/components/ui/StatusDot.svelte +65 -0
- package/src/lib/components/ui/TabBar.svelte +127 -0
- package/src/lib/components/ui/VerticalSeparator.svelte +9 -0
- package/src/lib/components/ui/accordion/accordion-content.svelte +22 -0
- package/src/lib/components/ui/accordion/accordion-item.svelte +17 -0
- package/src/lib/components/ui/accordion/accordion-trigger.svelte +32 -0
- package/src/lib/components/ui/accordion/accordion.svelte +16 -0
- package/src/lib/components/ui/accordion/index.ts +16 -0
- package/src/lib/components/ui/avatar/avatar-fallback.svelte +17 -0
- package/src/lib/components/ui/avatar/avatar-image.svelte +17 -0
- package/src/lib/components/ui/avatar/avatar.svelte +19 -0
- package/src/lib/components/ui/avatar/index.ts +13 -0
- package/src/lib/components/ui/badge/badge.svelte +49 -0
- package/src/lib/components/ui/badge/index.ts +2 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte +23 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte +20 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte +31 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte +23 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte +23 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte +27 -0
- package/src/lib/components/ui/breadcrumb/breadcrumb.svelte +21 -0
- package/src/lib/components/ui/breadcrumb/index.ts +25 -0
- package/src/lib/components/ui/button/button.svelte +82 -0
- package/src/lib/components/ui/button/index.ts +17 -0
- package/src/lib/components/ui/card/card-action.svelte +20 -0
- package/src/lib/components/ui/card/card-content.svelte +15 -0
- package/src/lib/components/ui/card/card-description.svelte +20 -0
- package/src/lib/components/ui/card/card-footer.svelte +20 -0
- package/src/lib/components/ui/card/card-header.svelte +23 -0
- package/src/lib/components/ui/card/card-title.svelte +20 -0
- package/src/lib/components/ui/card/card.svelte +23 -0
- package/src/lib/components/ui/card/index.ts +25 -0
- package/src/lib/components/ui/collapsible/collapsible-content.svelte +7 -0
- package/src/lib/components/ui/collapsible/collapsible-trigger.svelte +7 -0
- package/src/lib/components/ui/collapsible/collapsible.svelte +11 -0
- package/src/lib/components/ui/collapsible/index.ts +13 -0
- package/src/lib/components/ui/dialog/dialog-close.svelte +7 -0
- package/src/lib/components/ui/dialog/dialog-content.svelte +45 -0
- package/src/lib/components/ui/dialog/dialog-description.svelte +17 -0
- package/src/lib/components/ui/dialog/dialog-footer.svelte +20 -0
- package/src/lib/components/ui/dialog/dialog-header.svelte +20 -0
- package/src/lib/components/ui/dialog/dialog-overlay.svelte +20 -0
- package/src/lib/components/ui/dialog/dialog-portal.svelte +7 -0
- package/src/lib/components/ui/dialog/dialog-title.svelte +17 -0
- package/src/lib/components/ui/dialog/dialog-trigger.svelte +7 -0
- package/src/lib/components/ui/dialog/dialog.svelte +7 -0
- package/src/lib/components/ui/dialog/index.ts +34 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte +16 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +41 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte +29 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte +22 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte +7 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte +27 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte +24 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte +7 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte +16 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +31 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte +17 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +20 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +20 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +29 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte +7 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte +7 -0
- package/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte +7 -0
- package/src/lib/components/ui/dropdown-menu/index.ts +54 -0
- package/src/lib/components/ui/input/index.ts +7 -0
- package/src/lib/components/ui/input/input.svelte +52 -0
- package/src/lib/components/ui/label/index.ts +7 -0
- package/src/lib/components/ui/label/label.svelte +20 -0
- package/src/lib/components/ui/navigation-menu/index.ts +28 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte +21 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte +22 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte +17 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte +20 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte +17 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte +34 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte +22 -0
- package/src/lib/components/ui/navigation-menu/navigation-menu.svelte +32 -0
- package/src/lib/components/ui/progress/index.ts +1 -0
- package/src/lib/components/ui/progress/progress.svelte +33 -0
- package/src/lib/components/ui/scroll-area/index.ts +10 -0
- package/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte +31 -0
- package/src/lib/components/ui/scroll-area/scroll-area.svelte +43 -0
- package/src/lib/components/ui/select/index.ts +37 -0
- package/src/lib/components/ui/select/select-content.svelte +45 -0
- package/src/lib/components/ui/select/select-group-heading.svelte +21 -0
- package/src/lib/components/ui/select/select-group.svelte +7 -0
- package/src/lib/components/ui/select/select-item.svelte +38 -0
- package/src/lib/components/ui/select/select-label.svelte +20 -0
- package/src/lib/components/ui/select/select-portal.svelte +7 -0
- package/src/lib/components/ui/select/select-scroll-down-button.svelte +20 -0
- package/src/lib/components/ui/select/select-scroll-up-button.svelte +20 -0
- package/src/lib/components/ui/select/select-separator.svelte +18 -0
- package/src/lib/components/ui/select/select-trigger.svelte +29 -0
- package/src/lib/components/ui/select/select.svelte +11 -0
- package/src/lib/components/ui/separator/index.ts +7 -0
- package/src/lib/components/ui/separator/separator.svelte +21 -0
- package/src/lib/components/ui/sheet/index.ts +34 -0
- package/src/lib/components/ui/sheet/sheet-close.svelte +7 -0
- package/src/lib/components/ui/sheet/sheet-content.svelte +62 -0
- package/src/lib/components/ui/sheet/sheet-description.svelte +17 -0
- package/src/lib/components/ui/sheet/sheet-footer.svelte +20 -0
- package/src/lib/components/ui/sheet/sheet-header.svelte +20 -0
- package/src/lib/components/ui/sheet/sheet-overlay.svelte +20 -0
- package/src/lib/components/ui/sheet/sheet-portal.svelte +7 -0
- package/src/lib/components/ui/sheet/sheet-title.svelte +17 -0
- package/src/lib/components/ui/sheet/sheet-trigger.svelte +7 -0
- package/src/lib/components/ui/sheet/sheet.svelte +7 -0
- package/src/lib/components/ui/skeleton/index.ts +1 -0
- package/src/lib/components/ui/skeleton/skeleton.svelte +17 -0
- package/src/lib/components/ui/sonner/index.ts +1 -0
- package/src/lib/components/ui/sonner/sonner.svelte +10 -0
- package/src/lib/components/ui/tabs/index.ts +16 -0
- package/src/lib/components/ui/tabs/tabs-content.svelte +17 -0
- package/src/lib/components/ui/tabs/tabs-list.svelte +16 -0
- package/src/lib/components/ui/tabs/tabs-trigger.svelte +20 -0
- package/src/lib/components/ui/tabs/tabs.svelte +19 -0
- package/src/lib/components/ui/textarea/index.ts +7 -0
- package/src/lib/components/ui/textarea/textarea.svelte +23 -0
- package/src/lib/components/ui/toggle/index.ts +13 -0
- package/src/lib/components/ui/toggle/toggle.svelte +52 -0
- package/src/lib/components/ui/toggle-group/index.ts +10 -0
- package/src/lib/components/ui/toggle-group/toggle-group-item.svelte +35 -0
- package/src/lib/components/ui/toggle-group/toggle-group.svelte +65 -0
- package/src/lib/components/ui/tooltip/index.ts +19 -0
- package/src/lib/components/ui/tooltip/tooltip-content.svelte +52 -0
- package/src/lib/components/ui/tooltip/tooltip-portal.svelte +7 -0
- package/src/lib/components/ui/tooltip/tooltip-provider.svelte +7 -0
- package/src/lib/components/ui/tooltip/tooltip-trigger.svelte +7 -0
- package/src/lib/components/ui/tooltip/tooltip.svelte +7 -0
- package/src/lib/index.ts +244 -0
- package/src/lib/utils/cn.test.ts +993 -0
- package/src/lib/utils/cn.ts +6 -0
- package/src/lib/utils.ts +12 -0
- package/src/styles.css +127 -0
package/src/lib/index.ts
ADDED
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
// Utils
|
|
2
|
+
export { cn } from './utils/cn.js';
|
|
3
|
+
export type {
|
|
4
|
+
WithElementRef,
|
|
5
|
+
WithoutChildren,
|
|
6
|
+
WithoutChild,
|
|
7
|
+
WithoutChildrenOrChild,
|
|
8
|
+
} from './utils.js';
|
|
9
|
+
|
|
10
|
+
// For namespace imports, use sub-paths:
|
|
11
|
+
// import * as Dialog from '@nucel/ui/components/ui/dialog'
|
|
12
|
+
// import * as Select from '@nucel/ui/components/ui/select'
|
|
13
|
+
|
|
14
|
+
// For named imports, use the main export:
|
|
15
|
+
// import { Button, Badge, Dialog, DialogContent } from '@nucel/ui'
|
|
16
|
+
|
|
17
|
+
// Avatar
|
|
18
|
+
export {
|
|
19
|
+
Root as Avatar,
|
|
20
|
+
Image as AvatarImage,
|
|
21
|
+
Fallback as AvatarFallback,
|
|
22
|
+
} from './components/ui/avatar/index.js';
|
|
23
|
+
|
|
24
|
+
// Badge
|
|
25
|
+
export { Badge, badgeVariants } from './components/ui/badge/index.js';
|
|
26
|
+
|
|
27
|
+
// Button
|
|
28
|
+
export {
|
|
29
|
+
Button,
|
|
30
|
+
buttonVariants,
|
|
31
|
+
type ButtonVariant,
|
|
32
|
+
type ButtonSize,
|
|
33
|
+
type ButtonProps,
|
|
34
|
+
} from './components/ui/button/index.js';
|
|
35
|
+
|
|
36
|
+
// Card
|
|
37
|
+
export {
|
|
38
|
+
Root as Card,
|
|
39
|
+
Content as CardContent,
|
|
40
|
+
Description as CardDescription,
|
|
41
|
+
Footer as CardFooter,
|
|
42
|
+
Header as CardHeader,
|
|
43
|
+
Title as CardTitle,
|
|
44
|
+
Action as CardAction,
|
|
45
|
+
} from './components/ui/card/index.js';
|
|
46
|
+
|
|
47
|
+
// Collapsible
|
|
48
|
+
export {
|
|
49
|
+
Root as Collapsible,
|
|
50
|
+
Content as CollapsibleContent,
|
|
51
|
+
Trigger as CollapsibleTrigger,
|
|
52
|
+
} from './components/ui/collapsible/index.js';
|
|
53
|
+
|
|
54
|
+
// Accordion
|
|
55
|
+
export {
|
|
56
|
+
Root as Accordion,
|
|
57
|
+
Item as AccordionItem,
|
|
58
|
+
Trigger as AccordionTrigger,
|
|
59
|
+
Content as AccordionContent,
|
|
60
|
+
} from './components/ui/accordion/index.js';
|
|
61
|
+
|
|
62
|
+
// Breadcrumb
|
|
63
|
+
export {
|
|
64
|
+
Root as Breadcrumb,
|
|
65
|
+
List as BreadcrumbList,
|
|
66
|
+
Item as BreadcrumbItem,
|
|
67
|
+
Link as BreadcrumbLink,
|
|
68
|
+
Separator as BreadcrumbSeparator,
|
|
69
|
+
Ellipsis as BreadcrumbEllipsis,
|
|
70
|
+
Page as BreadcrumbPage,
|
|
71
|
+
} from './components/ui/breadcrumb/index.js';
|
|
72
|
+
|
|
73
|
+
// Dialog
|
|
74
|
+
export {
|
|
75
|
+
Root as Dialog,
|
|
76
|
+
Content as DialogContent,
|
|
77
|
+
Description as DialogDescription,
|
|
78
|
+
Footer as DialogFooter,
|
|
79
|
+
Header as DialogHeader,
|
|
80
|
+
Title as DialogTitle,
|
|
81
|
+
Trigger as DialogTrigger,
|
|
82
|
+
Close as DialogClose,
|
|
83
|
+
Overlay as DialogOverlay,
|
|
84
|
+
Portal as DialogPortal,
|
|
85
|
+
} from './components/ui/dialog/index.js';
|
|
86
|
+
|
|
87
|
+
// Dropdown Menu
|
|
88
|
+
export {
|
|
89
|
+
Root as DropdownMenu,
|
|
90
|
+
CheckboxItem as DropdownMenuCheckboxItem,
|
|
91
|
+
Content as DropdownMenuContent,
|
|
92
|
+
Group as DropdownMenuGroup,
|
|
93
|
+
GroupHeading as DropdownMenuGroupHeading,
|
|
94
|
+
Item as DropdownMenuItem,
|
|
95
|
+
Label as DropdownMenuLabel,
|
|
96
|
+
RadioGroup as DropdownMenuRadioGroup,
|
|
97
|
+
RadioItem as DropdownMenuRadioItem,
|
|
98
|
+
Separator as DropdownMenuSeparator,
|
|
99
|
+
Sub as DropdownMenuSub,
|
|
100
|
+
SubContent as DropdownMenuSubContent,
|
|
101
|
+
SubTrigger as DropdownMenuSubTrigger,
|
|
102
|
+
Trigger as DropdownMenuTrigger,
|
|
103
|
+
Shortcut as DropdownMenuShortcut,
|
|
104
|
+
Portal as DropdownMenuPortal,
|
|
105
|
+
} from './components/ui/dropdown-menu/index.js';
|
|
106
|
+
|
|
107
|
+
// Input
|
|
108
|
+
export { Input } from './components/ui/input/index.js';
|
|
109
|
+
|
|
110
|
+
// Label
|
|
111
|
+
export { Label } from './components/ui/label/index.js';
|
|
112
|
+
|
|
113
|
+
// Progress
|
|
114
|
+
export { Progress } from './components/ui/progress/index.js';
|
|
115
|
+
|
|
116
|
+
// Navigation Menu
|
|
117
|
+
export {
|
|
118
|
+
Root as NavigationMenu,
|
|
119
|
+
List as NavigationMenuList,
|
|
120
|
+
Item as NavigationMenuItem,
|
|
121
|
+
Trigger as NavigationMenuTrigger,
|
|
122
|
+
Content as NavigationMenuContent,
|
|
123
|
+
Link as NavigationMenuLink,
|
|
124
|
+
Indicator as NavigationMenuIndicator,
|
|
125
|
+
Viewport as NavigationMenuViewport,
|
|
126
|
+
} from './components/ui/navigation-menu/index.js';
|
|
127
|
+
|
|
128
|
+
// Sheet
|
|
129
|
+
export {
|
|
130
|
+
Root as Sheet,
|
|
131
|
+
Content as SheetContent,
|
|
132
|
+
Header as SheetHeader,
|
|
133
|
+
Footer as SheetFooter,
|
|
134
|
+
Title as SheetTitle,
|
|
135
|
+
Description as SheetDescription,
|
|
136
|
+
Trigger as SheetTrigger,
|
|
137
|
+
Close as SheetClose,
|
|
138
|
+
Overlay as SheetOverlay,
|
|
139
|
+
Portal as SheetPortal,
|
|
140
|
+
} from './components/ui/sheet/index.js';
|
|
141
|
+
|
|
142
|
+
// Scroll Area
|
|
143
|
+
export {
|
|
144
|
+
Root as ScrollArea,
|
|
145
|
+
Scrollbar as ScrollAreaScrollbar,
|
|
146
|
+
} from './components/ui/scroll-area/index.js';
|
|
147
|
+
|
|
148
|
+
// Select
|
|
149
|
+
export {
|
|
150
|
+
Root as Select,
|
|
151
|
+
Content as SelectContent,
|
|
152
|
+
Group as SelectGroup,
|
|
153
|
+
GroupHeading as SelectGroupHeading,
|
|
154
|
+
Item as SelectItem,
|
|
155
|
+
Label as SelectLabel,
|
|
156
|
+
Trigger as SelectTrigger,
|
|
157
|
+
Separator as SelectSeparator,
|
|
158
|
+
ScrollUpButton as SelectScrollUpButton,
|
|
159
|
+
ScrollDownButton as SelectScrollDownButton,
|
|
160
|
+
Portal as SelectPortal,
|
|
161
|
+
} from './components/ui/select/index.js';
|
|
162
|
+
|
|
163
|
+
// Separator
|
|
164
|
+
export { Separator } from './components/ui/separator/index.js';
|
|
165
|
+
|
|
166
|
+
// Skeleton
|
|
167
|
+
export { Skeleton } from './components/ui/skeleton/index.js';
|
|
168
|
+
|
|
169
|
+
// Sonner (Toaster)
|
|
170
|
+
export { Toaster } from './components/ui/sonner/index.js';
|
|
171
|
+
|
|
172
|
+
// Textarea
|
|
173
|
+
export { Textarea } from './components/ui/textarea/index.js';
|
|
174
|
+
|
|
175
|
+
// Toggle
|
|
176
|
+
export {
|
|
177
|
+
Toggle,
|
|
178
|
+
toggleVariants,
|
|
179
|
+
type ToggleVariants,
|
|
180
|
+
type ToggleSize,
|
|
181
|
+
type ToggleVariant,
|
|
182
|
+
} from './components/ui/toggle/index.js';
|
|
183
|
+
|
|
184
|
+
// Toggle Group
|
|
185
|
+
export {
|
|
186
|
+
Root as ToggleGroup,
|
|
187
|
+
Item as ToggleGroupItem,
|
|
188
|
+
} from './components/ui/toggle-group/index.js';
|
|
189
|
+
|
|
190
|
+
// Tabs
|
|
191
|
+
export {
|
|
192
|
+
Root as Tabs,
|
|
193
|
+
List as TabsList,
|
|
194
|
+
Trigger as TabsTrigger,
|
|
195
|
+
Content as TabsContent,
|
|
196
|
+
} from './components/ui/tabs/index.js';
|
|
197
|
+
|
|
198
|
+
// Tooltip
|
|
199
|
+
export {
|
|
200
|
+
Root as Tooltip,
|
|
201
|
+
Content as TooltipContent,
|
|
202
|
+
Trigger as TooltipTrigger,
|
|
203
|
+
Provider as TooltipProvider,
|
|
204
|
+
Portal as TooltipPortal,
|
|
205
|
+
} from './components/ui/tooltip/index.js';
|
|
206
|
+
|
|
207
|
+
// Backdrop
|
|
208
|
+
export { default as Backdrop } from './components/ui/Backdrop.svelte';
|
|
209
|
+
|
|
210
|
+
// CountBadge
|
|
211
|
+
export { default as CountBadge } from './components/ui/CountBadge.svelte';
|
|
212
|
+
|
|
213
|
+
// EmptyState
|
|
214
|
+
export { default as EmptyState } from './components/ui/EmptyState.svelte';
|
|
215
|
+
|
|
216
|
+
// KbdShortcut
|
|
217
|
+
export { default as KbdShortcut } from './components/ui/KbdShortcut.svelte';
|
|
218
|
+
|
|
219
|
+
// StatusDot
|
|
220
|
+
export { default as StatusDot } from './components/ui/StatusDot.svelte';
|
|
221
|
+
|
|
222
|
+
// TabBar
|
|
223
|
+
export { default as TabBar } from './components/ui/TabBar.svelte';
|
|
224
|
+
|
|
225
|
+
// VerticalSeparator
|
|
226
|
+
export { default as VerticalSeparator } from './components/ui/VerticalSeparator.svelte';
|
|
227
|
+
|
|
228
|
+
// StatusBadge
|
|
229
|
+
export { default as StatusBadge } from './components/ui/StatusBadge.svelte';
|
|
230
|
+
|
|
231
|
+
// ReviewBadge
|
|
232
|
+
export { default as ReviewBadge } from './components/ui/ReviewBadge.svelte';
|
|
233
|
+
|
|
234
|
+
// MarkdownRenderer
|
|
235
|
+
export { default as MarkdownRenderer } from './components/ui/MarkdownRenderer.svelte';
|
|
236
|
+
|
|
237
|
+
// ProgressRing (replaces CostRing)
|
|
238
|
+
export { default as ProgressRing } from './components/ui/ProgressRing.svelte';
|
|
239
|
+
|
|
240
|
+
// Sparkline
|
|
241
|
+
export { default as Sparkline } from './components/ui/Sparkline.svelte';
|
|
242
|
+
|
|
243
|
+
// ProviderIcon
|
|
244
|
+
export { default as ProviderIcon } from './components/ui/ProviderIcon.svelte';
|