entangle-ui 0.1.0 → 0.3.0

package/dist/esm/components/controls/ColorPicker/ColorSwatch.js

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import styled from '@emotion/styled';
+
+const SWATCH_SIZE_MAP = {
+    sm: 20,
+    md: 24,
+    lg: 32,
+};
+const StyledSwatch = styled.button `
+  /* Reset */
+  margin: 0;
+  padding: 0;
+  border: 1px solid ${props => props.theme.colors.border.default};
+  font-family: inherit;
+  outline: none;
+  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
+
+  /* Size */
+  width: ${props => props.$size}px;
+  height: ${props => props.$size}px;
+  flex-shrink: 0;
+
+  /* Shape */
+  border-radius: ${props => props.$shape === 'circle' ? '50%' : `${props.theme.borderRadius.sm}px`};
+
+  /* Checkerboard for alpha */
+  background-image:
+    linear-gradient(45deg, #ccc 25%, transparent 25%),
+    linear-gradient(-45deg, #ccc 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #ccc 75%),
+    linear-gradient(-45deg, transparent 75%, #ccc 75%);
+  background-size: 8px 8px;
+  background-position:
+    0 0,
+    0 4px,
+    4px -4px,
+    -4px 0px;
+
+  /* Disabled */
+  opacity: ${props => (props.$disabled ? 0.5 : 1)};
+
+  /* Transition */
+  transition: border-color ${props => props.theme.transitions.fast};
+
+  &:hover:not(:disabled) {
+    border-color: ${props => props.theme.colors.border.focus};
+  }
+
+  &:focus-visible {
+    box-shadow: ${props => props.theme.shadows.focus};
+  }
+`;
+const StyledSwatchColor = styled.span `
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+`;
+const ColorSwatch = /*#__PURE__*/ React.memo(({ color, size = 'md', shape = 'square', disabled = false, onClick, className, style, testId, ref, ...rest }) => {
+    const pixelSize = SWATCH_SIZE_MAP[size];
+    return (jsx(StyledSwatch, { ref: ref, type: "button", "$size": pixelSize, "$shape": shape, "$disabled": disabled, disabled: disabled, onClick: onClick, className: className, style: style, "data-testid": testId, "aria-label": rest['aria-label'] ?? `Color: ${color}`, ...rest, children: jsx(StyledSwatchColor, { style: { background: color } }) }));
+});
+ColorSwatch.displayName = 'ColorSwatch';
+
+export { ColorSwatch };
+//# sourceMappingURL=ColorSwatch.js.map

package/dist/esm/components/controls/ColorPicker/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorSwatch.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,eAAe,GAAoC;AACvD,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP;AAQD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;sBAI/B,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;;AAGpD,UAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;;;AAGvD,SAAA,EAAA,KAAK,IAAI,KAAK,CAAC,KAAK,CAAA;AACnB,UAAA,EAAA,KAAK,IAAI,KAAK,CAAC,KAAK,CAAA;;;;mBAIb,KAAK,IACpB,KAAK,CAAC,MAAM,KAAK,QAAQ,GAAG,KAAK,GAAG,CAAA,EAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAI,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAgB7D,WAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA;;;6BAGpB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;;oBAG9C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;;;;kBAI1C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA;;CAEnD;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKpC;AAEY,MAAA,WAAW,iBAAiB,KAAK,CAAC,IAAI,CACjD,CAAC,EACC,KAAK,EACL,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,YAAY,EAAA,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EAAA,OAAA,EACN,SAAS,EAAA,QAAA,EACR,KAAK,EAAA,WAAA,EACF,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,aAAA,EACC,MAAM,EAAA,YAAA,EACP,IAAI,CAAC,YAAY,CAAC,IAAI,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,EAC/C,GAAA,IAAI,EAER,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAAA,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA,CAAI,EACtC,CAAA;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/components/controls/ColorPicker/EyeDropper.js

