@pathscale/ui 1.1.56 → 1.1.58

package/dist/components/colorpicker/ColorPicker.js

@@ -1,264 +0,0 @@
-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_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__ from "./colorpickerContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__ from "./ColorUtils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__AlphaSlider_js_9037f62c__ from "./AlphaSlider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPickerGradientSelector_js_56799ff8__ from "./ColorPickerGradientSelector.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPickerWheelSelector_js_ea2d44f8__ from "./ColorPickerWheelSelector.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPickerFlowerSelector_js_461ceb45__ from "./ColorPickerFlowerSelector.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorSwatches_js_ed23b2d2__ from "./ColorSwatches.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorInput_js_cca8d716__ from "./ColorInput.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPreview_js_cbf20135__ from "./ColorPreview.js";
-import * as __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__ from "../../motion/index.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex p-1 mb-3 bg-base-200 rounded-md"><button type=button>Gradient</button><button type=button>Wheel</button><button type=button>Flower'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="pt-2 border-t border-base-300">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=space-y-4>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40"aria-hidden=true>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const DEFAULT_SWATCHES = [
-    "#FF6B6B",
-    "#4ECDC4",
-    "#45B7D1",
-    "#FFA07A",
-    "#98D8C8",
-    "#F7DC6F",
-    "#BB8FCE",
-    "#85929E",
-    "#FF5733",
-    "#C70039",
-    "#900C3F",
-    "#581845",
-    "#2ECC71",
-    "#3498DB",
-    "#9B59B6",
-    "#E74C3C"
-];
-const ColorPicker = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "value",
-        "onChange",
-        "format",
-        "disabled",
-        "swatches",
-        "showAlpha",
-        "placement",
-        "initialMode",
-        "class",
-        "className",
-        "dataTheme",
-        "style",
-        "aria-label"
-    ]);
-    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const [internalColor, setInternalColor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)((0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.getDefaultColor)());
-    const [currentFormat, setCurrentFormat] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.format || "hex");
-    const [mode, setMode] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.initialMode || "picker");
-    let containerRef;
-    const color = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        if (local.value) {
-            const parsed = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.parseColor)(local.value);
-            if (parsed) {
-                setInternalColor(parsed);
-                return parsed;
-            }
-        }
-        return internalColor();
-    });
-    const handleColorChange = (newColor)=>{
-        setInternalColor(newColor);
-        if (local.onChange) {
-            const formatted = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.formatColor)(newColor, currentFormat());
-            local.onChange(formatted);
-        }
-    };
-    const handleFormatChange = (newFormat)=>{
-        setCurrentFormat(newFormat);
-        if (local.onChange) {
-            const formatted = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.formatColor)(color(), newFormat);
-            local.onChange(formatted);
-        }
-    };
-    const togglePicker = ()=>{
-        if (!local.disabled) setIsOpen(!isOpen());
-    };
-    const handleKeyDown = (e)=>{
-        if ("Escape" === e.key && isOpen()) {
-            setIsOpen(false);
-            e.preventDefault();
-        }
-    };
-    const contextValue = {
-        color,
-        format: currentFormat,
-        disabled: ()=>local.disabled || false,
-        onChange: handleColorChange,
-        onFormatChange: handleFormatChange
-    };
-    const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("relative inline-block", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "opacity-50": local.disabled
-        }), local.class, local.className);
-    const popoverClasses = ()=>{
-        const base = "z-50 p-4 bg-base-100 rounded-lg shadow-xl border border-base-300 min-w-[280px]";
-        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(base, "absolute mt-2", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "bottom-full mb-2 mt-0": "top" === local.placement,
-            "top-full mt-2": "bottom" === local.placement || !local.placement,
-            "right-full mr-2": "left" === local.placement,
-            "left-full ml-2": "right" === local.placement
-        }));
-    };
-    const ModeSwitcher = ()=>(()=>{
-            var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
-            _el$2.$$click = ()=>setMode("picker");
-            _el$3.$$click = ()=>setMode("wheel");
-            _el$4.$$click = ()=>setMode("flower");
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("flex-1 px-3 py-1 text-xs font-medium rounded-sm transition-colors", {
-                    "bg-base-100 shadow-sm text-base-content": "picker" === mode(),
-                    "text-base-content/60 hover:text-base-content": "picker" !== mode()
-                }), _v$2 = (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("flex-1 px-3 py-1 text-xs font-medium rounded-sm transition-colors", {
-                    "bg-base-100 shadow-sm text-base-content": "wheel" === mode(),
-                    "text-base-content/60 hover:text-base-content": "wheel" !== mode()
-                }), _v$3 = (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("flex-1 px-3 py-1 text-xs font-medium rounded-sm transition-colors", {
-                    "bg-base-100 shadow-sm text-base-content": "flower" === mode(),
-                    "text-base-content/60 hover:text-base-content": "flower" !== mode()
-                });
-                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-                _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-                _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
-                return _p$;
-            }, {
-                e: void 0,
-                t: void 0,
-                a: void 0
-            });
-            return _el$;
-        })();
-    const PopoverContent = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.MotionDiv, {
-            get initial () {
-                return __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionPresets.fadeUp.initial;
-            },
-            get animate () {
-                return __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionPresets.fadeUp.animate;
-            },
-            get exit () {
-                return __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionPresets.fadeUp.exit;
-            },
-            get transition () {
-                return __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__.motionPresets.fadeUp.transition;
-            },
-            get ["class"] () {
-                return popoverClasses();
-            },
-            get children () {
-                return [
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ModeSwitcher, {}),
-                    (()=>{
-                        var _el$5 = _tmpl$3();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return "picker" === mode();
-                            },
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorPickerGradientSelector_js_56799ff8__["default"], {});
-                            }
-                        }), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return "wheel" === mode();
-                            },
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorPickerWheelSelector_js_ea2d44f8__["default"], {});
-                            }
-                        }), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return "flower" === mode();
-                            },
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorPickerFlowerSelector_js_461ceb45__["default"], {});
-                            }
-                        }), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return local.showAlpha;
-                            },
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__AlphaSlider_js_9037f62c__["default"], {});
-                            }
-                        }), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorInput_js_cca8d716__["default"], {}), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return local.swatches || DEFAULT_SWATCHES;
-                            },
-                            get children () {
-                                var _el$6 = _tmpl$2();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorSwatches_js_ed23b2d2__["default"], {
-                                    get swatches () {
-                                        return local.swatches || DEFAULT_SWATCHES;
-                                    }
-                                }));
-                                return _el$6;
-                            }
-                        }), null);
-                        return _el$5;
-                    })()
-                ];
-            }
-        });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.ColorPickerContext.Provider, {
-        value: contextValue,
-        get children () {
-            var _el$7 = _tmpl$5();
-            _el$7.$$keydown = handleKeyDown;
-            var _ref$ = containerRef;
-            "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$7) : containerRef = _el$7;
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                get ["class"] () {
-                    return containerClasses();
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }, others), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorPreview_js_cbf20135__["default"], {
-                get color () {
-                    return color();
-                },
-                get disabled () {
-                    return local.disabled;
-                },
-                onClick: togglePicker,
-                get ["aria-label"] () {
-                    return local["aria-label"] || "Color picker";
-                }
-            }), null);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                get when () {
-                    return isOpen() && !local.disabled;
-                },
-                get children () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(PopoverContent, {});
-                }
-            }), null);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                get when () {
-                    return isOpen() && !local.disabled;
-                },
-                get children () {
-                    var _el$8 = _tmpl$4();
-                    _el$8.$$click = ()=>setIsOpen(false);
-                    return _el$8;
-                }
-            }), null);
-            return _el$7;
-        }
-    });
-};
-const colorpicker_ColorPicker = ColorPicker;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click",
-    "keydown"
-]);
-export { colorpicker_ColorPicker as default };

