@pathscale/ui 1.1.44 → 1.1.46

package/dist/components/tag-group/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__ from "./TagGroup.js";
-var __webpack_exports__TagGroup = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroup;
-var __webpack_exports__TagGroupList = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroupList;
-var __webpack_exports__TagGroupRoot = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__.TagGroupRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TagGroup_js_6bd6ff12__["default"];
-export { __webpack_exports__TagGroup as TagGroup, __webpack_exports__TagGroupList as TagGroupList, __webpack_exports__TagGroupRoot as TagGroupRoot, __webpack_exports__default as default };
+import external_TagGroup_js_default, { TagGroup, TagGroupList, TagGroupRoot } from "./TagGroup.js";
+export { TagGroup, TagGroupList, TagGroupRoot, external_TagGroup_js_default as default };

package/dist/components/text/Text.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import "./Text.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__Text_classes_js_9c0bb3e7__ from "./Text.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Text.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 const TextRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -18,8 +18,8 @@ const TextRoot = (props)=>{
     const variant = ()=>local.variant ?? "default";
     return (()=>{
         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__Text_classes_js_9c0bb3e7__.CLASSES.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "text",
             get ["data-size"] () {
@@ -35,7 +35,7 @@ const TextRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };

package/dist/components/text/index.js

@@ -1,5 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__ from "./Text.js";
-var __webpack_exports__Text = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__.Text;
-var __webpack_exports__TextRoot = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__.TextRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Text_js_c8b03c82__["default"];
-export { __webpack_exports__Text as Text, __webpack_exports__TextRoot as TextRoot, __webpack_exports__default as default };
+import external_Text_js_default, { Text, TextRoot } from "./Text.js";
+export { Text, TextRoot, external_Text_js_default as default };

package/dist/components/text-area/TextArea.js

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import "./TextArea.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__text_field_index_js_54530d22__ from "../text-field/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__ from "./TextArea.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { useTextFieldContext } from "../text-field/index.js";
+import { CLASSES } from "./TextArea.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<textarea>");
 const TextAreaRoot = (props)=>{
-    const textFieldContext = (0, __WEBPACK_EXTERNAL_MODULE__text_field_index_js_54530d22__.useTextFieldContext)();
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const textFieldContext = useTextFieldContext();
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -24,9 +24,9 @@ const TextAreaRoot = (props)=>{
     const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.flag.fullWidth, local.class, local.className);
+                return twMerge(CLASSES.base, CLASSES.variant[variant()], fullWidth() && CLASSES.flag.fullWidth, local.class, local.className);
             },
             "data-slot": "textarea",
             get ["data-invalid"] () {

package/dist/components/text-area/index.js

@@ -1,5 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__ from "./TextArea.js";
-var __webpack_exports__TextArea = __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__.TextArea;
-var __webpack_exports__TextAreaRoot = __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__.TextAreaRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TextArea_js_245f5324__["default"];
-export { __webpack_exports__TextArea as TextArea, __webpack_exports__TextAreaRoot as TextAreaRoot, __webpack_exports__default as default };
+import external_TextArea_js_default, { TextArea, TextAreaRoot } from "./TextArea.js";
+export { TextArea, TextAreaRoot, external_TextArea_js_default as default };

package/dist/components/text-field/TextField.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import "./TextField.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__TextField_classes_js_47141c07__ from "./TextField.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const TextFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./TextField.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const TextFieldContext = createContext();
 const TextFieldRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -32,7 +32,7 @@ const TextFieldRoot = (props)=>{
         });
         return local.children;
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TextFieldContext.Provider, {
+    return createComponent(TextFieldContext.Provider, {
         value: {
             variant,
             fullWidth,
@@ -42,9 +42,9 @@ const TextFieldRoot = (props)=>{
         },
         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, {
+            spread(_el$, mergeProps(others, {
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TextField_classes_js_47141c07__.CLASSES.flag.fullWidth, local.class, local.className);
+                    return twMerge(CLASSES.base, CLASSES.variant[variant()], fullWidth() && CLASSES.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "textfield",
                 get ["data-invalid"] () {
@@ -69,14 +69,14 @@ const TextFieldRoot = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, renderChildren);
+            insert(_el$, renderChildren);
             return _el$;
         }
     });
 };
-const TextField = Object.assign(TextFieldRoot, {
+const TextField_TextField = Object.assign(TextFieldRoot, {
     Root: TextFieldRoot
 });
-const useTextFieldContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TextFieldContext);
-const text_field_TextField = TextField;
-export { TextField, TextFieldContext, TextFieldRoot, text_field_TextField as default, useTextFieldContext };
+const useTextFieldContext = ()=>useContext(TextFieldContext);
+const TextField = TextField_TextField;
+export { TextField_TextField as TextField, TextFieldContext, TextFieldRoot, TextField as default, useTextFieldContext };

package/dist/components/text-field/index.js

@@ -1,7 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__ from "./TextField.js";
-var __webpack_exports__TextField = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.TextField;
-var __webpack_exports__TextFieldContext = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.TextFieldContext;
-var __webpack_exports__TextFieldRoot = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.TextFieldRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__["default"];
-var __webpack_exports__useTextFieldContext = __WEBPACK_EXTERNAL_MODULE__TextField_js_0c3fb48e__.useTextFieldContext;
-export { __webpack_exports__TextField as TextField, __webpack_exports__TextFieldContext as TextFieldContext, __webpack_exports__TextFieldRoot as TextFieldRoot, __webpack_exports__default as default, __webpack_exports__useTextFieldContext as useTextFieldContext };
+import external_TextField_js_default, { TextField, TextFieldContext, TextFieldRoot, useTextFieldContext } from "./TextField.js";
+export { TextField, TextFieldContext, TextFieldRoot, external_TextField_js_default as default, useTextFieldContext };

package/dist/components/textarea/Textarea.js

@@ -1,21 +1,19 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-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__text_area_index_js_555b41ee__ from "../text-area/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Textarea_classes_js_3c5029bc__ from "./Textarea.classes.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { TextArea, TextAreaRoot } from "../text-area/index.js";
+import { CLASSES } from "./Textarea.classes.js";
 const TextareaRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className"
     ]);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextAreaRoot, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Textarea_classes_js_3c5029bc__.CLASSES.base, local.class, local.className)
+    return createComponent(TextAreaRoot, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.base, local.class, local.className)
         })));
 };
