@proyecto-viviana/ui 0.3.2 → 0.3.4

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 (76) hide show
  1. package/dist/components.css +1077 -1077
  2. package/dist/index.js +236 -249
  3. package/dist/index.js.map +3 -3
  4. package/dist/index.ssr.js +78 -81
  5. package/dist/index.ssr.js.map +3 -3
  6. package/dist/radio/index.d.ts +12 -27
  7. package/dist/radio/index.d.ts.map +1 -1
  8. package/dist/test-utils/index.d.ts +2 -2
  9. package/dist/test-utils/index.d.ts.map +1 -1
  10. package/package.json +13 -12
  11. package/src/alert/index.tsx +48 -0
  12. package/src/assets/favicon.png +0 -0
  13. package/src/assets/fire.gif +0 -0
  14. package/src/autocomplete/index.tsx +313 -0
  15. package/src/avatar/index.tsx +75 -0
  16. package/src/badge/index.tsx +43 -0
  17. package/src/breadcrumbs/index.tsx +207 -0
  18. package/src/button/Button.tsx +74 -0
  19. package/src/button/index.ts +2 -0
  20. package/src/button/types.ts +24 -0
  21. package/src/calendar/DateField.tsx +200 -0
  22. package/src/calendar/DatePicker.tsx +298 -0
  23. package/src/calendar/RangeCalendar.tsx +236 -0
  24. package/src/calendar/TimeField.tsx +196 -0
  25. package/src/calendar/index.tsx +223 -0
  26. package/src/checkbox/index.tsx +257 -0
  27. package/src/color/index.tsx +687 -0
  28. package/src/combobox/index.tsx +383 -0
  29. package/src/components.css +1077 -0
  30. package/src/custom/calendar-card/index.tsx +66 -0
  31. package/src/custom/chip/index.tsx +46 -0
  32. package/src/custom/conversation/index.tsx +105 -0
  33. package/src/custom/event-card/index.tsx +132 -0
  34. package/src/custom/header/index.tsx +33 -0
  35. package/src/custom/lateral-nav/index.tsx +88 -0
  36. package/src/custom/logo/index.tsx +58 -0
  37. package/src/custom/nav-header/index.tsx +42 -0
  38. package/src/custom/page-layout/index.tsx +29 -0
  39. package/src/custom/profile-card/index.tsx +64 -0
  40. package/src/custom/project-card/index.tsx +59 -0
  41. package/src/custom/timeline-item/index.tsx +105 -0
  42. package/src/dialog/Dialog.tsx +260 -0
  43. package/src/dialog/index.tsx +3 -0
  44. package/src/disclosure/index.tsx +307 -0
  45. package/src/gridlist/index.tsx +403 -0
  46. package/src/icon/icons/GitHubIcon.tsx +20 -0
  47. package/src/icon/index.tsx +48 -0
  48. package/src/index.ts +322 -0
  49. package/src/landmark/index.tsx +231 -0
  50. package/src/link/index.tsx +130 -0
  51. package/src/listbox/index.tsx +231 -0
  52. package/src/menu/index.tsx +297 -0
  53. package/src/meter/index.tsx +163 -0
  54. package/src/numberfield/index.tsx +482 -0
  55. package/src/popover/index.tsx +260 -0
  56. package/src/progress-bar/index.tsx +169 -0
  57. package/src/radio/index.tsx +173 -0
  58. package/src/searchfield/index.tsx +453 -0
  59. package/src/select/index.tsx +349 -0
  60. package/src/separator/index.tsx +141 -0
  61. package/src/slider/index.tsx +382 -0
  62. package/src/styles.css +450 -0
  63. package/src/switch/ToggleSwitch.tsx +112 -0
  64. package/src/switch/index.tsx +90 -0
  65. package/src/table/index.tsx +531 -0
  66. package/src/tabs/index.tsx +273 -0
  67. package/src/tag-group/index.tsx +240 -0
  68. package/src/test-utils/index.ts +40 -0
  69. package/src/textfield/index.tsx +211 -0
  70. package/src/theme.css +101 -0
  71. package/src/toast/index.tsx +324 -0
  72. package/src/toolbar/index.tsx +108 -0
  73. package/src/tooltip/index.tsx +197 -0
  74. package/src/tree/index.tsx +494 -0
  75. package/dist/index.jsx +0 -6658
  76. package/dist/index.jsx.map +0 -7
package/dist/index.ssr.js CHANGED
@@ -1,4 +1,4 @@
1
- // src/button/Button.tsx
1
+ // packages/ui/src/button/Button.tsx
2
2
  import { createComponent as _$createComponent } from "solid-js/web";
3
3
  import { mergeProps as _$mergeProps } from "solid-js/web";
4
4
  import { splitProps, mergeProps as solidMergeProps } from "solid-js";
@@ -41,7 +41,7 @@ function Button(props) {
41
41
  }));
42
42
  }
43
43
 
44
- // src/badge/index.tsx
44
+ // packages/ui/src/badge/index.tsx
45
45
  import { createComponent as _$createComponent2 } from "solid-js/web";
46
46
  import { ssr as _$ssr } from "solid-js/web";
47
47
  import { escape as _$escape } from "solid-js/web";
