@pathscale/ui 1.1.44 → 1.1.45

package/dist/components/close-button/CloseButton.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 "./CloseButton.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__CloseButton_classes_js_1d24ab3a__ from "./CloseButton.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const CloseButton_CloseButton = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./CloseButton.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<button>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
+const CloseButton = (props)=>{
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -23,7 +23,7 @@ const CloseButton_CloseButton = (props)=>{
     const disabled = ()=>Boolean(local.isDisabled) || Boolean(local.isPending);
     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 type () {
                 return local.type ?? "button";
             },
@@ -31,7 +31,7 @@ const CloseButton_CloseButton = (props)=>{
                 return local["aria-label"] ?? "Close";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.variant[variant()], local.class, local.className)
+                class: twMerge(CLASSES.base, CLASSES.variant[variant()], local.class, local.className)
             }), {
             "data-slot": "close-button",
             get ["data-pending"] () {
@@ -50,35 +50,35 @@ const CloseButton_CloseButton = (props)=>{
                 return disabled() ? "true" : "false";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$, (()=>{
+            var _c$ = memo(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     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: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconStart)
+                    spread(_el$2, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                         }), {
                         "data-slot": "close-button-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
+                    insert(_el$2, ()=>local.startIcon);
                     return _el$2;
                 })() : null;
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$, ()=>local.children, null);
+        insert(_el$, (()=>{
+            var _c$2 = memo(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
                     var _el$3 = _tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconEnd)
+                    spread(_el$3, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                         }), {
                         "data-slot": "close-button-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.endIcon);
+                    insert(_el$3, ()=>local.endIcon);
                     return _el$3;
                 })() : null;
         })(), null);
         return _el$;
     })();
 };
-const CloseButton = CloseButton_CloseButton;
-export { CloseButton as default };
+const close_button_CloseButton = CloseButton;
+export { close_button_CloseButton as default };

package/dist/components/close-button/index.js

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

package/dist/components/color-area/ColorArea.js

@@ -1,9 +1,9 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { mergeProps, spread, template, use } from "solid-js/web";
 import "./ColorArea.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__ColorArea_classes_js_e74ec548__ from "./ColorArea.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
+import { createSignal, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ColorArea.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div>");
 const DEFAULT_VALUE = {
     h: 0,
     s: 100,
@@ -52,7 +52,7 @@ const hsvToRgb = (h, s, v)=>{
     };
 };
 const ColorArea_ColorArea = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "value",
@@ -62,8 +62,8 @@ const ColorArea_ColorArea = (props)=>{
         "style",
         "aria-label"
     ]);
-    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(DEFAULT_VALUE);
-    const [isDragging, setIsDragging] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [internalValue, setInternalValue] = createSignal(DEFAULT_VALUE);
+    const [isDragging, setIsDragging] = createSignal(false);
     let areaRef;
     const isControlled = ()=>void 0 !== local.value;
     const currentValue = ()=>normalizeValue(local.value ?? internalValue());