-const Textarea = Object.assign(TextareaRoot, {
+const Textarea_Textarea = Object.assign(TextareaRoot, {
     Root: TextareaRoot
 });
-const textarea_Textarea = Textarea;
-var __webpack_exports__TextArea = __WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextArea;
-var __webpack_exports__TextAreaRoot = __WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextAreaRoot;
-export { Textarea, textarea_Textarea as default, __webpack_exports__TextArea as TextArea, __webpack_exports__TextAreaRoot as TextAreaRoot };
+const Textarea = Textarea_Textarea;
+export { TextArea, TextAreaRoot, Textarea_Textarea as Textarea, Textarea as default };

package/dist/components/textarea/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__ from "./Textarea.js";
-var __webpack_exports__TextArea = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__.TextArea;
-var __webpack_exports__TextAreaRoot = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__.TextAreaRoot;
-var __webpack_exports__Textarea = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__["default"];
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Textarea_js_eded46f6__["default"];
-export { __webpack_exports__TextArea as TextArea, __webpack_exports__TextAreaRoot as TextAreaRoot, __webpack_exports__Textarea as Textarea, __webpack_exports__default as default };
+import external_Textarea_js_default, { TextArea, TextAreaRoot } from "./Textarea.js";
+export { TextArea, TextAreaRoot, external_Textarea_js_default as Textarea, external_Textarea_js_default as default };

package/dist/components/theme-color-picker/ThemeColorPicker.js

@@ -1,19 +1,19 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-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__color_wheel_flower_index_js_cbe90990__ from "../color-wheel-flower/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__ from "./hueShift.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__ from "./ThemeColorPicker.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div></div><div>"), _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)("<button type=button>");
+import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
+import { For, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { ColorPickerContext, ColorWheelFlower } from "../color-wheel-flower/index.js";
+import { createColorFromHsl, parseColor } from "../color-wheel-flower/ColorUtils.js";
+import index_js_default from "../button/index.js";
+import external_icon_index_js_default from "../icon/index.js";
+import { createHueShiftStore } from "./hueShift.js";
+import { CLASSES } from "./ThemeColorPicker.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div></div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>");
 function hexToColorValue(hex) {
-    if (null === hex) return (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.createColorFromHsl)(0, 0, 100, 1);
-    return (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(hex) ?? (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.createColorFromHsl)(0, 0, 100, 1);
+    if (null === hex) return createColorFromHsl(0, 0, 100, 1);
+    return parseColor(hex) ?? createColorFromHsl(0, 0, 100, 1);
 }
 const ThemeColorPicker_ThemeColorPicker = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "storagePrefix",
         "onColorChange",
         "onThemeSwitch",
@@ -24,11 +24,11 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
         "style",
         "dataTheme"
     ]);
