@pathscale/ui 1.2.6 → 1.2.8

package/dist/components/color-wheel-flower/ColorWheelFlower.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import "./ColorWheelFlower.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__color_swatch_index_js_6938a92b__ from "../color-swatch/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__color_swatch_picker_index_js_d4d4ca4f__ from "../color-swatch-picker/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__colorWheelFlowerContext_js_cc353a63__ from "./colorWheelFlowerContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__ from "./ColorUtils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__ from "../../motion/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__ from "./ColorWheelFlower.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div><div></div></div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div><span></span><span>");
+import { For, createEffect, createMemo, createSignal, onCleanup, splitProps } from "solid-js";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import color_swatch from "../color-swatch/index.js";
+import color_swatch_picker from "../color-swatch-picker/index.js";
+import { useColorPickerContext } from "./colorWheelFlowerContext.js";
+import { createColorFromHsl, rgbToHex, rgbToHsl } from "./ColorUtils.js";
+import { motionDistances, motionDurations, motionEasings, prefersReducedMotion, runMotion } from "../../motion/index.js";
+import { CLASSES } from "./ColorWheelFlower.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div><div><div></div></div><div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div><div><div><span></span><span>");
 const parseRgbToHsl = (rgbString)=>{
     const match = rgbString.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
     if (!match) return {
@@ -20,7 +20,7 @@ const parseRgbToHsl = (rgbString)=>{
     const r = Number.parseInt(match[1], 10);
     const g = Number.parseInt(match[2], 10);
     const b = Number.parseInt(match[3], 10);
-    const hsl = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.rgbToHsl)(r, g, b);
+    const hsl = rgbToHsl(r, g, b);
     return {
         hue: hsl.h,
         saturation: hsl.s,
@@ -36,7 +36,7 @@ const createColorItem = (id, rgb, offsetX, offsetY, options)=>{
     return {
         id,
         rgb,
-        hex: (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.rgbToHex)(r, g, b).toUpperCase(),
+        hex: rgbToHex(r, g, b).toUpperCase(),
         r,
         g,
         b,
@@ -59,7 +59,7 @@ const readMotionState = (el)=>{
         y: 0,
         scale: 1
     };
-    if ("undefined" != typeof DOMMatrixReadOnly) {
+    if ("u" > typeof DOMMatrixReadOnly) {
         const matrix = new DOMMatrixReadOnly(transform);
         return {
             opacity,
@@ -369,22 +369,22 @@ const MAX_RADIUS = Math.max(...LAYOUT.map((l)=>Math.sqrt(l.offsetX ** 2 + l.offs
 const MAX_WAVE_DISTANCE = 2 * MAX_RADIUS;
 const MAX_WAVE_DELAY = 0.12;
 const ColorWheelFlower = (props)=>{
-    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local] = splitProps(props, [
         "class",
         "className"
     ]);
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__colorWheelFlowerContext_js_cc353a63__.useColorPickerContext)();
-    const [selectedIndex, setSelectedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [hoveredIndex, setHoveredIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [pressedIndex, setPressedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [pointer, setPointer] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
+    const context = useColorPickerContext();
+    const [selectedIndex, setSelectedIndex] = createSignal(null);
+    const [hoveredIndex, setHoveredIndex] = createSignal(null);
+    const [pressedIndex, setPressedIndex] = createSignal(null);
+    const [pointer, setPointer] = createSignal({
         x: 0,
         y: 0,
         active: false
     });
-    const [pulseState, setPulseState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [currentTheme, setCurrentTheme] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)("undefined" != typeof document ? document.documentElement.getAttribute("data-theme") ?? "light" : "light");
-    if ("undefined" != typeof window) {
+    const [pulseState, setPulseState] = createSignal(null);
+    const [currentTheme, setCurrentTheme] = createSignal("u" > typeof document ? document.documentElement.getAttribute("data-theme") ?? "light" : "light");
+    if ("u" > typeof window) {
         const observer = new MutationObserver(()=>{
             const t = document.documentElement.getAttribute("data-theme");
             setCurrentTheme("dark" === t ? "dark" : "light");
@@ -395,18 +395,18 @@ const ColorWheelFlower = (props)=>{
                 "data-theme"
             ]
         });
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>observer.disconnect());
+        onCleanup(()=>observer.disconnect());
     }
-    const colors = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>buildColors("dark" === currentTheme() ? DARK_RGBS : LIGHT_RGBS));
+    const colors = createMemo(()=>buildColors("dark" === currentTheme() ? DARK_RGBS : LIGHT_RGBS));
     const rainbowGradient = ()=>"dark" === currentTheme() ? DARK_RAINBOW : LIGHT_RAINBOW;
-    const reduceMotion = (0, __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.prefersReducedMotion)();
+    const reduceMotion = prefersReducedMotion();
     const ringTransition = reduceMotion ? {
         duration: 0
     } : {
-        duration: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionDurations.slow,
-        easing: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionEasings.inOut
+        duration: motionDurations.slow,
+        easing: motionEasings.inOut
     };
-    const hoverLift = reduceMotion ? 0 : __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionDistances.sm;
+    const hoverLift = reduceMotion ? 0 : motionDistances.sm;
     const pressScale = 0.96;
     const pulseScale = 1.12;
     let containerRef;
@@ -414,12 +414,12 @@ const ColorWheelFlower = (props)=>{
     let pulseTimeout;
     let outerRingRef;
     let outerRingControl = null;
-    const closestIndex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const closestIndex = createMemo(()=>{
         const current = context.color();
         const items = colors();
         if (current.hsl.s <= 6 && current.hsl.l >= 95 && CENTER_INDEX >= 0) return CENTER_INDEX;
         let closest = 0;
-        let bestScore = Number.POSITIVE_INFINITY;
+        let bestScore = 1 / 0;
         for(let index = 0; index < items.length; index += 1){
             const item = items[index];
             if (item.isCenter) continue;
@@ -434,7 +434,7 @@ const ColorWheelFlower = (props)=>{
         }
         return closest;
     });
-    const visualSelectedIndex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>selectedIndex() ?? closestIndex());
+    const visualSelectedIndex = createMemo(()=>selectedIndex() ?? closestIndex());
     const triggerPulse = (index)=>{
         const pulseKey = Date.now();
         setPulseState({
@@ -456,11 +456,11 @@ const ColorWheelFlower = (props)=>{
         const item = items[index];
         if (selected === index && !item.isCenter) {
             setSelectedIndex(null);
-            context.onChange((0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(0, 0, 100, context.color().hsl.a));
+            context.onChange(createColorFromHsl(0, 0, 100, context.color().hsl.a));
             return;
         }
         setSelectedIndex(index);
-        if (item.isCenter) return void context.onChange((0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(0, 0, 100, context.color().hsl.a));
+        if (item.isCenter) return void context.onChange(createColorFromHsl(0, 0, 100, context.color().hsl.a));
         const alpha = context.color().hsl.a;
         context.onChange({
             rgb: {
@@ -478,7 +478,7 @@ const ColorWheelFlower = (props)=>{
             hex: item.hex
         });
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const selected = selectedIndex();
         const current = context.color();
         if (null === selected) return;
@@ -518,7 +518,7 @@ const ColorWheelFlower = (props)=>{
         const color = colors()[selected];
         return `conic-gradient(${color.rgb}, ${color.rgb})`;
     };
-    const outerRingTarget = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const outerRingTarget = createMemo(()=>{
         if (context.disabled()) return {
             opacity: 0.5,
             scale: 1
@@ -536,20 +536,20 @@ const ColorWheelFlower = (props)=>{
             scale: 0.84
         };
     });
-    const outerRingGlow = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const outerRingGlow = createMemo(()=>{
         if (context.disabled()) return "none";
         const index = hoveredIndex() ?? selectedIndex();
         if (null === index) return "0 0 10px rgba(255,255,255,0.08)";
         const color = colors()[index].rgb;
         return `0 0 10px rgba(255,255,255,0.16), 0 0 20px ${toRgba(color, 0.35)}`;
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!outerRingRef) return;
         const target = outerRingTarget();
         outerRingControl?.stop();
-        outerRingControl = (0, __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.runMotion)(outerRingRef, readMotionState(outerRingRef), target, ringTransition);
+        outerRingControl = runMotion(outerRingRef, readMotionState(outerRingRef), target, ringTransition);
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         outerRingControl?.stop();
         if (void 0 !== pulseTimeout) clearTimeout(pulseTimeout);
         if (void 0 !== pointerTimeout) clearTimeout(pointerTimeout);
@@ -558,10 +558,10 @@ const ColorWheelFlower = (props)=>{
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
         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)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-                    [__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.flag.disabled]: context.disabled()
+        "function" == typeof _ref$ ? use(_ref$, _el$) : containerRef = _el$;
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.base, clsx({
+                    [CLASSES.flag.disabled]: context.disabled()
                 }), local.class, local.className)
             }), {
             onMouseMove: handlePointerMove,
@@ -571,16 +571,16 @@ const ColorWheelFlower = (props)=>{
                 return context.disabled() ? "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: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.rings
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.rings
             })), false, true);
-        (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__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.outer)
+        spread(_el$3, mergeProps(()=>({
+                class: twMerge(CLASSES.ringShell.base, CLASSES.ringShell.outer)
             })), false, true);
         var _ref$2 = outerRingRef;
-        "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$4) : outerRingRef = _el$4;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.outer)
+        "function" == typeof _ref$2 ? use(_ref$2, _el$4) : outerRingRef = _el$4;
+        spread(_el$4, mergeProps(()=>({
+                class: twMerge(CLASSES.ring.base, CLASSES.ring.outer)
             }), {
             get style () {
                 return {
@@ -590,14 +590,14 @@ const ColorWheelFlower = (props)=>{
                 };
             }
         }), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.inner)
+        spread(_el$5, mergeProps(()=>({
+                class: twMerge(CLASSES.ringShell.base, CLASSES.ringShell.inner)
             })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.inner)
+        spread(_el$6, mergeProps(()=>({
+                class: twMerge(CLASSES.ring.base, CLASSES.ring.inner)
             })), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_swatch_picker_index_js_d4d4ca4f__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.picker
+        insert(_el$, createComponent(color_swatch_picker, mergeProps(()=>({
+                class: CLASSES.picker
             }), {
             get value () {
                 return pickerValue();
@@ -608,7 +608,7 @@ const ColorWheelFlower = (props)=>{
             },
             "aria-label": "Flower color palette",
             get children () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                return createComponent(For, {
                     get each () {
                         return colors();
                     },
@@ -618,7 +618,7 @@ const ColorWheelFlower = (props)=>{
                         const isHovered = ()=>hoveredIndex() === index();
                         const isPressed = ()=>pressedIndex() === index();
                         const isPulsing = ()=>pulseState()?.index === index();
-                        const dotBaseTarget = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+                        const dotBaseTarget = createMemo(()=>{
                             if (context.disabled()) return {
                                 opacity: 0.5,
                                 scale: 1,
@@ -657,7 +657,7 @@ const ColorWheelFlower = (props)=>{
                                 y: offsetY
                             };
                         });
-                        const dotTarget = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+                        const dotTarget = createMemo(()=>{
                             const base = dotBaseTarget();
                             let scale = base.scale ?? 1;
                             if (isPulsing()) scale *= pulseScale;
@@ -667,7 +667,7 @@ const ColorWheelFlower = (props)=>{
                                 scale
                             };
                         });
-                        const glowOpacity = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+                        const glowOpacity = createMemo(()=>{
                             if (context.disabled()) return 0;
                             if (isHovered()) return 0.6;
                             if (isPulsing()) return 0.35;
@@ -686,34 +686,34 @@ const ColorWheelFlower = (props)=>{
                                 delay = Math.min(MAX_WAVE_DELAY, distance / MAX_WAVE_DISTANCE * MAX_WAVE_DELAY);
                             }
                             if (isPulsing()) return {
-                                duration: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionDurations.fast,
+                                duration: motionDurations.fast,
                                 easing: easeOutBack(1.25)
                             };
                             if (isHovered()) return {
-                                duration: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionDurations.fast,
-                                easing: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionEasings.out,
+                                duration: motionDurations.fast,
+                                easing: motionEasings.out,
                                 delay
                             };
                             return {
-                                duration: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionDurations.base,
-                                easing: __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionEasings.out,
+                                duration: motionDurations.base,
+                                easing: motionEasings.out,
                                 delay
                             };
                         };
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+                        createEffect(()=>{
                             if (!motionRef) return;
                             const target = dotTarget();
                             const transition = dotTransition();
                             dotControl?.stop();
-                            dotControl = (0, __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.runMotion)(motionRef, readMotionState(motionRef), target, transition);
+                            dotControl = runMotion(motionRef, readMotionState(motionRef), target, transition);
                         });
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+                        onCleanup(()=>{
                             dotControl?.stop();
                         });
                         return (()=>{
                             var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.base
+                            spread(_el$7, mergeProps(()=>({
+                                    class: CLASSES.dot.base
                                 }), {
                                 get style () {
                                     return {
@@ -722,17 +722,17 @@ const ColorWheelFlower = (props)=>{
                                     };
                                 }
                             }), false, true);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.frame
+                            spread(_el$8, mergeProps(()=>({
+                                    class: CLASSES.dot.frame
                                 })), false, true);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+                            use((el)=>{
                                 motionRef = el;
                             }, _el$9);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.motion
+                            spread(_el$9, mergeProps(()=>({
+                                    class: CLASSES.dot.motion
                                 })), false, true);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.halo
+                            spread(_el$0, mergeProps(()=>({
+                                    class: CLASSES.halo
                                 }), {
                                 get style () {
                                     return {
@@ -742,16 +742,16 @@ const ColorWheelFlower = (props)=>{
                                     };
                                 }
                             }), false, false);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_swatch_index_js_6938a92b__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                            insert(_el$9, createComponent(color_swatch, mergeProps({
                                 get color () {
                                     return item.hex;
                                 },
                                 size: "lg"
                             }, ()=>({
-                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.swatch.base, item.isCenter && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.swatch.center)
+                                    class: twMerge(CLASSES.swatch.base, item.isCenter && CLASSES.swatch.center)
                                 }), {
                                 get colorName () {
-                                    return item.isCenter ? "Reset to neutral" : `Theme color ${item.hex}`;
+                                    return memo(()=>!!item.isCenter)() ? "Reset to neutral" : `Theme color ${item.hex}`;
                                 },
                                 get isDisabled () {
                                     return context.disabled();
@@ -781,8 +781,8 @@ const ColorWheelFlower = (props)=>{
                                     if (!context.disabled()) setPressedIndex(null);
                                 }
                             })), _el$1);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                    class: (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.base, isHovered() && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.hovered, isPulsing() && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.pulsing)
+                            spread(_el$1, mergeProps(()=>({
+                                    class: clsx(CLASSES.highlight.base, isHovered() && CLASSES.highlight.hovered, isPulsing() && CLASSES.highlight.pulsing)
                                 })), false, false);
                             return _el$7;
                         })();
@@ -794,4 +794,4 @@ const ColorWheelFlower = (props)=>{
     })();
 };
 const color_wheel_flower_ColorWheelFlower = ColorWheelFlower;
-export { color_wheel_flower_ColorWheelFlower as default };
+export default color_wheel_flower_ColorWheelFlower;

package/dist/components/color-wheel-flower/colorWheelFlowerContext.js

@@ -1,7 +1,7 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const ColorPickerContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)(void 0);
+import { createContext, useContext } from "solid-js";
+const ColorPickerContext = createContext(void 0);
 function useColorPickerContext() {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ColorPickerContext);
+    const context = useContext(ColorPickerContext);
     if (!context) throw new Error("useColorPickerContext must be used within a ColorPickerContext.Provider");
     return context;
 }

package/dist/components/color-wheel-flower/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_js_ffac5f30__ from "./ColorWheelFlower.js";
-import * as __WEBPACK_EXTERNAL_MODULE__colorWheelFlowerContext_js_cc353a63__ from "./colorWheelFlowerContext.js";
-var __webpack_exports__ColorPickerContext = __WEBPACK_EXTERNAL_MODULE__colorWheelFlowerContext_js_cc353a63__.ColorPickerContext;
-var __webpack_exports__ColorWheelFlower = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_js_ffac5f30__["default"];
-var __webpack_exports__useColorPickerContext = __WEBPACK_EXTERNAL_MODULE__colorWheelFlowerContext_js_cc353a63__.useColorPickerContext;
-export { __webpack_exports__ColorPickerContext as ColorPickerContext, __webpack_exports__ColorWheelFlower as ColorWheelFlower, __webpack_exports__useColorPickerContext as useColorPickerContext };
+export { default as ColorWheelFlower } from "./ColorWheelFlower.js";
+export { ColorPickerContext, useColorPickerContext } from "./colorWheelFlowerContext.js";