@@ -77,7 +77,7 @@ function Badge(props) {
77
77
  })));
78
78
  }
79
79
 
80
- // src/alert/index.tsx
80
+ // packages/ui/src/alert/index.tsx
81
81
  import { createComponent as _$createComponent3 } from "solid-js/web";
82
82
  import { ssr as _$ssr2 } from "solid-js/web";
83
83
  import { escape as _$escape2 } from "solid-js/web";
@@ -111,7 +111,7 @@ function Alert(props) {
111
111
  })));
112
112
  }
113
113
 
114
- // src/avatar/index.tsx
114
+ // packages/ui/src/avatar/index.tsx
115
115
  import { createComponent as _$createComponent4 } from "solid-js/web";
116
116
  import { ssr as _$ssr3 } from "solid-js/web";
117
117
  import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
@@ -180,12 +180,12 @@ function AvatarGroup(props) {
180
180
  return _$ssr3(_tmpl$52, _$escape3(props.children));
181
181
  }
182
182
 
183
- // src/switch/index.tsx
183
+ // packages/ui/src/switch/index.tsx
184
184
  import { ssr as _$ssr5 } from "solid-js/web";
185
185
  import { escape as _$escape5 } from "solid-js/web";
186
186
  import { createSignal, createEffect } from "solid-js";
187
187
 
188
- // src/switch/ToggleSwitch.tsx
188
+ // packages/ui/src/switch/ToggleSwitch.tsx
189
189
  import { ssr as _$ssr4 } from "solid-js/web";
190
190
  import { ssrAttribute as _$ssrAttribute2 } from "solid-js/web";
191
191
  import { escape as _$escape4 } from "solid-js/web";
@@ -231,7 +231,7 @@ function ToggleSwitch(props) {
231
231
  }));
232
232
  }
233
233
 
234
- // src/switch/index.tsx
234
+ // packages/ui/src/switch/index.tsx
235
235
  var _tmpl$7 = ['<div class="', '"><div class="', '"></div><div class="flex z-10 h-8 justify-around"><button type="button" class="', '"><span>', '</span></button><button type="button" class="', '"><span>', "</span></button></div></div>"];
236
236
  function TabSwitch(props) {
237
237
  const [leftSelected, setLeftSelected] = createSignal(props.value ? props.value === props.options[0]?.value : true);
@@ -255,7 +255,7 @@ function TabSwitch(props) {
255
255
  return _$ssr5(_tmpl$7, `relative bg-bg-400 rounded-full w-[250px] cursor-pointer ${_$escape5(props.class, true) ?? ""}`, `${leftSelected() ? _$escape5(leftSelectedStyle, true) : _$escape5(rightSelectedStyle, true)} transition-all duration-500 ease-in-out z-0 absolute bg-primary-600 rounded-full h-8 border-accent-300`, `${leftSelected() ? _$escape5(textSelected, true) : _$escape5(textUnselected, true)} transition-all ease-in-out duration-500 z-10 text-lg flex justify-center items-center pointer-events-none`, _$escape5(props.options[0]?.label) ?? "TENDENCIAS", `${leftSelected() ? _$escape5(textUnselected, true) : _$escape5(textSelected, true)} transition-all ease-in-out duration-500 z-10 text-lg flex justify-center items-center pointer-events-none`, _$escape5(props.options[1]?.label) ?? "\xDALTIMOS");
256
256
  }
257
257
 
258
- // src/checkbox/index.tsx
258
+ // packages/ui/src/checkbox/index.tsx
259
259
  import { createComponent as _$createComponent6 } from "solid-js/web";
260
260
  import { mergeProps as _$mergeProps3 } from "solid-js/web";
261
261
  import { ssr as _$ssr6 } from "solid-js/web";
@@ -401,7 +401,7 @@ function CheckboxGroup(props) {
401
401
  }));
402
402
  }
403
403
 
404
- // src/radio/index.tsx
404
+ // packages/ui/src/radio/index.tsx
405
405
  import { ssrAttribute as _$ssrAttribute4 } from "solid-js/web";
406
406
  import { mergeProps as _$mergeProps4 } from "solid-js/web";
407
407
  import { createComponent as _$createComponent7 } from "solid-js/web";
@@ -442,11 +442,10 @@ function RadioGroup(props) {
442
442
  const disabledClass = renderProps.isDisabled ? "opacity-50" : "";
443
443
  return [base, orientationClass, disabledClass, customClass].filter(Boolean).join(" ");
444
444
  };
