@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.
Files changed (71) hide show
  1. package/README.md +239 -0
  2. package/dist/composed/content-card.d.ts +2 -2
  3. package/dist/composed/error-boundary.js +1 -1
  4. package/dist/shell/notification-preferences.js +14 -14
  5. package/dist/tailwind/index.cjs +344 -0
  6. package/dist/tailwind/preset.d.ts.map +1 -1
  7. package/dist/tailwind/preset.js +15 -10
  8. package/dist/tokens/index.css +1 -0
  9. package/dist/tokens/semantic.css +3 -3
  10. package/dist/tokens/typography.css +7 -7
  11. package/dist/ui/alert.d.ts +7 -7
  12. package/dist/ui/alert.js +10 -10
  13. package/dist/ui/autocomplete.d.ts +3 -3
  14. package/dist/ui/autocomplete.d.ts.map +1 -1
  15. package/dist/ui/autocomplete.js +1 -1
  16. package/dist/ui/badge.d.ts +10 -7
  17. package/dist/ui/badge.d.ts.map +1 -1
  18. package/dist/ui/badge.js +82 -30
  19. package/dist/ui/banner.d.ts +5 -5
  20. package/dist/ui/banner.js +17 -17
  21. package/dist/ui/button-group.d.ts +8 -5
  22. package/dist/ui/button-group.d.ts.map +1 -1
  23. package/dist/ui/button-group.js +17 -17
  24. package/dist/ui/button.d.ts +10 -8
  25. package/dist/ui/button.d.ts.map +1 -1
  26. package/dist/ui/button.js +65 -47
  27. package/dist/ui/chip.d.ts +5 -5
  28. package/dist/ui/chip.js +10 -10
  29. package/dist/ui/combobox.d.ts +6 -7
  30. package/dist/ui/combobox.d.ts.map +1 -1
  31. package/dist/ui/combobox.js +32 -31
  32. package/dist/ui/dialog.d.ts +5 -11
  33. package/dist/ui/dialog.d.ts.map +1 -1
  34. package/dist/ui/dialog.js +53 -53
  35. package/dist/ui/file-upload.js +34 -34
  36. package/dist/ui/form.d.ts +31 -28
  37. package/dist/ui/form.d.ts.map +1 -1
  38. package/dist/ui/form.js +34 -32
  39. package/dist/ui/icon-button.d.ts +4 -4
  40. package/dist/ui/index.d.ts +3 -3
  41. package/dist/ui/index.d.ts.map +1 -1
  42. package/dist/ui/index.js +69 -69
  43. package/dist/ui/number-input.d.ts +8 -10
  44. package/dist/ui/number-input.d.ts.map +1 -1
  45. package/dist/ui/number-input.js +48 -47
  46. package/dist/ui/progress.d.ts +1 -1
  47. package/dist/ui/search-input.js +8 -8
  48. package/dist/ui/sheet.d.ts +6 -12
  49. package/dist/ui/sheet.d.ts.map +1 -1
  50. package/dist/ui/sheet.js +49 -49
  51. package/dist/ui/sidebar.d.ts +1 -1
  52. package/dist/ui/slider.d.ts +1 -0
  53. package/dist/ui/slider.d.ts.map +1 -1
  54. package/dist/ui/spinner.js +7 -7
  55. package/dist/ui/switch.d.ts +4 -1
  56. package/dist/ui/switch.d.ts.map +1 -1
  57. package/dist/ui/switch.js +13 -12
  58. package/dist/ui/toast.d.ts +3 -3
  59. package/dist/ui/toast.js +22 -22
  60. package/dist/ui/toaster.d.ts +3 -3
  61. package/dist/ui/toggle-group.d.ts +2 -2
  62. package/dist/ui/toggle.d.ts +2 -2
  63. package/fonts/Inter-Italic-Variable.woff2 +0 -0
  64. package/fonts/Inter-Variable.woff2 +0 -0
  65. package/fonts/Ranade-Variable.woff2 +0 -0
  66. package/fonts/Ranade-VariableItalic.woff2 +0 -0
  67. package/package.json +63 -11
  68. package/fonts/GoogleSans-Italic-Variable.ttf +0 -0
  69. package/fonts/GoogleSans-Variable.ttf +0 -0
  70. package/fonts/Ranade-Variable.ttf +0 -0
  71. 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 l } from "./button-group.js";
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 x } from "./label.js";
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 s } from "./combobox.js";
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 A, RadioGroupItem as v } from "./radio.js";
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, getFormFieldA11y as re } from "./form.js";
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 ue, ToggleGroupItem as me } from "./toggle-group.js";
24
- import { AlertDialog as xe, AlertDialogAction as de, AlertDialogCancel as be, AlertDialogContent as Se, AlertDialogDescription as fe, AlertDialogFooter as Ce, AlertDialogHeader as Te, AlertDialogOverlay as Me, AlertDialogPortal as se, AlertDialogTitle as ce, AlertDialogTrigger as De } from "./alert-dialog.js";
25
- import { Dialog as Pe, DialogClose as he, DialogContent as Ae, DialogContentRaw as ve, DialogDescription as we, DialogFooter as Be, DialogHeader as Ge, DialogOverlay as Ve, DialogPortal as ke, DialogTitle as Le, DialogTrigger as Fe } from "./dialog.js";
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 lo, PopoverAnchor as uo, PopoverContent as mo, PopoverTrigger as go } from "./popover.js";
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 Mo, CollapsibleTrigger as so } from "./collapsible.js";
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 Ao } from "./banner.js";
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 lr, skeletonVariants as ur } from "./skeleton.js";
44
- import { StatCard as gr } from "./stat-card.js";
45
- import { Code as dr } from "./code.js";
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 Mr, AccordionTrigger as sr } from "./accordion.js";
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 vr, BreadcrumbEllipsis as wr, BreadcrumbItem as Br, BreadcrumbLink as Gr, BreadcrumbList as Vr, BreadcrumbPage as kr, BreadcrumbSeparator as Lr } from "./breadcrumb.js";
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 lt, ContextMenuSubContent as ut, ContextMenuSubTrigger as mt, ContextMenuTrigger as gt } from "./context-menu.js";
52
- import { Menubar as dt, MenubarCheckboxItem as bt, MenubarContent as St, MenubarGroup as ft, MenubarItem as Ct, MenubarLabel as Tt, MenubarMenu as Mt, MenubarPortal as st, MenubarRadioGroup as ct, MenubarRadioItem as Dt, MenubarSeparator as It, MenubarShortcut as Pt, MenubarSub as ht, MenubarSubContent as At, MenubarSubTrigger as vt, MenubarTrigger as wt } from "./menubar.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 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 la, SidebarMenuItem as ua, SidebarMenuSkeleton as ma, SidebarMenuSub as ga, SidebarMenuSubButton as xa, SidebarMenuSubItem as da, SidebarProvider as ba, SidebarRail as Sa, SidebarSeparator as fa, SidebarTrigger as Ca, useSidebar as Ta } from "./sidebar.js";
56
- import { Step as sa, Stepper as ca } from "./stepper.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 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 Aa, Fade as va, Grow as wa, Slide as Ba } from "./transitions.js";
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 ln } from "./charts/line-chart.js";
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 xn } from "./charts/radar-chart.js";
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 sn } from "./tree-view/use-tree.js";
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
- Mr as AccordionItem,
82
- sr as AccordionTrigger,
81
+ sr as AccordionItem,
82
+ Mr as AccordionTrigger,
83
83
  Do as Alert,
