@pathscale/ui 0.0.28 → 0.0.30
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/index.js +478 -540
- package/package.json +7 -1
package/dist/index.js
CHANGED
|
@@ -3533,220 +3533,6 @@ const Alert = (props)=>{
|
|
|
3533
3533
|
})();
|
|
3534
3534
|
};
|
|
3535
3535
|
const alert_Alert = Alert;
|
|
3536
|
-
function classes_classes(...args) {
|
|
3537
|
-
return args.flat().filter(Boolean).join(" ");
|
|
3538
|
-
}
|
|
3539
|
-
function falsyToString(value) {
|
|
3540
|
-
return "boolean" == typeof value ? `${value}` : 0 === value ? "0" : value;
|
|
3541
|
-
}
|
|
3542
|
-
function cva(base, config) {
|
|
3543
|
-
const fn = (props)=>{
|
|
3544
|
-
if (config?.variants == null) return classes_classes(base, props?.class);
|
|
3545
|
-
const { variants, defaultVariants } = config;
|
|
3546
|
-
const getVariantClassNames = Object.keys(variants).map((variant)=>{
|
|
3547
|
-
const variantProp = props?.[variant];
|
|
3548
|
-
const defaultVariantProp = defaultVariants?.[variant];
|
|
3549
|
-
if (null === variantProp) return null;
|
|
3550
|
-
const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
|
|
3551
|
-
return variants[variant]?.[variantKey];
|
|
3552
|
-
});
|
|
3553
|
-
const propsWithoutUndefined = Object.entries(props || {}).reduce((acc, [key, value])=>{
|
|
3554
|
-
if (void 0 !== value) acc[key] = value;
|
|
3555
|
-
return acc;
|
|
3556
|
-
}, {});
|
|
3557
|
-
const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, ...compoundVariantOptions })=>{
|
|
3558
|
-
const isMatch = Object.entries(compoundVariantOptions).every(([key, value])=>{
|
|
3559
|
-
const currentValue = {
|
|
3560
|
-
...defaultVariants,
|
|
3561
|
-
...propsWithoutUndefined
|
|
3562
|
-
}[key];
|
|
3563
|
-
return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
|
|
3564
|
-
});
|
|
3565
|
-
return isMatch ? [
|
|
3566
|
-
...acc,
|
|
3567
|
-
cvClass
|
|
3568
|
-
] : acc;
|
|
3569
|
-
}, []);
|
|
3570
|
-
return classes_classes(base, getVariantClassNames, getCompoundVariantClassNames, props?.class);
|
|
3571
|
-
};
|
|
3572
|
-
fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
|
|
3573
|
-
return fn;
|
|
3574
|
-
}
|
|
3575
|
-
const autocompleteWrapperClass = "relative w-full";
|
|
3576
|
-
const inputBoxClass = cva("w-full rounded-md border border-gray-300 px-4 py-2 text-sm outline-none transition-colors", {
|
|
3577
|
-
variants: {
|
|
3578
|
-
state: {
|
|
3579
|
-
default: "bg-white text-gray-800 hover:border-gray-400 focus:border-blue-500 focus:ring-1 focus:ring-blue-500",
|
|
3580
|
-
disabled: "bg-gray-100 text-gray-400 cursor-not-allowed"
|
|
3581
|
-
},
|
|
3582
|
-
size: {
|
|
3583
|
-
sm: "text-sm py-1 px-2",
|
|
3584
|
-
md: "text-sm py-2 px-4",
|
|
3585
|
-
lg: "text-base py-3 px-4"
|
|
3586
|
-
}
|
|
3587
|
-
},
|
|
3588
|
-
defaultVariants: {
|
|
3589
|
-
state: "default",
|
|
3590
|
-
size: "md"
|
|
3591
|
-
}
|
|
3592
|
-
});
|
|
3593
|
-
const dropdownMenuClass = cva("absolute left-0 right-0 z-10 mt-1 rounded-md border border-gray-200 bg-white shadow-md max-h-60 overflow-auto text-sm", {
|
|
3594
|
-
variants: {
|
|
3595
|
-
isOpen: {
|
|
3596
|
-
true: "block",
|
|
3597
|
-
false: "hidden"
|
|
3598
|
-
}
|
|
3599
|
-
},
|
|
3600
|
-
defaultVariants: {
|
|
3601
|
-
isOpen: true
|
|
3602
|
-
}
|
|
3603
|
-
});
|
|
3604
|
-
const dropdownItemClass = cva("w-full text-left px-4 py-2 cursor-pointer transition-colors", {
|
|
3605
|
-
variants: {
|
|
3606
|
-
active: {
|
|
3607
|
-
true: "bg-blue-500 text-white",
|
|
3608
|
-
false: "hover:bg-gray-100 text-gray-800"
|
|
3609
|
-
}
|
|
3610
|
-
},
|
|
3611
|
-
defaultVariants: {
|
|
3612
|
-
active: false
|
|
3613
|
-
}
|
|
3614
|
-
});
|
|
3615
|
-
const dropdownEmptyClass = "px-4 py-2 text-sm text-gray-500";
|
|
3616
|
-
const labelClass = "block text-sm font-medium text-gray-700 mb-1";
|
|
3617
|
-
var Autocomplete_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>"), Autocomplete_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input type=text autocomplete=off>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>No data available");
|
|
3618
|
-
const Autocomplete_Autocomplete = (props)=>{
|
|
3619
|
-
const [search, setSearch] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(props.value?.toString() || "");
|
|
3620
|
-
const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
3621
|
-
const [filtered, setFiltered] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(props.items);
|
|
3622
|
-
const [highlightIndex, setHighlightIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(-1);
|
|
3623
|
-
let wrapperRef;
|
|
3624
|
-
const filterItems = (val)=>{
|
|
3625
|
-
const lower = val.toLowerCase();
|
|
3626
|
-
setFiltered(props.items.filter((item)=>item.toString().toLowerCase().includes(lower)));
|
|
3627
|
-
};
|
|
3628
|
-
const handleInput = (e)=>{
|
|
3629
|
-
const val = e.target.value;
|
|
3630
|
-
setSearch(val);
|
|
3631
|
-
filterItems(val);
|
|
3632
|
-
setIsOpen(true);
|
|
3633
|
-
setHighlightIndex(-1);
|
|
3634
|
-
};
|
|
3635
|
-
const handleKeyDown = (e)=>{
|
|
3636
|
-
if (!isOpen()) return;
|
|
3637
|
-
if ("ArrowDown" === e.key) {
|
|
3638
|
-
setHighlightIndex((prev)=>Math.min(prev + 1, filtered().length - 1));
|
|
3639
|
-
e.preventDefault();
|
|
3640
|
-
}
|
|
3641
|
-
if ("ArrowUp" === e.key) {
|
|
3642
|
-
setHighlightIndex((prev)=>Math.max(prev - 1, 0));
|
|
3643
|
-
e.preventDefault();
|
|
3644
|
-
}
|
|
3645
|
-
if ("Enter" === e.key && filtered()[highlightIndex()]) {
|
|
3646
|
-
const selected = filtered()[highlightIndex()];
|
|
3647
|
-
setSearch(selected?.toString() ?? "");
|
|
3648
|
-
props.onChange?.(selected);
|
|
3649
|
-
setIsOpen(false);
|
|
3650
|
-
}
|
|
3651
|
-
if ("Escape" === e.key) setIsOpen(false);
|
|
3652
|
-
};
|
|
3653
|
-
const handleSelect = (item)=>{
|
|
3654
|
-
setSearch(item.toString());
|
|
3655
|
-
props.onChange?.(item);
|
|
3656
|
-
setIsOpen(false);
|
|
3657
|
-
};
|
|
3658
|
-
const handleClickOutside = (e)=>{
|
|
3659
|
-
if (!wrapperRef?.contains(e.target)) setIsOpen(false);
|
|
3660
|
-
};
|
|
3661
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
3662
|
-
if (void 0 !== props.value) setSearch(props.value.toString());
|
|
3663
|
-
});
|
|
3664
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
3665
|
-
document.addEventListener("click", handleClickOutside);
|
|
3666
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
|
|
3667
|
-
document.removeEventListener("click", handleClickOutside);
|
|
3668
|
-
});
|
|
3669
|
-
});
|
|
3670
|
-
return (()=>{
|
|
3671
|
-
var _el$ = _tmpl$3(), _el$3 = _el$.firstChild;
|
|
3672
|
-
var _ref$ = wrapperRef;
|
|
3673
|
-
"function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : wrapperRef = _el$;
|
|
3674
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, autocompleteWrapperClass);
|
|
3675
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
3676
|
-
get when () {
|
|
3677
|
-
return props.label;
|
|
3678
|
-
},
|
|
3679
|
-
get children () {
|
|
3680
|
-
var _el$2 = Autocomplete_tmpl$();
|
|
3681
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, labelClass);
|
|
3682
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>props.label);
|
|
3683
|
-
return _el$2;
|
|
3684
|
-
}
|
|
3685
|
-
}), _el$3);
|
|
3686
|
-
_el$3.addEventListener("focus", ()=>setIsOpen(true));
|
|
3687
|
-
_el$3.$$keydown = handleKeyDown;
|
|
3688
|
-
_el$3.$$input = handleInput;
|
|
3689
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
3690
|
-
get when () {
|
|
3691
|
-
return isOpen();
|
|
3692
|
-
},
|
|
3693
|
-
get children () {
|
|
3694
|
-
var _el$4 = Autocomplete_tmpl$2();
|
|
3695
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
3696
|
-
get when () {
|
|
3697
|
-
return filtered().length > 0;
|
|
3698
|
-
},
|
|
3699
|
-
get fallback () {
|
|
3700
|
-
return (()=>{
|
|
3701
|
-
var _el$5 = _tmpl$4();
|
|
3702
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, dropdownEmptyClass);
|
|
3703
|
-
return _el$5;
|
|
3704
|
-
})();
|
|
3705
|
-
},
|
|
3706
|
-
get children () {
|
|
3707
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
3708
|
-
get each () {
|
|
3709
|
-
return filtered();
|
|
3710
|
-
},
|
|
3711
|
-
children: (item, i)=>(()=>{
|
|
3712
|
-
var _el$6 = Autocomplete_tmpl$2();
|
|
3713
|
-
_el$6.$$mousedown = ()=>handleSelect(item);
|
|
3714
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, item);
|
|
3715
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, dropdownItemClass({
|
|
3716
|
-
active: i() === highlightIndex()
|
|
3717
|
-
})));
|
|
3718
|
-
return _el$6;
|
|
3719
|
-
})()
|
|
3720
|
-
});
|
|
3721
|
-
}
|
|
3722
|
-
}));
|
|
3723
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, dropdownMenuClass()));
|
|
3724
|
-
return _el$4;
|
|
3725
|
-
}
|
|
3726
|
-
}), null);
|
|
3727
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
3728
|
-
var _v$ = props.disabled, _v$2 = inputBoxClass({
|
|
3729
|
-
size: props.size,
|
|
3730
|
-
state: props.state ?? (props.disabled ? "disabled" : "default")
|
|
3731
|
-
});
|
|
3732
|
-
_v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
|
|
3733
|
-
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
|
|
3734
|
-
return _p$;
|
|
3735
|
-
}, {
|
|
3736
|
-
e: void 0,
|
|
3737
|
-
t: void 0
|
|
3738
|
-
});
|
|
3739
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$3.value = search());
|
|
3740
|
-
return _el$;
|
|
3741
|
-
})();
|
|
3742
|
-
};
|
|
3743
|
-
const Autocomplete = Autocomplete_Autocomplete;
|
|
3744
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
|
|
3745
|
-
"input",
|
|
3746
|
-
"keydown",
|
|
3747
|
-
"mousedown"
|
|
3748
|
-
]);
|
|
3749
|
-
const autocomplete = Autocomplete;
|
|
3750
3536
|
const VoidElementList = [
|
|
3751
3537
|
"area",
|
|
3752
3538
|
"base",
|
|
@@ -3795,7 +3581,7 @@ const AvatarGroup_AvatarGroup = (props)=>{
|
|
|
3795
3581
|
}));
|
|
3796
3582
|
};
|
|
3797
3583
|
const AvatarGroup = AvatarGroup_AvatarGroup;
|
|
3798
|
-
var Avatar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), Avatar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>"),
|
|
3584
|
+
var Avatar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), Avatar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
3799
3585
|
const Avatar_VoidElementList = [
|
|
3800
3586
|
"area",
|
|
3801
3587
|
"base",
|
|
@@ -3898,7 +3684,7 @@ const Avatar_Avatar = (props)=>{
|
|
|
3898
3684
|
});
|
|
3899
3685
|
return _el$3;
|
|
3900
3686
|
})() : (()=>{
|
|
3901
|
-
var _el$5 =
|
|
3687
|
+
var _el$5 = _tmpl$3();
|
|
3902
3688
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
|
|
3903
3689
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
3904
3690
|
var _v$6 = imgClasses(), _v$7 = customSizeStyle;
|
|
@@ -4010,187 +3796,6 @@ const Badge_Badge = (props)=>{
|
|
|
4010
3796
|
})();
|
|
4011
3797
|
};
|
|
4012
3798
|
const Badge = Badge_Badge;
|
|
4013
|
-
var PhoneMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
|
|
4014
|
-
const PhoneMockup = (props)=>{
|
|
4015
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4016
|
-
"children",
|
|
4017
|
-
"class",
|
|
4018
|
-
"className",
|
|
4019
|
-
"dataTheme",
|
|
4020
|
-
"color",
|
|
4021
|
-
"innerProps"
|
|
4022
|
-
]);
|
|
4023
|
-
const classes = ()=>bundle_mjs_twMerge("mockup-phone", local.class, local.className, dist_clsx({
|
|
4024
|
-
"border-primary": "primary" === local.color,
|
|
4025
|
-
"border-secondary": "secondary" === local.color,
|
|
4026
|
-
"border-info": "info" === local.color,
|
|
4027
|
-
"border-success": "success" === local.color,
|
|
4028
|
-
"border-warning": "warning" === local.color,
|
|
4029
|
-
"border-error": "error" === local.color
|
|
4030
|
-
}));
|
|
4031
|
-
const innerClasses = ()=>bundle_mjs_twMerge("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
|
|
4032
|
-
return (()=>{
|
|
4033
|
-
var _el$ = PhoneMockup_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
|
|
4034
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
4035
|
-
get ["data-theme"] () {
|
|
4036
|
-
return local.dataTheme;
|
|
4037
|
-
},
|
|
4038
|
-
get ["class"] () {
|
|
4039
|
-
return classes();
|
|
4040
|
-
}
|
|
4041
|
-
}), false, true);
|
|
4042
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps, {
|
|
4043
|
-
get ["class"] () {
|
|
4044
|
-
return innerClasses();
|
|
4045
|
-
}
|
|
4046
|
-
}), false, true);
|
|
4047
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
|
|
4048
|
-
return _el$;
|
|
4049
|
-
})();
|
|
4050
|
-
};
|
|
4051
|
-
const phonemockup_PhoneMockup = PhoneMockup;
|
|
4052
|
-
var WindowMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), WindowMockup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
|
|
4053
|
-
const WindowMockup = (props)=>{
|
|
4054
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4055
|
-
"children",
|
|
4056
|
-
"class",
|
|
4057
|
-
"className",
|
|
4058
|
-
"dataTheme",
|
|
4059
|
-
"border",
|
|
4060
|
-
"borderColor",
|
|
4061
|
-
"backgroundColor",
|
|
4062
|
-
"frameColor"
|
|
4063
|
-
]);
|
|
4064
|
-
const borderColorValue = ()=>local.borderColor || local.frameColor || "neutral";
|
|
4065
|
-
const classes = ()=>bundle_mjs_twMerge("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, dist_clsx({
|
|
4066
|
-
"border-neutral": "neutral" === borderColorValue(),
|
|
4067
|
-
"border-primary": "primary" === borderColorValue(),
|
|
4068
|
-
"border-secondary": "secondary" === borderColorValue(),
|
|
4069
|
-
"border-accent": "accent" === borderColorValue(),
|
|
4070
|
-
"border-info": "info" === borderColorValue(),
|
|
4071
|
-
"border-success": "success" === borderColorValue(),
|
|
4072
|
-
"border-warning": "warning" === borderColorValue(),
|
|
4073
|
-
"border-error": "error" === borderColorValue(),
|
|
4074
|
-
"bg-neutral": "neutral" === local.frameColor,
|
|
4075
|
-
"bg-primary": "primary" === local.frameColor,
|
|
4076
|
-
"bg-secondary": "secondary" === local.frameColor,
|
|
4077
|
-
"bg-accent": "accent" === local.frameColor,
|
|
4078
|
-
"bg-info": "info" === local.frameColor,
|
|
4079
|
-
"bg-success": "success" === local.frameColor,
|
|
4080
|
-
"bg-warning": "warning" === local.frameColor,
|
|
4081
|
-
"bg-error": "error" === local.frameColor
|
|
4082
|
-
}));
|
|
4083
|
-
const innerClasses = ()=>bundle_mjs_twMerge("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, dist_clsx({
|
|
4084
|
-
"bg-neutral": "neutral" === local.backgroundColor,
|
|
4085
|
-
"bg-primary": "primary" === local.backgroundColor,
|
|
4086
|
-
"bg-secondary": "secondary" === local.backgroundColor,
|
|
4087
|
-
"bg-accent": "accent" === local.backgroundColor,
|
|
4088
|
-
"bg-info": "info" === local.backgroundColor,
|
|
4089
|
-
"bg-success": "success" === local.backgroundColor,
|
|
4090
|
-
"bg-warning": "warning" === local.backgroundColor,
|
|
4091
|
-
"bg-error": "error" === local.backgroundColor
|
|
4092
|
-
}));
|
|
4093
|
-
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
4094
|
-
const innerElement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
4095
|
-
const childrenArray = Array.isArray(resolvedChildren()) ? resolvedChildren() : [
|
|
4096
|
-
resolvedChildren()
|
|
4097
|
-
];
|
|
4098
|
-
const firstChild = childrenArray[0];
|
|
4099
|
-
if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
|
|
4100
|
-
const existingClass = firstChild.props?.class || firstChild.props?.className || "";
|
|
4101
|
-
const mergedClass = bundle_mjs_twMerge(innerClasses(), existingClass);
|
|
4102
|
-
return {
|
|
4103
|
-
...firstChild,
|
|
4104
|
-
props: {
|
|
4105
|
-
...firstChild.props,
|
|
4106
|
-
class: mergedClass
|
|
4107
|
-
}
|
|
4108
|
-
};
|
|
4109
|
-
}
|
|
4110
|
-
return (()=>{
|
|
4111
|
-
var _el$ = WindowMockup_tmpl$();
|
|
4112
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
4113
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, innerClasses()));
|
|
4114
|
-
return _el$;
|
|
4115
|
-
})();
|
|
4116
|
-
});
|
|
4117
|
-
return (()=>{
|
|
4118
|
-
var _el$2 = WindowMockup_tmpl$2();
|
|
4119
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
4120
|
-
get ["data-theme"] () {
|
|
4121
|
-
return local.dataTheme;
|
|
4122
|
-
},
|
|
4123
|
-
get ["class"] () {
|
|
4124
|
-
return classes();
|
|
4125
|
-
}
|
|
4126
|
-
}), false, true);
|
|
4127
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, innerElement);
|
|
4128
|
-
return _el$2;
|
|
4129
|
-
})();
|
|
4130
|
-
};
|
|
4131
|
-
const windowmockup_WindowMockup = WindowMockup;
|
|
4132
|
-
var Drawer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input type=checkbox readonly><div></div><div><label>");
|
|
4133
|
-
const Drawer_Drawer = (props)=>{
|
|
4134
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4135
|
-
"children",
|
|
4136
|
-
"side",
|
|
4137
|
-
"open",
|
|
4138
|
-
"end",
|
|
4139
|
-
"dataTheme",
|
|
4140
|
-
"class",
|
|
4141
|
-
"className",
|
|
4142
|
-
"toggleClassName",
|
|
4143
|
-
"contentClassName",
|
|
4144
|
-
"sideClassName",
|
|
4145
|
-
"overlayClassName",
|
|
4146
|
-
"onClickOverlay"
|
|
4147
|
-
]);
|
|
4148
|
-
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
4149
|
-
const classes = ()=>bundle_mjs_twMerge("drawer", local.class, local.className, dist_clsx({
|
|
4150
|
-
"drawer-end": local.end
|
|
4151
|
-
}));
|
|
4152
|
-
const toggleClasses = ()=>bundle_mjs_twMerge("drawer-toggle", local.toggleClassName);
|
|
4153
|
-
const contentClasses = ()=>bundle_mjs_twMerge("drawer-content", local.contentClassName);
|
|
4154
|
-
const sideClasses = ()=>bundle_mjs_twMerge("drawer-side", local.sideClassName);
|
|
4155
|
-
const overlayClasses = ()=>bundle_mjs_twMerge("drawer-overlay", local.overlayClassName);
|
|
4156
|
-
return (()=>{
|
|
4157
|
-
var _el$ = Drawer_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
|
|
4158
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
4159
|
-
get ["aria-expanded"] () {
|
|
4160
|
-
return local.open;
|
|
4161
|
-
}
|
|
4162
|
-
}, others, {
|
|
4163
|
-
get ["data-theme"] () {
|
|
4164
|
-
return local.dataTheme;
|
|
4165
|
-
},
|
|
4166
|
-
get ["class"] () {
|
|
4167
|
-
return classes();
|
|
4168
|
-
}
|
|
4169
|
-
}), false, true);
|
|
4170
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
|
|
4171
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$5, "click", local.onClickOverlay, true);
|
|
4172
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.side, null);
|
|
4173
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
4174
|
-
var _v$ = toggleClasses(), _v$2 = contentClasses(), _v$3 = sideClasses(), _v$4 = overlayClasses();
|
|
4175
|
-
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
|
|
4176
|
-
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
|
|
4177
|
-
_v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
|
|
4178
|
-
_v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
|
|
4179
|
-
return _p$;
|
|
4180
|
-
}, {
|
|
4181
|
-
e: void 0,
|
|
4182
|
-
t: void 0,
|
|
4183
|
-
a: void 0,
|
|
4184
|
-
o: void 0
|
|
4185
|
-
});
|
|
4186
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.checked = local.open);
|
|
4187
|
-
return _el$;
|
|
4188
|
-
})();
|
|
4189
|
-
};
|
|
4190
|
-
const Drawer = Drawer_Drawer;
|
|
4191
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
|
|
4192
|
-
"click"
|
|
4193
|
-
]);
|
|
4194
3799
|
var Breadcrumbs_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul>");
|
|
4195
3800
|
const Breadcrumbs_Breadcrumbs = (props)=>{
|
|
4196
3801
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
@@ -4534,6 +4139,50 @@ Card.Body = CardBody;
|
|
|
4534
4139
|
Card.Title = CardTitle;
|
|
4535
4140
|
Card.Image = CardImage;
|
|
4536
4141
|
const card_Card = Card;
|
|
4142
|
+
var CarouselItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
4143
|
+
const CarouselItem_CarouselItem = (props)=>{
|
|
4144
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4145
|
+
"class",
|
|
4146
|
+
"children"
|
|
4147
|
+
]);
|
|
4148
|
+
const classes = bundle_mjs_twMerge("carousel-item", local.class);
|
|
4149
|
+
return (()=>{
|
|
4150
|
+
var _el$ = CarouselItem_tmpl$();
|
|
4151
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
4152
|
+
class: classes
|
|
4153
|
+
}), false, true);
|
|
4154
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
4155
|
+
return _el$;
|
|
4156
|
+
})();
|
|
4157
|
+
};
|
|
4158
|
+
const CarouselItem = CarouselItem_CarouselItem;
|
|
4159
|
+
var Carousel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
4160
|
+
const Carousel = (props)=>{
|
|
4161
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4162
|
+
"class",
|
|
4163
|
+
"children",
|
|
4164
|
+
"snap",
|
|
4165
|
+
"direction"
|
|
4166
|
+
]);
|
|
4167
|
+
const classes = bundle_mjs_twMerge("carousel", local.class, dist_clsx({
|
|
4168
|
+
"carousel-start": "start" === local.snap || !local.snap,
|
|
4169
|
+
"carousel-center": "center" === local.snap,
|
|
4170
|
+
"carousel-end": "end" === local.snap,
|
|
4171
|
+
"carousel-vertical": "vertical" === local.direction,
|
|
4172
|
+
"carousel-horizontal": "horizontal" === local.direction
|
|
4173
|
+
}));
|
|
4174
|
+
return (()=>{
|
|
4175
|
+
var _el$ = Carousel_tmpl$();
|
|
4176
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
4177
|
+
class: classes
|
|
4178
|
+
}), false, true);
|
|
4179
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
4180
|
+
return _el$;
|
|
4181
|
+
})();
|
|
4182
|
+
};
|
|
4183
|
+
const carousel_Carousel = Object.assign(Carousel, {
|
|
4184
|
+
Item: CarouselItem
|
|
4185
|
+
});
|
|
4537
4186
|
var ChatBubbleHeader_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
4538
4187
|
const ChatBubbleHeader_ChatBubbleHeader = (props)=>(()=>{
|
|
4539
4188
|
var _el$ = ChatBubbleHeader_tmpl$();
|
|
@@ -4947,6 +4596,56 @@ const Countdown = (props)=>{
|
|
|
4947
4596
|
})();
|
|
4948
4597
|
};
|
|
4949
4598
|
const countdown_Countdown = Countdown;
|
|
4599
|
+
var BrowserMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=mockup-browser-toolbar><div class=input><input type=text readonly></div></div><div>");
|
|
4600
|
+
const BrowserMockup = (props)=>{
|
|
4601
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4602
|
+
"dataTheme",
|
|
4603
|
+
"class",
|
|
4604
|
+
"className",
|
|
4605
|
+
"inputClassName",
|
|
4606
|
+
"innerClassName",
|
|
4607
|
+
"children",
|
|
4608
|
+
"url",
|
|
4609
|
+
"variant"
|
|
4610
|
+
]);
|
|
4611
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
4612
|
+
const variant = ()=>local.variant ?? "border";
|
|
4613
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("mockup-browser border", dist_clsx({
|
|
4614
|
+
"border-base-300": "border" === variant(),
|
|
4615
|
+
"bg-base-300": "background" === variant()
|
|
4616
|
+
}), local.class, local.className));
|
|
4617
|
+
const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("input", dist_clsx({
|
|
4618
|
+
"border-base-300": "border" === variant()
|
|
4619
|
+
}), local.inputClassName));
|
|
4620
|
+
const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("flex justify-center px-4 py-16", dist_clsx({
|
|
4621
|
+
"border-t border-base-300": "border" === variant(),
|
|
4622
|
+
"bg-base-200": "background" === variant()
|
|
4623
|
+
}), local.innerClassName));
|
|
4624
|
+
return (()=>{
|
|
4625
|
+
var _el$ = BrowserMockup_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$2.nextSibling;
|
|
4626
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
4627
|
+
get ["data-theme"] () {
|
|
4628
|
+
return local.dataTheme;
|
|
4629
|
+
},
|
|
4630
|
+
get ["class"] () {
|
|
4631
|
+
return classes();
|
|
4632
|
+
}
|
|
4633
|
+
}), false, true);
|
|
4634
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, resolvedChildren);
|
|
4635
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
4636
|
+
var _v$ = inputClasses(), _v$2 = innerClasses();
|
|
4637
|
+
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.e = _v$);
|
|
4638
|
+
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.t = _v$2);
|
|
4639
|
+
return _p$;
|
|
4640
|
+
}, {
|
|
4641
|
+
e: void 0,
|
|
4642
|
+
t: void 0
|
|
4643
|
+
});
|
|
4644
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$4.value = local.url);
|
|
4645
|
+
return _el$;
|
|
4646
|
+
})();
|
|
4647
|
+
};
|
|
4648
|
+
const browsermockup_BrowserMockup = BrowserMockup;
|
|
4950
4649
|
var Diff_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=diff-item-1></div><div class=diff-item-2></div><div class=diff-resizer>");
|
|
4951
4650
|
const Diff = (props)=>{
|
|
4952
4651
|
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
@@ -4971,6 +4670,45 @@ const Diff = (props)=>{
|
|
|
4971
4670
|
})();
|
|
4972
4671
|
};
|
|
4973
4672
|
const diff_Diff = Diff;
|
|
4673
|
+
function classes_classes(...args) {
|
|
4674
|
+
return args.flat().filter(Boolean).join(" ");
|
|
4675
|
+
}
|
|
4676
|
+
function falsyToString(value) {
|
|
4677
|
+
return "boolean" == typeof value ? `${value}` : 0 === value ? "0" : value;
|
|
4678
|
+
}
|
|
4679
|
+
function cva(base, config) {
|
|
4680
|
+
const fn = (props)=>{
|
|
4681
|
+
if (config?.variants == null) return classes_classes(base, props?.class);
|
|
4682
|
+
const { variants, defaultVariants } = config;
|
|
4683
|
+
const getVariantClassNames = Object.keys(variants).map((variant)=>{
|
|
4684
|
+
const variantProp = props?.[variant];
|
|
4685
|
+
const defaultVariantProp = defaultVariants?.[variant];
|
|
4686
|
+
if (null === variantProp) return null;
|
|
4687
|
+
const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
|
|
4688
|
+
return variants[variant]?.[variantKey];
|
|
4689
|
+
});
|
|
4690
|
+
const propsWithoutUndefined = Object.entries(props || {}).reduce((acc, [key, value])=>{
|
|
4691
|
+
if (void 0 !== value) acc[key] = value;
|
|
4692
|
+
return acc;
|
|
4693
|
+
}, {});
|
|
4694
|
+
const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, ...compoundVariantOptions })=>{
|
|
4695
|
+
const isMatch = Object.entries(compoundVariantOptions).every(([key, value])=>{
|
|
4696
|
+
const currentValue = {
|
|
4697
|
+
...defaultVariants,
|
|
4698
|
+
...propsWithoutUndefined
|
|
4699
|
+
}[key];
|
|
4700
|
+
return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
|
|
4701
|
+
});
|
|
4702
|
+
return isMatch ? [
|
|
4703
|
+
...acc,
|
|
4704
|
+
cvClass
|
|
4705
|
+
] : acc;
|
|
4706
|
+
}, []);
|
|
4707
|
+
return classes_classes(base, getVariantClassNames, getCompoundVariantClassNames, props?.class);
|
|
4708
|
+
};
|
|
4709
|
+
fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
|
|
4710
|
+
return fn;
|
|
4711
|
+
}
|
|
4974
4712
|
const dividerStyles = cva("flex items-center whitespace-nowrap relative", {
|
|
4975
4713
|
variants: {
|
|
4976
4714
|
horizontal: {
|
|
@@ -5157,17 +4895,79 @@ const Dock_Dock = (props)=>{
|
|
|
5157
4895
|
get ["data-theme"] () {
|
|
5158
4896
|
return local.dataTheme;
|
|
5159
4897
|
},
|
|
5160
|
-
class: classes
|
|
4898
|
+
class: classes
|
|
4899
|
+
}), false, true);
|
|
4900
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
4901
|
+
return _el$;
|
|
4902
|
+
})();
|
|
4903
|
+
};
|
|
4904
|
+
const Dock = Object.assign(Dock_Dock, {
|
|
4905
|
+
Item: DockItem,
|
|
4906
|
+
Label: dock_DockLabel
|
|
4907
|
+
});
|
|
4908
|
+
const dock = Dock;
|
|
4909
|
+
var Drawer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input type=checkbox readonly><div></div><div><label>");
|
|
4910
|
+
const Drawer_Drawer = (props)=>{
|
|
4911
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
4912
|
+
"children",
|
|
4913
|
+
"side",
|
|
4914
|
+
"open",
|
|
4915
|
+
"end",
|
|
4916
|
+
"dataTheme",
|
|
4917
|
+
"class",
|
|
4918
|
+
"className",
|
|
4919
|
+
"toggleClassName",
|
|
4920
|
+
"contentClassName",
|
|
4921
|
+
"sideClassName",
|
|
4922
|
+
"overlayClassName",
|
|
4923
|
+
"onClickOverlay"
|
|
4924
|
+
]);
|
|
4925
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
4926
|
+
const classes = ()=>bundle_mjs_twMerge("drawer", local.class, local.className, dist_clsx({
|
|
4927
|
+
"drawer-end": local.end
|
|
4928
|
+
}));
|
|
4929
|
+
const toggleClasses = ()=>bundle_mjs_twMerge("drawer-toggle", local.toggleClassName);
|
|
4930
|
+
const contentClasses = ()=>bundle_mjs_twMerge("drawer-content", local.contentClassName);
|
|
4931
|
+
const sideClasses = ()=>bundle_mjs_twMerge("drawer-side", local.sideClassName);
|
|
4932
|
+
const overlayClasses = ()=>bundle_mjs_twMerge("drawer-overlay", local.overlayClassName);
|
|
4933
|
+
return (()=>{
|
|
4934
|
+
var _el$ = Drawer_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
|
|
4935
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
4936
|
+
get ["aria-expanded"] () {
|
|
4937
|
+
return local.open;
|
|
4938
|
+
}
|
|
4939
|
+
}, others, {
|
|
4940
|
+
get ["data-theme"] () {
|
|
4941
|
+
return local.dataTheme;
|
|
4942
|
+
},
|
|
4943
|
+
get ["class"] () {
|
|
4944
|
+
return classes();
|
|
4945
|
+
}
|
|
5161
4946
|
}), false, true);
|
|
5162
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el
|
|
4947
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
|
|
4948
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$5, "click", local.onClickOverlay, true);
|
|
4949
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.side, null);
|
|
4950
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
4951
|
+
var _v$ = toggleClasses(), _v$2 = contentClasses(), _v$3 = sideClasses(), _v$4 = overlayClasses();
|
|
4952
|
+
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
|
|
4953
|
+
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
|
|
4954
|
+
_v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
|
|
4955
|
+
_v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
|
|
4956
|
+
return _p$;
|
|
4957
|
+
}, {
|
|
4958
|
+
e: void 0,
|
|
4959
|
+
t: void 0,
|
|
4960
|
+
a: void 0,
|
|
4961
|
+
o: void 0
|
|
4962
|
+
});
|
|
4963
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.checked = local.open);
|
|
5163
4964
|
return _el$;
|
|
5164
4965
|
})();
|
|
5165
4966
|
};
|
|
5166
|
-
const
|
|
5167
|
-
|
|
5168
|
-
|
|
5169
|
-
|
|
5170
|
-
const dock = Dock;
|
|
4967
|
+
const Drawer = Drawer_Drawer;
|
|
4968
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
|
|
4969
|
+
"click"
|
|
4970
|
+
]);
|
|
5171
4971
|
var DropdownToggle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>");
|
|
5172
4972
|
const DropdownToggle = (props)=>{
|
|
5173
4973
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
@@ -5504,7 +5304,7 @@ const FileInput_FileInput = (props)=>{
|
|
|
5504
5304
|
"className",
|
|
5505
5305
|
"style"
|
|
5506
5306
|
]);
|
|
5507
|
-
const classes = ()=>bundle_mjs_twMerge("file-input", local.class, local.className, clsx_clsx({
|
|
5307
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("file-input", local.class, local.className, clsx_clsx({
|
|
5508
5308
|
"file-input-xl": "xl" === local.size,
|
|
5509
5309
|
"file-input-lg": "lg" === local.size,
|
|
5510
5310
|
"file-input-md": "md" === local.size,
|
|
@@ -5519,11 +5319,9 @@ const FileInput_FileInput = (props)=>{
|
|
|
5519
5319
|
"file-input-warning": "warning" === local.color,
|
|
5520
5320
|
"file-input-error": "error" === local.color,
|
|
5521
5321
|
"file-input-bordered": local.bordered
|
|
5522
|
-
}));
|
|
5322
|
+
})));
|
|
5523
5323
|
return (()=>{
|
|
5524
5324
|
var _el$ = FileInput_tmpl$();
|
|
5525
|
-
var _ref$ = others.ref;
|
|
5526
|
-
"function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : others.ref = _el$;
|
|
5527
5325
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
5528
5326
|
type: "file",
|
|
5529
5327
|
get ["data-theme"] () {
|
|
@@ -6536,76 +6334,45 @@ const navbar_Navbar = Object.assign(Navbar, {
|
|
|
6536
6334
|
});
|
|
6537
6335
|
const Pagination = join_Join;
|
|
6538
6336
|
const pagination_Pagination = Pagination;
|
|
6539
|
-
|
|
6540
|
-
|
|
6541
|
-
|
|
6542
|
-
|
|
6543
|
-
|
|
6544
|
-
|
|
6545
|
-
|
|
6546
|
-
|
|
6547
|
-
|
|
6548
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.untrack)(()=>component(otherProps));
|
|
6549
|
-
case "string":
|
|
6550
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
6551
|
-
component: component
|
|
6552
|
-
}, otherProps));
|
|
6553
|
-
}
|
|
6554
|
-
});
|
|
6555
|
-
};
|
|
6556
|
-
const polymorphic_Polymorphic = Polymorphic;
|
|
6557
|
-
function chain(callbacks) {
|
|
6558
|
-
return (...args)=>{
|
|
6559
|
-
for (const callback of callbacks)callback?.(...args);
|
|
6560
|
-
};
|
|
6561
|
-
}
|
|
6562
|
-
function mergeRefs(...refs) {
|
|
6563
|
-
return chain(refs);
|
|
6564
|
-
}
|
|
6565
|
-
function createTagName(props) {
|
|
6566
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>props.element()?.tagName.toLowerCase() ?? props.fallback);
|
|
6567
|
-
}
|
|
6568
|
-
const BUTTON_INPUT_TYPES = [
|
|
6569
|
-
"button",
|
|
6570
|
-
"color",
|
|
6571
|
-
"file",
|
|
6572
|
-
"image",
|
|
6573
|
-
"reset",
|
|
6574
|
-
"submit"
|
|
6575
|
-
];
|
|
6576
|
-
function createIsButton_isButton(tagName, type) {
|
|
6577
|
-
if ("button" === tagName) return true;
|
|
6578
|
-
if ("input" === tagName && void 0 !== type) return -1 !== BUTTON_INPUT_TYPES.indexOf(type);
|
|
6579
|
-
return false;
|
|
6580
|
-
}
|
|
6581
|
-
function createIsButton(props) {
|
|
6582
|
-
const tagName = createTagName({
|
|
6583
|
-
element: props.element,
|
|
6584
|
-
fallback: "button"
|
|
6585
|
-
});
|
|
6586
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>createIsButton_isButton(tagName(), props.type));
|
|
6587
|
-
}
|
|
6588
|
-
const PolymorphicButton = (props)=>{
|
|
6589
|
-
const [ref, setRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
|
|
6590
|
-
const [localProps, otherProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6591
|
-
"ref"
|
|
6337
|
+
var PhoneMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
|
|
6338
|
+
const PhoneMockup = (props)=>{
|
|
6339
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6340
|
+
"children",
|
|
6341
|
+
"class",
|
|
6342
|
+
"className",
|
|
6343
|
+
"dataTheme",
|
|
6344
|
+
"color",
|
|
6345
|
+
"innerProps"
|
|
6592
6346
|
]);
|
|
6593
|
-
const
|
|
6594
|
-
|
|
6595
|
-
|
|
6596
|
-
|
|
6597
|
-
|
|
6598
|
-
|
|
6599
|
-
|
|
6600
|
-
|
|
6601
|
-
|
|
6602
|
-
|
|
6603
|
-
|
|
6604
|
-
|
|
6605
|
-
|
|
6606
|
-
|
|
6347
|
+
const classes = ()=>bundle_mjs_twMerge("mockup-phone", local.class, local.className, dist_clsx({
|
|
6348
|
+
"border-primary": "primary" === local.color,
|
|
6349
|
+
"border-secondary": "secondary" === local.color,
|
|
6350
|
+
"border-info": "info" === local.color,
|
|
6351
|
+
"border-success": "success" === local.color,
|
|
6352
|
+
"border-warning": "warning" === local.color,
|
|
6353
|
+
"border-error": "error" === local.color
|
|
6354
|
+
}));
|
|
6355
|
+
const innerClasses = ()=>bundle_mjs_twMerge("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
|
|
6356
|
+
return (()=>{
|
|
6357
|
+
var _el$ = PhoneMockup_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
|
|
6358
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
6359
|
+
get ["data-theme"] () {
|
|
6360
|
+
return local.dataTheme;
|
|
6361
|
+
},
|
|
6362
|
+
get ["class"] () {
|
|
6363
|
+
return classes();
|
|
6364
|
+
}
|
|
6365
|
+
}), false, true);
|
|
6366
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps, {
|
|
6367
|
+
get ["class"] () {
|
|
6368
|
+
return innerClasses();
|
|
6369
|
+
}
|
|
6370
|
+
}), false, true);
|
|
6371
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
|
|
6372
|
+
return _el$;
|
|
6373
|
+
})();
|
|
6607
6374
|
};
|
|
6608
|
-
const
|
|
6375
|
+
const phonemockup_PhoneMockup = PhoneMockup;
|
|
6609
6376
|
var Progress_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<progress>");
|
|
6610
6377
|
const Progress_Progress = (props)=>{
|
|
6611
6378
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
@@ -6636,7 +6403,7 @@ const Progress_Progress = (props)=>{
|
|
|
6636
6403
|
})();
|
|
6637
6404
|
};
|
|
6638
6405
|
const Progress = Progress_Progress;
|
|
6639
|
-
var PropsTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), PropsTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), PropsTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'),
|
|
6406
|
+
var PropsTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), PropsTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), PropsTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr class="border-b border-base-content/15 hover:bg-base-200/25"><td class="py-2 px-3 align-top"><code class="text-sm font-mono font-medium text-base-content"></code></td><td class="py-2 px-3 align-top"><code class="text-sm font-mono text-primary"></code></td><td class="py-2 px-3 align-top"></td><td class="py-2 px-3 text-sm text-base-content/70 align-top">');
|
|
6640
6407
|
const PropsTable = (props)=>{
|
|
6641
6408
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6642
6409
|
"props",
|
|
@@ -6659,7 +6426,7 @@ const PropsTable = (props)=>{
|
|
|
6659
6426
|
return local.props;
|
|
6660
6427
|
},
|
|
6661
6428
|
children: (prop)=>(()=>{
|
|
6662
|
-
var _el$5 =
|
|
6429
|
+
var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling;
|
|
6663
6430
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>prop.name, null);
|
|
6664
6431
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
6665
6432
|
get when () {
|
|
@@ -6846,78 +6613,131 @@ const Range = (props)=>{
|
|
|
6846
6613
|
];
|
|
6847
6614
|
};
|
|
6848
6615
|
const range_Range = Range;
|
|
6849
|
-
var
|
|
6850
|
-
const
|
|
6616
|
+
var RatingHidden_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
|
|
6617
|
+
const RatingHidden = (props)=>{
|
|
6851
6618
|
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6852
|
-
"
|
|
6853
|
-
"onSelect"
|
|
6619
|
+
"class"
|
|
6854
6620
|
]);
|
|
6621
|
+
const context = useRatingContext();
|
|
6622
|
+
const classes = bundle_mjs_twMerge("rating-hidden", local.class);
|
|
6855
6623
|
return (()=>{
|
|
6856
|
-
var _el$ =
|
|
6624
|
+
var _el$ = RatingHidden_tmpl$();
|
|
6857
6625
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
6858
6626
|
type: "radio",
|
|
6859
|
-
name
|
|
6627
|
+
get name () {
|
|
6628
|
+
return context.name;
|
|
6629
|
+
},
|
|
6630
|
+
class: classes,
|
|
6860
6631
|
get checked () {
|
|
6861
|
-
return
|
|
6632
|
+
return 0 === context.value;
|
|
6862
6633
|
},
|
|
6863
|
-
|
|
6864
|
-
return local.onSelect;
|
|
6865
|
-
}
|
|
6634
|
+
onChange: ()=>context.onChange?.(0)
|
|
6866
6635
|
}), false, false);
|
|
6867
6636
|
return _el$;
|
|
6868
6637
|
})();
|
|
6869
6638
|
};
|
|
6870
|
-
const
|
|
6639
|
+
const rating_RatingHidden = RatingHidden;
|
|
6640
|
+
var RatingItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), RatingItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
6641
|
+
const RatingItem = (props)=>{
|
|
6642
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6643
|
+
"class",
|
|
6644
|
+
"value",
|
|
6645
|
+
"mask",
|
|
6646
|
+
"halfPosition",
|
|
6647
|
+
"color",
|
|
6648
|
+
"aria-label"
|
|
6649
|
+
]);
|
|
6650
|
+
const context = useRatingContext();
|
|
6651
|
+
const classes = bundle_mjs_twMerge("mask", local.class, dist_clsx({
|
|
6652
|
+
[`mask-${local.mask || "star"}`]: true,
|
|
6653
|
+
[`mask-half-${local.halfPosition}`]: context.half && local.halfPosition
|
|
6654
|
+
}), local.color);
|
|
6655
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
6656
|
+
get when () {
|
|
6657
|
+
return !context.readonly;
|
|
6658
|
+
},
|
|
6659
|
+
get fallback () {
|
|
6660
|
+
return (()=>{
|
|
6661
|
+
var _el$2 = RatingItem_tmpl$2();
|
|
6662
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, classes);
|
|
6663
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
6664
|
+
var _v$ = local["aria-label"], _v$2 = void 0 !== context.value && local.value <= context.value ? 1 : 0.2;
|
|
6665
|
+
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-label", _p$.e = _v$);
|
|
6666
|
+
_v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("opacity", _v$2) : _el$2.style.removeProperty("opacity"));
|
|
6667
|
+
return _p$;
|
|
6668
|
+
}, {
|
|
6669
|
+
e: void 0,
|
|
6670
|
+
t: void 0
|
|
6671
|
+
});
|
|
6672
|
+
return _el$2;
|
|
6673
|
+
})();
|
|
6674
|
+
},
|
|
6675
|
+
get children () {
|
|
6676
|
+
var _el$ = RatingItem_tmpl$();
|
|
6677
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
6678
|
+
type: "radio",
|
|
6679
|
+
get name () {
|
|
6680
|
+
return context.name;
|
|
6681
|
+
},
|
|
6682
|
+
class: classes,
|
|
6683
|
+
get checked () {
|
|
6684
|
+
return context.value === local.value;
|
|
6685
|
+
},
|
|
6686
|
+
onChange: ()=>context.onChange?.(local.value),
|
|
6687
|
+
get ["aria-label"] () {
|
|
6688
|
+
return local["aria-label"];
|
|
6689
|
+
}
|
|
6690
|
+
}), false, false);
|
|
6691
|
+
return _el$;
|
|
6692
|
+
}
|
|
6693
|
+
});
|
|
6694
|
+
};
|
|
6695
|
+
const rating_RatingItem = RatingItem;
|
|
6871
6696
|
var Rating_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
6697
|
+
const RatingContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)({});
|
|
6872
6698
|
const Rating_Rating = (props)=>{
|
|
6873
6699
|
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6874
6700
|
"class",
|
|
6875
|
-
"
|
|
6876
|
-
"
|
|
6877
|
-
"hidden",
|
|
6878
|
-
"dataTheme",
|
|
6701
|
+
"children",
|
|
6702
|
+
"name",
|
|
6879
6703
|
"value",
|
|
6880
6704
|
"onChange",
|
|
6881
|
-
"
|
|
6705
|
+
"size",
|
|
6706
|
+
"half",
|
|
6707
|
+
"readonly"
|
|
6882
6708
|
]);
|
|
6883
|
-
const
|
|
6884
|
-
const baseClass = bundle_mjs_twMerge("rating", dist_clsx(local.class, {
|
|
6709
|
+
const classes = bundle_mjs_twMerge("rating", local.class, dist_clsx({
|
|
6885
6710
|
"rating-xs": "xs" === local.size,
|
|
6886
6711
|
"rating-sm": "sm" === local.size,
|
|
6887
6712
|
"rating-md": "md" === local.size,
|
|
6888
6713
|
"rating-lg": "lg" === local.size,
|
|
6889
|
-
"rating-
|
|
6890
|
-
"rating-
|
|
6714
|
+
"rating-xl": "xl" === local.size,
|
|
6715
|
+
"rating-half": local.half
|
|
6891
6716
|
}));
|
|
6892
|
-
return ((
|
|
6893
|
-
|
|
6894
|
-
|
|
6895
|
-
|
|
6896
|
-
|
|
6897
|
-
|
|
6898
|
-
|
|
6899
|
-
|
|
6900
|
-
|
|
6901
|
-
}
|
|
6902
|
-
|
|
6903
|
-
|
|
6904
|
-
|
|
6905
|
-
|
|
6906
|
-
|
|
6907
|
-
|
|
6908
|
-
|
|
6909
|
-
|
|
6910
|
-
|
|
6911
|
-
selected: local.value === index() + 1,
|
|
6912
|
-
onSelect: ()=>local.onChange?.(index() + 1)
|
|
6913
|
-
}
|
|
6914
|
-
} : child
|
|
6915
|
-
}));
|
|
6916
|
-
return _el$;
|
|
6917
|
-
})();
|
|
6717
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(RatingContext.Provider, {
|
|
6718
|
+
get value () {
|
|
6719
|
+
return {
|
|
6720
|
+
name: local.name,
|
|
6721
|
+
value: local.value,
|
|
6722
|
+
onChange: local.onChange,
|
|
6723
|
+
half: local.half,
|
|
6724
|
+
readonly: local.readonly
|
|
6725
|
+
};
|
|
6726
|
+
},
|
|
6727
|
+
get children () {
|
|
6728
|
+
var _el$ = Rating_tmpl$();
|
|
6729
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
6730
|
+
class: classes
|
|
6731
|
+
}), false, true);
|
|
6732
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
6733
|
+
return _el$;
|
|
6734
|
+
}
|
|
6735
|
+
});
|
|
6918
6736
|
};
|
|
6737
|
+
const useRatingContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(RatingContext);
|
|
6919
6738
|
const Rating = Object.assign(Rating_Rating, {
|
|
6920
|
-
Item:
|
|
6739
|
+
Item: rating_RatingItem,
|
|
6740
|
+
Hidden: rating_RatingHidden
|
|
6921
6741
|
});
|
|
6922
6742
|
var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select>");
|
|
6923
6743
|
const Select = (props)=>{
|
|
@@ -7410,6 +7230,7 @@ const Status = (props)=>{
|
|
|
7410
7230
|
"color",
|
|
7411
7231
|
"size"
|
|
7412
7232
|
]);
|
|
7233
|
+
const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("status", local.color && `status-${local.color}`, local.size && `status-${local.size}`, local.class, local.className));
|
|
7413
7234
|
return (()=>{
|
|
7414
7235
|
var _el$ = Status_tmpl$();
|
|
7415
7236
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -7417,7 +7238,7 @@ const Status = (props)=>{
|
|
|
7417
7238
|
return local.dataTheme;
|
|
7418
7239
|
},
|
|
7419
7240
|
get ["class"] () {
|
|
7420
|
-
return
|
|
7241
|
+
return className();
|
|
7421
7242
|
}
|
|
7422
7243
|
}), false, true);
|
|
7423
7244
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
@@ -7599,21 +7420,21 @@ function Swap(props) {
|
|
|
7599
7420
|
"onClick",
|
|
7600
7421
|
"onChange"
|
|
7601
7422
|
]);
|
|
7602
|
-
const
|
|
7423
|
+
const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("swap", clsx_clsx({
|
|
7603
7424
|
"swap-active": local.active,
|
|
7604
7425
|
"swap-rotate": local.rotate,
|
|
7605
7426
|
"swap-flip": local.flip
|
|
7606
|
-
}), local.class, local.className);
|
|
7607
|
-
const onEl = wrapWithElementIfInvalid({
|
|
7608
|
-
|
|
7609
|
-
|
|
7610
|
-
|
|
7611
|
-
|
|
7612
|
-
const offEl = wrapWithElementIfInvalid({
|
|
7613
|
-
|
|
7614
|
-
|
|
7615
|
-
|
|
7616
|
-
|
|
7427
|
+
}), local.class, local.className));
|
|
7428
|
+
const onEl = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>wrapWithElementIfInvalid({
|
|
7429
|
+
node: local.onElement,
|
|
7430
|
+
wrapper: "div",
|
|
7431
|
+
className: "swap-on"
|
|
7432
|
+
}));
|
|
7433
|
+
const offEl = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>wrapWithElementIfInvalid({
|
|
7434
|
+
node: local.offElement,
|
|
7435
|
+
wrapper: "div",
|
|
7436
|
+
className: "swap-off"
|
|
7437
|
+
}));
|
|
7617
7438
|
return (()=>{
|
|
7618
7439
|
var _el$ = Swap_tmpl$(), _el$2 = _el$.firstChild;
|
|
7619
7440
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -7621,7 +7442,7 @@ function Swap(props) {
|
|
|
7621
7442
|
return local.dataTheme;
|
|
7622
7443
|
},
|
|
7623
7444
|
get ["class"] () {
|
|
7624
|
-
return
|
|
7445
|
+
return className();
|
|
7625
7446
|
},
|
|
7626
7447
|
role: "switch"
|
|
7627
7448
|
}), false, true);
|
|
@@ -8465,4 +8286,121 @@ const Tooltip = (props)=>{
|
|
|
8465
8286
|
})();
|
|
8466
8287
|
};
|
|
8467
8288
|
const tooltip_Tooltip = Tooltip;
|
|
8468
|
-
|
|
8289
|
+
var WindowMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), WindowMockup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
|
|
8290
|
+
const WindowMockup = (props)=>{
|
|
8291
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8292
|
+
"children",
|
|
8293
|
+
"class",
|
|
8294
|
+
"className",
|
|
8295
|
+
"dataTheme",
|
|
8296
|
+
"border",
|
|
8297
|
+
"borderColor",
|
|
8298
|
+
"backgroundColor",
|
|
8299
|
+
"frameColor"
|
|
8300
|
+
]);
|
|
8301
|
+
const borderColorValue = ()=>local.borderColor || local.frameColor || "neutral";
|
|
8302
|
+
const classes = ()=>bundle_mjs_twMerge("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, dist_clsx({
|
|
8303
|
+
"border-neutral": "neutral" === borderColorValue(),
|
|
8304
|
+
"border-primary": "primary" === borderColorValue(),
|
|
8305
|
+
"border-secondary": "secondary" === borderColorValue(),
|
|
8306
|
+
"border-accent": "accent" === borderColorValue(),
|
|
8307
|
+
"border-info": "info" === borderColorValue(),
|
|
8308
|
+
"border-success": "success" === borderColorValue(),
|
|
8309
|
+
"border-warning": "warning" === borderColorValue(),
|
|
8310
|
+
"border-error": "error" === borderColorValue(),
|
|
8311
|
+
"bg-neutral": "neutral" === local.frameColor,
|
|
8312
|
+
"bg-primary": "primary" === local.frameColor,
|
|
8313
|
+
"bg-secondary": "secondary" === local.frameColor,
|
|
8314
|
+
"bg-accent": "accent" === local.frameColor,
|
|
8315
|
+
"bg-info": "info" === local.frameColor,
|
|
8316
|
+
"bg-success": "success" === local.frameColor,
|
|
8317
|
+
"bg-warning": "warning" === local.frameColor,
|
|
8318
|
+
"bg-error": "error" === local.frameColor
|
|
8319
|
+
}));
|
|
8320
|
+
const innerClasses = ()=>bundle_mjs_twMerge("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, dist_clsx({
|
|
8321
|
+
"bg-neutral": "neutral" === local.backgroundColor,
|
|
8322
|
+
"bg-primary": "primary" === local.backgroundColor,
|
|
8323
|
+
"bg-secondary": "secondary" === local.backgroundColor,
|
|
8324
|
+
"bg-accent": "accent" === local.backgroundColor,
|
|
8325
|
+
"bg-info": "info" === local.backgroundColor,
|
|
8326
|
+
"bg-success": "success" === local.backgroundColor,
|
|
8327
|
+
"bg-warning": "warning" === local.backgroundColor,
|
|
8328
|
+
"bg-error": "error" === local.backgroundColor
|
|
8329
|
+
}));
|
|
8330
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
8331
|
+
const innerElement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
8332
|
+
const childrenArray = Array.isArray(resolvedChildren()) ? resolvedChildren() : [
|
|
8333
|
+
resolvedChildren()
|
|
8334
|
+
];
|
|
8335
|
+
const firstChild = childrenArray[0];
|
|
8336
|
+
if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
|
|
8337
|
+
const existingClass = firstChild.props?.class || firstChild.props?.className || "";
|
|
8338
|
+
const mergedClass = bundle_mjs_twMerge(innerClasses(), existingClass);
|
|
8339
|
+
return {
|
|
8340
|
+
...firstChild,
|
|
8341
|
+
props: {
|
|
8342
|
+
...firstChild.props,
|
|
8343
|
+
class: mergedClass
|
|
8344
|
+
}
|
|
8345
|
+
};
|
|
8346
|
+
}
|
|
8347
|
+
return (()=>{
|
|
8348
|
+
var _el$ = WindowMockup_tmpl$();
|
|
8349
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
8350
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, innerClasses()));
|
|
8351
|
+
return _el$;
|
|
8352
|
+
})();
|
|
8353
|
+
});
|
|
8354
|
+
return (()=>{
|
|
8355
|
+
var _el$2 = WindowMockup_tmpl$2();
|
|
8356
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
8357
|
+
get ["data-theme"] () {
|
|
8358
|
+
return local.dataTheme;
|
|
8359
|
+
},
|
|
8360
|
+
get ["class"] () {
|
|
8361
|
+
return classes();
|
|
8362
|
+
}
|
|
8363
|
+
}), false, true);
|
|
8364
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, innerElement);
|
|
8365
|
+
return _el$2;
|
|
8366
|
+
})();
|
|
8367
|
+
};
|
|
8368
|
+
const windowmockup_WindowMockup = WindowMockup;
|
|
8369
|
+
var Artboard_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
8370
|
+
const Artboard = (props)=>{
|
|
8371
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8372
|
+
"children",
|
|
8373
|
+
"demo",
|
|
8374
|
+
"size",
|
|
8375
|
+
"horizontal",
|
|
8376
|
+
"dataTheme",
|
|
8377
|
+
"class",
|
|
8378
|
+
"className"
|
|
8379
|
+
]);
|
|
8380
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
8381
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("artboard", local.class, local.className, dist_clsx({
|
|
8382
|
+
"artboard-demo": local.demo ?? true,
|
|
8383
|
+
"phone-1": 1 === local.size,
|
|
8384
|
+
"phone-2": 2 === local.size,
|
|
8385
|
+
"phone-3": 3 === local.size,
|
|
8386
|
+
"phone-4": 4 === local.size,
|
|
8387
|
+
"phone-5": 5 === local.size,
|
|
8388
|
+
"phone-6": 6 === local.size,
|
|
8389
|
+
horizontal: local.horizontal
|
|
8390
|
+
})));
|
|
8391
|
+
return (()=>{
|
|
8392
|
+
var _el$ = Artboard_tmpl$();
|
|
8393
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
8394
|
+
get ["data-theme"] () {
|
|
8395
|
+
return local.dataTheme;
|
|
8396
|
+
},
|
|
8397
|
+
get ["class"] () {
|
|
8398
|
+
return classes();
|
|
8399
|
+
}
|
|
8400
|
+
}), false, true);
|
|
8401
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
8402
|
+
return _el$;
|
|
8403
|
+
})();
|
|
8404
|
+
};
|
|
8405
|
+
const artboard_Artboard = Artboard;
|
|
8406
|
+
export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, field as Field, FileInput, flex_Flex as Flex, footer_Footer as Footer, grid_Grid as Grid, hero_Hero as Hero, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, Swap, table as Table, tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pathscale/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"author": "pathscale",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -25,12 +25,17 @@
|
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@biomejs/biome": "1.9.4",
|
|
27
27
|
"@iconify/json": "^2.2.342",
|
|
28
|
+
"@iconify/utils": "^2.3.0",
|
|
28
29
|
"@rsbuild/core": "^1.3.20",
|
|
29
30
|
"@rsbuild/plugin-solid": "^1.0.5",
|
|
30
31
|
"@rslib/core": "^0.9.0",
|
|
31
32
|
"@types/bun": "^1.2.12",
|
|
32
33
|
"babel-preset-solid": "^1.9.6",
|
|
33
34
|
"clsx": "^2.1.1",
|
|
35
|
+
"cssnano": "^7.0.7",
|
|
36
|
+
"postcss": "^8.5.4",
|
|
37
|
+
"postcss-cli": "^11.0.1",
|
|
38
|
+
"svgo": "^3.3.2",
|
|
34
39
|
"tailwind-merge": "^3.3.0",
|
|
35
40
|
"typescript": "^5.8.3"
|
|
36
41
|
},
|
|
@@ -46,6 +51,7 @@
|
|
|
46
51
|
"@solid-primitives/scroll": "^2.0.20",
|
|
47
52
|
"@solid-primitives/storage": "^2.1.1",
|
|
48
53
|
"@solid-primitives/utils": "^6.2.1",
|
|
54
|
+
"rsbuild-plugin-iconify": "^1.0.3",
|
|
49
55
|
"solid-js": "^1.9.7"
|
|
50
56
|
},
|
|
51
57
|
"peerDependencies": {
|