-    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const [featureAvailable, setFeatureAvailable] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(true);
+    const [isOpen, setIsOpen] = createSignal(false);
+    const [featureAvailable, setFeatureAvailable] = createSignal(true);
     let containerRef;
-    const store = (0, __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__.createHueShiftStore)(local.storagePrefix ?? "theme");
-    const colorValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>hexToColorValue(store.themeColor()));
+    const store = createHueShiftStore(local.storagePrefix ?? "theme");
+    const colorValue = createMemo(()=>hexToColorValue(store.themeColor()));
     const handleColorChange = (color)=>{
         const { s, l } = color.hsl;
         if (s < 10 && l > 90) {
@@ -76,7 +76,7 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
         store.setThemeColor(swatch.hex);
         local.onColorChange?.(null, 0);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!isOpen()) return;
         const handleClickOutside = (e)=>{
             if (containerRef && !containerRef.contains(e.target)) setIsOpen(false);
@@ -84,7 +84,7 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
         const timer = setTimeout(()=>{
             document.addEventListener("click", handleClickOutside);
         }, 0);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             clearTimeout(timer);
             document.removeEventListener("click", handleClickOutside);
         });
@@ -92,11 +92,11 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
     const handleKeyDown = (e)=>{
         if ("Escape" === e.key && isOpen()) setIsOpen(false);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const timer = setTimeout(()=>{
             setFeatureAvailable(true);
         }, 0);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>clearTimeout(timer));
