@pathscale/ui 1.1.44 → 1.1.45

package/dist/components/popover/Popover.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import "./Popover.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__ from "./Popover.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=popover-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3>");
-const PopoverContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext, createMemo, createSignal, onCleanup, onMount, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Popover.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=popover-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<h3>");
+const PopoverContext = createContext();
 const usePopoverContext = ()=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(PopoverContext);
+    const ctx = useContext(PopoverContext);
     if (!ctx) throw new Error("Popover compound components must be used within <Popover>");
     return ctx;
 };
 const PopoverRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -26,13 +26,13 @@ const PopoverRoot = (props)=>{
         "closeOnEscape",
         "onInteractOutside"
     ]);
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
-    const [triggerRef, setTriggerRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [contentRef, setContentRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [triggerId] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(`popover-trigger-${Math.random().toString(36).slice(2, 8)}`);
-    const [contentId] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(`popover-content-${Math.random().toString(36).slice(2, 8)}`);
-    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.isOpen);
-    const isOpen = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
+    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [triggerRef, setTriggerRef] = createSignal();
+    const [contentRef, setContentRef] = createSignal();
+    const [triggerId] = createSignal(`popover-trigger-${Math.random().toString(36).slice(2, 8)}`);
+    const [contentId] = createSignal(`popover-content-${Math.random().toString(36).slice(2, 8)}`);
+    const isControlled = createMemo(()=>void 0 !== local.isOpen);
+    const isOpen = createMemo(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
     const setIsOpen = (next, options)=>{
         if (!isControlled()) setInternalOpen(next);
         if (isOpen() !== next) local.onOpenChange?.(next);
@@ -40,7 +40,7 @@ const PopoverRoot = (props)=>{
     };
     const placement = ()=>local.placement ?? "bottom";
     const offset = ()=>local.offset ?? 8;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+    onMount(()=>{
         const handlePointerDown = (event)=>{
             if (!isOpen()) return;
             if (false === local.closeOnOutsideClick) return;
@@ -64,7 +64,7 @@ const PopoverRoot = (props)=>{
         };
         document.addEventListener("pointerdown", handlePointerDown);
         document.addEventListener("keydown", handleKeyDown);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
             document.removeEventListener("keydown", handleKeyDown);
         });
@@ -82,12 +82,12 @@ const PopoverRoot = (props)=>{
         offset,
         onInteractOutside: local.onInteractOutside
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(PopoverContext.Provider, {
+    return createComponent(PopoverContext.Provider, {
         value: ctx,
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.root, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.slot.root, local.class, local.className)
                 }), {
                 "data-slot": "popover-root",
                 get ["data-theme"] () {
@@ -97,13 +97,13 @@ const PopoverRoot = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const PopoverTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -134,15 +134,15 @@ const PopoverTrigger = (props)=>{
     };
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setTriggerRef(el), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use((el)=>ctx.setTriggerRef(el), _el$2);
+        spread(_el$2, mergeProps(others, {
             get id () {
                 return ctx.triggerId();
             },
             role: "button",
             tabIndex: 0
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.trigger, local.class, local.className)
+                class: twMerge(CLASSES.slot.trigger, local.class, local.className)
             }), {
             "data-slot": "popover-trigger",
             get ["data-theme"] () {
@@ -156,17 +156,17 @@ const PopoverTrigger = (props)=>{
                 return ctx.isOpen() ? "true" : "false";
             },
             get ["aria-controls"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!ctx.isOpen())() ? ctx.contentId() : void 0;
+                return memo(()=>!!ctx.isOpen())() ? ctx.contentId() : void 0;
             },
             onClick: handleClick,
             onKeyDown: handleKeyDown
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        insert(_el$2, ()=>local.children);
         return _el$2;
     })();
 };
 const PopoverContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -184,14 +184,14 @@ const PopoverContent = (props)=>{
     };
     return (()=>{
         var _el$3 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setContentRef(el), _el$3);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use((el)=>ctx.setContentRef(el), _el$3);
+        spread(_el$3, mergeProps(others, {
             get id () {
                 return ctx.contentId();
             },
             role: "dialog"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.base, local.class, local.className)
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "popover-content",
             get ["data-open"] () {
@@ -213,12 +213,12 @@ const PopoverContent = (props)=>{
                 return ctx.isOpen() ? "false" : "true";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        insert(_el$3, ()=>local.children);
         return _el$3;
     })();
 };
 const PopoverDialog = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -227,8 +227,8 @@ const PopoverDialog = (props)=>{
     ]);
     return (()=>{
         var _el$4 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.dialog, local.class, local.className)
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.dialog, local.class, local.className)
             }), {
             "data-slot": "popover-dialog",
             get ["data-theme"] () {
@@ -238,12 +238,12 @@ const PopoverDialog = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        insert(_el$4, ()=>local.children);
         return _el$4;
     })();
 };
 const PopoverArrow = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -254,8 +254,8 @@ const PopoverArrow = (props)=>{
     const defaultArrow = _tmpl$2();
     return (()=>{
         var _el$6 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.arrow, local.class, local.className)
+        spread(_el$6, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.arrow, local.class, local.className)
             }), {
             "data-slot": "popover-arrow",
             get ["data-placement"] () {
@@ -269,12 +269,12 @@ const PopoverArrow = (props)=>{
             },
             "aria-hidden": "true"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children ?? defaultArrow);
+        insert(_el$6, ()=>local.children ?? defaultArrow);
         return _el$6;
     })();
 };
 const PopoverHeading = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -283,8 +283,8 @@ const PopoverHeading = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$4();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.heading, local.class, local.className)
+        spread(_el$7, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.heading, local.class, local.className)
             }), {
             "data-slot": "popover-heading",
             get ["data-theme"] () {
@@ -294,7 +294,7 @@ const PopoverHeading = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        insert(_el$7, ()=>local.children);
         return _el$7;
     })();
 };