445
- const radioGroupProps = headlessProps;
446
445
  return _$createComponent7(RadioSizeContext.Provider, {
447
446
  value: size,
448
447
  get children() {
449
- return _$createComponent7(HeadlessRadioGroup, _$mergeProps4(radioGroupProps, {
448
+ return _$createComponent7(HeadlessRadioGroup, _$mergeProps4(headlessProps, {
450
449
  "class": getClassName,
451
450
  "data-size": size,
452
451
  get children() {
@@ -478,37 +477,35 @@ function RadioGroup(props) {
478
477
  });
479
478
  }
480
479
  function Radio(props) {
481
- const size = useContext(RadioSizeContext) ?? "md";
482
- const [local, headlessProps] = splitProps4(props, ["class", "children"]);
480
+ const [local, headlessProps] = splitProps4(props, ["class"]);
481
+ const sizeFromContext = useContext(RadioSizeContext);
482
+ const sizeStyle = sizeStyles5[sizeFromContext];
483
483
  const customClass = local.class ?? "";
484
- const styles = sizeStyles5[size];
485
484
  const getClassName = (renderProps) => {
486
- const base = "group flex items-center gap-3 cursor-pointer";
487
- const disabledClass = renderProps.isDisabled ? "cursor-not-allowed opacity-50" : "";
488
- return [base, disabledClass, customClass].filter(Boolean).join(" ");
489
- };
490
- const getCircleClassName = (renderProps) => {
491
- const base = `rounded-full border-2 flex items-center justify-center transition-all ${styles.circle}`;
492
- const selectedClass = renderProps.isSelected ? "border-accent-500 bg-accent-500" : "border-primary-400 bg-transparent group-hover:border-accent-400";
493
- const disabledClass = renderProps.isDisabled ? "border-primary-600" : "";
494
- const focusClass = renderProps.isFocusVisible ? "ring-2 ring-accent-500 ring-offset-2 ring-offset-bg" : "";
495
- return [base, selectedClass, disabledClass, focusClass].filter(Boolean).join(" ");
496
- };
497
- const getDotClassName = (renderProps) => {
498
- const base = `rounded-full bg-white transition-transform ${styles.dot}`;
499
- const selectedClass = renderProps.isSelected ? "scale-100" : "scale-0";
500
- return [base, selectedClass].filter(Boolean).join(" ");
501
- };
502
- const getLabelClassName = () => {
503
- return `text-primary-200 select-none ${styles.label}`;
485
+ const base = "inline-flex items-center gap-2";
486
+ const cursorClass = renderProps.isDisabled ? "cursor-not-allowed" : "cursor-pointer";
487
+ const disabledClass = renderProps.isDisabled ? "opacity-50" : "";
488
+ return [base, cursorClass, disabledClass, customClass].filter(Boolean).join(" ");
504
489
  };
490
+ const circleClass = `relative flex items-center justify-center rounded-full border-2 transition-all duration-200 ${sizeStyle.circle} border-primary-600 bg-transparent hover:border-accent-300`;
491
+ const dotClass = `rounded-full bg-accent transition-all duration-200 ${sizeStyle.dot}`;
492
+ const labelClass = `text-primary-200 ${sizeStyle.label}`;
505
493
  return _$createComponent7(HeadlessRadio, _$mergeProps4(headlessProps, {
506
494
  "class": getClassName,
507
- children: (renderProps) => [_$ssr7(_tmpl$44, _$ssrAttribute4("class", _$escape7(getCircleClassName(renderProps), true), false), _$ssrAttribute4("class", _$escape7(getDotClassName(renderProps), true), false)), _$ssr7(_tmpl$54, _$ssrAttribute4("class", _$escape7(getLabelClassName(), true), false), _$escape7(local.children))]
495
+ get children() {
496
+ return [_$ssr7(_tmpl$44, _$ssrAttribute4("class", _$escape7(circleClass, true), false), _$ssrAttribute4("class", _$escape7(dotClass, true), false)), _$createComponent7(Show5, {
497
+ get when() {
498
+ return props.children;
499
+ },
500
+ get children() {
501
+ return _$ssr7(_tmpl$54, _$ssrAttribute4("class", _$escape7(labelClass, true), false), _$escape7(props.children));
502
+ }
503
+ })];
504
+ }
508
505
  }));
509
506
  }
510
507
 
511
- // src/dialog/Dialog.tsx
508
+ // packages/ui/src/dialog/Dialog.tsx
512
509
  import { ssrElement as _$ssrElement } from "solid-js/web";
513
510
  import { mergeProps as _$mergeProps5 } from "solid-js/web";
514
511
  import { createComponent as _$createComponent8 } from "solid-js/web";
@@ -633,12 +630,12 @@ function DialogFooter(props) {
633
630
  return _$ssr8(_tmpl$73, `flex gap-3 justify-end mt-6 pt-4 border-t border-primary-700 ${_$escape8(props.class, true) ?? ""}`, _$escape8(props.children));
634
631
  }
635
632
 
636
- // src/icon/index.tsx
633
+ // packages/ui/src/icon/index.tsx
637
634
  import { ssr as _$ssr10 } from "solid-js/web";
638
635
  import { createComponent as _$createComponent9 } from "solid-js/web";
639
636
  import { escape as _$escape10 } from "solid-js/web";
640
637
 
641
- // src/icon/icons/GitHubIcon.tsx
638
+ // packages/ui/src/icon/icons/GitHubIcon.tsx
642
639
  import { ssr as _$ssr9 } from "solid-js/web";
643
640
  import { ssrAttribute as _$ssrAttribute6 } from "solid-js/web";
644
641
  import { escape as _$escape9 } from "solid-js/web";
@@ -647,7 +644,7 @@ function GitHubIcon(props) {
647
644
  return _$ssr9(_tmpl$11, _$ssrAttribute6("width", _$escape9(props.size, true), false) + _$ssrAttribute6("height", _$escape9(props.size, true), false) + _$ssrAttribute6("fill", _$escape9(props.color, true), false));
648
645
  }
649
646
 
650
- // src/icon/index.tsx
647
+ // packages/ui/src/icon/index.tsx
651
648
  var _tmpl$12 = ['<div class="', '">', '<div class="vui-icon__main">', "</div></div>"];
652
649
  var _tmpl$28 = ['<div class="vui-icon__shadow">', "</div>"];
653
650
  function Icon(props) {
@@ -669,7 +666,7 @@ function Icon(props) {
669
666
  })));
670
667
  }
671
668
 
672
- // src/tooltip/index.tsx
669
+ // packages/ui/src/tooltip/index.tsx
673
670
  import { ssr as _$ssr11 } from "solid-js/web";
674
671
  import { ssrAttribute as _$ssrAttribute7 } from "solid-js/web";
675
672
  import { escape as _$escape11 } from "solid-js/web";
@@ -729,7 +726,7 @@ function SimpleTooltip(props) {
729
726
  return _$ssr11(_tmpl$29, `vui-tooltip ${_$escape11(props.class, true) ?? ""}`, _$escape11(props.children), `vui-tooltip__content vui-tooltip__content--${_$escape11(position(), true)}`, _$escape11(props.label));
730
727
  }
731
728
 
732
- // src/popover/index.tsx
729
+ // packages/ui/src/popover/index.tsx
733
730
  import { ssr as _$ssr12 } from "solid-js/web";
734
731
  import { escape as _$escape12 } from "solid-js/web";
735
732
  import { mergeProps as _$mergeProps7 } from "solid-js/web";
@@ -858,7 +855,7 @@ function PopoverFooter(props) {
858
855
  return _$ssr12(_tmpl$46, `flex gap-2 justify-end mt-4 pt-3 border-t border-primary-700 ${_$escape12(props.class, true) ?? ""}`, _$escape12(props.children));
859
856
  }
860
857
 
861
- // src/textfield/index.tsx
858
+ // packages/ui/src/textfield/index.tsx
862
859
  import { ssrElement as _$ssrElement2 } from "solid-js/web";
863
860
  import { mergeProps as _$mergeProps8 } from "solid-js/web";
864
861
  import { createComponent as _$createComponent12 } from "solid-js/web";
@@ -1033,7 +1030,7 @@ function TextField(props) {
1033
1030
  })));
1034
1031
  }
1035
1032
 
1036
- // src/link/index.tsx
1033
+ // packages/ui/src/link/index.tsx
1037
1034
  import { createComponent as _$createComponent13 } from "solid-js/web";
1038
1035
  import { mergeProps as _$mergeProps9 } from "solid-js/web";
1039
1036
  import { splitProps as splitProps9 } from "solid-js";
@@ -1070,7 +1067,7 @@ function Link(props) {
1070
1067
  }));