@@ -152,9 +152,9 @@ const ColorArea_ColorArea = (props)=>{
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
         var _ref$ = areaRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : areaRef = _el$;
-        (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__ColorArea_classes_js_e74ec548__.CLASSES.base, local.class, local.className)
+        "function" == typeof _ref$ ? use(_ref$, _el$) : areaRef = _el$;
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -190,8 +190,8 @@ const ColorArea_ColorArea = (props)=>{
             onLostPointerCapture: handleLostPointerCapture,
             onKeyDown: handleKeyDown
         }), 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__ColorArea_classes_js_e74ec548__.CLASSES.slot.thumb
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.slot.thumb
             }), {
             "data-slot": "color-area-thumb",
             get ["data-dragging"] () {

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

@@ -1,3 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ColorArea_js_309d2077__ from "./ColorArea.js";
-const color_area = __WEBPACK_EXTERNAL_MODULE__ColorArea_js_309d2077__["default"];
+import external_ColorArea_js_default from "./ColorArea.js";
+const color_area = external_ColorArea_js_default;
 export { color_area as default };

package/dist/components/color-field/ColorField.js

@@ -1,23 +1,23 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import "./ColorField.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__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__ from "./ColorField.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><input>");
+import { createEffect, createSignal, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { formatColor, parseColor } from "../color-wheel-flower/ColorUtils.js";
+import { CLASSES } from "./ColorField.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div><input>");
 const FALLBACK_COLOR = "#FFFFFF";
 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 normalizeColor = (value, format)=>{
-    const parsed = (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(value);
+    const parsed = parseColor(value);
     if (!parsed) return null;
-    const formatted = (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.formatColor)(parsed, format);
+    const formatted = formatColor(parsed, format);
     return "hex" === format ? formatted.toUpperCase() : formatted;
 };
-const ColorField = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const ColorField_ColorField = (props)=>{
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "value",
@@ -39,11 +39,11 @@ const ColorField = (props)=>{
         const seed = local.value ?? local.defaultValue ?? FALLBACK_COLOR;
         return normalizeColor(seed, format()) ?? FALLBACK_COLOR;
     };
-    const [inputValue, setInputValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialValue());
-    const [lastValidValue, setLastValidValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialValue());
-    const [isInvalid, setIsInvalid] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const [isFocused, setIsFocused] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    const [inputValue, setInputValue] = createSignal(initialValue());
+    const [lastValidValue, setLastValidValue] = createSignal(initialValue());
+    const [isInvalid, setIsInvalid] = createSignal(false);
+    const [isFocused, setIsFocused] = createSignal(false);
+    createEffect(()=>{
         const nextValue = local.value;
         const nextFormat = format();
         if (isFocused()) return;
@@ -116,8 +116,8 @@ const ColorField = (props)=>{
     };
     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)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.base, local.fullWidth && __WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.flag.fullWidth, isDisabled() && __WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.flag.disabled, local.class, local.className)
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.base, local.fullWidth && CLASSES.flag.fullWidth, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -133,8 +133,8 @@ const ColorField = (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)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.slot.group, isInvalid() && __WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.flag.groupInvalid, local.fullWidth && __WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.flag.groupFullWidth)
+        spread(_el$2, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.group, isInvalid() && CLASSES.flag.groupInvalid, local.fullWidth && CLASSES.flag.groupFullWidth)
             }), {
             "data-slot": "color-field-group",
             get ["data-disabled"] () {
@@ -144,7 +144,7 @@ const ColorField = (props)=>{
                 return isInvalid() ? "true" : "false";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$3, mergeProps(others, {
             type: "text",
             get value () {
                 return inputValue();
@@ -153,7 +153,7 @@ const ColorField = (props)=>{
                 return isDisabled();
             }
         }, ()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ColorField_classes_js_ef62f7c2__.CLASSES.slot.input
+                class: CLASSES.slot.input
             }), {
             "data-slot": "color-field-input",
             spellcheck: false,
@@ -171,5 +171,5 @@ const ColorField = (props)=>{
         return _el$;
     })();
 };
-const color_field_ColorField = ColorField;
-export { color_field_ColorField as default };
+const ColorField = ColorField_ColorField;
+export { ColorField as default };

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

@@ -1,3 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ColorField_js_8c5d2ce6__ from "./ColorField.js";
-const color_field = __WEBPACK_EXTERNAL_MODULE__ColorField_js_8c5d2ce6__["default"];
+import external_ColorField_js_default from "./ColorField.js";
+const color_field = external_ColorField_js_default;
 export { color_field as default };

package/dist/components/color-picker/ColorPicker.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import "./ColorPicker.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__color_area_index_js_f79642f5__ from "../color-area/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__color_field_index_js_d63b754b__ from "../color-field/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__color_slider_index_js_89667266__ from "../color-slider/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__ from "./ColorPicker.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { createContext, createEffect, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../color-area/index.js";
+import external_color_field_index_js_default from "../color-field/index.js";
+import external_color_slider_index_js_default from "../color-slider/index.js";
+import { formatColor, parseColor, rgbToHex } from "../color-wheel-flower/ColorUtils.js";
+import { CLASSES } from "./ColorPicker.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const DEFAULT_COLOR = "#3B82F6";
-const ColorPickerContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const ColorPickerContext = createContext();
 const clamp = (value, min, max)=>Math.min(max, Math.max(min, value));
 const normalizeHue = (value)=>(value % 360 + 360) % 360;
 const normalizeHsv = (value)=>({
@@ -85,9 +85,9 @@ const formatOutputColor = (value)=>{
 };
 const toColorState = (value)=>{
     if (!value) return null;
-    const parsed = (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(value);
+    const parsed = parseColor(value);
     if (!parsed) return null;
-    const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.formatColor)(parsed, "hex"));
+    const hex = normalizeHex(formatColor(parsed, "hex"));
     const hsv = rgbToHsv(parsed.rgb.r, parsed.rgb.g, parsed.rgb.b);
     const alpha = normalizeAlpha(parsed.rgb.a ?? 1);
     return {
@@ -110,15 +110,15 @@ const fallbackState = ()=>{
     };
 };
 const ColorPickerArea = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ColorPickerContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(ColorPickerContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "onChange",
         "dataTheme"
     ]);
-    if (!ctx) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_area_index_js_f79642f5__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__.CLASSES.slot.area, local.class, local.className)
+    if (!ctx) return createComponent(index_js_default, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.slot.area, local.class, local.className)
         }), {
         get dataTheme () {
             return local.dataTheme;
@@ -131,7 +131,7 @@ const ColorPickerArea = (props)=>{
         ctx.setFromArea(next);
         local.onChange?.(next);
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_area_index_js_f79642f5__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+    return createComponent(index_js_default, mergeProps(others, {
         get value () {
             return ctx.value().hsv;
         },
@@ -139,7 +139,7 @@ const ColorPickerArea = (props)=>{
             return ctx.isDisabled();
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__.CLASSES.slot.area, local.class, local.className)
+            class: twMerge(CLASSES.slot.area, local.class, local.className)
         }), {
         get dataTheme () {
             return local.dataTheme;
@@ -148,8 +148,8 @@ const ColorPickerArea = (props)=>{
     }));
 };
 const ColorPickerSlider = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ColorPickerContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(ColorPickerContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "onChange",
@@ -158,12 +158,12 @@ const ColorPickerSlider = (props)=>{
         "dataTheme"
     ]);
     const sliderType = ()=>local.type ?? "hue";
-    if (!ctx) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_slider_index_js_89667266__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+    if (!ctx) return createComponent(external_color_slider_index_js_default, mergeProps(others, {
         get type () {
             return sliderType();
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__.CLASSES.slot.slider, local.class, local.className)
+            class: twMerge(CLASSES.slot.slider, local.class, local.className)
         }), {
         get dataTheme () {
             return local.dataTheme;
@@ -191,7 +191,7 @@ const ColorPickerSlider = (props)=>{
             ...userStyle
         };
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_slider_index_js_89667266__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+    return createComponent(external_color_slider_index_js_default, mergeProps(others, {
         get type () {
             return sliderType();
         },
@@ -202,7 +202,7 @@ const ColorPickerSlider = (props)=>{
             return ctx.isDisabled();
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__.CLASSES.slot.slider, local.class, local.className)
+            class: twMerge(CLASSES.slot.slider, local.class, local.className)
         }), {
         get dataTheme () {
             return local.dataTheme;
@@ -214,8 +214,8 @@ const ColorPickerSlider = (props)=>{
     }));
 };
 const ColorPickerField = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ColorPickerContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(ColorPickerContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "onChange",
@@ -223,8 +223,8 @@ const ColorPickerField = (props)=>{
         "format",
         "dataTheme"
     ]);
-    if (!ctx) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_field_index_js_d63b754b__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__.CLASSES.slot.field, local.class, local.className)
+    if (!ctx) return createComponent(external_color_field_index_js_default, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.slot.field, local.class, local.className)
         }), {
         get dataTheme () {
             return local.dataTheme;
@@ -243,7 +243,7 @@ const ColorPickerField = (props)=>{
         ctx.setFromField(next);
         local.onChange?.(next);
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_field_index_js_d63b754b__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+    return createComponent(external_color_field_index_js_default, mergeProps(others, {
         get value () {
             return ctx.value().hex;
         },
@@ -251,7 +251,7 @@ const ColorPickerField = (props)=>{
             return ctx.isDisabled();
         }
     }, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorPicker_classes_js_3f630e74__.CLASSES.slot.field, local.class, local.className)
+            class: twMerge(CLASSES.slot.field, local.class, local.className)
         }), {
         get dataTheme () {
             return local.dataTheme;
@@ -266,7 +266,7 @@ const ColorPickerField = (props)=>{
     }));
 };
 const ColorPickerRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "children",
@@ -276,14 +276,14 @@ const ColorPickerRoot = (props)=>{
         "isDisabled",
         "dataTheme"
     ]);
-    const [internalState, setInternalState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(toColorState(local.value ?? local.defaultValue) ?? fallbackState());
+    const [internalState, setInternalState] = createSignal(toColorState(local.value ?? local.defaultValue) ?? fallbackState());
     const isControlled = ()=>void 0 !== local.value;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!isControlled()) return;
         const next = toColorState(local.value);
         if (next) setInternalState(next);
     });
-    const currentState = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const currentState = createMemo(()=>{
         if (!isControlled()) return internalState();
         return toColorState(local.value) ?? internalState();
     });
@@ -294,7 +294,7 @@ const ColorPickerRoot = (props)=>{
     const setFromArea = (nextValue)=>{
         const hsv = normalizeHsv(nextValue);
         const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
-        const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.rgbToHex)(rgb.r, rgb.g, rgb.b));
+        const hex = normalizeHex(rgbToHex(rgb.r, rgb.g, rgb.b));
         emitChange({
             hex,
             hsv,
@@ -311,7 +311,7 @@ const ColorPickerRoot = (props)=>{
             h: value
         });
         const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
-        const hex = normalizeHex((0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.rgbToHex)(rgb.r, rgb.g, rgb.b));
+        const hex = normalizeHex(rgbToHex(rgb.r, rgb.g, rgb.b));
         emitChange({
             hex,
             hsv,
@@ -323,21 +323,21 @@ const ColorPickerRoot = (props)=>{
         if (!next) return;
         emitChange(next);
     };
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
+    const context = createMemo(()=>({
             value: currentState,
             isDisabled: ()=>Boolean(local.isDisabled),
             setFromArea,
             setFromField,
             setFromSlider
         }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColorPickerContext.Provider, {
+    return createComponent(ColorPickerContext.Provider, {
         get value () {
             return context();
         },
         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__ColorPicker_classes_js_3f630e74__.CLASSES.base, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.base, local.class, local.className)
                 }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -347,12 +347,12 @@ const ColorPickerRoot = (props)=>{
                     return local.isDisabled ? "true" : "false";
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? [
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColorPickerArea, {}),
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColorPickerSlider, {
+            insert(_el$, ()=>local.children ?? [
+                    createComponent(ColorPickerArea, {}),
+                    createComponent(ColorPickerSlider, {
                         type: "hue"
                     }),
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColorPickerField, {})
+                    createComponent(ColorPickerField, {})
                 ]);
             return _el$;
         }

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

@@ -1,8 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__ from "./ColorPicker.js";
-var __webpack_exports__ColorPicker = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__.ColorPicker;
-var __webpack_exports__ColorPickerArea = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__.ColorPickerArea;
-var __webpack_exports__ColorPickerField = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__.ColorPickerField;
-var __webpack_exports__ColorPickerRoot = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__.ColorPickerRoot;
-var __webpack_exports__ColorPickerSlider = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__.ColorPickerSlider;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__["default"];
-export { __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ColorPickerArea as ColorPickerArea, __webpack_exports__ColorPickerField as ColorPickerField, __webpack_exports__ColorPickerRoot as ColorPickerRoot, __webpack_exports__ColorPickerSlider as ColorPickerSlider, __webpack_exports__default as default };
+import external_ColorPicker_js_default, { ColorPicker, ColorPickerArea, ColorPickerField, ColorPickerRoot, ColorPickerSlider } from "./ColorPicker.js";
+export { ColorPicker, ColorPickerArea, ColorPickerField, ColorPickerRoot, ColorPickerSlider, external_ColorPicker_js_default as default };

package/dist/components/color-slider/ColorSlider.js

@@ -1,9 +1,9 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { memo, mergeProps, spread, template, use } from "solid-js/web";
 import "./ColorSlider.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__ColorSlider_classes_js_0a74b5c9__ from "./ColorSlider.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div></div><div>");
+import { createEffect, createMemo, createSignal, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ColorSlider.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div></div><div>");
 const clamp = (value, min, max)=>Math.min(max, Math.max(min, value));
 const normalizeValue = (type, value)=>{
     if ("alpha" === type) return clamp(value, 0, 1);
@@ -18,8 +18,8 @@ const fromPercent = (type, percent)=>{
     if ("alpha" === type) return clamped / 100;
     return clamped / 100 * 360;
 };
-const ColorSlider = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const ColorSlider_ColorSlider = (props)=>{
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "value",
@@ -37,11 +37,11 @@ const ColorSlider = (props)=>{
         const fallback = "alpha" === sliderType() ? 1 : 0;
         return normalizeValue(sliderType(), local.value ?? local.defaultValue ?? fallback);
     };
-    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialValue());
-    const [isDragging, setIsDragging] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [internalValue, setInternalValue] = createSignal(initialValue());
+    const [isDragging, setIsDragging] = createSignal(false);
     let sliderRef;
     const isControlled = ()=>void 0 !== local.value;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const nextType = sliderType();
         const nextValue = local.value;
         if (void 0 === nextValue) {
@@ -50,7 +50,7 @@ const ColorSlider = (props)=>{
         }
         setInternalValue(normalizeValue(nextType, nextValue));
     });
-    const currentValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const currentValue = createMemo(()=>{
         if (isControlled()) return normalizeValue(sliderType(), local.value ?? internalValue());
         return normalizeValue(sliderType(), internalValue());
     });
@@ -116,9 +116,9 @@ const ColorSlider = (props)=>{
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
         var _ref$ = sliderRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : sliderRef = _el$;
-        (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__ColorSlider_classes_js_0a74b5c9__.CLASSES.base, "alpha" === sliderType() && __WEBPACK_EXTERNAL_MODULE__ColorSlider_classes_js_0a74b5c9__.CLASSES.flag.alpha, isDragging() && __WEBPACK_EXTERNAL_MODULE__ColorSlider_classes_js_0a74b5c9__.CLASSES.flag.dragging, local.class, local.className)
+        "function" == typeof _ref$ ? use(_ref$, _el$) : sliderRef = _el$;
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, "alpha" === sliderType() && CLASSES.flag.alpha, isDragging() && CLASSES.flag.dragging, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -144,7 +144,7 @@ const ColorSlider = (props)=>{
                 return "alpha" === sliderType() ? 1 : 360;
             },
             get ["aria-valuenow"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"alpha" === sliderType())() ? Number(currentValue().toFixed(2)) : Math.round(currentValue());
+                return memo(()=>"alpha" === sliderType())() ? Number(currentValue().toFixed(2)) : Math.round(currentValue());
             },
             get ["aria-valuetext"] () {
                 return valueText();
@@ -161,13 +161,13 @@ const ColorSlider = (props)=>{
             onLostPointerCapture: handleLostPointerCapture,
             onKeyDown: handleKeyDown
         }), 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__ColorSlider_classes_js_0a74b5c9__.CLASSES.slot.track
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.slot.track
             }), {
             "data-slot": "color-slider-track"
         }), 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__ColorSlider_classes_js_0a74b5c9__.CLASSES.slot.thumb
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.slot.thumb
             }), {
             "data-slot": "color-slider-thumb",
             get ["data-dragging"] () {
@@ -183,5 +183,5 @@ const ColorSlider = (props)=>{
         return _el$;
     })();
 };
-const color_slider_ColorSlider = ColorSlider;
-export { color_slider_ColorSlider as default };
+const ColorSlider = ColorSlider_ColorSlider;
+export { ColorSlider as default };

package/dist/components/color-slider/index.js

@@ -1,3 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ColorSlider_js_db0865cb__ from "./ColorSlider.js";
-const color_slider = __WEBPACK_EXTERNAL_MODULE__ColorSlider_js_db0865cb__["default"];
+import external_ColorSlider_js_default from "./ColorSlider.js";
+const color_slider = external_ColorSlider_js_default;
 export { color_slider as default };