package/dist/components/popover/index.js

@@ -1,9 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__ from "./Popover.js";
-const popover = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__["default"];
-var __webpack_exports__PopoverArrow = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverArrow;
-var __webpack_exports__PopoverContent = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverContent;
-var __webpack_exports__PopoverDialog = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverDialog;
-var __webpack_exports__PopoverHeading = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverHeading;
-var __webpack_exports__PopoverRoot = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverRoot;
-var __webpack_exports__PopoverTrigger = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverTrigger;
-export { popover as default, __webpack_exports__PopoverArrow as PopoverArrow, __webpack_exports__PopoverContent as PopoverContent, __webpack_exports__PopoverDialog as PopoverDialog, __webpack_exports__PopoverHeading as PopoverHeading, __webpack_exports__PopoverRoot as PopoverRoot, __webpack_exports__PopoverTrigger as PopoverTrigger };
+import external_Popover_js_default, { PopoverArrow, PopoverContent, PopoverDialog, PopoverHeading, PopoverRoot, PopoverTrigger } from "./Popover.js";
+const popover = external_Popover_js_default;
+export { PopoverArrow, PopoverContent, PopoverDialog, PopoverHeading, PopoverRoot, PopoverTrigger, popover as default };

package/dist/components/progress-bar/ProgressBar.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, memo, mergeProps, spread, template } from "solid-js/web";
 import "./ProgressBar.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__ from "./ProgressBar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ProgressBar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
 const ProgressBar = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "value",
         "minValue",
         "maxValue",
@@ -24,21 +24,21 @@ const ProgressBar = (props)=>{
     const min = ()=>local.minValue ?? 0;
     const max = ()=>local.maxValue ?? 100;
     const isIndeterminate = ()=>Boolean(local.isIndeterminate) || void 0 === local.value;
-    const percentage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const percentage = createMemo(()=>{
         if (isIndeterminate()) return 0;
         const clamped = Math.min(Math.max(local.value ?? 0, min()), max());
         return (clamped - min()) / (max() - min()) * 100;
     });
-    const valueText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const valueText = createMemo(()=>{
         if (isIndeterminate()) return "";
         if (local.formatValue && void 0 !== local.value) return local.formatValue(local.value);
         return `${Math.round(percentage())}%`;
     });
     const shouldShowValue = ()=>Boolean(local.showValue);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.size[local.size ?? "md"], __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.color[local.color ?? "accent"], isIndeterminate() && __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.state.indeterminate, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.state.disabled, local.class, local.className));