+        onCleanup(()=>clearTimeout(timer));
     });
     const contextValue = ()=>({
             color: colorValue,
@@ -105,16 +105,16 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
             onChange: handleColorChange,
             onFormatChange: ()=>{}
         });
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.base, local.class, local.className);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    const classes = ()=>twMerge(CLASSES.base, local.class, local.className);
+    return createComponent(Show, {
         get when () {
             return featureAvailable();
         },
         get children () {
             var _el$ = _tmpl$2();
             var _ref$ = containerRef;
-            "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : containerRef = _el$;
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+            "function" == typeof _ref$ ? use(_ref$, _el$) : containerRef = _el$;
+            spread(_el$, mergeProps(()=>({
                     class: classes()
                 }), {
                 onKeyDown: handleKeyDown,
@@ -122,7 +122,7 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                     return local.style;
                 }
             }, others), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+            insert(_el$, createComponent(index_js_default, {
                 type: "button",
                 size: "sm",
                 variant: "ghost",
@@ -134,48 +134,48 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                     return isOpen();
                 },
                 get children () {
-                    return local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                    return local.children ?? createComponent(external_icon_index_js_default, mergeProps({
                         name: "icon-[mdi--palette]",
                         width: 16,
                         height: 16
                     }, ()=>({
-                            class: null !== store.themeColor() ? __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.iconActive : void 0
+                            class: null !== store.themeColor() ? CLASSES.iconActive : void 0
                         })));
                 }
             }), null);
-            (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$, createComponent(Show, {
                 get when () {
                     return isOpen();
                 },
                 get children () {
                     var _el$2 = _tmpl$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__ThemeColorPicker_classes_js_79a82485__.CLASSES.popover
+                    spread(_el$2, mergeProps(()=>({
+                            class: CLASSES.popover
                         })), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__.ColorPickerContext.Provider, {
+                    insert(_el$2, createComponent(ColorPickerContext.Provider, {
                         get value () {
                             return contextValue();
                         },
                         get children () {
                             var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.row
+                            spread(_el$3, mergeProps(()=>({
+                                    class: CLASSES.row
                                 })), 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__ThemeColorPicker_classes_js_79a82485__.CLASSES.wheelWrap
+                            spread(_el$4, mergeProps(()=>({
+                                    class: CLASSES.wheelWrap
                                 })), false, true);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__.ColorWheelFlower, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.wheelCustom
+                            insert(_el$4, createComponent(ColorWheelFlower, mergeProps(()=>({
+                                    class: CLASSES.wheelCustom
                                 }))));
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.grayscaleList
+                            spread(_el$5, mergeProps(()=>({
+                                    class: CLASSES.grayscaleList
                                 })), 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__.For, {
+                            insert(_el$5, createComponent(For, {
                                 each: GRAYSCALE_SWATCHES,
                                 children: (g)=>(()=>{
                                         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)(()=>({
-                                                class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.swatchButton
+                                        spread(_el$6, mergeProps(()=>({
+                                                class: CLASSES.swatchButton
                                             }), {
                                             get style () {
                                                 return {

package/dist/components/theme-color-picker/hueShift.js

@@ -1,4 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import { createEffect, createSignal } from "solid-js";
 let cspAllowsInlineStyles = null;
 const checkCspAllowsInlineStyles = ()=>{
     if (null !== cspAllowsInlineStyles) return cspAllowsInlineStyles;
@@ -152,8 +152,8 @@ function createHueShiftStore(storagePrefix) {
         if (saved && parseHex(saved)) return saved;
         return null;
     };
-    const [themeColor, setThemeColorInternal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(getInitial());
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    const [themeColor, setThemeColorInternal] = createSignal(getInitial());
+    createEffect(()=>{
         const color = themeColor();
         if ("undefined" == typeof window) return;
         if (null === color) {

package/dist/components/theme-color-picker/index.js

@@ -1,7 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_js_a066b646__ from "./ThemeColorPicker.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__ from "./hueShift.js";
-var __webpack_exports__ThemeColorPicker = __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_js_a066b646__["default"];
-var __webpack_exports__createHueShiftStore = __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__.createHueShiftStore;
-var __webpack_exports__getDefaultHueShiftStore = __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__.getDefaultHueShiftStore;
-var __webpack_exports__resetHueShift = __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__.resetHueShift;
-export { __webpack_exports__ThemeColorPicker as ThemeColorPicker, __webpack_exports__createHueShiftStore as createHueShiftStore, __webpack_exports__getDefaultHueShiftStore as getDefaultHueShiftStore, __webpack_exports__resetHueShift as resetHueShift };
+import external_ThemeColorPicker_js_default from "./ThemeColorPicker.js";
+import { createHueShiftStore, getDefaultHueShiftStore, resetHueShift } from "./hueShift.js";
+export { external_ThemeColorPicker_js_default as ThemeColorPicker, createHueShiftStore, getDefaultHueShiftStore, resetHueShift };