@pathscale/ui 1.1.38 → 1.1.39

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 };

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

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

package/dist/components/colorpicker/HueSlider.js

@@ -1,105 +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=Hue aria-valuemin=0 aria-valuemax=360><div>");
-const HueSlider = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.useColorPickerContext)();
-    const [isDragging, setIsDragging] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    let sliderRef;
-    const hue = ()=>context.color().hsl.h;
-    const updateHue = (clientX)=>{
-        if (!sliderRef || context.disabled()) return;
-        const rect = sliderRef.getBoundingClientRect();
-        const percentage = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-        const newHue = Math.round(360 * percentage);
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(newHue, context.color().hsl.s, context.color().hsl.l, context.color().hsl.a);
-        context.onChange(newColor);
-    };
-    const handleMouseDown = (e)=>{
-        if (context.disabled()) return;
-        setIsDragging(true);
-        updateHue(e.clientX);
-        e.preventDefault();
-    };
-    const handleMouseMove = (e)=>{
-        if (isDragging()) {
-            updateHue(e.clientX);
-            e.preventDefault();
-        }
-    };
-    const handleMouseUp = ()=>{
-        setIsDragging(false);
-    };
-    const handleKeyDown = (e)=>{
-        if (context.disabled()) return;
-        const step = e.shiftKey ? 10 : 1;
-        let newHue = hue();
-        switch(e.key){
-            case "ArrowLeft":
-            case "ArrowDown":
-                newHue = (hue() - step + 360) % 360;
-                e.preventDefault();
-                break;
-            case "ArrowRight":
-            case "ArrowUp":
-                newHue = (hue() + step) % 360;
-                e.preventDefault();
-                break;
-            default:
-                return;
-        }
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(newHue, context.color().hsl.s, context.color().hsl.l, context.color().hsl.a);
-        context.onChange(newColor);
-    };
-    (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-full h-6 rounded cursor-pointer select-none", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "opacity-50 cursor-not-allowed": context.disabled()
-        }), props.class, props.className);
-    const thumbClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("absolute top-1/2 w-4 h-4 border-2 border-white rounded-full shadow-lg transform -translate-x-1/2 -translate-y-1/2 pointer-events-none", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "ring-2 ring-primary": isDragging()
-        }));
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        _el$.$$keydown = handleKeyDown;
-        _el$.$$mousedown = handleMouseDown;
-        var _ref$ = sliderRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : sliderRef = _el$;
-        _el$.style.setProperty("background", "linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)");
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = classes(), _v$2 = context.disabled() ? -1 : 0, _v$3 = hue(), _v$4 = context.disabled(), _v$5 = thumbClasses(), _v$6 = `${hue() / 360 * 100}%`, _v$7 = `hsl(${hue()}, 100%, 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-valuenow", _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("background-color", _v$7) : _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
-        });
-        return _el$;
-    })();
-};
-const colorpicker_HueSlider = HueSlider;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "mousedown",
-    "keydown"
-]);
-export { colorpicker_HueSlider as default };

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

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

package/dist/components/colorpicker/LightnessSlider.js

@@ -1,111 +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=Lightness aria-valuemin=0 aria-valuemax=100><div>");
-const LightnessSlider_LightnessSlider = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.useColorPickerContext)();
-    const [isDragging, setIsDragging] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    let sliderRef;
-    const lightness = ()=>context.color().hsl.l;
-    const updateLightness = (clientX)=>{
-        if (!sliderRef || context.disabled()) return;
-        const rect = sliderRef.getBoundingClientRect();
-        const percentage = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-        const newLightness = Math.round(100 * percentage);
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(context.color().hsl.h, context.color().hsl.s, newLightness, context.color().hsl.a);
-        context.onChange(newColor);
-    };
-    const handleMouseDown = (e)=>{
-        if (context.disabled()) return;
-        setIsDragging(true);
-        updateLightness(e.clientX);
-        e.preventDefault();
-    };
-    const handleMouseMove = (e)=>{
-        if (isDragging()) {
-            updateLightness(e.clientX);
-            e.preventDefault();
-        }
-    };
-    const handleMouseUp = ()=>{
-        setIsDragging(false);
-    };
-    const handleKeyDown = (e)=>{
-        if (context.disabled()) return;
-        const step = e.shiftKey ? 10 : 1;
-        let newL = lightness();
-        switch(e.key){
-            case "ArrowLeft":
-            case "ArrowDown":
-                newL = Math.max(0, newL - step);
-                e.preventDefault();
-                break;
-            case "ArrowRight":
-            case "ArrowUp":
-                newL = Math.min(100, newL + step);
-                e.preventDefault();
-                break;
-            default:
-                return;
-        }
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(context.color().hsl.h, context.color().hsl.s, newL, context.color().hsl.a);
-        context.onChange(newColor);
-    };
-    (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-full h-6 rounded cursor-pointer select-none", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "opacity-50 cursor-not-allowed": context.disabled()
-        }), props.class, props.className);
-    const thumbClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("absolute top-1/2 w-4 h-4 border-2 border-white rounded-full shadow-lg transform -translate-x-1/2 -translate-y-1/2 pointer-events-none", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "ring-2 ring-primary": isDragging()
-        }));
-    const gradientStyle = ()=>{
-        const h = context.color().hsl.h;
-        const s = context.color().hsl.s;
-        return `linear-gradient(to right, hsl(${h}, ${s}%, 0%), hsl(${h}, ${s}%, 50%), hsl(${h}, ${s}%, 100%))`;
-    };
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        _el$.$$keydown = handleKeyDown;
-        _el$.$$mousedown = handleMouseDown;
-        var _ref$ = sliderRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : sliderRef = _el$;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = classes(), _v$2 = gradientStyle(), _v$3 = context.disabled() ? -1 : 0, _v$4 = lightness(), _v$5 = context.disabled(), _v$6 = thumbClasses(), _v$7 = `${lightness()}%`, _v$8 = `hsl(${context.color().hsl.h}, ${context.color().hsl.s}%, ${lightness()}%)`;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$.style.setProperty("background", _v$2) : _el$.style.removeProperty("background"));
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "tabindex", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-valuenow", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.n = _v$6);
-            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$2.style.setProperty("left", _v$7) : _el$2.style.removeProperty("left"));
-            _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 LightnessSlider = LightnessSlider_LightnessSlider;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "mousedown",
-    "keydown"
-]);
-export { LightnessSlider as default };

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

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

package/dist/components/colorpicker/SaturationBrightness.js

@@ -1,120 +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="Saturation and brightness"aria-valuemin=0 aria-valuemax=100><div>');
-const SaturationBrightness = (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 saturation = ()=>context.color().hsl.s;
-    const brightness = ()=>100 - context.color().hsl.l;
-    const updateColor = (x, y)=>{
-        if (!containerRef || context.disabled()) return;
-        const rect = containerRef.getBoundingClientRect();
-        const s = Math.max(0, Math.min(100, (x - rect.left) / rect.width * 100));
-        const l = Math.max(0, Math.min(100, 100 - (y - rect.top) / rect.height * 100));
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(context.color().hsl.h, s, l, 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);
-    };
-    const handleKeyDown = (e)=>{
-        if (context.disabled()) return;
-        const step = e.shiftKey ? 10 : 1;
-        let s = saturation();
-        let l = 100 - brightness();
-        switch(e.key){
-            case "ArrowLeft":
-                s = Math.max(0, s - step);
-                e.preventDefault();
-                break;
-            case "ArrowRight":
-                s = Math.min(100, s + step);
-                e.preventDefault();
-                break;
-            case "ArrowUp":
-                l = Math.min(100, l + step);
-                e.preventDefault();
-                break;
-            case "ArrowDown":
-                l = Math.max(0, l - step);
-                e.preventDefault();
-                break;
-            default:
-                return;
-        }
-        const newColor = (0, __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__.createColorFromHsl)(context.color().hsl.h, s, l, context.color().hsl.a);
-        context.onChange(newColor);
-    };
-    (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-full h-48 rounded cursor-crosshair select-none", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "opacity-50 cursor-not-allowed": context.disabled()
-        }), props.class, props.className);
-    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$.$$keydown = handleKeyDown;
-        _el$.$$mousedown = handleMouseDown;
-        var _ref$ = containerRef;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : containerRef = _el$;
-        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 = `
-          linear-gradient(to top, #000, transparent),
-          linear-gradient(to right, #fff, hsl(${context.color().hsl.h}, 100%, 50%))
-        `, _v$3 = context.disabled() ? -1 : 0, _v$4 = saturation(), _v$5 = context.disabled(), _v$6 = cursorClasses(), _v$7 = `${saturation()}%`, _v$8 = `${brightness()}%`;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$.style.setProperty("background", _v$2) : _el$.style.removeProperty("background"));
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "tabindex", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-valuenow", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.n = _v$6);
-            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$2.style.setProperty("left", _v$7) : _el$2.style.removeProperty("left"));
-            _v$8 !== _p$.h && (null != (_p$.h = _v$8) ? _el$2.style.setProperty("top", _v$8) : _el$2.style.removeProperty("top"));
-            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 colorpicker_SaturationBrightness = SaturationBrightness;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "mousedown",
-    "keydown"
-]);
-export { colorpicker_SaturationBrightness as default };

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

@@ -1,26 +0,0 @@
-export { default as ColorPicker, default } from "./ColorPicker";
-export type { ColorPickerProps, ColorFormat, ColorPickerMode } from "./ColorPicker";
-export { default as ColorPickerGradientSelector } from "./ColorPickerGradientSelector";
-export { default as ColorPickerWheelSelector } from "./ColorPickerWheelSelector";
-export { default as ColorPickerFlowerSelector } from "./ColorPickerFlowerSelector";
-export { default as SaturationBrightness } from "./SaturationBrightness";
-export { default as HueSlider } from "./HueSlider";
-export { default as LightnessSlider } from "./LightnessSlider";
-export { default as AlphaSlider } from "./AlphaSlider";
-export { default as ColorWheel } from "./ColorWheel";
-export { default as ColorWheelFlower } from "./ColorWheelFlower";
-export { default as ColorSwatches } from "./ColorSwatches";
-export { default as ColorInput } from "./ColorInput";
-export { default as ColorPreview } from "./ColorPreview";
-export { ColorPickerContext, useColorPickerContext } from "./colorpickerContext";
-export type { ColorPickerContextType } from "./colorpickerContext";
-export type { SaturationBrightnessProps } from "./SaturationBrightness";
-export type { HueSliderProps } from "./HueSlider";
-export type { LightnessSliderProps } from "./LightnessSlider";
-export type { AlphaSliderProps } from "./AlphaSlider";
-export type { ColorWheelProps } from "./ColorWheel";
-export type { ColorWheelFlowerProps } from "./ColorWheelFlower";
-export type { ColorSwatchesProps } from "./ColorSwatches";
-export type { ColorInputProps } from "./ColorInput";
-export type { ColorPreviewProps } from "./ColorPreview";
-export type { ColorValue, RGB, RGBA, HSL, HSLA } from "./ColorUtils";

package/dist/components/colorpicker/index.js

@@ -1,31 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__ from "./ColorPicker.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__SaturationBrightness_js_260379ed__ from "./SaturationBrightness.js";
-import * as __WEBPACK_EXTERNAL_MODULE__HueSlider_js_2f8e5d2a__ from "./HueSlider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__LightnessSlider_js_8323e906__ from "./LightnessSlider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__AlphaSlider_js_9037f62c__ from "./AlphaSlider.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorWheel_js_83f4ee9c__ from "./ColorWheel.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_js_ffac5f30__ from "./ColorWheelFlower.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__colorpickerContext_js_45c33b20__ from "./colorpickerContext.js";
-var __webpack_exports__AlphaSlider = __WEBPACK_EXTERNAL_MODULE__AlphaSlider_js_9037f62c__["default"];
-var __webpack_exports__ColorInput = __WEBPACK_EXTERNAL_MODULE__ColorInput_js_cca8d716__["default"];
-var __webpack_exports__ColorPicker = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__["default"];
-var __webpack_exports__ColorPickerContext = __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.ColorPickerContext;
-var __webpack_exports__ColorPickerFlowerSelector = __WEBPACK_EXTERNAL_MODULE__ColorPickerFlowerSelector_js_461ceb45__["default"];
-var __webpack_exports__ColorPickerGradientSelector = __WEBPACK_EXTERNAL_MODULE__ColorPickerGradientSelector_js_56799ff8__["default"];
-var __webpack_exports__ColorPickerWheelSelector = __WEBPACK_EXTERNAL_MODULE__ColorPickerWheelSelector_js_ea2d44f8__["default"];
-var __webpack_exports__ColorPreview = __WEBPACK_EXTERNAL_MODULE__ColorPreview_js_cbf20135__["default"];
-var __webpack_exports__ColorSwatches = __WEBPACK_EXTERNAL_MODULE__ColorSwatches_js_ed23b2d2__["default"];
-var __webpack_exports__ColorWheel = __WEBPACK_EXTERNAL_MODULE__ColorWheel_js_83f4ee9c__["default"];
-var __webpack_exports__ColorWheelFlower = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_js_ffac5f30__["default"];
-var __webpack_exports__HueSlider = __WEBPACK_EXTERNAL_MODULE__HueSlider_js_2f8e5d2a__["default"];
-var __webpack_exports__LightnessSlider = __WEBPACK_EXTERNAL_MODULE__LightnessSlider_js_8323e906__["default"];
-var __webpack_exports__SaturationBrightness = __WEBPACK_EXTERNAL_MODULE__SaturationBrightness_js_260379ed__["default"];
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ColorPicker_js_c381c0c3__["default"];
-var __webpack_exports__useColorPickerContext = __WEBPACK_EXTERNAL_MODULE__colorpickerContext_js_45c33b20__.useColorPickerContext;
-export { __webpack_exports__AlphaSlider as AlphaSlider, __webpack_exports__ColorInput as ColorInput, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ColorPickerContext as ColorPickerContext, __webpack_exports__ColorPickerFlowerSelector as ColorPickerFlowerSelector, __webpack_exports__ColorPickerGradientSelector as ColorPickerGradientSelector, __webpack_exports__ColorPickerWheelSelector as ColorPickerWheelSelector, __webpack_exports__ColorPreview as ColorPreview, __webpack_exports__ColorSwatches as ColorSwatches, __webpack_exports__ColorWheel as ColorWheel, __webpack_exports__ColorWheelFlower as ColorWheelFlower, __webpack_exports__HueSlider as HueSlider, __webpack_exports__LightnessSlider as LightnessSlider, __webpack_exports__SaturationBrightness as SaturationBrightness, __webpack_exports__default as default, __webpack_exports__useColorPickerContext as useColorPickerContext };

package/dist/components/confirm-dialog/ConfirmDialog.d.ts

@@ -1,15 +0,0 @@
-import type { JSX, ParentProps } from "solid-js";
-import type { ButtonVariant } from "../button";
-import type { IComponentBaseProps } from "../types";
-export type ConfirmDialogProps = ParentProps<IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDialogElement>, "children"> & {
-    open: boolean;
-    onClose: () => void;
-    onConfirm: () => void;
-    title: string;
-    message?: JSX.Element;
-    confirmText?: string;
-    cancelText?: string;
-    confirmVariant?: ButtonVariant;
-    loading?: boolean;
-}>;
-export default function ConfirmDialog(props: ConfirmDialogProps): JSX.Element;