84
- xe as AlertDialog,
85
- de as AlertDialogAction,
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
- Me as AlertDialogOverlay,
92
- se as AlertDialogPortal,
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
- vr as Breadcrumb,
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
- dr as Code,
123
- Aa as Collapse,
122
+ gr as Code,
123
+ va as Collapse,
124
124
  To as Collapsible,
125
- Mo as CollapsibleContent,
126
- so as CollapsibleTrigger,
127
- s as Combobox,
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
- lt as ContextMenuSub,
141
- ut as ContextMenuSubContent,
140
+ ut as ContextMenuSub,
141
+ lt as ContextMenuSubContent,
142
142
  mt as ContextMenuSubTrigger,
143
- gt as ContextMenuTrigger,
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
- Ae as DialogContent,
149
- ve as DialogContentRaw,
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
- va as Fade,
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
- x as Label,
187
+ d as Label,
188
188
  nn as Legend,
189
- ln as LineChart,
189
+ un as LineChart,
190
190
  ja as Link,
191
- dt as Menubar,
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
- Mt as MenubarMenu,
198
- st as MenubarPortal,
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
- At as MenubarSubContent,
205
- vt as MenubarSubTrigger,
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
- lo as Popover,
226
- uo as PopoverAnchor,
225
+ uo as Popover,
226
+ lo as PopoverAnchor,
227
227
  mo as PopoverContent,
228
- go as PopoverTrigger,
228
+ xo as PopoverTrigger,
229
229
  ar as Progress,
230
- xn as RadarChart,
231
- A as RadioGroup,
232
- v as RadioGroupItem,
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
- la as SidebarMenuButton,
271
- ua as SidebarMenuItem,
270
+ ua as SidebarMenuButton,
271
+ la as SidebarMenuItem,
272
272
  ma as SidebarMenuSkeleton,