package/dist/components/colorpicker/ColorPickerFlowerSelector.d.ts

@@ -1,3 +0,0 @@
-import type { JSX } from "solid-js";
-declare const ColorPickerFlowerSelector: () => JSX.Element;
-export default ColorPickerFlowerSelector;

package/dist/components/colorpicker/ColorPickerFlowerSelector.js

@@ -1,9 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_js_ffac5f30__ from "./ColorWheelFlower.js";
-import * as __WEBPACK_EXTERNAL_MODULE__LightnessSlider_js_8323e906__ from "./LightnessSlider.js";
-const ColorPickerFlowerSelector_ColorPickerFlowerSelector = ()=>[
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_js_ffac5f30__["default"], {}),
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__LightnessSlider_js_8323e906__["default"], {})
-    ];
-const ColorPickerFlowerSelector = ColorPickerFlowerSelector_ColorPickerFlowerSelector;
-export { ColorPickerFlowerSelector as default };

package/dist/components/colorpicker/ColorPickerGradientSelector.d.ts

@@ -1,3 +0,0 @@
-import type { JSX } from "solid-js";
-declare const ColorPickerGradientSelector: () => JSX.Element;
-export default ColorPickerGradientSelector;

package/dist/components/colorpicker/ColorPickerGradientSelector.js