1071
1068
  }
1072
1069
 
1073
- // src/progress-bar/index.tsx
1070
+ // packages/ui/src/progress-bar/index.tsx
1074
1071
  import { ssrElement as _$ssrElement3 } from "solid-js/web";
1075
1072
  import { mergeProps as _$mergeProps10 } from "solid-js/web";
1076
1073
  import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
@@ -1176,7 +1173,7 @@ function ProgressBar(props) {
1176
1173
  })), _$ssr14(_tmpl$47, `w-full ${_$escape14(sizeConfig().track, true)} bg-bg-300 rounded-full overflow-hidden`, `h-full rounded-full transition-all duration-300 ${_$escape14(variantStyles5[variant()], true)} ${isIndeterminate() ? "animate-progress-indeterminate" : ""}`, _$ssrStyleProperty("width:", isIndeterminate() ? "30%" : `${_$escape14(percentage(), true)}%`))], false);
1177
1174
  }
1178
1175
 
1179
- // src/separator/index.tsx
1176
+ // packages/ui/src/separator/index.tsx
1180
1177
  import { createComponent as _$createComponent15 } from "solid-js/web";
1181
1178
  import { ssrElement as _$ssrElement4 } from "solid-js/web";
1182
1179
  import { mergeProps as _$mergeProps11 } from "solid-js/web";
@@ -1260,7 +1257,7 @@ function Separator(props) {
1260
1257
  });
1261
1258
  }
1262
1259
 
1263
- // src/toolbar/index.tsx
1260
+ // packages/ui/src/toolbar/index.tsx
1264
1261
  import { createComponent as _$createComponent16 } from "solid-js/web";
1265
1262
  import { mergeProps as _$mergeProps12 } from "solid-js/web";
1266
1263
  import { splitProps as splitProps12 } from "solid-js";
@@ -1295,7 +1292,7 @@ function Toolbar(props) {
1295
1292
  }));
1296
1293
  }
1297
1294
 
1298
- // src/autocomplete/index.tsx
1295
+ // packages/ui/src/autocomplete/index.tsx
1299
1296
  import { mergeProps as _$mergeProps13 } from "solid-js/web";
1300
1297
  import { createComponent as _$createComponent17 } from "solid-js/web";
1301
1298
  import { ssr as _$ssr15 } from "solid-js/web";