+    const classes = createMemo(()=>twMerge(CLASSES.base, CLASSES.size[local.size ?? "md"], CLASSES.color[local.color ?? "accent"], isIndeterminate() && CLASSES.state.indeterminate, local.isDisabled && CLASSES.state.disabled, local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             role: "progressbar"
         }, ()=>({
                 class: classes()
@@ -50,7 +50,7 @@ const ProgressBar = (props)=>{
                 return local.style;
             },
             get ["aria-valuenow"] () {
-                return isIndeterminate() ? void 0 : local.value;
+                return memo(()=>!!isIndeterminate())() ? void 0 : local.value;
             },
             get ["aria-valuemin"] () {
                 return min();
@@ -59,7 +59,7 @@ const ProgressBar = (props)=>{
                 return max();
             },
             get ["aria-valuetext"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : valueText();
+                return memo(()=>!!isIndeterminate())() ? void 0 : valueText();
             },
             get ["aria-label"] () {
                 return local.label;
@@ -71,36 +71,36 @@ const ProgressBar = (props)=>{
                 return local.isDisabled ? "true" : void 0;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
+        insert(_el$, (()=>{
+            var _c$ = memo(()=>!!local.label);
             return ()=>_c$() && (()=>{
                     var _el$4 = _tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.label
+                    spread(_el$4, mergeProps(()=>({
+                            class: CLASSES.label
                         })), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.label);
+                    insert(_el$4, ()=>local.label);
                     return _el$4;
                 })();
         })(), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!shouldShowValue());
+        insert(_el$, (()=>{
+            var _c$2 = memo(()=>!!shouldShowValue());
             return ()=>_c$2() && (()=>{
                     var _el$5 = _tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.output
+                    spread(_el$5, mergeProps(()=>({
+                            class: CLASSES.output
                         })), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, valueText);
+                    insert(_el$5, valueText);
                     return _el$5;
                 })();
         })(), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.track
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.track
             })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.indicator
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.indicator
             }), {
             get style () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : {
+                return memo(()=>!!isIndeterminate())() ? void 0 : {
                     width: `${percentage()}%`
                 };
             }

package/dist/components/progress-bar/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ProgressBar_js_0e285d3e__ from "./ProgressBar.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ProgressBar_js_0e285d3e__["default"];
-export { __webpack_exports__default as default };
+import external_ProgressBar_js_default from "./ProgressBar.js";
+export { external_ProgressBar_js_default as default };

package/dist/components/progress-circle/ProgressCircle.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { memo, mergeProps, spread, template } from "solid-js/web";
 import "./ProgressCircle.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__ from "./ProgressCircle.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><svg><circle></circle><circle>");
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ProgressCircle.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span><svg><circle></circle><circle>");
 const STROKE_WIDTH = 4;
 const CENTER = 18;
 const RADIUS = CENTER - STROKE_WIDTH / 2;
 const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
-const ProgressCircle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const ProgressCircle_ProgressCircle = (props)=>{
+    const [local, others] = splitProps(props, [
         "value",
         "minValue",
         "maxValue",
@@ -27,21 +27,21 @@ const ProgressCircle = (props)=>{
     const min = ()=>local.minValue ?? 0;
     const max = ()=>local.maxValue ?? 100;
     const isIndeterminate = ()=>Boolean(local.isIndeterminate) || void 0 === local.value;
-    const percentage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const percentage = createMemo(()=>{
         if (isIndeterminate()) return 0;
         const clamped = Math.min(Math.max(local.value ?? 0, min()), max());
         return (clamped - min()) / (max() - min()) * 100;
     });
-    const valueText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const valueText = createMemo(()=>{
         if (isIndeterminate()) return "";
         if (local.formatValue && void 0 !== local.value) return local.formatValue(local.value);
         return `${Math.round(percentage())}%`;
     });
-    const strokeDashoffset = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>CIRCUMFERENCE - percentage() / 100 * CIRCUMFERENCE);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.size[local.size ?? "md"], __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.color[local.color ?? "accent"], isIndeterminate() && __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.state.indeterminate, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.state.disabled, local.class, local.className));
+    const strokeDashoffset = createMemo(()=>CIRCUMFERENCE - percentage() / 100 * CIRCUMFERENCE);
+    const classes = createMemo(()=>twMerge(CLASSES.base, CLASSES.size[local.size ?? "md"], CLASSES.color[local.color ?? "accent"], isIndeterminate() && CLASSES.state.indeterminate, local.isDisabled && CLASSES.state.disabled, local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             role: "progressbar"
         }, ()=>({
                 class: classes()
@@ -53,7 +53,7 @@ const ProgressCircle = (props)=>{
                 return local.style;
             },
             get ["aria-valuenow"] () {
-                return isIndeterminate() ? void 0 : local.value;
+                return memo(()=>!!isIndeterminate())() ? void 0 : local.value;
             },
             get ["aria-valuemin"] () {
                 return min();
@@ -62,7 +62,7 @@ const ProgressCircle = (props)=>{
                 return max();
             },
             get ["aria-valuetext"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : valueText();
+                return memo(()=>!!isIndeterminate())() ? void 0 : valueText();
             },
             get ["aria-label"] () {
                 return local.label;
@@ -74,36 +74,36 @@ const ProgressCircle = (props)=>{
                 return local.isDisabled ? "true" : void 0;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.svg
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.svg
             }), {
             fill: "none",
-            viewBox: `0 0 ${2 * CENTER} ${2 * CENTER}`
+            viewBox: "0 0 36 36"
         }), true, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.trackCircle
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.trackCircle
             }), {
-            cx: CENTER,
-            cy: CENTER,
-            r: RADIUS,
-            "stroke-width": STROKE_WIDTH
+            cx: 18,
+            cy: 18,
+            r: 16,
+            "stroke-width": 4
         }), true, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.indicator
+        spread(_el$4, mergeProps(()=>({
+                class: CLASSES.indicator
             }), {
-            cx: CENTER,
-            cy: CENTER,
-            r: RADIUS,
+            cx: 18,
+            cy: 18,
+            r: 16,
             "stroke-dasharray": `${CIRCUMFERENCE}`,
             get ["stroke-dashoffset"] () {
                 return `${isIndeterminate() ? 0.75 * CIRCUMFERENCE : strokeDashoffset()}`;
             },
             "stroke-linecap": "round",
-            "stroke-width": STROKE_WIDTH,
-            transform: `rotate(-90 ${CENTER} ${CENTER})`
+            "stroke-width": 4,
+            transform: "rotate(-90 18 18)"
         }), true, false);
         return _el$;
     })();
 };
-const progress_circle_ProgressCircle = ProgressCircle;
-export { progress_circle_ProgressCircle as default };
+const ProgressCircle = ProgressCircle_ProgressCircle;
+export { ProgressCircle as default };

package/dist/components/progress-circle/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ProgressCircle_js_4df65fa6__ from "./ProgressCircle.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ProgressCircle_js_4df65fa6__["default"];
-export { __webpack_exports__default as default };
+import external_ProgressCircle_js_default from "./ProgressCircle.js";
+export { external_ProgressCircle_js_default as default };

package/dist/components/radio/Radio.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import "./Radio.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__radio_group_context_js_9a625e67__ from "../radio-group/context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__ from "./Radio.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input><span><span>");
+import { Show, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { RadioGroupContext } from "../radio-group/context.js";
+import { CLASSES } from "./Radio.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template("<label><input><span><span>");
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
 const Radio = (props)=>{
-    const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__radio_group_context_js_9a625e67__.RadioGroupContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const group = useContext(RadioGroupContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "children",
@@ -42,8 +42,8 @@ const Radio = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.base, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.flag.disabled, local.class, local.className)
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.base, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -62,7 +62,7 @@ const Radio = (props)=>{
                 return isDisabled() ? "true" : "false";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$2, mergeProps(others, {
             type: "radio",
             get value () {
                 return local.value;
@@ -71,13 +71,13 @@ const Radio = (props)=>{
                 return name();
             },
             get checked () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isGrouped())() ? isSelected() : local.checked;
+                return memo(()=>!!isGrouped())() ? isSelected() : local.checked;
             },
             get disabled () {
                 return isDisabled();
             }
         }, ()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.input
+                class: CLASSES.slot.input
             }), {
             "data-slot": "radio-input",
             get ["aria-invalid"] () {
@@ -85,51 +85,51 @@ const Radio = (props)=>{
             },
             onChange: handleChange
         }), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.control
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.slot.control
             }), {
             "data-slot": "radio-control",
             "aria-hidden": "true"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.indicator
+        spread(_el$4, mergeProps(()=>({
+                class: CLASSES.slot.indicator
             }), {
             "data-slot": "radio-indicator"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.indicator);
-        (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, {
+        insert(_el$4, ()=>local.indicator);
+        insert(_el$, createComponent(Show, {
             get when () {
                 return hasContent();
             },
             get children () {
                 var _el$5 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.content
+                spread(_el$5, mergeProps(()=>({
+                        class: CLASSES.slot.content
                     }), {
                     "data-slot": "radio-content"
                 }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                insert(_el$5, createComponent(Show, {
                     get when () {
                         return local.children;
                     },
                     get children () {
                         var _el$6 = _tmpl$();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+                        insert(_el$6, ()=>local.children);
                         return _el$6;
                     }
                 }), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                insert(_el$5, createComponent(Show, {
                     get when () {
                         return local.description;
                     },
                     get children () {
                         var _el$7 = _tmpl$2();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.description
+                        spread(_el$7, mergeProps(()=>({
+                                class: CLASSES.slot.description
                             }), {
                             "data-slot": "description"
                         }), false, true);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.description);
+                        insert(_el$7, ()=>local.description);
                         return _el$7;
                     }
                 }), null);