@@ -1,9 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE__SaturationBrightness_js_260379ed__ from "./SaturationBrightness.js";
-import * as __WEBPACK_EXTERNAL_MODULE__HueSlider_js_2f8e5d2a__ from "./HueSlider.js";
-const ColorPickerGradientSelector = ()=>[
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__SaturationBrightness_js_260379ed__["default"], {}),
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__HueSlider_js_2f8e5d2a__["default"], {})
-    ];
-const colorpicker_ColorPickerGradientSelector = ColorPickerGradientSelector;
-export { colorpicker_ColorPickerGradientSelector as default };

package/dist/components/colorpicker/ColorPickerWheelSelector.d.ts

@@ -1,3 +0,0 @@
-import type { JSX } from "solid-js";
-declare const ColorPickerWheelSelector: () => JSX.Element;
-export default ColorPickerWheelSelector;

package/dist/components/colorpicker/ColorPickerWheelSelector.js

@@ -1,9 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorWheel_js_83f4ee9c__ from "./ColorWheel.js";
-import * as __WEBPACK_EXTERNAL_MODULE__LightnessSlider_js_8323e906__ from "./LightnessSlider.js";
-const ColorPickerWheelSelector = ()=>[
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ColorWheel_js_83f4ee9c__["default"], {}),
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__LightnessSlider_js_8323e906__["default"], {})
-    ];
-const colorpicker_ColorPickerWheelSelector = ColorPickerWheelSelector;
-export { colorpicker_ColorPickerWheelSelector as default };

package/dist/components/colorpicker/ColorPreview.d.ts

@@ -1,11 +0,0 @@
-import type { JSX } from "solid-js";
-import type { ColorValue } from "./ColorUtils";
-export interface ColorPreviewProps {
-    color: ColorValue;
-    disabled?: boolean;
-    onClick?: () => void;
-    class?: string;
-    className?: string;
-}
-declare const ColorPreview: (props: ColorPreviewProps) => JSX.Element;
-export default ColorPreview;

package/dist/components/colorpicker/ColorPreview.js

@@ -1,47 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__ from "./ColorUtils.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><div class="w-full h-full relative">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0">');
-const ColorPreview = (props)=>{
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-10 h-10 rounded border-2 cursor-pointer transition-all duration-150 overflow-hidden", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "border-base-300 hover:scale-110 hover:shadow-lg": !props.disabled,
-            "border-base-200 opacity-50 cursor-not-allowed": props.disabled
-        }), props.class, props.className);
-    const hasAlpha = ()=>props.color.hsl.a < 1;
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$, "click", props.onClick, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!hasAlpha());
-            return ()=>_c$() && (()=>{
-                    var _el$3 = _tmpl$2();
-                    _el$3.style.setProperty("background-image", "linear-gradient(45deg, hsl(var(--b3)) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--b3)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--b3)) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--b3)) 75%)");
-                    _el$3.style.setProperty("background-size", "8px 8px");
-                    _el$3.style.setProperty("background-position", "0 0, 0 4px, 4px -4px, -4px 0px");
-                    return _el$3;
-                })();
-        })(), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = classes(), _v$2 = props.disabled, _v$3 = `Current color: ${(0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.formatColor)(props.color, "hex")}`, _v$4 = props.disabled ? -1 : 0, _v$5 = `rgba(${props.color.rgb.r}, ${props.color.rgb.g}, ${props.color.rgb.b}, ${props.color.rgb.a})`;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$.disabled = _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-label", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "tabindex", _p$.o = _v$4);
-            _v$5 !== _p$.i && (null != (_p$.i = _v$5) ? _el$2.style.setProperty("background-color", _v$5) : _el$2.style.removeProperty("background-color"));
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0
-        });
-        return _el$;
-    })();
-};
-const colorpicker_ColorPreview = ColorPreview;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
-export { colorpicker_ColorPreview as default };