@@ -1434,7 +1431,7 @@ function SearchAutocomplete(props) {
1434
1431
  })));
1435
1432
  }
1436
1433
 
1437
- // src/select/index.tsx
1434
+ // packages/ui/src/select/index.tsx
1438
1435
  import { ssrAttribute as _$ssrAttribute10 } from "solid-js/web";
1439
1436
  import { mergeProps as _$mergeProps14 } from "solid-js/web";
1440
1437
  import { createComponent as _$createComponent18 } from "solid-js/web";
@@ -1623,7 +1620,7 @@ Select.Value = SelectValue;
1623
1620
  Select.ListBox = SelectListBox;
1624
1621
  Select.Option = SelectOption;
1625
1622
 
1626
- // src/menu/index.tsx
1623
+ // packages/ui/src/menu/index.tsx
1627
1624
  import { ssrAttribute as _$ssrAttribute11 } from "solid-js/web";
1628
1625
  import { ssr as _$ssr17 } from "solid-js/web";
1629
1626
  import { createComponent as _$createComponent19 } from "solid-js/web";
@@ -1769,7 +1766,7 @@ Menu.Item = MenuItem;
1769
1766
  Menu.Separator = MenuSeparator;
1770
1767
  MenuTrigger.Button = MenuButton;
1771
1768
 
1772
- // src/listbox/index.tsx
1769
+ // packages/ui/src/listbox/index.tsx
1773
1770
  import { ssrAttribute as _$ssrAttribute12 } from "solid-js/web";
1774
1771
  import { mergeProps as _$mergeProps16 } from "solid-js/web";
1775
1772
  import { createComponent as _$createComponent20 } from "solid-js/web";
@@ -1896,7 +1893,7 @@ function CheckIcon3(props) {
1896
1893
  }
1897
1894
  ListBox.Option = ListBoxOption;
1898
1895
 
1899
- // src/tabs/index.tsx
1896
+ // packages/ui/src/tabs/index.tsx
1900
1897
  import { createComponent as _$createComponent21 } from "solid-js/web";
1901
1898
  import { mergeProps as _$mergeProps17 } from "solid-js/web";
1902
1899
  import { splitProps as splitProps17, createContext as createContext6, useContext as useContext6 } from "solid-js";
@@ -2044,7 +2041,7 @@ Tabs.List = TabList;
2044
2041
  Tabs.Tab = Tab;
2045
2042
  Tabs.Panel = TabPanel;
2046
2043
 
2047
- // src/breadcrumbs/index.tsx
2044
+ // packages/ui/src/breadcrumbs/index.tsx
2048
2045
  import { ssr as _$ssr19 } from "solid-js/web";
2049
2046
  import { ssrAttribute as _$ssrAttribute13 } from "solid-js/web";
2050
2047
  import { escape as _$escape19 } from "solid-js/web";
@@ -2152,7 +2149,7 @@ function ChevronIcon3(props) {
2152
2149
  }
2153
2150
  Breadcrumbs.Item = BreadcrumbItem;
2154
2151
 
2155
- // src/numberfield/index.tsx
2152
+ // packages/ui/src/numberfield/index.tsx
2156
2153
  import { ssrElement as _$ssrElement5 } from "solid-js/web";
2157
2154
  import { mergeProps as _$mergeProps19 } from "solid-js/web";
2158
2155
  import { createComponent as _$createComponent23 } from "solid-js/web";
@@ -2556,7 +2553,7 @@ function NumberField(props) {
2556
2553
  }))], false);
2557
2554
  }
2558
2555
 
2559
- // src/searchfield/index.tsx
2556
+ // packages/ui/src/searchfield/index.tsx
2560
2557
  import { ssrElement as _$ssrElement6 } from "solid-js/web";
2561
2558
  import { mergeProps as _$mergeProps20 } from "solid-js/web";
2562
2559
  import { createComponent as _$createComponent24 } from "solid-js/web";
@@ -2922,7 +2919,7 @@ function SearchField(props) {
2922
2919
  })));
2923
2920
  }
2924
2921
 
2925
- // src/slider/index.tsx
2922
+ // packages/ui/src/slider/index.tsx
2926
2923
  import { ssrStyleProperty as _$ssrStyleProperty2 } from "solid-js/web";
2927
2924
  import { ssr as _$ssr22 } from "solid-js/web";
2928
2925
  import { createComponent as _$createComponent25 } from "solid-js/web";
@@ -3221,7 +3218,7 @@ function Slider(props) {
3221
3218
  })), _$ssrElement7("input", sliderAria.inputProps, void 0, false)], false);
3222
3219
  }
3223
3220
 
3224
- // src/combobox/index.tsx
3221
+ // packages/ui/src/combobox/index.tsx
3225
3222
  import { ssrAttribute as _$ssrAttribute17 } from "solid-js/web";
3226
3223
  import { mergeProps as _$mergeProps22 } from "solid-js/web";
3227
3224
  import { createComponent as _$createComponent26 } from "solid-js/web";
@@ -3432,7 +3429,7 @@ ComboBox.Button = ComboBoxButton;
3432
3429
  ComboBox.ListBox = ComboBoxListBox;
