@pathscale/ui 1.2.6 → 1.2.7

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

@@ -1,95 +1,95 @@
-@layer components {
-  .textarea {
-    width: fit-content;
-    min-height: 2.375rem;
-    border-radius: var(--radius-field, 0.75rem);
-    border: var(--border-width-field, 1px) solid
-      var(--color-field-border, color-mix(in oklab, var(--color-base-content) 16%, transparent));
-    background-color: var(--color-field, var(--color-base-100));
-    padding-block: 0.5rem;
-    padding-inline: 0.75rem;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    color: var(--color-field-foreground, var(--color-base-content));
-    box-shadow:
-      0 1px 0 color-mix(in oklab, var(--color-base-content) 8%, transparent),
-      0 1px 0 color-mix(in oklab, var(--color-base-100) 60%, transparent) inset;
-    outline: none;
-    resize: vertical;
-    transition:
-      background-color 150ms var(--ease-smooth),
-      border-color 150ms var(--ease-smooth),
-      box-shadow 150ms var(--ease-out);
-  }
-
-  .textarea::placeholder {
-    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .textarea {
-      transition: none;
-    }
-  }
-
-  @media (hover: hover) {
-    .textarea:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
-      background-color: var(--color-field-hover, var(--color-base-200));
-      border-color: var(--color-field-border-hover, color-mix(in oklab, var(--color-base-content) 22%, transparent));
-    }
-  }
-
-  .textarea:focus,
-  .textarea[data-focused="true"] {
-    border-color: var(--color-field-border-focus, var(--color-accent));
-    background-color: var(--color-field-focus, var(--color-base-100));
-    box-shadow:
-      0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent),
-      0 1px 0 color-mix(in oklab, var(--color-accent) 24%, transparent);
-  }
-
-  .textarea[data-invalid="true"] {
-    border-color: var(--color-field-border-invalid, var(--color-danger));
-    background-color: var(--color-field-focus, var(--color-base-100));
-    box-shadow:
-      0 0 0 3px color-mix(in oklab, var(--color-danger) 20%, transparent),
-      0 1px 0 color-mix(in oklab, var(--color-danger) 20%, transparent);
-  }
-
-  .textarea[data-disabled="true"],
-  .textarea[aria-disabled="true"] {
-    cursor: not-allowed;
-    border-color: color-mix(in oklab, var(--color-base-content) 12%, transparent);
-    background-color: var(--color-base-200);
-    color: color-mix(in oklab, var(--color-base-content) 45%, transparent);
-    box-shadow: none;
-    opacity: var(--disabled-opacity, 0.6);
-  }
-
-  .textarea--primary {
-  }
-
-  .textarea--secondary {
-    box-shadow: none;
-    background-color: var(--textarea-bg, var(--color-default, var(--color-base-200)));
-  }
-
-  @media (hover: hover) {
-    .textarea--secondary:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
-      background-color: var(--textarea-bg-hover, var(--color-default-hover, var(--color-base-300)));
-    }
-  }
-
-  .textarea--secondary:focus,
-  .textarea--secondary[data-focused="true"] {
-    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
-  }
-
-  .textarea--secondary[data-invalid="true"] {
-    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
-  }
-
-  .textarea--full-width {
-    width: 100%;
-  }
-}
+@layer components {
+  .textarea {
+    width: fit-content;
+    min-height: 2.375rem;
+    border-radius: var(--radius-field, 0.75rem);
+    border: var(--border-width-field, 1px) solid
+      var(--color-field-border, color-mix(in oklab, var(--color-base-content) 16%, transparent));
+    background-color: var(--color-field, var(--color-base-100));
+    padding-block: 0.5rem;
+    padding-inline: 0.75rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: var(--color-field-foreground, var(--color-base-content));
+    box-shadow:
+      0 1px 0 color-mix(in oklab, var(--color-base-content) 8%, transparent),
+      0 1px 0 color-mix(in oklab, var(--color-base-100) 60%, transparent) inset;
+    outline: none;
+    resize: vertical;
+    transition:
+      background-color 150ms var(--ease-smooth),
+      border-color 150ms var(--ease-smooth),
+      box-shadow 150ms var(--ease-out);
+  }
+
+  .textarea::placeholder {
+    color: var(--color-field-placeholder, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .textarea {
+      transition: none;
+    }
+  }
+
+  @media (hover: hover) {
+    .textarea:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
+      background-color: var(--color-field-hover, var(--color-base-200));
+      border-color: var(--color-field-border-hover, color-mix(in oklab, var(--color-base-content) 22%, transparent));
+    }
+  }
+
+  .textarea:focus,
+  .textarea[data-focused="true"] {
+    border-color: var(--color-field-border-focus, var(--color-accent));
+    background-color: var(--color-field-focus, var(--color-base-100));
+    box-shadow:
+      0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent),
+      0 1px 0 color-mix(in oklab, var(--color-accent) 24%, transparent);
+  }
+
+  .textarea[data-invalid="true"] {
+    border-color: var(--color-field-border-invalid, var(--color-danger));
+    background-color: var(--color-field-focus, var(--color-base-100));
+    box-shadow:
+      0 0 0 3px color-mix(in oklab, var(--color-danger) 20%, transparent),
+      0 1px 0 color-mix(in oklab, var(--color-danger) 20%, transparent);
+  }
+
+  .textarea[data-disabled="true"],
+  .textarea[aria-disabled="true"] {
+    cursor: not-allowed;
+    border-color: color-mix(in oklab, var(--color-base-content) 12%, transparent);
+    background-color: var(--color-base-200);
+    color: color-mix(in oklab, var(--color-base-content) 45%, transparent);
+    box-shadow: none;
+    opacity: var(--disabled-opacity, 0.6);
+  }
+
+  .textarea--primary {
+  }
+
+  .textarea--secondary {
+    box-shadow: none;
+    background-color: var(--textarea-bg, var(--color-default, var(--color-base-200)));
+  }
+
+  @media (hover: hover) {
+    .textarea--secondary:hover:not(:focus):not(:focus-visible):not([data-disabled="true"]) {
+      background-color: var(--textarea-bg-hover, var(--color-default-hover, var(--color-base-300)));
+    }
+  }
+
+  .textarea--secondary:focus,
+  .textarea--secondary[data-focused="true"] {
+    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
+  }
+
+  .textarea--secondary[data-invalid="true"] {
+    background-color: var(--textarea-bg-focus, var(--color-default, var(--color-base-200)));
+  }
+
+  .textarea--full-width {
+    width: 100%;
+  }
+}

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.css