package/dist/components/colorpicker/ColorSwatches.d.ts

@@ -1,8 +0,0 @@
-import { type JSX } from "solid-js";
-export interface ColorSwatchesProps {
-    swatches: string[];
-    class?: string;
-    className?: string;
-}
-declare const ColorSwatches: (props: ColorSwatchesProps) => JSX.Element;
-export default ColorSwatches;

package/dist/components/colorpicker/ColorSwatches.js

@@ -1,67 +0,0 @@
-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_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__ from "./colorpickerContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__ from "./ColorUtils.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
-const ColorSwatches = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.useColorPickerContext)();
-    const handleSwatchClick = (swatch)=>{
-        if (context.disabled()) return;
-        const color = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.parseColor)(swatch);
-        if (color) context.onChange(color);
-    };
-    const handleKeyDown = (e, swatch)=>{
-        if (context.disabled()) return;
-        if ("Enter" === e.key || " " === e.key) {
-            e.preventDefault();
-            handleSwatchClick(swatch);
-        }
-    };
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("grid grid-cols-8 gap-2 w-full", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "opacity-50 pointer-events-none": context.disabled()
-        }), props.class, props.className);
-    const swatchClasses = (swatch)=>{
-        const isSelected = context.color().hex.toLowerCase() === swatch.toLowerCase();
-        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-8 h-8 rounded cursor-pointer border-2 transition-all duration-150", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "border-primary ring-2 ring-primary ring-offset-2 ring-offset-base-100": isSelected,
-            "border-base-300 hover:scale-110 hover:shadow-lg": !isSelected
-        }));
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        (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__.For, {
-            get each () {
-                return props.swatches;
-            },
-            children: (swatch)=>(()=>{
-                    var _el$2 = _tmpl$2();
-                    _el$2.$$keydown = (e)=>handleKeyDown(e, swatch);
-                    _el$2.$$click = ()=>handleSwatchClick(swatch);
-                    null != swatch ? _el$2.style.setProperty("background-color", swatch) : _el$2.style.removeProperty("background-color");
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-label", `Select color ${swatch}`);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$ = swatchClasses(swatch), _v$2 = context.disabled(), _v$3 = context.disabled() ? -1 : 0;
-                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-                        _v$2 !== _p$.t && (_el$2.disabled = _p$.t = _v$2);
-                        _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "tabindex", _p$.a = _v$3);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0
-                    });
-                    return _el$2;
-                })()
-        }));
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, classes()));
-        return _el$;
-    })();
-};
-const colorpicker_ColorSwatches = ColorSwatches;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click",
-    "keydown"
-]);
-export { colorpicker_ColorSwatches as default };

package/dist/components/colorpicker/ColorWheel.d.ts

@@ -1,7 +0,0 @@
-import { type JSX } from "solid-js";
-export interface ColorWheelProps {
-    class?: string;
-    className?: string;
-}
-declare const ColorWheel: (props: ColorWheelProps) => JSX.Element;
-export default ColorWheel;

package/dist/components/colorpicker/ColorWheel.js

