@devalok/shilp-sutra 0.2.0 → 0.3.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 +239 -0
- package/dist/composed/content-card.d.ts +2 -2
- package/dist/composed/error-boundary.js +1 -1
- package/dist/shell/notification-preferences.js +14 -14
- package/dist/tailwind/index.cjs +344 -0
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +15 -10
- package/dist/tokens/index.css +1 -0
- package/dist/tokens/semantic.css +3 -3
- package/dist/tokens/typography.css +7 -7
- package/dist/ui/alert.d.ts +7 -7
- package/dist/ui/alert.js +10 -10
- package/dist/ui/autocomplete.d.ts +3 -3
- package/dist/ui/autocomplete.d.ts.map +1 -1
- package/dist/ui/autocomplete.js +1 -1
- package/dist/ui/badge.d.ts +10 -7
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +82 -30
- package/dist/ui/banner.d.ts +5 -5
- package/dist/ui/banner.js +17 -17
- package/dist/ui/button-group.d.ts +8 -5
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js +17 -17
- package/dist/ui/button.d.ts +10 -8
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +65 -47
- package/dist/ui/chip.d.ts +5 -5
- package/dist/ui/chip.js +10 -10
- package/dist/ui/combobox.d.ts +6 -7
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +32 -31
- package/dist/ui/dialog.d.ts +5 -11
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +53 -53
- package/dist/ui/file-upload.js +34 -34
- package/dist/ui/form.d.ts +31 -28
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/form.js +34 -32
- package/dist/ui/icon-button.d.ts +4 -4
- package/dist/ui/index.d.ts +3 -3
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +69 -69
- package/dist/ui/number-input.d.ts +8 -10
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +48 -47
- package/dist/ui/progress.d.ts +1 -1
- package/dist/ui/search-input.js +8 -8
- package/dist/ui/sheet.d.ts +6 -12
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +49 -49
- package/dist/ui/sidebar.d.ts +1 -1
- package/dist/ui/slider.d.ts +1 -0
- package/dist/ui/slider.d.ts.map +1 -1
- package/dist/ui/spinner.js +7 -7
- package/dist/ui/switch.d.ts +4 -1
- package/dist/ui/switch.d.ts.map +1 -1
- package/dist/ui/switch.js +13 -12
- package/dist/ui/toast.d.ts +3 -3
- package/dist/ui/toast.js +22 -22
- package/dist/ui/toaster.d.ts +3 -3
- package/dist/ui/toggle-group.d.ts +2 -2
- package/dist/ui/toggle.d.ts +2 -2
- package/fonts/Inter-Italic-Variable.woff2 +0 -0
- package/fonts/Inter-Variable.woff2 +0 -0
- package/fonts/Ranade-Variable.woff2 +0 -0
- package/fonts/Ranade-VariableItalic.woff2 +0 -0
- package/package.json +63 -11
- package/fonts/GoogleSans-Italic-Variable.ttf +0 -0
- package/fonts/GoogleSans-Variable.ttf +0 -0
- package/fonts/Ranade-Variable.ttf +0 -0
- package/fonts/Ranade-VariableItalic.ttf +0 -0
package/dist/ui/index.js
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { Button as r, buttonVariants as t } from "./button.js";
|
|
3
3
|
import { IconButton as n } from "./icon-button.js";
|
|
4
|
-
import { ButtonGroup as p, useButtonGroup as
|
|
4
|
+
import { ButtonGroup as p, useButtonGroup as u } from "./button-group.js";
|
|
5
5
|
import { Input as m } from "./input.js";
|
|
6
|
-
import { Label as
|
|
6
|
+
import { Label as d } from "./label.js";
|
|
7
7
|
import { Separator as b } from "./separator.js";
|
|
8
8
|
import { VisuallyHidden as f } from "./visually-hidden.js";
|
|
9
9
|
import { Autocomplete as T } from "./autocomplete.js";
|
|
10
|
-
import { Combobox as
|
|
10
|
+
import { Combobox as M } from "./combobox.js";
|
|
11
11
|
import { FileUpload as D } from "./file-upload.js";
|
|
12
12
|
import { Checkbox as P } from "./checkbox.js";
|
|
13
|
-
import { RadioGroup as
|
|
13
|
+
import { RadioGroup as v, RadioGroupItem as A } from "./radio.js";
|
|
14
14
|
import { Switch as B } from "./switch.js";
|
|
15
15
|
import { Select as V, SelectContent as k, SelectGroup as L, SelectItem as F, SelectLabel as R, SelectScrollDownButton as H, SelectScrollUpButton as N, SelectSeparator as O, SelectTrigger as y, SelectValue as E, selectTriggerVariants as U } from "./select.js";
|
|
16
16
|
import { Textarea as q } from "./textarea.js";
|
|
17
17
|
import { NumberInput as J } from "./number-input.js";
|
|
18
18
|
import { SearchInput as Q } from "./search-input.js";
|
|
19
19
|
import { InputOTP as X, InputOTPGroup as Y, InputOTPSeparator as Z, InputOTPSlot as _ } from "./input-otp.js";
|
|
20
|
-
import { FormField as ee, FormHelperText as oe,
|
|
20
|
+
import { FormField as ee, FormHelperText as oe, useFormField as re } from "./form.js";
|
|
21
21
|
import { Slider as ae } from "./slider.js";
|
|
22
22
|
import { Toggle as ie, toggleVariants as pe } from "./toggle.js";
|
|
23
|
-
import { ToggleGroup as
|
|
24
|
-
import { AlertDialog as
|
|
25
|
-
import { Dialog as Pe, DialogClose as he, DialogContent as
|
|
23
|
+
import { ToggleGroup as le, ToggleGroupItem as me } from "./toggle-group.js";
|
|
24
|
+
import { AlertDialog as de, AlertDialogAction as ge, AlertDialogCancel as be, AlertDialogContent as Se, AlertDialogDescription as fe, AlertDialogFooter as Ce, AlertDialogHeader as Te, AlertDialogOverlay as se, AlertDialogPortal as Me, AlertDialogTitle as ce, AlertDialogTrigger as De } from "./alert-dialog.js";
|
|
25
|
+
import { Dialog as Pe, DialogClose as he, DialogContent as ve, DialogContentRaw as Ae, DialogDescription as we, DialogFooter as Be, DialogHeader as Ge, DialogOverlay as Ve, DialogPortal as ke, DialogTitle as Le, DialogTrigger as Fe } from "./dialog.js";
|
|
26
26
|
import { Sheet as He, SheetClose as Ne, SheetContent as Oe, SheetDescription as ye, SheetFooter as Ee, SheetHeader as Ue, SheetOverlay as je, SheetPortal as qe, SheetTitle as ze, SheetTrigger as Je } from "./sheet.js";
|
|
27
27
|
import { Toast as Qe, ToastAction as We, ToastClose as Xe, ToastDescription as Ye, ToastProvider as Ze, ToastTitle as _e, ToastViewport as $e } from "./toast.js";
|
|
28
28
|
import { Toaster as oo } from "./toaster.js";
|
|
29
29
|
import { Tooltip as to, TooltipContent as ao, TooltipProvider as no, TooltipTrigger as io } from "./tooltip.js";
|
|
30
|
-
import { Popover as
|
|
30
|
+
import { Popover as uo, PopoverAnchor as lo, PopoverContent as mo, PopoverTrigger as xo } from "./popover.js";
|
|
31
31
|
import { HoverCard as bo, HoverCardContent as So, HoverCardTrigger as fo } from "./hover-card.js";
|
|
32
|
-
import { Collapsible as To, CollapsibleContent as
|
|
32
|
+
import { Collapsible as To, CollapsibleContent as so, CollapsibleTrigger as Mo } from "./collapsible.js";
|
|
33
33
|
import { Alert as Do, alertVariants as Io } from "./alert.js";
|
|
34
|
-
import { Banner as ho, bannerVariants as
|
|
34
|
+
import { Banner as ho, bannerVariants as vo } from "./banner.js";
|
|
35
35
|
import { Spinner as wo } from "./spinner.js";
|
|
36
36
|
import { Card as Go, CardContent as Vo, CardDescription as ko, CardFooter as Lo, CardHeader as Fo, CardTitle as Ro } from "./card.js";
|
|
37
37
|
import { Badge as No, badgeVariants as Oo } from "./badge.js";
|
|
@@ -40,22 +40,22 @@ import { Table as Jo, TableBody as Ko, TableCaption as Qo, TableCell as Wo, Tabl
|
|
|
40
40
|
import { DataTable as er } from "./data-table.js";
|
|
41
41
|
import { DataTableToolbar as rr } from "./data-table-toolbar.js";
|
|
42
42
|
import { Progress as ar, progressIndicatorVariants as nr, progressTrackVariants as ir } from "./progress.js";
|
|
43
|
-
import { Skeleton as
|
|
44
|
-
import { StatCard as
|
|
45
|
-
import { Code as
|
|
43
|
+
import { Skeleton as ur, skeletonVariants as lr } from "./skeleton.js";
|
|
44
|
+
import { StatCard as xr } from "./stat-card.js";
|
|
45
|
+
import { Code as gr } from "./code.js";
|
|
46
46
|
import { AspectRatio as Sr } from "./aspect-ratio.js";
|
|
47
|
-
import { Accordion as Cr, AccordionContent as Tr, AccordionItem as
|
|
47
|
+
import { Accordion as Cr, AccordionContent as Tr, AccordionItem as sr, AccordionTrigger as Mr } from "./accordion.js";
|
|
48
48
|
import { Tabs as Dr, TabsContent as Ir, TabsList as Pr, TabsTrigger as hr } from "./tabs.js";
|
|
49
|
-
import { Breadcrumb as
|
|
49
|
+
import { Breadcrumb as Ar, BreadcrumbEllipsis as wr, BreadcrumbItem as Br, BreadcrumbLink as Gr, BreadcrumbList as Vr, BreadcrumbPage as kr, BreadcrumbSeparator as Lr } from "./breadcrumb.js";
|
|
50
50
|
import { DropdownMenu as Rr, DropdownMenuCheckboxItem as Hr, DropdownMenuContent as Nr, DropdownMenuGroup as Or, DropdownMenuItem as yr, DropdownMenuLabel as Er, DropdownMenuPortal as Ur, DropdownMenuRadioGroup as jr, DropdownMenuRadioItem as qr, DropdownMenuSeparator as zr, DropdownMenuShortcut as Jr, DropdownMenuSub as Kr, DropdownMenuSubContent as Qr, DropdownMenuSubTrigger as Wr, DropdownMenuTrigger as Xr } from "./dropdown-menu.js";
|
|
51
|
-
import { ContextMenu as Zr, ContextMenuCheckboxItem as _r, ContextMenuContent as $r, ContextMenuGroup as et, ContextMenuItem as ot, ContextMenuLabel as rt, ContextMenuPortal as tt, ContextMenuRadioGroup as at, ContextMenuRadioItem as nt, ContextMenuSeparator as it, ContextMenuShortcut as pt, ContextMenuSub as
|
|
52
|
-
import { Menubar as
|
|
51
|
+
import { ContextMenu as Zr, ContextMenuCheckboxItem as _r, ContextMenuContent as $r, ContextMenuGroup as et, ContextMenuItem as ot, ContextMenuLabel as rt, ContextMenuPortal as tt, ContextMenuRadioGroup as at, ContextMenuRadioItem as nt, ContextMenuSeparator as it, ContextMenuShortcut as pt, ContextMenuSub as ut, ContextMenuSubContent as lt, ContextMenuSubTrigger as mt, ContextMenuTrigger as xt } from "./context-menu.js";
|
|
52
|
+
import { Menubar as gt, MenubarCheckboxItem as bt, MenubarContent as St, MenubarGroup as ft, MenubarItem as Ct, MenubarLabel as Tt, MenubarMenu as st, MenubarPortal as Mt, MenubarRadioGroup as ct, MenubarRadioItem as Dt, MenubarSeparator as It, MenubarShortcut as Pt, MenubarSub as ht, MenubarSubContent as vt, MenubarSubTrigger as At, MenubarTrigger as wt } from "./menubar.js";
|
|
53
53
|
import { PaginationContent as Gt, PaginationEllipsis as Vt, PaginationItem as kt, PaginationLink as Lt, PaginationNav as Ft, PaginationNext as Rt, PaginationPrevious as Ht, PaginationRoot as Nt, generatePagination as Ot } from "./pagination.js";
|
|
54
54
|
import { NavigationMenu as Et, NavigationMenuContent as Ut, NavigationMenuIndicator as jt, NavigationMenuItem as qt, NavigationMenuLink as zt, NavigationMenuList as Jt, NavigationMenuTrigger as Kt, NavigationMenuViewport as Qt } from "./navigation-menu.js";
|
|
55
|
-
import { Sidebar as Xt, SidebarContent as Yt, SidebarFooter as Zt, SidebarGroup as _t, SidebarGroupAction as $t, SidebarGroupContent as ea, SidebarGroupLabel as oa, SidebarHeader as ra, SidebarInput as ta, SidebarInset as aa, SidebarMenu as na, SidebarMenuAction as ia, SidebarMenuBadge as pa, SidebarMenuButton as
|
|
56
|
-
import { Step as
|
|
55
|
+
import { Sidebar as Xt, SidebarContent as Yt, SidebarFooter as Zt, SidebarGroup as _t, SidebarGroupAction as $t, SidebarGroupContent as ea, SidebarGroupLabel as oa, SidebarHeader as ra, SidebarInput as ta, SidebarInset as aa, SidebarMenu as na, SidebarMenuAction as ia, SidebarMenuBadge as pa, SidebarMenuButton as ua, SidebarMenuItem as la, SidebarMenuSkeleton as ma, SidebarMenuSub as xa, SidebarMenuSubButton as da, SidebarMenuSubItem as ga, SidebarProvider as ba, SidebarRail as Sa, SidebarSeparator as fa, SidebarTrigger as Ca, useSidebar as Ta } from "./sidebar.js";
|
|
56
|
+
import { Step as Ma, Stepper as ca } from "./stepper.js";
|
|
57
57
|
import { Chip as Ia, chipVariants as Pa } from "./chip.js";
|
|
58
|
-
import { Collapse as
|
|
58
|
+
import { Collapse as va, Fade as Aa, Grow as wa, Slide as Ba } from "./transitions.js";
|
|
59
59
|
import { Text as Va, textVariants as ka } from "./text.js";
|
|
60
60
|
import { Stack as Fa } from "./stack.js";
|
|
61
61
|
import { Container as Ha } from "./container.js";
|
|
@@ -68,28 +68,28 @@ import { BarChart as $a } from "./charts/bar-chart.js";
|
|
|
68
68
|
import { ChartContainer as on } from "./charts/chart-container.js";
|
|
69
69
|
import { GaugeChart as tn } from "./charts/gauge-chart.js";
|
|
70
70
|
import { Legend as nn } from "./charts/_internal/legend.js";
|
|
71
|
-
import { LineChart as
|
|
71
|
+
import { LineChart as un } from "./charts/line-chart.js";
|
|
72
72
|
import { PieChart as mn } from "./charts/pie-chart.js";
|
|
73
|
-
import { RadarChart as
|
|
73
|
+
import { RadarChart as dn } from "./charts/radar-chart.js";
|
|
74
74
|
import { Sparkline as bn } from "./charts/sparkline.js";
|
|
75
75
|
import { TreeItem as fn } from "./tree-view/tree-item.js";
|
|
76
76
|
import { TreeView as Tn } from "./tree-view/tree-view.js";
|
|
77
|
-
import { useTree as
|
|
77
|
+
import { useTree as Mn } from "./tree-view/use-tree.js";
|
|
78
78
|
export {
|
|
79
79
|
Cr as Accordion,
|
|
80
80
|
Tr as AccordionContent,
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
sr as AccordionItem,
|
|
82
|
+
Mr as AccordionTrigger,
|
|
83
83
|
Do as Alert,
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
de as AlertDialog,
|
|
85
|
+
ge as AlertDialogAction,
|
|
86
86
|
be as AlertDialogCancel,
|
|
87
87
|
Se as AlertDialogContent,
|
|
88
88
|
fe as AlertDialogDescription,
|
|
89
89
|
Ce as AlertDialogFooter,
|
|
90
90
|
Te as AlertDialogHeader,
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
se as AlertDialogOverlay,
|
|
92
|
+
Me as AlertDialogPortal,
|
|
93
93
|
ce as AlertDialogTitle,
|
|
94
94
|
De as AlertDialogTrigger,
|
|
95
95
|
Za as AreaChart,
|
|
@@ -101,7 +101,7 @@ export {
|
|
|
101
101
|
No as Badge,
|
|
102
102
|
ho as Banner,
|
|
103
103
|
$a as BarChart,
|
|
104
|
-
|
|
104
|
+
Ar as Breadcrumb,
|
|
105
105
|
wr as BreadcrumbEllipsis,
|
|
106
106
|
Br as BreadcrumbItem,
|
|
107
107
|
Gr as BreadcrumbLink,
|
|
@@ -119,12 +119,12 @@ export {
|
|
|
119
119
|
on as ChartContainer,
|
|
120
120
|
P as Checkbox,
|
|
121
121
|
Ia as Chip,
|
|
122
|
-
|
|
123
|
-
|
|
122
|
+
gr as Code,
|
|
123
|
+
va as Collapse,
|
|
124
124
|
To as Collapsible,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
125
|
+
so as CollapsibleContent,
|
|
126
|
+
Mo as CollapsibleTrigger,
|
|
127
|
+
M as Combobox,
|
|
128
128
|
Ha as Container,
|
|
129
129
|
Zr as ContextMenu,
|
|
130
130
|
_r as ContextMenuCheckboxItem,
|
|
@@ -137,16 +137,16 @@ export {
|
|
|
137
137
|
nt as ContextMenuRadioItem,
|
|
138
138
|
it as ContextMenuSeparator,
|
|
139
139
|
pt as ContextMenuShortcut,
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
ut as ContextMenuSub,
|
|
141
|
+
lt as ContextMenuSubContent,
|
|
142
142
|
mt as ContextMenuSubTrigger,
|
|
143
|
-
|
|
143
|
+
xt as ContextMenuTrigger,
|
|
144
144
|
er as DataTable,
|
|
145
145
|
rr as DataTableToolbar,
|
|
146
146
|
Pe as Dialog,
|
|
147
147
|
he as DialogClose,
|
|
148
|
-
|
|
149
|
-
|
|
148
|
+
ve as DialogContent,
|
|
149
|
+
Ae as DialogContentRaw,
|
|
150
150
|
we as DialogDescription,
|
|
151
151
|
Be as DialogFooter,
|
|
152
152
|
Ge as DialogHeader,
|
|
@@ -169,7 +169,7 @@ export {
|
|
|
169
169
|
Qr as DropdownMenuSubContent,
|
|
170
170
|
Wr as DropdownMenuSubTrigger,
|
|
171
171
|
Xr as DropdownMenuTrigger,
|
|
172
|
-
|
|
172
|
+
Aa as Fade,
|
|
173
173
|
D as FileUpload,
|
|
174
174
|
ee as FormField,
|
|
175
175
|
oe as FormHelperText,
|
|
@@ -184,25 +184,25 @@ export {
|
|
|
184
184
|
Y as InputOTPGroup,
|
|
185
185
|
Z as InputOTPSeparator,
|
|
186
186
|
_ as InputOTPSlot,
|
|
187
|
-
|
|
187
|
+
d as Label,
|
|
188
188
|
nn as Legend,
|
|
189
|
-
|
|
189
|
+
un as LineChart,
|
|
190
190
|
ja as Link,
|
|
191
|
-
|
|
191
|
+
gt as Menubar,
|
|
192
192
|
bt as MenubarCheckboxItem,
|
|
193
193
|
St as MenubarContent,
|
|
194
194
|
ft as MenubarGroup,
|
|
195
195
|
Ct as MenubarItem,
|
|
196
196
|
Tt as MenubarLabel,
|
|
197
|
-
|
|
198
|
-
|
|
197
|
+
st as MenubarMenu,
|
|
198
|
+
Mt as MenubarPortal,
|
|
199
199
|
ct as MenubarRadioGroup,
|
|
200
200
|
Dt as MenubarRadioItem,
|
|
201
201
|
It as MenubarSeparator,
|
|
202
202
|
Pt as MenubarShortcut,
|
|
203
203
|
ht as MenubarSub,
|
|
204
|
-
|
|
205
|
-
|
|
204
|
+
vt as MenubarSubContent,
|
|
205
|
+
At as MenubarSubTrigger,
|
|
206
206
|
wt as MenubarTrigger,
|
|
207
207
|
Et as NavigationMenu,
|
|
208
208
|
Ut as NavigationMenuContent,
|
|
@@ -222,14 +222,14 @@ export {
|
|
|
222
222
|
Ht as PaginationPrevious,
|
|
223
223
|
Nt as PaginationRoot,
|
|
224
224
|
mn as PieChart,
|
|
225
|
-
|
|
226
|
-
|
|
225
|
+
uo as Popover,
|
|
226
|
+
lo as PopoverAnchor,
|
|
227
227
|
mo as PopoverContent,
|
|
228
|
-
|
|
228
|
+
xo as PopoverTrigger,
|
|
229
229
|
ar as Progress,
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
230
|
+
dn as RadarChart,
|
|
231
|
+
v as RadioGroup,
|
|
232
|
+
A as RadioGroupItem,
|
|
233
233
|
Q as SearchInput,
|
|
234
234
|
Oa as SegmentedControl,
|
|
235
235
|
ya as SegmentedControlItem,
|
|
@@ -267,24 +267,24 @@ export {
|
|
|
267
267
|
na as SidebarMenu,
|
|
268
268
|
ia as SidebarMenuAction,
|
|
269
269
|
pa as SidebarMenuBadge,
|
|
270
|
-
|
|
271
|
-
|
|
270
|
+
ua as SidebarMenuButton,
|
|
271
|
+
la as SidebarMenuItem,
|
|
272
272
|
ma as SidebarMenuSkeleton,
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
273
|
+
xa as SidebarMenuSub,
|
|
274
|
+
da as SidebarMenuSubButton,
|
|
275
|
+
ga as SidebarMenuSubItem,
|
|
276
276
|
ba as SidebarProvider,
|
|
277
277
|
Sa as SidebarRail,
|
|
278
278
|
fa as SidebarSeparator,
|
|
279
279
|
Ca as SidebarTrigger,
|
|
280
|
-
|
|
280
|
+
ur as Skeleton,
|
|
281
281
|
Ba as Slide,
|
|
282
282
|
ae as Slider,
|
|
283
283
|
bn as Sparkline,
|
|
284
284
|
wo as Spinner,
|
|
285
285
|
Fa as Stack,
|
|
286
|
-
|
|
287
|
-
|
|
286
|
+
xr as StatCard,
|
|
287
|
+
Ma as Step,
|
|
288
288
|
ca as Stepper,
|
|
289
289
|
B as Switch,
|
|
290
290
|
Jo as Table,
|
|
@@ -310,7 +310,7 @@ export {
|
|
|
310
310
|
$e as ToastViewport,
|
|
311
311
|
oo as Toaster,
|
|
312
312
|
ie as Toggle,
|
|
313
|
-
|
|
313
|
+
le as ToggleGroup,
|
|
314
314
|
me as ToggleGroupItem,
|
|
315
315
|
to as Tooltip,
|
|
316
316
|
ao as TooltipContent,
|
|
@@ -322,7 +322,7 @@ export {
|
|
|
322
322
|
Io as alertVariants,
|
|
323
323
|
qo as avatarVariants,
|
|
324
324
|
Oo as badgeVariants,
|
|
325
|
-
|
|
325
|
+
vo as bannerVariants,
|
|
326
326
|
t as buttonVariants,
|
|
327
327
|
Pa as chipVariants,
|
|
328
328
|
za as cn,
|
|
@@ -330,16 +330,16 @@ export {
|
|
|
330
330
|
Qa as durations,
|
|
331
331
|
Wa as easings,
|
|
332
332
|
Ot as generatePagination,
|
|
333
|
-
re as getFormFieldA11y,
|
|
334
333
|
Xa as motion,
|
|
335
334
|
nr as progressIndicatorVariants,
|
|
336
335
|
ir as progressTrackVariants,
|
|
337
336
|
Ea as segmentedControlItemVariants,
|
|
338
337
|
U as selectTriggerVariants,
|
|
339
|
-
|
|
338
|
+
lr as skeletonVariants,
|
|
340
339
|
ka as textVariants,
|
|
341
340
|
pe as toggleVariants,
|
|
342
|
-
|
|
341
|
+
u as useButtonGroup,
|
|
342
|
+
re as useFormField,
|
|
343
343
|
Ta as useSidebar,
|
|
344
|
-
|
|
344
|
+
Mn as useTree
|
|
345
345
|
};
|
|
@@ -4,37 +4,35 @@ import * as React from 'react';
|
|
|
4
4
|
* Props for NumberInput — a stepper control with "−" and "+" buttons flanking a numeric input,
|
|
5
5
|
* clamped between `min` and `max`. The decrement/increment buttons are disabled when bounds are reached.
|
|
6
6
|
*
|
|
7
|
-
* **Controlled only:** Pass `value` + `
|
|
8
|
-
* possible but the buttons won't update the displayed value without `
|
|
7
|
+
* **Controlled only:** Pass `value` + `onValueChange` for controlled usage. Uncontrolled usage is
|
|
8
|
+
* possible but the buttons won't update the displayed value without `onValueChange`.
|
|
9
9
|
*
|
|
10
10
|
* **Step:** The `step` prop controls how much each button press increments/decrements (default 1).
|
|
11
11
|
* Direct text input is also clamped to `[min, max]` on change.
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* // Quantity selector with 1–99 range:
|
|
15
|
-
* <NumberInput value={qty}
|
|
15
|
+
* <NumberInput value={qty} onValueChange={setQty} min={1} max={99} />
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
18
|
* // Rating input (1–10, step 1):
|
|
19
|
-
* <NumberInput value={rating}
|
|
19
|
+
* <NumberInput value={rating} onValueChange={setRating} min={1} max={10} />
|
|
20
20
|
*
|
|
21
21
|
* @example
|
|
22
22
|
* // Fine-grained opacity control (0–100, step 5):
|
|
23
|
-
* <NumberInput value={opacity}
|
|
23
|
+
* <NumberInput value={opacity} onValueChange={setOpacity} min={0} max={100} step={5} />
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* // Disabled number display (read-only-like):
|
|
27
|
-
* <NumberInput value={autoCalcValue}
|
|
27
|
+
* <NumberInput value={autoCalcValue} onValueChange={() => {}} disabled />
|
|
28
28
|
* // These are just a few ways — feel free to combine props creatively!
|
|
29
29
|
*/
|
|
30
|
-
export interface NumberInputProps {
|
|
30
|
+
export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type' | 'size'> {
|
|
31
31
|
value?: number;
|
|
32
|
-
|
|
32
|
+
onValueChange?: (value: number) => void;
|
|
33
33
|
min?: number;
|
|
34
34
|
max?: number;
|
|
35
35
|
step?: number;
|
|
36
|
-
disabled?: boolean;
|
|
37
|
-
className?: string;
|
|
38
36
|
}
|
|
39
37
|
declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
40
38
|
export { NumberInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAgB;
|
|
1
|
+
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACjI,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,2FA+EhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
package/dist/ui/number-input.js
CHANGED
|
@@ -1,73 +1,74 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
4
|
-
import { IconMinus as
|
|
5
|
-
import { cn as
|
|
6
|
-
const
|
|
2
|
+
import { jsxs as x, jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import * as u from "react";
|
|
4
|
+
import { IconMinus as N, IconPlus as w } from "@tabler/icons-react";
|
|
5
|
+
import { cn as I } from "./lib/utils.js";
|
|
6
|
+
const y = u.forwardRef(
|
|
7
7
|
({
|
|
8
|
-
value:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
},
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
8
|
+
value: r = 0,
|
|
9
|
+
onValueChange: e,
|
|
10
|
+
min: o = Number.MIN_SAFE_INTEGER,
|
|
11
|
+
max: n = Number.MAX_SAFE_INTEGER,
|
|
12
|
+
step: i = 1,
|
|
13
|
+
disabled: d = !1,
|
|
14
|
+
className: m,
|
|
15
|
+
...p
|
|
16
|
+
}, a) => {
|
|
17
|
+
const b = (s) => {
|
|
18
|
+
const t = parseInt(s.target.value) || 0;
|
|
19
|
+
t >= o && t <= n && (e == null || e(t));
|
|
20
|
+
}, l = (s) => {
|
|
21
|
+
s.preventDefault();
|
|
22
|
+
const t = r + i;
|
|
23
|
+
t <= n && (e == null || e(t));
|
|
24
|
+
}, f = (s) => {
|
|
25
|
+
s.preventDefault();
|
|
26
|
+
const t = r - i;
|
|
27
|
+
t >= o && (e == null || e(t));
|
|
28
28
|
};
|
|
29
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ x(
|
|
30
30
|
"div",
|
|
31
31
|
{
|
|
32
|
-
className:
|
|
32
|
+
className: I(
|
|
33
33
|
"flex items-center justify-between rounded-ds-full border border-border",
|
|
34
|
-
|
|
34
|
+
m
|
|
35
35
|
),
|
|
36
36
|
children: [
|
|
37
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ c(
|
|
38
38
|
"button",
|
|
39
39
|
{
|
|
40
40
|
type: "button",
|
|
41
|
-
onClick:
|
|
42
|
-
disabled:
|
|
41
|
+
onClick: f,
|
|
42
|
+
disabled: d || r <= o,
|
|
43
43
|
"aria-label": "Decrease value",
|
|
44
44
|
className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-text-placeholder transition-colors hover:text-text-secondary",
|
|
45
|
-
children: /* @__PURE__ */
|
|
45
|
+
children: /* @__PURE__ */ c(N, { className: "h-ico-sm w-ico-sm" })
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ c(
|
|
49
49
|
"input",
|
|
50
50
|
{
|
|
51
|
-
ref:
|
|
51
|
+
ref: a,
|
|
52
52
|
type: "number",
|
|
53
|
-
value:
|
|
54
|
-
onChange:
|
|
55
|
-
min:
|
|
56
|
-
max:
|
|
57
|
-
step:
|
|
58
|
-
disabled:
|
|
59
|
-
className: "bg-transparent text-ds-base font-semibold w-ds-sm-plus border-0 text-center text-text-secondary [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
|
|
53
|
+
value: r,
|
|
54
|
+
onChange: b,
|
|
55
|
+
min: o,
|
|
56
|
+
max: n,
|
|
57
|
+
step: i,
|
|
58
|
+
disabled: d,
|
|
59
|
+
className: "bg-transparent text-ds-base font-semibold w-ds-sm-plus border-0 text-center text-text-secondary [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
|
|
60
|
+
...p
|
|
60
61
|
}
|
|
61
62
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ c(
|
|
63
64
|
"button",
|
|
64
65
|
{
|
|
65
66
|
type: "button",
|
|
66
|
-
onClick:
|
|
67
|
-
disabled:
|
|
67
|
+
onClick: l,
|
|
68
|
+
disabled: d || r >= n,
|
|
68
69
|
"aria-label": "Increase value",
|
|
69
70
|
className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-text-placeholder transition-colors hover:text-text-secondary",
|
|
70
|
-
children: /* @__PURE__ */
|
|
71
|
+
children: /* @__PURE__ */ c(w, { className: "h-ico-sm w-ico-sm" })
|
|
71
72
|
}
|
|
72
73
|
)
|
|
73
74
|
]
|
|
@@ -75,7 +76,7 @@ const w = f.forwardRef(
|
|
|
75
76
|
);
|
|
76
77
|
}
|
|
77
78
|
);
|
|
78
|
-
|
|
79
|
+
y.displayName = "NumberInput";
|
|
79
80
|
export {
|
|
80
|
-
|
|
81
|
+
y as NumberInput
|
|
81
82
|
};
|
package/dist/ui/progress.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ declare const progressTrackVariants: (props?: ({
|
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
declare const progressIndicatorVariants: (props?: ({
|
|
9
|
-
color?: "
|
|
9
|
+
color?: "default" | "error" | "warning" | "success" | null | undefined;
|
|
10
10
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
11
|
/**
|
|
12
12
|
* Props for Progress — a horizontal progress bar with size and color variants, an optional
|
package/dist/ui/search-input.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import { IconSearch as c, IconLoader2 as m, IconX as u } from "@tabler/icons-react";
|
|
4
4
|
import * as h from "react";
|
|
5
5
|
import { cn as p } from "./lib/utils.js";
|
|
@@ -8,9 +8,9 @@ const f = {
|
|
|
8
8
|
md: "h-ds-md text-ds-md pl-[2.5rem] pr-[2.25rem]",
|
|
9
9
|
lg: "h-ds-lg text-ds-lg pl-[3rem] pr-[2.5rem]"
|
|
10
10
|
}, b = h.forwardRef(
|
|
11
|
-
({ className: o, value:
|
|
12
|
-
const
|
|
13
|
-
return /* @__PURE__ */
|
|
11
|
+
({ className: o, value: t, onClear: r, loading: s, size: i = "md", ...a }, d) => {
|
|
12
|
+
const n = t !== void 0 && t !== "";
|
|
13
|
+
return /* @__PURE__ */ l("div", { className: "relative flex items-center", children: [
|
|
14
14
|
/* @__PURE__ */ e(
|
|
15
15
|
c,
|
|
16
16
|
{
|
|
@@ -22,7 +22,7 @@ const f = {
|
|
|
22
22
|
"input",
|
|
23
23
|
{
|
|
24
24
|
ref: d,
|
|
25
|
-
value:
|
|
25
|
+
value: t,
|
|
26
26
|
"aria-busy": s,
|
|
27
27
|
className: p(
|
|
28
28
|
"flex w-full font-sans",
|
|
@@ -42,14 +42,14 @@ const f = {
|
|
|
42
42
|
s ? /* @__PURE__ */ e(
|
|
43
43
|
m,
|
|
44
44
|
{
|
|
45
|
-
className: "absolute right-[0.75rem] h-ico-md w-ico-md text-text-secondary animate-spin pointer-events-none",
|
|
45
|
+
className: "absolute right-[0.75rem] h-ico-md w-ico-md text-text-secondary animate-spin motion-reduce:animate-none pointer-events-none",
|
|
46
46
|
"aria-hidden": "true"
|
|
47
47
|
}
|
|
48
|
-
) :
|
|
48
|
+
) : n && r ? /* @__PURE__ */ e(
|
|
49
49
|
"button",
|
|
50
50
|
{
|
|
51
51
|
type: "button",
|
|
52
|
-
onClick:
|
|
52
|
+
onClick: r,
|
|
53
53
|
className: "absolute right-[0.75rem] rounded-ds-full h-ico-md w-ico-md flex items-center justify-center text-text-secondary hover:text-text-primary hover:bg-layer-02 transition-colors",
|
|
54
54
|
"aria-label": "Clear search",
|
|
55
55
|
children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
|
package/dist/ui/sheet.d.ts
CHANGED
|
@@ -42,8 +42,8 @@ import * as SheetPrimitive from '../primitives/react-dialog';
|
|
|
42
42
|
* <SheetContent side="bottom">
|
|
43
43
|
* <SheetTitle>Actions</SheetTitle>
|
|
44
44
|
* <div className="flex flex-col gap-ds-03 mt-ds-05">
|
|
45
|
-
* <Button variant="error
|
|
46
|
-
* <Button variant="
|
|
45
|
+
* <Button variant="outline" color="error" fullWidth>Delete item</Button>
|
|
46
|
+
* <Button variant="outline" fullWidth>Duplicate</Button>
|
|
47
47
|
* </div>
|
|
48
48
|
* </SheetContent>
|
|
49
49
|
* </Sheet>
|
|
@@ -85,8 +85,8 @@ declare const sheetVariants: (props?: ({
|
|
|
85
85
|
* <SheetContent side="bottom">
|
|
86
86
|
* <SheetTitle>Actions</SheetTitle>
|
|
87
87
|
* <div className="flex flex-col gap-ds-03 mt-ds-05">
|
|
88
|
-
* <Button variant="error
|
|
89
|
-
* <Button variant="
|
|
88
|
+
* <Button variant="outline" color="error" fullWidth>Delete item</Button>
|
|
89
|
+
* <Button variant="outline" fullWidth>Duplicate</Button>
|
|
90
90
|
* </div>
|
|
91
91
|
* </SheetContent>
|
|
92
92
|
* </Sheet>
|
|
@@ -95,14 +95,8 @@ declare const sheetVariants: (props?: ({
|
|
|
95
95
|
export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
96
96
|
}
|
|
97
97
|
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
98
|
-
declare const SheetHeader:
|
|
99
|
-
|
|
100
|
-
displayName: string;
|
|
101
|
-
};
|
|
102
|
-
declare const SheetFooter: {
|
|
103
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
104
|
-
displayName: string;
|
|
105
|
-
};
|
|
98
|
+
declare const SheetHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
declare const SheetFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
106
100
|
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
107
101
|
declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
108
102
|
export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|
package/dist/ui/sheet.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAWhB,CAAA;AAGD,QAAA,MAAM,WAAW,6GAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}
|