@misael703/ui 1.4.0 → 1.6.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 (52) hide show
  1. package/dist/chunk-2LTV7VB5.js +4 -0
  2. package/dist/chunk-2LTV7VB5.js.map +1 -0
  3. package/dist/{chunk-26KJA67X.js → chunk-5KSE4OLY.js} +13 -15
  4. package/dist/chunk-5KSE4OLY.js.map +1 -0
  5. package/dist/{chunk-PSJVU4E4.js → chunk-AJ22SXI2.js} +33 -10
  6. package/dist/chunk-AJ22SXI2.js.map +1 -0
  7. package/dist/{chunk-GCW5JYWQ.js → chunk-EUB4PHPI.js} +56 -2
  8. package/dist/chunk-EUB4PHPI.js.map +1 -0
  9. package/dist/chunk-IEPKSPBX.mjs +97 -0
  10. package/dist/chunk-IEPKSPBX.mjs.map +1 -0
  11. package/dist/{chunk-7VG64AY7.mjs → chunk-JWGK5HKF.mjs} +3 -3
  12. package/dist/{chunk-7VG64AY7.mjs.map → chunk-JWGK5HKF.mjs.map} +1 -1
  13. package/dist/{chunk-V26K66NP.mjs → chunk-NAL457NQ.mjs} +33 -10
  14. package/dist/chunk-NAL457NQ.mjs.map +1 -0
  15. package/dist/{chunk-HBUP7XO2.js → chunk-TI5QCUAV.js} +4 -4
  16. package/dist/{chunk-HBUP7XO2.js.map → chunk-TI5QCUAV.js.map} +1 -1
  17. package/dist/{chunk-SYX4GZ7E.mjs → chunk-W37Y2YFM.mjs} +13 -15
  18. package/dist/chunk-W37Y2YFM.mjs.map +1 -0
  19. package/dist/chunk-XTHC46M2.mjs +3 -0
  20. package/dist/chunk-XTHC46M2.mjs.map +1 -0
  21. package/dist/components/Button.d.mts +10 -1
  22. package/dist/components/Button.d.ts +10 -1
  23. package/dist/components/Button.js +4 -3
  24. package/dist/components/Button.mjs +2 -1
  25. package/dist/components/Display.d.mts +10 -3
  26. package/dist/components/Display.d.ts +10 -3
  27. package/dist/components/Display.js +13 -12
  28. package/dist/components/Display.mjs +2 -1
  29. package/dist/components/Layout.js +19 -19
  30. package/dist/components/Layout.mjs +2 -2
  31. package/dist/components/Primitives.d.mts +12 -1
  32. package/dist/components/Primitives.d.ts +12 -1
  33. package/dist/components/Primitives.js +12 -4
  34. package/dist/components/Primitives.mjs +1 -1
  35. package/dist/index.d.mts +2 -1
  36. package/dist/index.d.ts +2 -1
  37. package/dist/index.js +55 -46
  38. package/dist/index.mjs +5 -4
  39. package/dist/utils/types.d.mts +16 -0
  40. package/dist/utils/types.d.ts +16 -0
  41. package/dist/utils/types.js +6 -0
  42. package/dist/utils/types.js.map +1 -0
  43. package/dist/utils/types.mjs +3 -0
  44. package/dist/utils/types.mjs.map +1 -0
  45. package/package.json +1 -1
  46. package/dist/chunk-26KJA67X.js.map +0 -1
  47. package/dist/chunk-6MEOR4YO.mjs +0 -45
  48. package/dist/chunk-6MEOR4YO.mjs.map +0 -1
  49. package/dist/chunk-GCW5JYWQ.js.map +0 -1
  50. package/dist/chunk-PSJVU4E4.js.map +0 -1
  51. package/dist/chunk-SYX4GZ7E.mjs.map +0 -1
  52. package/dist/chunk-V26K66NP.mjs.map +0 -1
package/dist/index.d.mts CHANGED
@@ -1,6 +1,7 @@
1
1
  export { BRAND_DEFAULTS, BrandDefaults, configureBrand, getBrand, resetBrand } from './brand.mjs';
2
2
  export { cx } from './utils/cx.mjs';
3
3
  export { DateFormat, ResolvedDateFormat, addMonths, buildMonthGrid, dateFormatPlaceholder, detectFormatFromLocale, formatDate, isSameDay, parseDate, resolveDateFormat, startOfMonth } from './utils/dateFormat.mjs';
4
+ export { Extensible } from './utils/types.mjs';
4
5
  export { LocaleProvider, LocaleProviderProps, UiKitMessages, esMessages, format, useLocale } from './locale/index.mjs';
5
6
  export { Button, ButtonGroup, ButtonProps, ButtonSize, ButtonVariant } from './components/Button.mjs';
6
7
  export { Checkbox, CheckboxProps, FormField, FormFieldProps, Input, InputGroup, InputGroupAddon, InputProps, Label, LabelProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Textarea, TextareaProps } from './components/Form.mjs';
@@ -33,7 +34,7 @@ export { HoverCard, HoverCardPlacement, HoverCardProps } from './components/Hove
33
34
  export { ContextMenu, ContextMenuItem, ContextMenuProps } from './components/ContextMenu.mjs';