@@ -1,33 +1,33 @@
-@layer components {
-  .text-field {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  .text-field[data-invalid="true"] [data-slot="description"],
-  .text-field[aria-invalid="true"] [data-slot="description"] {
-    display: none;
-  }
-
-  .text-field [data-slot="description"] {
-    padding-inline: 0.25rem;
-  }
-
-  .text-field--full-width {
-    width: 100%;
-  }
-
-  .text-field--full-width [data-slot="input"],
-  .text-field--full-width [data-slot="textarea"],
-  .text-field--full-width [data-slot="input-group"],
-  .text-field--full-width [data-slot="date-input-group"] {
-    width: 100%;
-  }
-
-  .text-field--primary {
-  }
-
-  .text-field--secondary {
-  }
-}
+@layer components {
+  .text-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .text-field[data-invalid="true"] [data-slot="description"],
+  .text-field[aria-invalid="true"] [data-slot="description"] {
+    display: none;
+  }
+
+  .text-field [data-slot="description"] {
+    padding-inline: 0.25rem;
+  }
+
+  .text-field--full-width {
+    width: 100%;
+  }
+
+  .text-field--full-width [data-slot="input"],
+  .text-field--full-width [data-slot="textarea"],
+  .text-field--full-width [data-slot="input-group"],
+  .text-field--full-width [data-slot="date-input-group"] {
+    width: 100%;
+  }
+
+  .text-field--primary {
+  }
+
+  .text-field--secondary {
+  }
+}

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,20 +1,20 @@
-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__shared_overlayPosition_js_ab299723__ from "../_shared/overlayPosition.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 { Portal, 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 { createOverlayPosition } from "../_shared/overlayPosition.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",
@@ -28,12 +28,12 @@ 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 [containerRef, setContainerRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [popoverRef, setPopoverRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    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 [isOpen, setIsOpen] = createSignal(false);
+    const [featureAvailable, setFeatureAvailable] = createSignal(true);
+    const [containerRef, setContainerRef] = createSignal();
+    const [popoverRef, setPopoverRef] = createSignal();
+    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) {
@@ -81,7 +81,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)=>{
             const target = e.target;
@@ -92,7 +92,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);
         });
@@ -100,11 +100,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,
@@ -113,9 +113,9 @@ 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);
-    const popoverClasses = ()=>__WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.popover;
-    const overlayPosition = (0, __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__.createOverlayPosition)({
+    const classes = ()=>twMerge(CLASSES.base, local.class, local.className);
+    const popoverClasses = ()=>CLASSES.popover;
+    const overlayPosition = createOverlayPosition({
         open: isOpen,
         triggerRef: containerRef,
         overlayRef: popoverRef,
@@ -125,14 +125,14 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
         align: ()=>"start" === local.align ? "start" : "end"
     });
     const popoverStyle = ()=>overlayPosition.style();
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
             return featureAvailable();
         },
         get children () {
             var _el$ = _tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setContainerRef, _el$);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+            use(setContainerRef, _el$);
+            spread(_el$, mergeProps(()=>({
                     class: classes()
                 }), {
                 onKeyDown: handleKeyDown,
@@ -140,7 +140,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",
@@ -152,25 +152,25 @@ 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 () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+                    return createComponent(Portal, {
                         get children () {
                             var _el$2 = _tmpl$2();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setPopoverRef, _el$2);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            use(setPopoverRef, _el$2);
+                            spread(_el$2, mergeProps(()=>({
                                     class: popoverClasses()
                                 }), {
                                 get ["data-placement"] () {
@@ -180,30 +180,30 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                                     return popoverStyle();
                                 }
                             }), 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 {