3433
3430
  ComboBox.Option = ComboBoxOption;
3434
3431
 
3435
- // src/toast/index.tsx
3432
+ // packages/ui/src/toast/index.tsx
3436
3433
  import { escape as _$escape24 } from "solid-js/web";
3437
3434
  import { mergeProps as _$mergeProps23 } from "solid-js/web";
3438
3435
  import { createComponent as _$createComponent27 } from "solid-js/web";
@@ -3602,7 +3599,7 @@ function toastInfo(message, options) {
3602
3599
  });
3603
3600
  }
3604
3601
 
3605
- // src/disclosure/index.tsx
3602
+ // packages/ui/src/disclosure/index.tsx
3606
3603
  import { ssr as _$ssr25 } from "solid-js/web";
3607
3604
  import { ssrStyleProperty as _$ssrStyleProperty3 } from "solid-js/web";
3608
3605
  import { ssrAttribute as _$ssrAttribute18 } from "solid-js/web";
@@ -3775,7 +3772,7 @@ Disclosure.Trigger = DisclosureTrigger;
3775
3772
  Disclosure.Panel = DisclosurePanel;
3776
3773
  DisclosureGroup.Item = Disclosure;
3777
3774
 
3778
- // src/meter/index.tsx
3775
+ // packages/ui/src/meter/index.tsx
3779
3776
  import { ssrElement as _$ssrElement8 } from "solid-js/web";
3780
3777
  import { mergeProps as _$mergeProps25 } from "solid-js/web";
3781
3778
  import { ssrStyleProperty as _$ssrStyleProperty4 } from "solid-js/web";
@@ -3875,7 +3872,7 @@ function Meter(props) {
3875
3872
  })), _$ssr26(_tmpl$416, `w-full ${_$escape26(sizeConfig().track, true)} bg-bg-300 rounded-full overflow-hidden`, `h-full rounded-full transition-all duration-300 ${_$escape26(variantStyles12[variant()], true)}`, _$ssrStyleProperty4("width:", `${_$escape26(percentage(), true)}%`))], false);
3876
3873
  }
3877
3874
 
3878
- // src/tag-group/index.tsx
3875
+ // packages/ui/src/tag-group/index.tsx
3879
3876
  import { createComponent as _$createComponent30 } from "solid-js/web";
3880
3877
  import { ssr as _$ssr27 } from "solid-js/web";
3881
3878
  import { escape as _$escape27 } from "solid-js/web";
@@ -3998,7 +3995,7 @@ function TagGroup(props) {
3998
3995
  })));
3999
3996
  }
4000
3997
 
4001
- // src/calendar/index.tsx
3998
+ // packages/ui/src/calendar/index.tsx
4002
3999
  import { mergeProps as _$mergeProps26 } from "solid-js/web";
4003
4000
  import { escape as _$escape28 } from "solid-js/web";
4004
4001
  import { createComponent as _$createComponent31 } from "solid-js/web";
@@ -4122,7 +4119,7 @@ function Calendar(props) {
4122
4119
  }));
4123
4120
  }
4124
4121
 
4125
- // src/calendar/RangeCalendar.tsx
4122
+ // packages/ui/src/calendar/RangeCalendar.tsx
4126
4123
  import { mergeProps as _$mergeProps27 } from "solid-js/web";
4127
4124
  import { escape as _$escape29 } from "solid-js/web";
4128
4125
  import { createComponent as _$createComponent32 } from "solid-js/web";
@@ -4259,7 +4256,7 @@ function RangeCalendar(props) {
4259
4256
  }));
4260
4257
  }
4261
4258
 
4262
- // src/calendar/DateField.tsx
4259
+ // packages/ui/src/calendar/DateField.tsx
4263
4260
  import { ssr as _$ssr30 } from "solid-js/web";
4264
4261
  import { escape as _$escape30 } from "solid-js/web";
4265
4262
  import { mergeProps as _$mergeProps28 } from "solid-js/web";
@@ -4357,7 +4354,7 @@ function DateField(props) {
4357
4354
  }));
4358
4355
  }
4359
4356
 
4360
- // src/calendar/TimeField.tsx
4357
+ // packages/ui/src/calendar/TimeField.tsx
4361
4358
  import { ssr as _$ssr31 } from "solid-js/web";
4362
4359
  import { escape as _$escape31 } from "solid-js/web";
4363
4360
  import { mergeProps as _$mergeProps29 } from "solid-js/web";
@@ -4455,7 +4452,7 @@ function TimeField(props) {
4455
4452
  }));
4456
4453
  }
4457
4454
 
4458
- // src/calendar/DatePicker.tsx
4455
+ // packages/ui/src/calendar/DatePicker.tsx
4459
4456
  import { mergeProps as _$mergeProps30 } from "solid-js/web";
4460
4457
  import { escape as _$escape32 } from "solid-js/web";
4461
4458
  import { createComponent as _$createComponent35 } from "solid-js/web";
@@ -4620,7 +4617,7 @@ function DatePickerPopup(props) {
4620
4617
  });
4621
4618
  }
4622
4619
 
4623
- // src/table/index.tsx
4620
+ // packages/ui/src/table/index.tsx
4624
4621
  import { mergeProps as _$mergeProps31 } from "solid-js/web";
