@pathscale/ui 0.0.29 → 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 +44 -289
- package/package.json +69 -69
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;
|
|
@@ -4884,6 +4670,45 @@ const Diff = (props)=>{
|
|
|
4884
4670
|
})();
|
|
4885
4671
|
};
|
|
4886
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
|
+
}
|
|
4887
4712
|
const dividerStyles = cva("flex items-center whitespace-nowrap relative", {
|
|
4888
4713
|
variants: {
|
|
4889
4714
|
horizontal: {
|
|
@@ -6548,76 +6373,6 @@ const PhoneMockup = (props)=>{
|
|
|
6548
6373
|
})();
|
|
6549
6374
|
};
|
|
6550
6375
|
const phonemockup_PhoneMockup = PhoneMockup;
|
|
6551
|
-
const Polymorphic = (props)=>{
|
|
6552
|
-
const [localProps, otherProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6553
|
-
"as"
|
|
6554
|
-
]);
|
|
6555
|
-
const cached = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>localProps.as ?? "div");
|
|
6556
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
6557
|
-
const component = cached();
|
|
6558
|
-
switch(typeof component){
|
|
6559
|
-
case "function":
|
|
6560
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.untrack)(()=>component(otherProps));
|
|
6561
|
-
case "string":
|
|
6562
|
-
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)({
|
|
6563
|
-
component: component
|
|
6564
|
-
}, otherProps));
|
|
6565
|
-
}
|
|
6566
|
-
});
|
|
6567
|
-
};
|
|
6568
|
-
const polymorphic_Polymorphic = Polymorphic;
|
|
6569
|
-
function chain(callbacks) {
|
|
6570
|
-
return (...args)=>{
|
|
6571
|
-
for (const callback of callbacks)callback?.(...args);
|
|
6572
|
-
};
|
|
6573
|
-
}
|
|
6574
|
-
function mergeRefs(...refs) {
|
|
6575
|
-
return chain(refs);
|
|
6576
|
-
}
|
|
6577
|
-
function createTagName(props) {
|
|
6578
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>props.element()?.tagName.toLowerCase() ?? props.fallback);
|
|
6579
|
-
}
|
|
6580
|
-
const BUTTON_INPUT_TYPES = [
|
|
6581
|
-
"button",
|
|
6582
|
-
"color",
|
|
6583
|
-
"file",
|
|
6584
|
-
"image",
|
|
6585
|
-
"reset",
|
|
6586
|
-
"submit"
|
|
6587
|
-
];
|
|
6588
|
-
function createIsButton_isButton(tagName, type) {
|
|
6589
|
-
if ("button" === tagName) return true;
|
|
6590
|
-
if ("input" === tagName && void 0 !== type) return -1 !== BUTTON_INPUT_TYPES.indexOf(type);
|
|
6591
|
-
return false;
|
|
6592
|
-
}
|
|
6593
|
-
function createIsButton(props) {
|
|
6594
|
-
const tagName = createTagName({
|
|
6595
|
-
element: props.element,
|
|
6596
|
-
fallback: "button"
|
|
6597
|
-
});
|
|
6598
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>createIsButton_isButton(tagName(), props.type));
|
|
6599
|
-
}
|
|
6600
|
-
const PolymorphicButton = (props)=>{
|
|
6601
|
-
const [ref, setRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
|
|
6602
|
-
const [localProps, otherProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6603
|
-
"ref"
|
|
6604
|
-
]);
|
|
6605
|
-
const isButton = createIsButton({
|
|
6606
|
-
element: ref,
|
|
6607
|
-
type: props.type
|
|
6608
|
-
});
|
|
6609
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(polymorphic_Polymorphic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
6610
|
-
as: "button",
|
|
6611
|
-
ref (r$) {
|
|
6612
|
-
var _ref$ = mergeRefs(setRef, localProps.ref);
|
|
6613
|
-
"function" == typeof _ref$ && _ref$(r$);
|
|
6614
|
-
},
|
|
6615
|
-
get role () {
|
|
6616
|
-
return isButton() ? void 0 : "button";
|
|
6617
|
-
}
|
|
6618
|
-
}, otherProps));
|
|
6619
|
-
};
|
|
6620
|
-
const polymorphic_PolymorphicButton = PolymorphicButton;
|
|
6621
6376
|
var Progress_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<progress>");
|
|
6622
6377
|
const Progress_Progress = (props)=>{
|
|
6623
6378
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
@@ -6648,7 +6403,7 @@ const Progress_Progress = (props)=>{
|
|
|
6648
6403
|
})();
|
|
6649
6404
|
};
|
|
6650
6405
|
const Progress = Progress_Progress;
|
|
6651
|
-
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">');
|
|
6652
6407
|
const PropsTable = (props)=>{
|
|
6653
6408
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6654
6409
|
"props",
|
|
@@ -6671,7 +6426,7 @@ const PropsTable = (props)=>{
|
|
|
6671
6426
|
return local.props;
|
|
6672
6427
|
},
|
|
6673
6428
|
children: (prop)=>(()=>{
|
|
6674
|
-
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;
|
|
6675
6430
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>prop.name, null);
|
|
6676
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, {
|
|
6677
6432
|
get when () {
|
|
@@ -8648,4 +8403,4 @@ const Artboard = (props)=>{
|
|
|
8648
8403
|
})();
|
|
8649
8404
|
};
|
|
8650
8405
|
const artboard_Artboard = Artboard;
|
|
8651
|
-
export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as 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,71 +1,71 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
2
|
+
"name": "@pathscale/ui",
|
|
3
|
+
"version": "0.0.30",
|
|
4
|
+
"author": "pathscale",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "https://github.com/pathscale/ui"
|
|
8
|
+
},
|
|
9
|
+
"license": "MIT",
|
|
10
|
+
"description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
|
|
11
|
+
"files": [
|
|
12
|
+
"dist"
|
|
13
|
+
],
|
|
14
|
+
"homepage": "https://github.com/pathscale/ui",
|
|
15
|
+
"keywords": [
|
|
16
|
+
"solid",
|
|
17
|
+
"solidjs"
|
|
18
|
+
],
|
|
19
|
+
"bugs": {
|
|
20
|
+
"url": "https://github.com/pathscale/ui/issues"
|
|
21
|
+
},
|
|
22
|
+
"main": "./dist/index.js",
|
|
23
|
+
"module": "./dist/index.js",
|
|
24
|
+
"types": "./dist/index.d.ts",
|
|
25
|
+
"devDependencies": {
|
|
26
|
+
"@biomejs/biome": "1.9.4",
|
|
27
|
+
"@iconify/json": "^2.2.342",
|
|
28
|
+
"@iconify/utils": "^2.3.0",
|
|
29
|
+
"@rsbuild/core": "^1.3.20",
|
|
30
|
+
"@rsbuild/plugin-solid": "^1.0.5",
|
|
31
|
+
"@rslib/core": "^0.9.0",
|
|
32
|
+
"@types/bun": "^1.2.12",
|
|
33
|
+
"babel-preset-solid": "^1.9.6",
|
|
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",
|
|
39
|
+
"tailwind-merge": "^3.3.0",
|
|
40
|
+
"typescript": "^5.8.3"
|
|
41
|
+
},
|
|
42
|
+
"dependencies": {
|
|
43
|
+
"@iconify/tailwind4": "^1.0.6",
|
|
44
|
+
"@solid-primitives/event-listener": "^2.3.0",
|
|
45
|
+
"@solid-primitives/intersection-observer": "^2.1.3",
|
|
46
|
+
"@solid-primitives/keyboard": "^1.2.5",
|
|
47
|
+
"@solid-primitives/media": "^2.2.5",
|
|
48
|
+
"@solid-primitives/props": "^3.1.8",
|
|
49
|
+
"@solid-primitives/resize-observer": "^2.0.22",
|
|
50
|
+
"@solid-primitives/scheduled": "^1.4.1",
|
|
51
|
+
"@solid-primitives/scroll": "^2.0.20",
|
|
52
|
+
"@solid-primitives/storage": "^2.1.1",
|
|
53
|
+
"@solid-primitives/utils": "^6.2.1",
|
|
54
|
+
"rsbuild-plugin-iconify": "^1.0.3",
|
|
55
|
+
"solid-js": "^1.9.7"
|
|
56
|
+
},
|
|
57
|
+
"peerDependencies": {
|
|
58
|
+
"solid-js": "^1.9"
|
|
59
|
+
},
|
|
60
|
+
"scripts": {
|
|
61
|
+
"build": "rslib build && bun scripts/copy-css.js",
|
|
62
|
+
"build:watch": "rslib build --watch",
|
|
63
|
+
"dev": "rslib dev",
|
|
64
|
+
"preview": "rslib preview",
|
|
65
|
+
"clean": "rm -rf dist node_modules",
|
|
66
|
+
"format": "bun biome format --write",
|
|
67
|
+
"lint": "bun biome lint --write"
|
|
68
|
+
},
|
|
69
|
+
"sideEffects": false,
|
|
70
|
+
"type": "module"
|
|
71
71
|
}
|