@@ -1,106 +0,0 @@
-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_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__ from "./colorpickerContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__ from "./ColorUtils.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=slider aria-label="Color Wheel"><div>');
-const ColorWheel_ColorWheel = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.useColorPickerContext)();
-    const [isDragging, setIsDragging] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    let containerRef;
-    let cursorRef;
-    const hue = ()=>context.color().hsl.h;
-    const saturation = ()=>context.color().hsl.s;
-    const lightness = ()=>context.color().hsl.l;
-    const updateColor = (x, y)=>{
-        if (!containerRef || context.disabled()) return;
-        const rect = containerRef.getBoundingClientRect();
-        const centerX = rect.width / 2;
-        const centerY = rect.height / 2;
-        const dx = x - rect.left - centerX;
-        const dy = y - rect.top - centerY;
-        let angle = 180 / Math.PI * Math.atan2(dy, dx) + 90;
-        if (angle < 0) angle += 360;
-        const distance = Math.sqrt(dx * dx + dy * dy);
-        const radius = rect.width / 2;
-        const s = Math.min(100, distance / radius * 100);
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(Math.round(angle), Math.round(s), lightness(), context.color().hsl.a);
-        context.onChange(newColor);
-    };
-    const handleMouseDown = (e)=>{
-        if (context.disabled()) return;
-        setIsDragging(true);
-        updateColor(e.clientX, e.clientY);
-        e.preventDefault();
-    };
-    const handleMouseMove = (e)=>{
-        if (isDragging()) {
-            updateColor(e.clientX, e.clientY);
-            e.preventDefault();
-        }
-    };
-    const handleMouseUp = ()=>{
-        setIsDragging(false);
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
-    });
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("relative w-48 h-48 rounded-full cursor-crosshair select-none overflow-hidden mx-auto", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "opacity-50 cursor-not-allowed": context.disabled()
-        }), props.class, props.className);
-    const cursorPosition = ()=>{
-        const hRad = (hue() - 90) * (Math.PI / 180);
-        const sNorm = saturation() / 100;
-        const x = 50 + 50 * sNorm * Math.cos(hRad);
-        const y = 50 + 50 * sNorm * Math.sin(hRad);
-        return {
-            x,
-            y
-        };
-    };
-    const cursorClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("absolute w-4 h-4 border-2 border-white rounded-full shadow-lg pointer-events-none transform -translate-x-1/2 -translate-y-1/2", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "ring-2 ring-primary": isDragging()
-        }));
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        _el$.$$mousedown = handleMouseDown;
-        var _ref$ = containerRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : containerRef = _el$;
-        _el$.style.setProperty("background", "\n          radial-gradient(circle, white 0%, transparent 100%),\n          conic-gradient(\n            from 0deg,\n            hsl(0, 100%, 50%),\n            hsl(60, 100%, 50%),\n            hsl(120, 100%, 50%),\n            hsl(180, 100%, 50%),\n            hsl(240, 100%, 50%),\n            hsl(300, 100%, 50%),\n            hsl(360, 100%, 50%)\n          )\n        ");
-        var _ref$2 = cursorRef;
-        "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$2) : cursorRef = _el$2;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = classes(), _v$2 = context.disabled() ? -1 : 0, _v$3 = `Hue ${Math.round(hue())}deg, Saturation ${Math.round(saturation())}%`, _v$4 = context.disabled(), _v$5 = cursorClasses(), _v$6 = `${cursorPosition().x}%`, _v$7 = `${cursorPosition().y}%`, _v$8 = `hsl(${hue()}, ${saturation()}%, 50%)`;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "tabindex", _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-valuetext", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.i = _v$5);
-            _v$6 !== _p$.n && (null != (_p$.n = _v$6) ? _el$2.style.setProperty("left", _v$6) : _el$2.style.removeProperty("left"));
-            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$2.style.setProperty("top", _v$7) : _el$2.style.removeProperty("top"));
-            _v$8 !== _p$.h && (null != (_p$.h = _v$8) ? _el$2.style.setProperty("background-color", _v$8) : _el$2.style.removeProperty("background-color"));
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0,
-            s: void 0,
-            h: void 0
-        });
-        return _el$;
-    })();
-};
-const ColorWheel = ColorWheel_ColorWheel;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "mousedown"
-]);
-export { ColorWheel as default };