4625
4622
  import { ssrAttribute as _$ssrAttribute19 } from "solid-js/web";
4626
4623
  import { createComponent as _$createComponent36 } from "solid-js/web";
@@ -4892,7 +4889,7 @@ Table.Cell = TableCell;
4892
4889
  Table.SelectionCheckbox = TableSelectionCheckbox;
4893
4890
  Table.SelectAllCheckbox = TableSelectAllCheckbox;
4894
4891
 
4895
- // src/gridlist/index.tsx
4892
+ // packages/ui/src/gridlist/index.tsx
4896
4893
  import { ssrAttribute as _$ssrAttribute20 } from "solid-js/web";
4897
4894
  import { mergeProps as _$mergeProps32 } from "solid-js/web";
4898
4895
  import { ssr as _$ssr34 } from "solid-js/web";
@@ -5111,7 +5108,7 @@ function EmptyIcon2(props) {
5111
5108
  GridList.Item = GridListItem;
5112
5109
  GridList.SelectionCheckbox = GridListSelectionCheckbox;
5113
5110
 
5114
- // src/tree/index.tsx
5111
+ // packages/ui/src/tree/index.tsx
5115
5112
  import { ssrAttribute as _$ssrAttribute21 } from "solid-js/web";
5116
5113
  import { mergeProps as _$mergeProps33 } from "solid-js/web";
5117
5114
  import { ssr as _$ssr35 } from "solid-js/web";
@@ -5372,7 +5369,7 @@ Tree.Item = TreeItem;
5372
5369
  Tree.ExpandButton = TreeExpandButton;
5373
5370
  Tree.SelectionCheckbox = TreeSelectionCheckbox;
5374
5371
 
5375
- // src/color/index.tsx
5372
+ // packages/ui/src/color/index.tsx
5376
5373
  import { ssr as _$ssr36 } from "solid-js/web";
5377
5374
  import { escape as _$escape36 } from "solid-js/web";
5378
5375
  import { createComponent as _$createComponent39 } from "solid-js/web";
@@ -5823,7 +5820,7 @@ ColorWheel.Track = ColorWheelTrack;
5823
5820
  ColorWheel.Thumb = ColorWheelThumb;
5824
5821
  ColorField.Input = ColorFieldInput;
5825
5822
 
5826
- // src/landmark/index.tsx
5823
+ // packages/ui/src/landmark/index.tsx
5827
5824
  import { ssrAttribute as _$ssrAttribute22 } from "solid-js/web";
5828
5825
  import { mergeProps as _$mergeProps35 } from "solid-js/web";
5829
5826
  import { createComponent as _$createComponent40 } from "solid-js/web";
@@ -5914,7 +5911,7 @@ function LandmarkNavigator(props) {
5914
5911
  });
5915
5912
  }
5916
5913
 
5917
- // src/custom/chip/index.tsx
5914
+ // packages/ui/src/custom/chip/index.tsx
5918
5915
  import { createComponent as _$createComponent41 } from "solid-js/web";
5919
5916
  import { ssr as _$ssr38 } from "solid-js/web";
5920
5917
  import { escape as _$escape38 } from "solid-js/web";
@@ -5945,7 +5942,7 @@ function Chip(props) {
5945
5942
  })), _$escape38(props.text));
5946
5943
  }
5947
5944
 
5948
- // src/custom/nav-header/index.tsx
5945
+ // packages/ui/src/custom/nav-header/index.tsx
5949
5946
  import { createComponent as _$createComponent42 } from "solid-js/web";
5950
5947
  import { ssr as _$ssr39 } from "solid-js/web";
5951
5948
  import { ssrAttribute as _$ssrAttribute23 } from "solid-js/web";
@@ -5983,13 +5980,13 @@ function NavHeader(props) {
5983
5980
  })));
5984
5981
  }
5985
5982
 
5986
- // src/custom/header/index.tsx
5983
+ // packages/ui/src/custom/header/index.tsx
5987
5984
  import { createComponent as _$createComponent43 } from "solid-js/web";
5988
5985
  import { mergeProps as _$mergeProps36 } from "solid-js/web";
5989
5986
  import { ssr as _$ssr41 } from "solid-js/web";
5990
5987
  import { escape as _$escape41 } from "solid-js/web";
5991
5988
 
5992
- // src/custom/logo/index.tsx
5989
+ // packages/ui/src/custom/logo/index.tsx
5993
5990
  import { ssr as _$ssr40 } from "solid-js/web";
5994
5991
  import { ssrAttribute as _$ssrAttribute24 } from "solid-js/web";
5995
5992
  import { escape as _$escape40 } from "solid-js/web";
@@ -6013,7 +6010,7 @@ function Logo(props) {
6013
6010
  return _$ssr40(_tmpl$91, `vui-logo ${_$escape40(sizeClass(), true)} ${props.inverted ? "vui-logo--inverted" : ""} ${_$escape40(props.class, true) ?? ""}`, _$ssrAttribute24("data-text", props.inverted ? _$escape40(firstWord(), true) : _$escape40(void 0, true), false), _$escape40(firstWord()), _$ssrAttribute24("data-text", props.inverted ? _$escape40(void 0, true) : _$escape40(secondWord(), true), false), _$escape40(secondWord()));
6014
6011
  }
