@proyecto-viviana/ui 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.css +1077 -1077
- package/dist/index.js +236 -249
- package/dist/index.js.map +3 -3
- package/dist/index.ssr.js +78 -81
- package/dist/index.ssr.js.map +3 -3
- package/dist/radio/index.d.ts +12 -27
- package/dist/radio/index.d.ts.map +1 -1
- package/dist/test-utils/index.d.ts +2 -2
- package/dist/test-utils/index.d.ts.map +1 -1
- package/package.json +13 -12
- package/src/alert/index.tsx +48 -0
- package/src/assets/favicon.png +0 -0
- package/src/assets/fire.gif +0 -0
- package/src/autocomplete/index.tsx +313 -0
- package/src/avatar/index.tsx +75 -0
- package/src/badge/index.tsx +43 -0
- package/src/breadcrumbs/index.tsx +207 -0
- package/src/button/Button.tsx +74 -0
- package/src/button/index.ts +2 -0
- package/src/button/types.ts +24 -0
- package/src/calendar/DateField.tsx +200 -0
- package/src/calendar/DatePicker.tsx +298 -0
- package/src/calendar/RangeCalendar.tsx +236 -0
- package/src/calendar/TimeField.tsx +196 -0
- package/src/calendar/index.tsx +223 -0
- package/src/checkbox/index.tsx +257 -0
- package/src/color/index.tsx +687 -0
- package/src/combobox/index.tsx +383 -0
- package/src/components.css +1077 -0
- package/src/custom/calendar-card/index.tsx +66 -0
- package/src/custom/chip/index.tsx +46 -0
- package/src/custom/conversation/index.tsx +105 -0
- package/src/custom/event-card/index.tsx +132 -0
- package/src/custom/header/index.tsx +33 -0
- package/src/custom/lateral-nav/index.tsx +88 -0
- package/src/custom/logo/index.tsx +58 -0
- package/src/custom/nav-header/index.tsx +42 -0
- package/src/custom/page-layout/index.tsx +29 -0
- package/src/custom/profile-card/index.tsx +64 -0
- package/src/custom/project-card/index.tsx +59 -0
- package/src/custom/timeline-item/index.tsx +105 -0
- package/src/dialog/Dialog.tsx +260 -0
- package/src/dialog/index.tsx +3 -0
- package/src/disclosure/index.tsx +307 -0
- package/src/gridlist/index.tsx +403 -0
- package/src/icon/icons/GitHubIcon.tsx +20 -0
- package/src/icon/index.tsx +48 -0
- package/src/index.ts +322 -0
- package/src/landmark/index.tsx +231 -0
- package/src/link/index.tsx +130 -0
- package/src/listbox/index.tsx +231 -0
- package/src/menu/index.tsx +297 -0
- package/src/meter/index.tsx +163 -0
- package/src/numberfield/index.tsx +482 -0
- package/src/popover/index.tsx +260 -0
- package/src/progress-bar/index.tsx +169 -0
- package/src/radio/index.tsx +173 -0
- package/src/searchfield/index.tsx +453 -0
- package/src/select/index.tsx +349 -0
- package/src/separator/index.tsx +141 -0
- package/src/slider/index.tsx +382 -0
- package/src/styles.css +450 -0
- package/src/switch/ToggleSwitch.tsx +112 -0
- package/src/switch/index.tsx +90 -0
- package/src/table/index.tsx +531 -0
- package/src/tabs/index.tsx +273 -0
- package/src/tag-group/index.tsx +240 -0
- package/src/test-utils/index.ts +40 -0
- package/src/textfield/index.tsx +211 -0
- package/src/theme.css +101 -0
- package/src/toast/index.tsx +324 -0
- package/src/toolbar/index.tsx +108 -0
- package/src/tooltip/index.tsx +197 -0
- package/src/tree/index.tsx +494 -0
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(
|
|
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
|
|
482
|
-
const
|
|
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 = "
|
|
487
|
-
const
|
|
488
|
-
|
|
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
|
|
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";
|