34
35
  export { Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.mjs';
35
36
  export { InputOTP, InputOTPProps } from './components/InputOTP.mjs';
36
- export { AspectRatio, AspectRatioProps, ScrollArea, ScrollAreaProps, Separator, SeparatorProps } from './components/Primitives.mjs';
37
+ export { AspectRatio, AspectRatioProps, ScrollArea, ScrollAreaProps, Separator, SeparatorProps, Slot, SlotProps, Slottable } from './components/Primitives.mjs';
37
38
  export { Carousel, CarouselProps } from './components/Carousel.mjs';
38
39
  export { ResizableDirection, ResizableGroup, ResizableGroupProps, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelProps } from './components/Resizable.mjs';
39
40
  export { Menubar, MenubarItem, MenubarMenu, MenubarProps } from './components/Menubar.mjs';
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export { BRAND_DEFAULTS, BrandDefaults, configureBrand, getBrand, resetBrand } from './brand.js';
2
2
  export { cx } from './utils/cx.js';
3
3
  export { DateFormat, ResolvedDateFormat, addMonths, buildMonthGrid, dateFormatPlaceholder, detectFormatFromLocale, formatDate, isSameDay, parseDate, resolveDateFormat, startOfMonth } from './utils/dateFormat.js';
4
+ export { Extensible } from './utils/types.js';
4
5
  export { LocaleProvider, LocaleProviderProps, UiKitMessages, esMessages, format, useLocale } from './locale/index.js';
5
6
  export { Button, ButtonGroup, ButtonProps, ButtonSize, ButtonVariant } from './components/Button.js';
6
7
  export { Checkbox, CheckboxProps, FormField, FormFieldProps, Input, InputGroup, InputGroupAddon, InputProps, Label, LabelProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Textarea, TextareaProps } from './components/Form.js';
@@ -33,7 +34,7 @@ export { HoverCard, HoverCardPlacement, HoverCardProps } from './components/Hove
33
34
  export { ContextMenu, ContextMenuItem, ContextMenuProps } from './components/ContextMenu.js';
34
35
  export { Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.js';
35
36
  export { InputOTP, InputOTPProps } from './components/InputOTP.js';
36
- export { AspectRatio, AspectRatioProps, ScrollArea, ScrollAreaProps, Separator, SeparatorProps } from './components/Primitives.js';
37
+ export { AspectRatio, AspectRatioProps, ScrollArea, ScrollAreaProps, Separator, SeparatorProps, Slot, SlotProps, Slottable } from './components/Primitives.js';
37
38
  export { Carousel, CarouselProps } from './components/Carousel.js';
38
39
  export { ResizableDirection, ResizableGroup, ResizableGroupProps, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelProps } from './components/Resizable.js';
39
40
  export { Menubar, MenubarItem, MenubarMenu, MenubarProps } from './components/Menubar.js';
package/dist/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  require('./chunk-427NHGTX.js');
4
4
  require('./chunk-4REALDR3.js');
5
+ require('./chunk-2LTV7VB5.js');
5
6
  var chunkTZG34EYW_js = require('./chunk-TZG34EYW.js');
6
7
  var chunk5A3MDLEZ_js = require('./chunk-5A3MDLEZ.js');
7
8
  var chunkMUL2FKYF_js = require('./chunk-MUL2FKYF.js');
@@ -9,8 +10,7 @@ var chunkQHRP73CS_js = require('./chunk-QHRP73CS.js');
9
10
  var chunkLKBYMAGV_js = require('./chunk-LKBYMAGV.js');
10
11
  var chunkAZBX7UFI_js = require('./chunk-AZBX7UFI.js');
11
12
  var chunk2JTBLDMK_js = require('./chunk-2JTBLDMK.js');
12
- var chunkHBUP7XO2_js = require('./chunk-HBUP7XO2.js');
13
- var chunkGCW5JYWQ_js = require('./chunk-GCW5JYWQ.js');
13
+ var chunkTI5QCUAV_js = require('./chunk-TI5QCUAV.js');
14
14
  var chunkNU4GAGUV_js = require('./chunk-NU4GAGUV.js');
15
15
  var chunkADQM725E_js = require('./chunk-ADQM725E.js');
16
16
  var chunkV7MK42GX_js = require('./chunk-V7MK42GX.js');
@@ -30,7 +30,7 @@ var chunkYAORRBMU_js = require('./chunk-YAORRBMU.js');
30
30
  var chunkEG2NDZDC_js = require('./chunk-EG2NDZDC.js');
31
31
  var chunkHYUINOPJ_js = require('./chunk-HYUINOPJ.js');
32
32
  var chunkIMFQ55KO_js = require('./chunk-IMFQ55KO.js');
33
- var chunk26KJA67X_js = require('./chunk-26KJA67X.js');
33
+ var chunk5KSE4OLY_js = require('./chunk-5KSE4OLY.js');
34
34
  var chunkDJ6MS2WW_js = require('./chunk-DJ6MS2WW.js');
35
35
  var chunk2S6JJYN7_js = require('./chunk-2S6JJYN7.js');
36
36
  var chunk4P52GDMN_js = require('./chunk-4P52GDMN.js');
@@ -42,7 +42,8 @@ var chunkGLYGO7WX_js = require('./chunk-GLYGO7WX.js');
42
42
  var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
43
43
  var chunkPROKTOL7_js = require('./chunk-PROKTOL7.js');
44
44
  var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
45
- var chunkPSJVU4E4_js = require('./chunk-PSJVU4E4.js');
45
+ var chunkAJ22SXI2_js = require('./chunk-AJ22SXI2.js');
46
+ var chunkEUB4PHPI_js = require('./chunk-EUB4PHPI.js');
46
47
  var chunk55TOQMS2_js = require('./chunk-55TOQMS2.js');
47
48
  var chunkCPMQ2DFS_js = require('./chunk-CPMQ2DFS.js');
48
49
  var chunkL353APIO_js = require('./chunk-L353APIO.js');
@@ -141,83 +142,71 @@ Object.defineProperty(exports, "TimePicker", {
141
142
  });
142
143
  Object.defineProperty(exports, "Container", {
143
144
  enumerable: true,
144
- get: function () { return chunkHBUP7XO2_js.Container; }
145
+ get: function () { return chunkTI5QCUAV_js.Container; }
145
146
  });
146
147
  Object.defineProperty(exports, "Divider", {
147
148
  enumerable: true,
148
- get: function () { return chunkHBUP7XO2_js.Divider; }
149
+ get: function () { return chunkTI5QCUAV_js.Divider; }
149
150
  });
150
151
  Object.defineProperty(exports, "Grid", {
151
152
  enumerable: true,
152
- get: function () { return chunkHBUP7XO2_js.Grid; }
153
+ get: function () { return chunkTI5QCUAV_js.Grid; }
153
154
  });
154
155
  Object.defineProperty(exports, "HStack", {
155
156
  enumerable: true,
156
- get: function () { return chunkHBUP7XO2_js.HStack; }
157
+ get: function () { return chunkTI5QCUAV_js.HStack; }
157
158
  });
158
159
  Object.defineProperty(exports, "KeyValue", {
159
160
  enumerable: true,
160
- get: function () { return chunkHBUP7XO2_js.KeyValue; }
161
+ get: function () { return chunkTI5QCUAV_js.KeyValue; }
161
162
  });
162
163
  Object.defineProperty(exports, "KeyValueRow", {
163
164
  enumerable: true,
164
- get: function () { return chunkHBUP7XO2_js.KeyValueRow; }
165
+ get: function () { return chunkTI5QCUAV_js.KeyValueRow; }
165
166
  });
166
167
  Object.defineProperty(exports, "ListGroup", {
167
168
  enumerable: true,
168
- get: function () { return chunkHBUP7XO2_js.ListGroup; }
169
+ get: function () { return chunkTI5QCUAV_js.ListGroup; }
169
170
  });
170
171
  Object.defineProperty(exports, "ListGroupItem", {
171
172
  enumerable: true,
172
- get: function () { return chunkHBUP7XO2_js.ListGroupItem; }
173
+ get: function () { return chunkTI5QCUAV_js.ListGroupItem; }
173
174
  });
174
175
  Object.defineProperty(exports, "Stack", {
175
176
  enumerable: true,
176
- get: function () { return chunkHBUP7XO2_js.Stack; }
177
+ get: function () { return chunkTI5QCUAV_js.Stack; }
177
178
  });
178
179
  Object.defineProperty(exports, "Stepper", {
179
180
  enumerable: true,
180
- get: function () { return chunkHBUP7XO2_js.Stepper; }
181
+ get: function () { return chunkTI5QCUAV_js.Stepper; }
181
182
  });
182
183
  Object.defineProperty(exports, "Tab", {
183
184
  enumerable: true,
184
- get: function () { return chunkHBUP7XO2_js.Tab; }
185
+ get: function () { return chunkTI5QCUAV_js.Tab; }
185
186
  });
186
187
  Object.defineProperty(exports, "TabList", {
187
188
  enumerable: true,
188
- get: function () { return chunkHBUP7XO2_js.TabList; }
189
+ get: function () { return chunkTI5QCUAV_js.TabList; }
189
190
  });
190
191
  Object.defineProperty(exports, "TabPanel", {
191
192
  enumerable: true,
192
- get: function () { return chunkHBUP7XO2_js.TabPanel; }
193
+ get: function () { return chunkTI5QCUAV_js.TabPanel; }
193
194
  });
194
195
  Object.defineProperty(exports, "Table", {
195
196
  enumerable: true,
196
- get: function () { return chunkHBUP7XO2_js.Table; }
197
+ get: function () { return chunkTI5QCUAV_js.Table; }
197
198
  });
198
199
  Object.defineProperty(exports, "Tabs", {
199
200
  enumerable: true,
200
- get: function () { return chunkHBUP7XO2_js.Tabs; }
201
+ get: function () { return chunkTI5QCUAV_js.Tabs; }
201
202
  });
202
203
  Object.defineProperty(exports, "Tooltip", {
203
204
  enumerable: true,
204
- get: function () { return chunkHBUP7XO2_js.Tooltip; }
205
+ get: function () { return chunkTI5QCUAV_js.Tooltip; }
205
206
  });
206
207
  Object.defineProperty(exports, "VStack", {
207
208
  enumerable: true,
208
- get: function () { return chunkHBUP7XO2_js.VStack; }
209
- });
210
- Object.defineProperty(exports, "AspectRatio", {
211
- enumerable: true,
212
- get: function () { return chunkGCW5JYWQ_js.AspectRatio; }
213
- });
214
- Object.defineProperty(exports, "ScrollArea", {
215
- enumerable: true,
216
- get: function () { return chunkGCW5JYWQ_js.ScrollArea; }
217
- });
218
- Object.defineProperty(exports, "Separator", {
219
- enumerable: true,
220
- get: function () { return chunkGCW5JYWQ_js.Separator; }
209
+ get: function () { return chunkTI5QCUAV_js.VStack; }
221
210
  });
222
211
  Object.defineProperty(exports, "Logo", {
223
212
  enumerable: true,
@@ -461,47 +450,47 @@ Object.defineProperty(exports, "Pagination", {
461
450
  });
462
451
  Object.defineProperty(exports, "Alert", {
463
452
  enumerable: true,
464
- get: function () { return chunk26KJA67X_js.Alert; }
453
+ get: function () { return chunk5KSE4OLY_js.Alert; }
465
454
  });
466
455
  Object.defineProperty(exports, "Badge", {
467
456
  enumerable: true,
468
- get: function () { return chunk26KJA67X_js.Badge; }
457
+ get: function () { return chunk5KSE4OLY_js.Badge; }
469
458
  });
470
459
  Object.defineProperty(exports, "Card", {
471
460
  enumerable: true,
472
- get: function () { return chunk26KJA67X_js.Card; }
461
+ get: function () { return chunk5KSE4OLY_js.Card; }
473
462
  });
474
463
  Object.defineProperty(exports, "CardBody", {
475
464
  enumerable: true,
476
- get: function () { return chunk26KJA67X_js.CardBody; }
465
+ get: function () { return chunk5KSE4OLY_js.CardBody; }
477
466
  });
478
467
  Object.defineProperty(exports, "CardFooter", {
479
468
  enumerable: true,
480
- get: function () { return chunk26KJA67X_js.CardFooter; }
469
+ get: function () { return chunk5KSE4OLY_js.CardFooter; }
481
470
  });
482
471
  Object.defineProperty(exports, "CardHeader", {
483
472
  enumerable: true,
484
- get: function () { return chunk26KJA67X_js.CardHeader; }
473
+ get: function () { return chunk5KSE4OLY_js.CardHeader; }
485
474
  });
486
475
  Object.defineProperty(exports, "Chip", {
487
476
  enumerable: true,
488
- get: function () { return chunk26KJA67X_js.Chip; }
477
+ get: function () { return chunk5KSE4OLY_js.Chip; }
489
478
  });
490
479
  Object.defineProperty(exports, "ChipGroup", {
491
480
  enumerable: true,
492
- get: function () { return chunk26KJA67X_js.ChipGroup; }
481
+ get: function () { return chunk5KSE4OLY_js.ChipGroup; }
493
482
  });
494
483
  Object.defineProperty(exports, "ProductCard", {
495
484
  enumerable: true,
496
- get: function () { return chunk26KJA67X_js.ProductCard; }
485
+ get: function () { return chunk5KSE4OLY_js.ProductCard; }
497
486
  });
498
487
  Object.defineProperty(exports, "Skeleton", {
499
488
  enumerable: true,
500
- get: function () { return chunk26KJA67X_js.Skeleton; }
489
+ get: function () { return chunk5KSE4OLY_js.Skeleton; }
501
490
  });
502
491
  Object.defineProperty(exports, "Spinner", {
503
492
  enumerable: true,
504
- get: function () { return chunk26KJA67X_js.Spinner; }
493
+ get: function () { return chunk5KSE4OLY_js.Spinner; }
505
494
  });
506
495
  Object.defineProperty(exports, "Calendar", {
507
496
  enumerable: true,
@@ -649,11 +638,31 @@ Object.defineProperty(exports, "useLocale", {
649
638
  });
650
639
  Object.defineProperty(exports, "Button", {
651
640
  enumerable: true,
652
- get: function () { return chunkPSJVU4E4_js.Button; }
641
+ get: function () { return chunkAJ22SXI2_js.Button; }
653
642
  });
654
643
  Object.defineProperty(exports, "ButtonGroup", {
655
644
  enumerable: true,
656
- get: function () { return chunkPSJVU4E4_js.ButtonGroup; }
645
+ get: function () { return chunkAJ22SXI2_js.ButtonGroup; }
646
+ });
647
+ Object.defineProperty(exports, "AspectRatio", {
648
+ enumerable: true,
649
+ get: function () { return chunkEUB4PHPI_js.AspectRatio; }
650
+ });
651
+ Object.defineProperty(exports, "ScrollArea", {
652
+ enumerable: true,
653
+ get: function () { return chunkEUB4PHPI_js.ScrollArea; }
654
+ });
655
+ Object.defineProperty(exports, "Separator", {
656
+ enumerable: true,
657
+ get: function () { return chunkEUB4PHPI_js.Separator; }
658
+ });
659
+ Object.defineProperty(exports, "Slot", {
660
+ enumerable: true,
661
+ get: function () { return chunkEUB4PHPI_js.Slot; }
662
+ });
663
+ Object.defineProperty(exports, "Slottable", {
664
+ enumerable: true,
665
+ get: function () { return chunkEUB4PHPI_js.Slottable; }
657
666
  });
658
667
  Object.defineProperty(exports, "Carousel", {
659
668
  enumerable: true,
package/dist/index.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import './chunk-BVQRDAR7.mjs';
2
2
  import './chunk-CHVTPN3K.mjs';
3
+ import './chunk-XTHC46M2.mjs';
3
4
  export { PermissionMatrix } from './chunk-UB2XEZ7C.mjs';
4
5
  export { Combobox, DatePicker, FileUpload } from './chunk-WUTBLHEB.mjs';
5
6
  export { Popover } from './chunk-6RVCYULF.mjs';
@@ -7,8 +8,7 @@ export { ResizableGroup, ResizableHandle, ResizablePanel } from './chunk-ML5IYW5
7
8
  export { ToastProvider, useToast } from './chunk-X6VCY7MD.mjs';
8
9
  export { Toggle, ToggleGroup, ToggleGroupItem } from './chunk-DHCJMYFD.mjs';
9
10
  export { CheckboxGroup, MoneyInput, PhoneInput, Progress, ProgressCircle, RadioGroup, Slider, TagInput, TimePicker } from './chunk-HVUNNL3A.mjs';
10
- export { Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from './chunk-7VG64AY7.mjs';
11
- export { AspectRatio, ScrollArea, Separator } from './chunk-6MEOR4YO.mjs';
11
+ export { Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from './chunk-JWGK5HKF.mjs';
12
12
  export { Logo } from './chunk-JMFDIN5R.mjs';
13
13
  export { CategoryNav, Hero, Testimonial } from './chunk-X2DBGT7M.mjs';
14
14
  export { Menubar } from './chunk-N2Y2KWX5.mjs';
@@ -28,7 +28,7 @@ export { ContextMenu } from './chunk-QI4JT3V3.mjs';
28
28
  export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar } from './chunk-L3TX6KPP.mjs';
29
29
  export { Checkbox, FormField, Input, InputGroup, InputGroupAddon, Label, Radio, Select, Switch, Textarea } from './chunk-GVYZAOWU.mjs';
30
30
  export { EmptyState, Kpi, NumberInput, Pagination } from './chunk-PCRNKITV.mjs';
31
- export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from './chunk-SYX4GZ7E.mjs';
31
+ export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from './chunk-W37Y2YFM.mjs';
32
32
  export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from './chunk-M3Y2AH7S.mjs';
33
33
  export { Avatar, AvatarGroup, Menu, Stat } from './chunk-OCLBAGNF.mjs';
34
34
  export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from './chunk-63HJVJ7O.mjs';
@@ -40,7 +40,8 @@ export { Portal } from './chunk-QX5GGPV5.mjs';
40
40
  export { BRAND_DEFAULTS, configureBrand, getBrand, resetBrand } from './chunk-5GEWIK4T.mjs';
41
41
  export { AppShell, PageHeader } from './chunk-QW2CSXPH.mjs';
42
42
  export { LocaleProvider, esMessages, useLocale } from './chunk-ZRFSTYRL.mjs';
43
- export { Button, ButtonGroup } from './chunk-V26K66NP.mjs';
43
+ export { Button, ButtonGroup } from './chunk-NAL457NQ.mjs';
44
+ export { AspectRatio, ScrollArea, Separator, Slot, Slottable } from './chunk-IEPKSPBX.mjs';
44
45
  export { Carousel } from './chunk-ORUQ5GCU.mjs';
45
46
  export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from './chunk-O6FCBNWN.mjs';
46
47
  export { CodeBlock, JsonViewer } from './chunk-RBJRQ44B.mjs';
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Opens a closed string union for consumer extension while keeping
3
+ * autocomplete for the known values.
4
+ *
5
+ * The kit emits BEM-style classes from these props (e.g. `variant="x"` →
6
+ * `btn--x`). A consumer can therefore add a custom variant by defining
7
+ * `.btn--x { ... }` in their own CSS *outside* `@layer elalba` (so it wins
8
+ * by the layer order the kit already sets up) and passing `variant="x"` with
9
+ * no type error and no fork. See DESIGN.md "Extending variants".
10
+ *
11
+ * `string & {}` is the canonical trick: it widens to `string` for
12
+ * assignability but preserves the literal members in editor completion.
13
+ */
14
+ type Extensible<T extends string> = T | (string & {});
15
+
16
+ export type { Extensible };
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Opens a closed string union for consumer extension while keeping
3
+ * autocomplete for the known values.
4
+ *
5
+ * The kit emits BEM-style classes from these props (e.g. `variant="x"` →
6
+ * `btn--x`). A consumer can therefore add a custom variant by defining
7
+ * `.btn--x { ... }` in their own CSS *outside* `@layer elalba` (so it wins
8
+ * by the layer order the kit already sets up) and passing `variant="x"` with
9
+ * no type error and no fork. See DESIGN.md "Extending variants".
10
+ *
11
+ * `string & {}` is the canonical trick: it widens to `string` for
12
+ * assignability but preserves the literal members in editor completion.
13
+ */
14
+ type Extensible<T extends string> = T | (string & {});
15
+
16
+ export type { Extensible };
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ require('../chunk-2LTV7VB5.js');
4
+
5
+ //# sourceMappingURL=types.js.map
6
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}
@@ -0,0 +1,3 @@
1
+ import '../chunk-XTHC46M2.mjs';
2
+ //# sourceMappingURL=types.mjs.map
3
+ //# sourceMappingURL=types.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"types.mjs"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@misael703/ui",
3
- "version": "1.4.0",
3
+ "version": "1.6.0",
4
4
  "description": "Generic React + TypeScript UI kit, optimized for Next.js. Tokens, accessible components, runtime-configurable theming via presets.",
5
5
  "author": "Misael Ocas <misael.ocas@gmail.com>",
6
6
  "license": "MIT",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Display.tsx"],"names":["React","Card","jsx","cx","CardHeader","CardBody","CardFooter","jsxs","useLocale","X","ChipGroup"],"mappings":"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","file":"chunk-26KJA67X.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\nexport type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n interactive?: boolean;\n accent?: CardAccent;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n { interactive, accent, className, ...rest },\n ref\n) {\n return (\n <div\n ref={ref}\n className={cx(\n 'card',\n interactive && 'card--interactive',\n accent && `card--accent-${accent}`,\n className\n )}\n {...rest}\n />\n );\n});\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function CardHeader({ className, ...rest }, ref) {\n return <div ref={ref} className={cx('card__header', className)} {...rest} />;\n }\n);\n\nexport const CardBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function CardBody({ className, ...rest }, ref) {\n return <div ref={ref} className={cx('card__body', className)} {...rest} />;\n }\n);\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function CardFooter({ className, ...rest }, ref) {\n return <div ref={ref} className={cx('card__footer', className)} {...rest} />;\n }\n);\n\n// ---------- Badge --------------------------------------------------------\nexport type BadgeVariant =\n | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n variant?: BadgeVariant;\n dot?: boolean;\n}\n\nexport function Badge({ variant = 'neutral', dot, className, children, ...rest }: BadgeProps) {\n return (\n <span className={cx('badge', `badge--${variant}`, className)} {...rest}>\n {dot && <span className=\"badge__dot\" aria-hidden=\"true\" />}\n {children}\n </span>\n );\n}\n\n// ---------- Alert --------------------------------------------------------\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n variant?: AlertVariant;\n title?: React.ReactNode;\n icon?: React.ReactNode;\n onClose?: () => void;\n}\n\nexport function Alert({ variant = 'info', title, icon, onClose, className, children, ...rest }: AlertProps) {\n const t = useLocale();\n return (\n <div role=\"alert\" className={cx('alert', `alert--${variant}`, className)} {...rest}>\n {icon && <span className=\"alert__icon\" aria-hidden=\"true\">{icon}</span>}\n <div className=\"alert__body\">\n {title && <div className=\"alert__title\">{title}</div>}\n {children && <div className=\"alert__desc\">{children}</div>}\n </div>\n {onClose && (\n <button type=\"button\" className=\"alert__close\" onClick={onClose} aria-label={t['alert.close']}>\n <X size={16} />\n </button>\n )}\n </div>\n );\n}\n\n// ---------- Skeleton & Spinner ------------------------------------------\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number | string;\n height?: number | string;\n rounded?: boolean;\n}\n\nexport function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps) {\n return (\n <div\n className={cx('skel', className)}\n style={{ width, height, borderRadius: rounded ? 999 : undefined, ...style }}\n aria-hidden=\"true\"\n {...rest}\n />\n );\n}\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: 'sm' | 'md' | 'lg';\n inverse?: boolean;\n}\n\nexport function Spinner({ size = 'md', inverse, className, ...rest }: SpinnerProps) {\n const t = useLocale();\n return (\n <span\n role=\"status\"\n aria-label={t['spinner.loading']}\n className={cx('spinner', size === 'lg' && 'spinner--lg', inverse && 'spinner--inverse', className)}\n {...rest}\n />\n );\n}\n\n// ---------- Chip + ChipGroup --------------------------------------------\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n active?: boolean;\n onRemove?: () => void;\n removeLabel?: string;\n}\n\nexport function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps) {\n const t = useLocale();\n return (\n <span className={cx('chip', active && 'chip--active', className)} {...rest}>\n <span>{children}</span>\n {onRemove && (\n <button\n type=\"button\"\n className=\"chip__close\"\n aria-label={removeLabel ?? t['chip.remove']}\n onClick={(e) => { e.stopPropagation(); onRemove(); }}\n >\n <X size={12} />\n </button>\n )}\n </span>\n );\n}\n\nexport const ChipGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function ChipGroup({ className, style, ...rest }, ref) {\n return (\n <div\n ref={ref}\n className={cx('chip-group', className)}\n style={{ display: 'flex', flexWrap: 'wrap', gap: 8, ...style }}\n {...rest}\n />\n );\n }\n);\n\n// ---------- ProductCard -------------------------------------------------\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {\n sku?: React.ReactNode;\n name: React.ReactNode;\n price?: React.ReactNode;\n image?: string;\n imageAlt?: string;\n tag?: React.ReactNode;\n footer?: React.ReactNode;\n}\n\nexport function ProductCard({\n sku, name, price, image, imageAlt, tag, footer, className, ...rest\n}: ProductCardProps) {\n return (\n <article className={cx('product-card', className)} {...rest}>\n {tag && <span className=\"product-card__tag\">{tag}</span>}\n <div className=\"product-card__media\">\n {image ? (\n <img src={image} alt={imageAlt ?? (typeof name === 'string' ? name : '')} />\n ) : (\n <div className=\"product-card__placeholder\">{sku ? `[ ${sku} ]` : 'SKU'}</div>\n )}\n </div>\n <div className=\"product-card__body\">\n {sku && <div className=\"product-card__sku\">{sku}</div>}\n <h4 className=\"product-card__title\">{name}</h4>\n {price && <div className=\"product-card__price\">{price}</div>}\n </div>\n {footer && <div className=\"product-card__footer\">{footer}</div>}\n </article>\n );\n}\n"]}
@@ -1,45 +0,0 @@
1
- import { cx } from './chunk-IEPCH3JB.mjs';
2
- import * as React from 'react';
3
- import { jsx } from 'react/jsx-runtime';
4
-
5
- var AspectRatio = React.forwardRef(function AspectRatio2({ ratio = 16 / 9, style, className, children, ...rest }, ref) {
6
- return /* @__PURE__ */ jsx(
7
- "div",
8
- {
9
- ref,
10
- className: cx("aspect-ratio", className),
11
- style: { position: "relative", width: "100%", aspectRatio: String(ratio), ...style },
12
- ...rest,
13
- children
14
- }
15
- );
16
- });
17
- var Separator = React.forwardRef(function Separator2({ orientation = "horizontal", decorative = true, className, ...rest }, ref) {
18
- const a11y = decorative ? { role: "none" } : { role: "separator", "aria-orientation": orientation };
19
- return /* @__PURE__ */ jsx(
20
- "div",
21
- {
22
- ref,
23
- ...a11y,
24
- className: cx("separator", `separator--${orientation}`, className),
25
- ...rest
26
- }
27
- );
28
- });
29
- var ScrollArea = React.forwardRef(function ScrollArea2({ maxHeight, orientation = "vertical", className, style, children, ...rest }, ref) {
30
- const overflow = orientation === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : orientation === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
31
- return /* @__PURE__ */ jsx(
32
- "div",
33
- {
34
- ref,
35
- className: cx("scroll-area", `scroll-area--${orientation}`, className),
36
- style: { ...overflow, maxHeight, ...style },
37
- ...rest,
38
- children
39
- }
40
- );
41
- });
42
-
43
- export { AspectRatio, ScrollArea, Separator };
44
- //# sourceMappingURL=chunk-6MEOR4YO.mjs.map
45
- //# sourceMappingURL=chunk-6MEOR4YO.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Primitives.tsx"],"names":["AspectRatio","Separator","ScrollArea"],"mappings":";;;;AASO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA,CAA6C,SAASA,YAAAA,CACrF,EAAE,KAAA,GAAQ,EAAA,GAAK,CAAA,EAAG,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,IACjD,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,MACvC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,MAAA,CAAO,KAAK,CAAA,EAAG,GAAG,KAAA,EAAM;AAAA,MAClF,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAQM,IAAM,SAAA,GAAkB,KAAA,CAAA,UAAA,CAA2C,SAASC,UAAAA,CACjF,EAAE,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,GAAG,IAAA,IAC/D,GAAA,EACA;AACA,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,EAAE,IAAA,EAAM,MAAA,KAAW,EAAE,IAAA,EAAM,WAAA,EAAa,kBAAA,EAAoB,WAAA,EAAY;AAClG,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,WAAW,EAAA,CAAG,WAAA,EAAa,CAAA,WAAA,EAAc,WAAW,IAAI,SAAS,CAAA;AAAA,MAChE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAQM,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA,CAA4C,SAASC,WAAAA,CACnF,EAAE,SAAA,EAAW,WAAA,GAAc,UAAA,EAAY,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,IACtE,GAAA,EACA;AACA,EAAA,MAAM,WACJ,WAAA,KAAgB,YAAA,GACZ,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB,GAC3D,gBAAgB,MAAA,GAChB,EAAE,UAAU,MAAA,EAAgB,GAC5B,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB;AACjE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,EAAA,CAAG,aAAA,EAAe,CAAA,aAAA,EAAgB,WAAW,IAAI,SAAS,CAAA;AAAA,MACrE,OAAO,EAAE,GAAG,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MACzC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC","file":"chunk-6MEOR4YO.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\n// ---------- AspectRatio ------------------------------------------------\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n ratio?: number;\n}\n\nexport const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(function AspectRatio(\n { ratio = 16 / 9, style, className, children, ...rest },\n ref\n) {\n return (\n <div\n ref={ref}\n className={cx('aspect-ratio', className)}\n style={{ position: 'relative', width: '100%', aspectRatio: String(ratio), ...style }}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\n// ---------- Separator --------------------------------------------------\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n orientation?: 'horizontal' | 'vertical';\n decorative?: boolean;\n}\n\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n { orientation = 'horizontal', decorative = true, className, ...rest },\n ref\n) {\n const a11y = decorative ? { role: 'none' } : { role: 'separator', 'aria-orientation': orientation };\n return (\n <div\n ref={ref}\n {...a11y}\n className={cx('separator', `separator--${orientation}`, className)}\n {...rest}\n />\n );\n});\n\n// ---------- ScrollArea -------------------------------------------------\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n maxHeight?: number | string;\n orientation?: 'vertical' | 'horizontal' | 'both';\n}\n\nexport const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n { maxHeight, orientation = 'vertical', className, style, children, ...rest },\n ref\n) {\n const overflow =\n orientation === 'horizontal'\n ? { overflowX: 'auto' as const, overflowY: 'hidden' as const }\n : orientation === 'both'\n ? { overflow: 'auto' as const }\n : { overflowY: 'auto' as const, overflowX: 'hidden' as const };\n return (\n <div\n ref={ref}\n className={cx('scroll-area', `scroll-area--${orientation}`, className)}\n style={{ ...overflow, maxHeight, ...style }}\n {...rest}\n >\n {children}\n </div>\n );\n});\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Primitives.tsx"],"names":["React","AspectRatio","jsx","cx","Separator","ScrollArea"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA,CAA6C,SAASC,YAAAA,CACrF,EAAE,KAAA,GAAQ,EAAA,GAAK,CAAA,EAAG,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,IACjD,GAAA,EACA;AACA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,mBAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,MACvC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,MAAA,CAAO,KAAK,CAAA,EAAG,GAAG,KAAA,EAAM;AAAA,MAClF,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAQM,IAAM,SAAA,GAAkBH,gBAAA,CAAA,UAAA,CAA2C,SAASI,UAAAA,CACjF,EAAE,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,GAAG,IAAA,IAC/D,GAAA,EACA;AACA,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,EAAE,IAAA,EAAM,MAAA,KAAW,EAAE,IAAA,EAAM,WAAA,EAAa,kBAAA,EAAoB,WAAA,EAAY;AAClG,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,WAAWC,mBAAA,CAAG,WAAA,EAAa,CAAA,WAAA,EAAc,WAAW,IAAI,SAAS,CAAA;AAAA,MAChE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAQM,IAAM,UAAA,GAAmBH,gBAAA,CAAA,UAAA,CAA4C,SAASK,WAAAA,CACnF,EAAE,SAAA,EAAW,WAAA,GAAc,UAAA,EAAY,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,IACtE,GAAA,EACA;AACA,EAAA,MAAM,WACJ,WAAA,KAAgB,YAAA,GACZ,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB,GAC3D,gBAAgB,MAAA,GAChB,EAAE,UAAU,MAAA,EAAgB,GAC5B,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB;AACjE,EAAA,uBACEH,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAWC,mBAAA,CAAG,aAAA,EAAe,CAAA,aAAA,EAAgB,WAAW,IAAI,SAAS,CAAA;AAAA,MACrE,OAAO,EAAE,GAAG,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MACzC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC","file":"chunk-GCW5JYWQ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\n// ---------- AspectRatio ------------------------------------------------\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n ratio?: number;\n}\n\nexport const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(function AspectRatio(\n { ratio = 16 / 9, style, className, children, ...rest },\n ref\n) {\n return (\n <div\n ref={ref}\n className={cx('aspect-ratio', className)}\n style={{ position: 'relative', width: '100%', aspectRatio: String(ratio), ...style }}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\n// ---------- Separator --------------------------------------------------\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n orientation?: 'horizontal' | 'vertical';\n decorative?: boolean;\n}\n\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n { orientation = 'horizontal', decorative = true, className, ...rest },\n ref\n) {\n const a11y = decorative ? { role: 'none' } : { role: 'separator', 'aria-orientation': orientation };\n return (\n <div\n ref={ref}\n {...a11y}\n className={cx('separator', `separator--${orientation}`, className)}\n {...rest}\n />\n );\n});\n\n// ---------- ScrollArea -------------------------------------------------\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n maxHeight?: number | string;\n orientation?: 'vertical' | 'horizontal' | 'both';\n}\n\nexport const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n { maxHeight, orientation = 'vertical', className, style, children, ...rest },\n ref\n) {\n const overflow =\n orientation === 'horizontal'\n ? { overflowX: 'auto' as const, overflowY: 'hidden' as const }\n : orientation === 'both'\n ? { overflow: 'auto' as const }\n : { overflowY: 'auto' as const, overflowX: 'hidden' as const };\n return (\n <div\n ref={ref}\n className={cx('scroll-area', `scroll-area--${orientation}`, className)}\n style={{ ...overflow, maxHeight, ...style }}\n {...rest}\n >\n {children}\n </div>\n );\n});\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Button.tsx"],"names":["React","Button","jsxs","cx","jsx","ButtonGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,IAAM,MAAA,GAAeA,gBAAA,CAAA,UAAA,CAA2C,SAASC,OAAAA,CAC9E;AAAA,EACE,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,uBACEC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,mBAAA;AAAA,QACT,KAAA;AAAA,QACA,QAAQ,OAAO,CAAA,CAAA;AAAA,QACf,QAAQ,IAAI,CAAA,CAAA;AAAA,QACZ,SAAA,IAAa,YAAA;AAAA,QACb,OAAA,IAAW,YAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACrB,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,oBAAWC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA2B,eAAY,MAAA,EAAO,CAAA;AAAA,QACzE,CAAC,OAAA,IAAW,QAAA;AAAA,QACZ,QAAA;AAAA,QACA,CAAC,OAAA,IAAW;AAAA;AAAA;AAAA,GACf;AAEJ,CAAC;AAGM,IAAM,WAAA,GAAoBJ,gBAAA,CAAA,UAAA;AAAA,EAC/B,SAASK,aAAY,EAAE,SAAA,EAAW,OAAO,OAAA,EAAS,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAChE,IAAA,uBAAOD,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,IAAA,EAAY,SAAA,EAAWD,oBAAG,WAAA,EAAa,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EACrF;AACF","file":"chunk-PSJVU4E4.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport type ButtonVariant =\n | 'primary'\n | 'secondary'\n | 'outline'\n | 'ghost'\n | 'subtle'\n | 'danger'\n | 'success'\n | 'warning'\n | 'link';\n\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n variant?: ButtonVariant;\n size?: ButtonSize;\n loading?: boolean;\n iconLeft?: React.ReactNode;\n iconRight?: React.ReactNode;\n fullWidth?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n variant = 'primary',\n size = 'md',\n loading = false,\n iconLeft,\n iconRight,\n fullWidth = false,\n className,\n disabled,\n children,\n ...rest\n },\n ref\n) {\n return (\n <button\n ref={ref}\n className={cx(\n 'btn',\n `btn--${variant}`,\n `btn--${size}`,\n fullWidth && 'btn--block',\n loading && 'is-loading',\n className\n )}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n {...rest}\n >\n {loading && <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" />}\n {!loading && iconLeft}\n {children}\n {!loading && iconRight}\n </button>\n );\n});\n\n// ---------- ButtonGroup --------------------------------------------------\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function ButtonGroup({ className, role = 'group', ...rest }, ref) {\n return <div ref={ref} role={role} className={cx('btn-group', className)} {...rest} />;\n }\n);\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Display.tsx"],"names":["Card","CardHeader","CardBody","CardFooter","ChipGroup"],"mappings":"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","file":"chunk-SYX4GZ7E.mjs","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\nexport type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n interactive?: boolean;\n accent?: CardAccent;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n { interactive, accent, className, ...rest },\n ref\n) {\n return (\n <div\n ref={ref}\n className={cx(\n 'card',\n interactive && 'card--interactive',\n accent && `card--accent-${accent}`,\n className\n )}\n {...rest}\n />\n );\n});\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function CardHeader({ className, ...rest }, ref) {\n return <div ref={ref} className={cx('card__header', className)} {...rest} />;\n }\n);\n\nexport const CardBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function CardBody({ className, ...rest }, ref) {\n return <div ref={ref} className={cx('card__body', className)} {...rest} />;\n }\n);\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function CardFooter({ className, ...rest }, ref) {\n return <div ref={ref} className={cx('card__footer', className)} {...rest} />;\n }\n);\n\n// ---------- Badge --------------------------------------------------------\nexport type BadgeVariant =\n | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n variant?: BadgeVariant;\n dot?: boolean;\n}\n\nexport function Badge({ variant = 'neutral', dot, className, children, ...rest }: BadgeProps) {\n return (\n <span className={cx('badge', `badge--${variant}`, className)} {...rest}>\n {dot && <span className=\"badge__dot\" aria-hidden=\"true\" />}\n {children}\n </span>\n );\n}\n\n// ---------- Alert --------------------------------------------------------\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n variant?: AlertVariant;\n title?: React.ReactNode;\n icon?: React.ReactNode;\n onClose?: () => void;\n}\n\nexport function Alert({ variant = 'info', title, icon, onClose, className, children, ...rest }: AlertProps) {\n const t = useLocale();\n return (\n <div role=\"alert\" className={cx('alert', `alert--${variant}`, className)} {...rest}>\n {icon && <span className=\"alert__icon\" aria-hidden=\"true\">{icon}</span>}\n <div className=\"alert__body\">\n {title && <div className=\"alert__title\">{title}</div>}\n {children && <div className=\"alert__desc\">{children}</div>}\n </div>\n {onClose && (\n <button type=\"button\" className=\"alert__close\" onClick={onClose} aria-label={t['alert.close']}>\n <X size={16} />\n </button>\n )}\n </div>\n );\n}\n\n// ---------- Skeleton & Spinner ------------------------------------------\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number | string;\n height?: number | string;\n rounded?: boolean;\n}\n\nexport function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps) {\n return (\n <div\n className={cx('skel', className)}\n style={{ width, height, borderRadius: rounded ? 999 : undefined, ...style }}\n aria-hidden=\"true\"\n {...rest}\n />\n );\n}\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: 'sm' | 'md' | 'lg';\n inverse?: boolean;\n}\n\nexport function Spinner({ size = 'md', inverse, className, ...rest }: SpinnerProps) {\n const t = useLocale();\n return (\n <span\n role=\"status\"\n aria-label={t['spinner.loading']}\n className={cx('spinner', size === 'lg' && 'spinner--lg', inverse && 'spinner--inverse', className)}\n {...rest}\n />\n );\n}\n\n// ---------- Chip + ChipGroup --------------------------------------------\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n active?: boolean;\n onRemove?: () => void;\n removeLabel?: string;\n}\n\nexport function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps) {\n const t = useLocale();\n return (\n <span className={cx('chip', active && 'chip--active', className)} {...rest}>\n <span>{children}</span>\n {onRemove && (\n <button\n type=\"button\"\n className=\"chip__close\"\n aria-label={removeLabel ?? t['chip.remove']}\n onClick={(e) => { e.stopPropagation(); onRemove(); }}\n >\n <X size={12} />\n </button>\n )}\n </span>\n );\n}\n\nexport const ChipGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function ChipGroup({ className, style, ...rest }, ref) {\n return (\n <div\n ref={ref}\n className={cx('chip-group', className)}\n style={{ display: 'flex', flexWrap: 'wrap', gap: 8, ...style }}\n {...rest}\n />\n );\n }\n);\n\n// ---------- ProductCard -------------------------------------------------\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {\n sku?: React.ReactNode;\n name: React.ReactNode;\n price?: React.ReactNode;\n image?: string;\n imageAlt?: string;\n tag?: React.ReactNode;\n footer?: React.ReactNode;\n}\n\nexport function ProductCard({\n sku, name, price, image, imageAlt, tag, footer, className, ...rest\n}: ProductCardProps) {\n return (\n <article className={cx('product-card', className)} {...rest}>\n {tag && <span className=\"product-card__tag\">{tag}</span>}\n <div className=\"product-card__media\">\n {image ? (\n <img src={image} alt={imageAlt ?? (typeof name === 'string' ? name : '')} />\n ) : (\n <div className=\"product-card__placeholder\">{sku ? `[ ${sku} ]` : 'SKU'}</div>\n )}\n </div>\n <div className=\"product-card__body\">\n {sku && <div className=\"product-card__sku\">{sku}</div>}\n <h4 className=\"product-card__title\">{name}</h4>\n {price && <div className=\"product-card__price\">{price}</div>}\n </div>\n {footer && <div className=\"product-card__footer\">{footer}</div>}\n </article>\n );\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","ButtonGroup"],"mappings":";;;;AAyBO,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA,CAA2C,SAASA,OAAAA,CAC9E;AAAA,EACE,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,KAAA;AAAA,QACA,QAAQ,OAAO,CAAA,CAAA;AAAA,QACf,QAAQ,IAAI,CAAA,CAAA;AAAA,QACZ,SAAA,IAAa,YAAA;AAAA,QACb,OAAA,IAAW,YAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACrB,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,oBAAW,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA2B,eAAY,MAAA,EAAO,CAAA;AAAA,QACzE,CAAC,OAAA,IAAW,QAAA;AAAA,QACZ,QAAA;AAAA,QACA,CAAC,OAAA,IAAW;AAAA;AAAA;AAAA,GACf;AAEJ,CAAC;AAGM,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,SAASC,aAAY,EAAE,SAAA,EAAW,OAAO,OAAA,EAAS,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAChE,IAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,IAAA,EAAY,SAAA,EAAW,GAAG,WAAA,EAAa,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EACrF;AACF","file":"chunk-V26K66NP.mjs","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport type ButtonVariant =\n | 'primary'\n | 'secondary'\n | 'outline'\n | 'ghost'\n | 'subtle'\n | 'danger'\n | 'success'\n | 'warning'\n | 'link';\n\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n variant?: ButtonVariant;\n size?: ButtonSize;\n loading?: boolean;\n iconLeft?: React.ReactNode;\n iconRight?: React.ReactNode;\n fullWidth?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n variant = 'primary',\n size = 'md',\n loading = false,\n iconLeft,\n iconRight,\n fullWidth = false,\n className,\n disabled,\n children,\n ...rest\n },\n ref\n) {\n return (\n <button\n ref={ref}\n className={cx(\n 'btn',\n `btn--${variant}`,\n `btn--${size}`,\n fullWidth && 'btn--block',\n loading && 'is-loading',\n className\n )}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n {...rest}\n >\n {loading && <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" />}\n {!loading && iconLeft}\n {children}\n {!loading && iconRight}\n </button>\n );\n});\n\n// ---------- ButtonGroup --------------------------------------------------\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n function ButtonGroup({ className, role = 'group', ...rest }, ref) {\n return <div ref={ref} role={role} className={cx('btn-group', className)} {...rest} />;\n }\n);\n"]}