6015
6012
 
6016
- // src/custom/header/index.tsx
6013
+ // packages/ui/src/custom/header/index.tsx
6017
6014
  var _tmpl$96 = ['<header class="', '"><div class="vui-header__container"><div class="flex items-center gap-3">', "", '</div><nav class="vui-header__nav">', "</nav></div></header>"];
6018
6015
  function Header(props) {
6019
6016
  const showTextLogo = () => props.logo !== void 0 || props.logoProps !== null;
@@ -6022,7 +6019,7 @@ function Header(props) {
6022
6019
  }, () => props.logoProps ?? {})))), _$escape41(props.children));
6023
6020
  }
6024
6021
 
6025
- // src/custom/lateral-nav/index.tsx
6022
+ // packages/ui/src/custom/lateral-nav/index.tsx
6026
6023
  import { createComponent as _$createComponent44 } from "solid-js/web";
6027
6024
  import { ssrAttribute as _$ssrAttribute25 } from "solid-js/web";
6028
6025
  import { ssr as _$ssr42 } from "solid-js/web";
@@ -6075,7 +6072,7 @@ function LateralNav(props) {
6075
6072
  return _$ssr42(_tmpl$518, `hidden w-[300px] md:block ${_$escape42(bgColor(), true)} m-0 border-r border-primary-600 p-3 ${_$escape42(props.class, true) ?? ""}`, _$escape42(props.children));
6076
6073
  }
6077
6074
 
6078
- // src/custom/timeline-item/index.tsx
6075
+ // packages/ui/src/custom/timeline-item/index.tsx
6079
6076
  import { createComponent as _$createComponent45 } from "solid-js/web";
6080
6077
  import { ssr as _$ssr43 } from "solid-js/web";
6081
6078
  import { escape as _$escape43 } from "solid-js/web";
@@ -6153,7 +6150,7 @@ function TimelineItem(props) {
6153
6150
  })));
6154
6151
  }
6155
6152
 
6156
- // src/custom/conversation/index.tsx
6153
+ // packages/ui/src/custom/conversation/index.tsx
6157
6154
  import { ssr as _$ssr44 } from "solid-js/web";
6158
6155
  import { createComponent as _$createComponent46 } from "solid-js/web";
6159
6156
  import { escape as _$escape44 } from "solid-js/web";
@@ -6230,7 +6227,7 @@ function Conversation(props) {
6230
6227
  })));
6231
6228
  }
6232
6229
 
6233
- // src/custom/profile-card/index.tsx
6230
+ // packages/ui/src/custom/profile-card/index.tsx
6234
6231
  import { ssr as _$ssr45 } from "solid-js/web";
6235
6232
  import { createComponent as _$createComponent47 } from "solid-js/web";
6236
6233
  import { escape as _$escape45 } from "solid-js/web";
@@ -6285,7 +6282,7 @@ function ProfileCard(props) {
6285
6282
  })));
6286
6283
  }
6287
6284
 
6288
- // src/custom/event-card/index.tsx
6285
+ // packages/ui/src/custom/event-card/index.tsx
6289
6286
  import { createComponent as _$createComponent48 } from "solid-js/web";
6290
6287
  import { ssr as _$ssr46 } from "solid-js/web";
6291
6288
  import { ssrAttribute as _$ssrAttribute26 } from "solid-js/web";
@@ -6399,7 +6396,7 @@ function EventListItem(props) {
6399
6396
  })));
6400
6397
  }
6401
6398
 
6402
- // src/custom/calendar-card/index.tsx
6399
+ // packages/ui/src/custom/calendar-card/index.tsx
6403
6400
  import { createComponent as _$createComponent49 } from "solid-js/web";
6404
6401
  import { ssr as _$ssr47 } from "solid-js/web";
6405
6402
  import { ssrAttribute as _$ssrAttribute27 } from "solid-js/web";
@@ -6462,7 +6459,7 @@ function CalendarCard(props) {
6462
6459
  })));
6463
6460
  }
6464
6461
 
6465
- // src/custom/project-card/index.tsx
6462
+ // packages/ui/src/custom/project-card/index.tsx
6466
6463
  import { ssrAttribute as _$ssrAttribute28 } from "solid-js/web";
6467
6464
  import { ssr as _$ssr48 } from "solid-js/web";
6468
6465
  import { escape as _$escape48 } from "solid-js/web";
@@ -6481,7 +6478,7 @@ function ProjectCard(props) {
6481
6478
  return _$ssr48(_tmpl$430, _$ssrAttribute28("class", _$escape48(cardClasses(), true), false), _$escape48(cardContent()));
6482
6479
  }
6483
6480
 
6484
- // src/custom/page-layout/index.tsx
6481
+ // packages/ui/src/custom/page-layout/index.tsx
6485
6482
  import { ssrElement as _$ssrElement9 } from "solid-js/web";
6486
6483
  import { mergeProps as _$mergeProps37 } from "solid-js/web";
6487
6484
  import { escape as _$escape49 } from "solid-js/web";