@@ -0,0 +1,85 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import styled from '@emotion/styled';
+import { EyeDropperIcon } from '../../Icons/EyeDropperIcon.js';
+
+// ---------- Size map ----------
+const SIZE_MAP = {
+    sm: 20,
+    md: 24,
+    lg: 28,
+};
+// ---------- Styled components ----------
+const StyledButton = styled.button `
+  margin: 0;
+  padding: 0;
+  border: 1px solid ${({ theme }) => theme.colors.border.default};
+  background: transparent;
+  outline: none;
+  cursor: pointer;
+
+  width: ${({ $size }) => $size}px;
+  height: ${({ $size }) => $size}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  border-radius: ${({ theme }) => theme.borderRadius.sm}px;
+  color: ${({ theme }) => theme.colors.text.muted};
+  transition:
+    background ${({ theme }) => theme.transitions.fast},
+    color ${({ theme }) => theme.transitions.fast},
+    border-color ${({ theme }) => theme.transitions.fast};
+
+  &:hover {
+    background: ${({ theme }) => theme.colors.surface.hover};
+    color: ${({ theme }) => theme.colors.text.primary};
+  }
+
+  &:focus-visible {
+    box-shadow: ${({ theme }) => theme.shadows.focus};
+  }
+
+  ${({ $disabled }) => $disabled &&
+    `
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+  `}
+`;
+// ---------- Component ----------
+/**
+ * EyeDropper button that opens the native browser EyeDropper API
+ * to sample a color from anywhere on the screen.
+ *
+ * Renders nothing if the EyeDropper API is not available in the browser.
+ *
+ * @example
+ * ```tsx
+ * <EyeDropper onColorPick={(hex) => setColor(hex)} />
+ * ```
+ */
+const EyeDropper = ({ onColorPick, size = 'md', disabled = false, testId, css: cssProp, ...rest }) => {
+    const isAvailable = typeof window !== 'undefined' && 'EyeDropper' in window;
+    const handleClick = useCallback(() => {
+        if (!isAvailable)
+            return;
+        const dropper = new window.EyeDropper();
+        void dropper.open().then(result => {
+            onColorPick?.(result.sRGBHex);
+        }, () => {
+            // User cancelled the eye dropper -- silently ignore
+        });
+    }, [isAvailable, onColorPick]);
+    if (!isAvailable) {
+        return null;
+    }
+    const pixelSize = SIZE_MAP[size];
+    return (jsx(StyledButton, { type: "button", "$size": pixelSize, "$disabled": disabled, disabled: disabled, onClick: handleClick, "data-testid": testId, style: typeof cssProp === 'function'
+            ? undefined
+            : cssProp, "aria-label": "Pick color from screen", ...rest, children: jsx(EyeDropperIcon, { size: "sm" }) }));
+};
+EyeDropper.displayName = 'EyeDropper';
+
+export { EyeDropper };
+//# sourceMappingURL=EyeDropper.js.map

package/dist/esm/components/controls/ColorPicker/EyeDropper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EyeDropper.js","sources":["../../../../../../src/components/controls/ColorPicker/EyeDropper.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AA8BA;AAEA,MAAM,QAAQ,GAAyB;AACrC,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP;AAED;AAEA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAuC;;;AAGnD,oBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;;;;AAKrD,SAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAA;AACnB,UAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAA;;;;;mBAKb,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;AAC5C,SAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;;iBAEhC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;YAC1C,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;mBAC9B,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;;AAGtC,gBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;AAC9C,WAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;;;;kBAInC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA;;;AAGhD,EAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KACd,SAAS;AACT,IAAA;;;;AAID,EAAA,CAAA;CACF;AAED;AAEA;;;;;;;;;;AAUG;AACG,MAAA,UAAU,GAA8B,CAAC,EAC7C,WAAW,EACX,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,GAAG,EAAE,OAAO,EACZ,GAAG,IAAI,EACR,KAAI;IACH,MAAM,WAAW,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM;AAE3E,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,IAAI,CAAC,WAAW;YAAE;AAElB,QAAA,MAAM,OAAO,GAAG,IACd,MACD,CAAC,UAAU,EAAE;QAEd,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,IAAI,CACtB,MAAM,IAAG;AACP,YAAA,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;SAC9B,EACD,MAAK;;AAEL,SAAC,CACF;AACH,KAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAE9B,IAAI,CAAC,WAAW,EAAE;AAChB,QAAA,OAAO,IAAI;;AAGb,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC;IAEhC,QACEA,GAAC,CAAA,YAAY,EACX,EAAA,IAAI,EAAC,QAAQ,EACN,OAAA,EAAA,SAAS,EACL,WAAA,EAAA,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACP,aAAA,EAAA,MAAM,EACnB,KAAK,EACH,OAAO,OAAO,KAAK;AACjB,cAAE;AACF,cAAG,OAA+B,EAAA,YAAA,EAE3B,wBAAwB,EAAA,GAC/B,IAAI,EAER,QAAA,EAAAA,GAAA,CAAC,cAAc,EAAA,EAAC,IAAI,EAAC,IAAI,EAAG,CAAA,EAAA,CACf;AAEnB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/controls/ColorPicker/HueSlider.js