273
- ga as SidebarMenuSub,
274
- xa as SidebarMenuSubButton,
275
- da as SidebarMenuSubItem,
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
- lr as Skeleton,
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
- gr as StatCard,
287
- sa as Step,
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
- ue as ToggleGroup,
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
- Ao as bannerVariants,
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
- ur as skeletonVariants,
338
+ lr as skeletonVariants,
340
339
  ka as textVariants,
341
340
  pe as toggleVariants,
342
- l as useButtonGroup,
341
+ u as useButtonGroup,
342
+ re as useFormField,
343
343
  Ta as useSidebar,
344
- sn as useTree
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` + `onChange` for controlled usage. Uncontrolled usage is
8
- * possible but the buttons won't update the displayed value without `onChange`.
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} onChange={setQty} min={1} max={99} />
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} onChange={setRating} min={1} max={10} />
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} onChange={setOpacity} min={0} max={100} step={5} />
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} onChange={() => {}} disabled />
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
- onChange?: (value: number) => void;
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;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,2FA6EhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
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"}
@@ -1,73 +1,74 @@
1
1
  "use client";
2
- import { jsxs as b, jsx as n } from "react/jsx-runtime";
3
- import * as f from "react";
4
- import { IconMinus as x, IconPlus as h } from "@tabler/icons-react";
5
- import { cn as N } from "./lib/utils.js";
6
- const w = f.forwardRef(
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: t = 0,
9
- onChange: a = (i) => {
10
- },
11
- min: s = Number.MIN_SAFE_INTEGER,
12
- max: o = Number.MAX_SAFE_INTEGER,
13
- step: c = 1,
14
- disabled: l = !1,
15
- className: d
16
- }, u) => {
17
- const i = (r) => {
18
- const e = parseInt(r.target.value) || 0;
19
- e >= s && e <= o && a(e);
20
- }, m = (r) => {
21
- r.preventDefault();
22
- const e = t + c;
23
- e <= o && a(e);
24
- }, p = (r) => {
25
- r.preventDefault();
26
- const e = t - c;
27
- e >= s && a(e);
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__ */ b(
29
+ return /* @__PURE__ */ x(
30
30
  "div",
31
31
  {
32
- className: N(
32
+ className: I(
33
33
  "flex items-center justify-between rounded-ds-full border border-border",
34
- d
34
+ m
35
35
  ),
36
36
  children: [
37
- /* @__PURE__ */ n(
37
+ /* @__PURE__ */ c(
38
38
  "button",
39
39
  {
40
40
  type: "button",
41
- onClick: p,
42
- disabled: l || t <= s,
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__ */ n(x, { className: "h-ico-sm w-ico-sm" })
45
+ children: /* @__PURE__ */ c(N, { className: "h-ico-sm w-ico-sm" })
46
46
  }
47
47
  ),
48
- /* @__PURE__ */ n(
48
+ /* @__PURE__ */ c(
49
49
  "input",
50
50
  {
51
- ref: u,
51
+ ref: a,
52
52
  type: "number",
53
- value: t,
54
- onChange: i,
55
- min: s,
56
- max: o,
57
- step: c,
58
- disabled: l,
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__ */ n(
63
+ /* @__PURE__ */ c(
63
64
  "button",
64
65
  {
65
66
  type: "button",
66
- onClick: m,
67
- disabled: l || t >= o,
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__ */ n(h, { className: "h-ico-sm w-ico-sm" })
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
- w.displayName = "NumberInput";
79
+ y.displayName = "NumberInput";
79
80
  export {
80
- w as NumberInput
81
+ y as NumberInput
81
82
  };
@@ -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?: "error" | "default" | "warning" | "success" | null | undefined;
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
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsxs as n, jsx as e } from "react/jsx-runtime";
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: r, onClear: t, loading: s, size: i = "md", ...a }, d) => {
12
- const l = r !== void 0 && r !== "";
13
- return /* @__PURE__ */ n("div", { className: "relative flex items-center", children: [
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: r,
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
- ) : l && t ? /* @__PURE__ */ e(
48
+ ) : n && r ? /* @__PURE__ */ e(
49
49
  "button",
50
50
  {
51
51
  type: "button",
52
- onClick: t,
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" })
@@ -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-ghost" fullWidth>Delete item</Button>
46
- * <Button variant="secondary" fullWidth>Duplicate</Button>
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-ghost" fullWidth>Delete item</Button>
89
- * <Button variant="secondary" fullWidth>Duplicate</Button>
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
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
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, };
@@ -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;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,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"}
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"}