@@ -0,0 +1,85 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useCallback } from 'react';
+import styled from '@emotion/styled';
+
+const StyledTrack = styled.div `
+  position: relative;
+  width: 100%;
+  height: 4px;
+  border-radius: ${props => props.theme.borderRadius.sm}px;
+  background: linear-gradient(
+    to right,
+    hsl(0, 100%, 50%),
+    hsl(60, 100%, 50%),
+    hsl(120, 100%, 50%),
+    hsl(180, 100%, 50%),
+    hsl(240, 100%, 50%),
+    hsl(300, 100%, 50%),
+    hsl(360, 100%, 50%)
+  );
+  cursor: pointer;
+  user-select: none;
+  touch-action: none;
+`;
+const StyledThumb = styled.div `
+  position: absolute;
+  top: 50%;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  border: 2px solid white;
+  box-shadow: ${props => props.theme.shadows.sm};
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+`;
+const HueSlider = ({ hue, onChange, onChangeComplete, }) => {
+    const trackRef = useRef(null);
+    const getHue = useCallback((clientX) => {
+        const rect = trackRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const x = Math.max(0, Math.min(clientX - rect.left, rect.width));
+        const h = Math.round((x / rect.width) * 360);
+        onChange(h);
+    }, [onChange]);
+    const handlePointerDown = useCallback((e) => {
+        e.preventDefault();
+        e.currentTarget.setPointerCapture(e.pointerId);
+        getHue(e.clientX);
+    }, [getHue]);
+    const handlePointerMove = useCallback((e) => {
+        if (e.buttons === 0)
+            return;
+        getHue(e.clientX);
+    }, [getHue]);
+    const handlePointerUp = useCallback(() => {
+        onChangeComplete?.();
+    }, [onChangeComplete]);
+    const handleKeyDown = useCallback((e) => {
+        const step = e.shiftKey ? 1 : 5;
+        let newHue = hue;
+        switch (e.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                newHue = Math.min(360, hue + step);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                newHue = Math.max(0, hue - step);
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        onChange(newHue);
+    }, [hue, onChange]);
+    const thumbPosition = `${(hue / 360) * 100}%`;
+    return (jsx(StyledTrack, { ref: trackRef, role: "slider", tabIndex: 0, "aria-label": "Hue", "aria-valuemin": 0, "aria-valuemax": 360, "aria-valuenow": hue, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown, children: jsx(StyledThumb, { style: {
+                left: thumbPosition,
+                backgroundColor: `hsl(${hue}, 100%, 50%)`,
+            } }) }));
+};
+HueSlider.displayName = 'HueSlider';
+
+export { HueSlider };
+//# sourceMappingURL=HueSlider.js.map

package/dist/esm/components/controls/ColorPicker/HueSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HueSlider.js","sources":["../../../../../../src/components/controls/ColorPicker/HueSlider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/controls/ColorPicker/colorUtils.js

@@ -0,0 +1,220 @@
+/**
+ * Pure color conversion utilities for the ColorPicker.
+ * Internal state is always HSVA. All conversions go through HSVA.
+ */
+// --- Conversions ---
+function hsvToRgb(h, s, v) {
+    const s1 = s / 100;
+    const v1 = v / 100;
+    const c = v1 * s1;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = v1 - c;
+    let r1 = 0, g1 = 0, b1 = 0;
+    if (h < 60) {
+        r1 = c;
+        g1 = x;
+    }
+    else if (h < 120) {
+        r1 = x;
+        g1 = c;
+    }
+    else if (h < 180) {
+        g1 = c;
+        b1 = x;
+    }
+    else if (h < 240) {
+        g1 = x;
+        b1 = c;
+    }
+    else if (h < 300) {
+        r1 = x;
+        b1 = c;
+    }
+    else {
+        r1 = c;
+        b1 = x;
+    }
+    return {
+        r: Math.round((r1 + m) * 255),
+        g: Math.round((g1 + m) * 255),
+        b: Math.round((b1 + m) * 255),
+    };
+}
+function rgbToHsv(r, g, b) {
+    const r1 = r / 255;
+    const g1 = g / 255;
+    const b1 = b / 255;
+    const max = Math.max(r1, g1, b1);
+    const min = Math.min(r1, g1, b1);
+    const d = max - min;
+    let h = 0;
+    const s = max === 0 ? 0 : (d / max) * 100;
+    const v = max * 100;
+    if (d !== 0) {
+        if (max === r1) {
+            h = ((g1 - b1) / d) % 6;
+        }
+        else if (max === g1) {
+            h = (b1 - r1) / d + 2;
+        }
+        else {
+            h = (r1 - g1) / d + 4;
+        }
+        h *= 60;
+        if (h < 0)
+            h += 360;
+    }
+    return { h: Math.round(h), s: Math.round(s), v: Math.round(v) };
+}
+function hsvToHsl(h, s, v) {
+    const s1 = s / 100;
+    const v1 = v / 100;
+    const l = v1 * (1 - s1 / 2);
+    let sl = 0;
+    if (l > 0 && l < 1) {
+        sl = (v1 - l) / Math.min(l, 1 - l);
+    }
+    return {
+        h: Math.round(h),
+        s: Math.round(sl * 100),
+        l: Math.round(l * 100),
+    };
+}
+function hslToHsv(h, s, l) {
+    const s1 = s / 100;
+    const l1 = l / 100;
+    const v = l1 + s1 * Math.min(l1, 1 - l1);
+    const sv = v === 0 ? 0 : 2 * (1 - l1 / v);
+    return {
+        h: Math.round(h),
+        s: Math.round(sv * 100),
+        v: Math.round(v * 100),
+    };
+}
+function rgbToHex(r, g, b) {
+    const toHex = (n) => Math.max(0, Math.min(255, Math.round(n)))
+        .toString(16)
+        .padStart(2, '0');
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+function hexToRgb(hex) {
+    const clean = hex.replace('#', '');
+    // Validate hex characters
+    if (!/^[0-9a-fA-F]+$/.test(clean)) {
+        return null;
+    }
+    if (clean.length === 3) {
+        const c0 = clean.charAt(0);
+        const c1 = clean.charAt(1);
+        const c2 = clean.charAt(2);
+        const r = parseInt(c0 + c0, 16);
+        const g = parseInt(c1 + c1, 16);
+        const b = parseInt(c2 + c2, 16);
+        return { r, g, b };
+    }
+    if (clean.length === 6) {
+        const r = parseInt(clean.substring(0, 2), 16);
+        const g = parseInt(clean.substring(2, 4), 16);
+        const b = parseInt(clean.substring(4, 6), 16);
+        return { r, g, b };
+    }
+    if (clean.length === 8) {
+        const r = parseInt(clean.substring(0, 2), 16);
+        const g = parseInt(clean.substring(2, 4), 16);
+        const b = parseInt(clean.substring(4, 6), 16);
+        const a = parseInt(clean.substring(6, 8), 16) / 255;
+        return { r, g, b, a };
+    }
+    return null;
+}
+// --- Parsing ---
+function parseColor(color) {
+    const trimmed = color.trim().toLowerCase();
+    // Named colors lookup (common ones)
+    const named = NAMED_COLORS[trimmed];
+    if (named) {
+        return parseColor(named);
+    }
+    // HEX
+    if (trimmed.startsWith('#')) {
+        const rgb = hexToRgb(trimmed);
+        if (rgb) {
+            const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
+            return { ...hsv, a: rgb.a ?? 1 };
+        }
+    }
+    // rgb() / rgba()
+    const rgbMatch = trimmed.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)/);
+    if (rgbMatch) {
+        const rStr = rgbMatch[1] ?? '0';
+        const gStr = rgbMatch[2] ?? '0';
+        const bStr = rgbMatch[3] ?? '0';
+        const r = parseInt(rStr, 10);
+        const g = parseInt(gStr, 10);
+        const b = parseInt(bStr, 10);
+        const a = rgbMatch[4] ? parseFloat(rgbMatch[4]) : 1;
+        const hsv = rgbToHsv(r, g, b);
+        return { ...hsv, a };
+    }
+    // hsl() / hsla()
+    const hslMatch = trimmed.match(/hsla?\(\s*(\d+)\s*,\s*(\d+)%?\s*,\s*(\d+)%?\s*(?:,\s*([\d.]+)\s*)?\)/);
+    if (hslMatch) {
+        const hStr = hslMatch[1] ?? '0';
+        const sStr = hslMatch[2] ?? '0';
+        const lStr = hslMatch[3] ?? '0';
+        const h = parseInt(hStr, 10);
+        const s = parseInt(sStr, 10);
+        const l = parseInt(lStr, 10);
+        const a = hslMatch[4] ? parseFloat(hslMatch[4]) : 1;
+        const hsv = hslToHsv(h, s, l);
+        return { ...hsv, a };
+    }
+    // Fallback: blue
+    return { h: 210, s: 100, v: 80, a: 1 };
+}
+// --- Formatting ---
+function formatColor(hsva, format) {
+    const { r, g, b } = hsvToRgb(hsva.h, hsva.s, hsva.v);
+    switch (format) {
+        case 'hex':
+            return rgbToHex(r, g, b);
+        case 'hex8': {
+            const alphaHex = Math.round(hsva.a * 255)
+                .toString(16)
+                .padStart(2, '0');
+            return `${rgbToHex(r, g, b)}${alphaHex}`;
+        }
+        case 'rgb':
+            return `rgb(${r}, ${g}, ${b})`;
+        case 'rgba':
+            return `rgba(${r}, ${g}, ${b}, ${Number(hsva.a.toFixed(2))})`;
+        case 'hsl': {
+            const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);
+            return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
+        }
+        case 'hsla': {
+            const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);
+            return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${Number(hsva.a.toFixed(2))})`;
+        }
+    }
+}
+// --- Named colors (subset) ---
+const NAMED_COLORS = {
+    red: '#ff0000',
+    green: '#008000',
+    blue: '#0000ff',
+    white: '#ffffff',
+    black: '#000000',
+    yellow: '#ffff00',
+    cyan: '#00ffff',
+    magenta: '#ff00ff',
+    orange: '#ffa500',
+    purple: '#800080',
+    pink: '#ffc0cb',
+    gray: '#808080',
+    grey: '#808080',
+    transparent: 'rgba(0, 0, 0, 0)',
+};
+
+export { formatColor, hexToRgb, hslToHsv, hsvToHsl, hsvToRgb, parseColor, rgbToHex, rgbToHsv };
+//# sourceMappingURL=colorUtils.js.map

package/dist/esm/components/controls/ColorPicker/colorUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.js","sources":["../../../../../../src/components/controls/ColorPicker/colorUtils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}