asterui 0.12.48 → 0.12.50

package/dist/components/ColorPicker.js

@@ -1,6 +1,7 @@
-import { jsxs as P, jsx as f, Fragment as le } from "react/jsx-runtime";
-import { forwardRef as fe, useState as g, useRef as U, useEffect as V, useCallback as C } from "react";
-const de = [
+import { jsxs as A, jsx as f, Fragment as de } from "react/jsx-runtime";
+import { forwardRef as ue, useState as g, useRef as U, useEffect as V, useCallback as $ } from "react";
+import { useConfig as he } from "./ConfigProvider.js";
+const pe = "input", me = "input-xs", we = "input-sm", ge = "input-md", be = "input-lg", xe = "input-xl", ve = "btn", Me = "btn-ghost", ke = "btn-xs", $e = "btn-circle", Ce = [
   "#000000",
   "#434343",
   "#666666",
@@ -82,24 +83,24 @@ const de = [
   "#20124d",
   "#4c1130"
 ];
-function ue(a, c, s) {
+function Le(r, c, s) {
   c /= 100, s /= 100;
   const i = c * Math.min(s, 1 - s), l = (u) => {
-    const t = (u + a / 30) % 12, p = s - i * Math.max(Math.min(t - 3, 9 - t, 1), -1);
+    const t = (u + r / 30) % 12, p = s - i * Math.max(Math.min(t - 3, 9 - t, 1), -1);
     return Math.round(255 * p).toString(16).padStart(2, "0");
   };
   return `#${l(0)}${l(8)}${l(4)}`;
 }
-function $(a) {
-  const c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
+function C(r) {
+  const c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
   if (!c) return { h: 0, s: 100, l: 50 };
   let s = parseInt(c[1], 16) / 255, i = parseInt(c[2], 16) / 255, l = parseInt(c[3], 16) / 255;
   const u = Math.max(s, i, l), t = Math.min(s, i, l);
   let p = 0, L = 0;
-  const H = (u + t) / 2;
+  const N = (u + t) / 2;
   if (u !== t) {
     const w = u - t;
-    switch (L = H > 0.5 ? w / (2 - u - t) : w / (u + t), u) {
+    switch (L = N > 0.5 ? w / (2 - u - t) : w / (u + t), u) {
       case s:
         p = ((i - l) / w + (i < l ? 6 : 0)) / 6;
         break;
@@ -111,127 +112,128 @@ function $(a) {
         break;
     }
   }
-  return { h: Math.round(p * 360), s: Math.round(L * 100), l: Math.round(H * 100) };
+  return { h: Math.round(p * 360), s: Math.round(L * 100), l: Math.round(N * 100) };
 }
-function z(a) {
-  return /^#[0-9A-Fa-f]{6}$/.test(a);
+function E(r) {
+  return /^#[0-9A-Fa-f]{6}$/.test(r);
 }
-function N(a) {
-  let c = a.trim();
+function I(r) {
+  let c = r.trim();
   return c.startsWith("#") || (c = "#" + c), c.toLowerCase();
 }
-const he = fe(({
-  value: a,
+const ye = ue(({
+  value: r,
   defaultValue: c = "#000000",
   onChange: s,
   mode: i = "both",
-  presets: l = de,
-  size: u = "md",
+  presets: l = Ce,
+  size: u,
   disabled: t = !1,
   showText: p = !1,
   allowClear: L = !1,
-  open: H,
+  open: N,
   onOpenChange: w,
   className: Y,
   "data-testid": O,
   ...W
-}, _) => {
-  const q = a !== void 0 ? a : c, [G, y] = g(q), b = a !== void 0 ? a : G, [r, x] = g(() => $(b)), [v, M] = g(b), h = O || "colorpicker", [I, F] = g(!1), [B, X] = g(!1), R = U(null), j = U(null);
+}, G) => {
+  const { componentSize: _ } = he(), q = u ?? _ ?? "md", J = r !== void 0 ? r : c, [Q, y] = g(J), b = r !== void 0 ? r : Q, [o, x] = g(() => C(b)), [v, M] = g(b), h = O || "colorpicker", [B, P] = g(!1), [H, F] = g(!1), R = U(null), X = U(null);
   V(() => {
-    a !== void 0 && z(a) && (x($(a)), M(a));
-  }, [a]);
-  const [T, D] = g(null), m = C((e) => {
+    r !== void 0 && E(r) && (x(C(r)), M(r));
+  }, [r]);
+  const [T, D] = g(null), m = $((e) => {
     x(e);
-    const n = ue(e.h, e.s, e.l);
-    M(n), a === void 0 && y(n), s?.(n);
-  }, [s, a]), K = C((e, n) => {
+    const n = Le(e.h, e.s, e.l);
+    M(n), r === void 0 && y(n), s?.(n);
+  }, [s, r]), K = $((e, n) => {
     if (t) return;
-    const o = e.shiftKey ? 10 : 1;
+    const a = e.shiftKey ? 10 : 1;
     if (n === "sl") {
-      let d = r.s, k = r.l;
+      let d = o.s, k = o.l;
       switch (e.key) {
         case "ArrowLeft":
-          e.preventDefault(), d = Math.max(0, r.s - o);
+          e.preventDefault(), d = Math.max(0, o.s - a);
           break;
         case "ArrowRight":
-          e.preventDefault(), d = Math.min(100, r.s + o);
+          e.preventDefault(), d = Math.min(100, o.s + a);
           break;
         case "ArrowUp":
-          e.preventDefault(), k = Math.min(100, r.l + o);
+          e.preventDefault(), k = Math.min(100, o.l + a);
           break;
         case "ArrowDown":
-          e.preventDefault(), k = Math.max(0, r.l - o);
+          e.preventDefault(), k = Math.max(0, o.l - a);
           break;
         default:
           return;
       }
-      m({ ...r, s: d, l: k });
+      m({ ...o, s: d, l: k });
     } else if (n === "hue") {
-      let d = r.h;
+      let d = o.h;
       switch (e.key) {
         case "ArrowLeft":
-          e.preventDefault(), d = (r.h - o + 360) % 360;
+          e.preventDefault(), d = (o.h - a + 360) % 360;
           break;
         case "ArrowRight":
-          e.preventDefault(), d = (r.h + o) % 360;
+          e.preventDefault(), d = (o.h + a) % 360;
           break;
         default:
           return;
       }
-      m({ ...r, h: d });
+      m({ ...o, h: d });
     }
-  }, [t, r, m]), A = C((e, n) => {
+  }, [t, o, m]), j = $((e, n) => {
     if (!R.current || t) return;
-    const o = R.current.getBoundingClientRect(), d = Math.max(0, Math.min(1, (e - o.left) / o.width)), k = Math.max(0, Math.min(1, (n - o.top) / o.height)), ce = Math.round(d * 100), ie = Math.round((1 - k) * 100);
-    m({ ...r, s: ce, l: ie });
-  }, [r, m, t]), J = (e) => {
-    t || (F(!0), A(e.clientX, e.clientY));
-  }, E = C((e) => {
-    if (!j.current || t) return;
-    const n = j.current.getBoundingClientRect(), o = Math.max(0, Math.min(1, (e - n.left) / n.width)), d = Math.round(o * 360);
-    m({ ...r, h: d });
-  }, [r, m, t]), Q = (e) => {
-    t || (X(!0), E(e.clientX));
+    const a = R.current.getBoundingClientRect(), d = Math.max(0, Math.min(1, (e - a.left) / a.width)), k = Math.max(0, Math.min(1, (n - a.top) / a.height)), le = Math.round(d * 100), fe = Math.round((1 - k) * 100);
+    m({ ...o, s: le, l: fe });
+  }, [o, m, t]), Z = (e) => {
+    t || (P(!0), j(e.clientX, e.clientY));
+  }, z = $((e) => {
+    if (!X.current || t) return;
+    const n = X.current.getBoundingClientRect(), a = Math.max(0, Math.min(1, (e - n.left) / n.width)), d = Math.round(a * 360);
+    m({ ...o, h: d });
+  }, [o, m, t]), ee = (e) => {
+    t || (F(!0), z(e.clientX));
   };
   V(() => {
-    const e = (o) => {
-      I ? A(o.clientX, o.clientY) : B && E(o.clientX);
+    const e = (a) => {
+      B ? j(a.clientX, a.clientY) : H && z(a.clientX);
     }, n = () => {
-      F(!1), X(!1);
+      P(!1), F(!1);
     };
-    if (I || B)
+    if (B || H)
       return document.addEventListener("mousemove", e), document.addEventListener("mouseup", n), () => {
         document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", n);
       };
-  }, [I, B, A, E]);
-  const Z = (e) => {
+  }, [B, H, j, z]);
+  const te = (e) => {
     const n = e.target.value;
     M(n);
-    const o = N(n);
-    z(o) && (x($(o)), a === void 0 && y(o), s?.(o));
-  }, ee = (e) => {
+    const a = I(n);
+    E(a) && (x(C(a)), r === void 0 && y(a), s?.(a));
+  }, ne = (e) => {
     if (t) return;
-    const n = N(e);
-    x($(n)), M(n), a === void 0 && y(n), s?.(n);
-  }, te = C(() => {
+    const n = I(e);
+    x(C(n)), M(n), r === void 0 && y(n), s?.(n);
+  }, oe = $(() => {
     if (t) return;
     const e = c;
-    x($(e)), M(e), a === void 0 && y(e), s?.(e);
-  }, [t, c, a, s]), S = {
-    xs: { panel: "w-32 h-32", hue: "h-3", swatch: "w-4 h-4", input: "input-xs" },
-    sm: { panel: "w-40 h-40", hue: "h-4", swatch: "w-5 h-5", input: "input-sm" },
-    md: { panel: "w-48 h-48", hue: "h-5", swatch: "w-6 h-6", input: "input-md" },
-    lg: { panel: "w-56 h-56", hue: "h-6", swatch: "w-7 h-7", input: "input-lg" }
-  }[u], ne = i === "picker" || i === "both", re = i === "swatches" || i === "both", ae = r.s / 100, oe = 1 - r.l / 100, se = r.h / 360;
-  return /* @__PURE__ */ P(
+    x(C(e)), M(e), r === void 0 && y(e), s?.(e);
+  }, [t, c, r, s]), S = {
+    xs: { panel: "w-32 h-32", hue: "h-3", swatch: "w-4 h-4", input: me },
+    sm: { panel: "w-40 h-40", hue: "h-4", swatch: "w-5 h-5", input: we },
+    md: { panel: "w-48 h-48", hue: "h-5", swatch: "w-6 h-6", input: ge },
+    lg: { panel: "w-56 h-56", hue: "h-6", swatch: "w-7 h-7", input: be },
+    xl: { panel: "w-64 h-64", hue: "h-7", swatch: "w-8 h-8", input: xe }
+  }[q], re = i === "picker" || i === "both", ae = i === "swatches" || i === "both", se = o.s / 100, ce = 1 - o.l / 100, ie = o.h / 360;
+  return /* @__PURE__ */ A(
     "div",
     {
-      ref: _,
+      ref: G,
       className: ["inline-flex flex-col gap-3", t ? "opacity-50 pointer-events-none" : "", Y].filter(Boolean).join(" "),
       "data-testid": h,
       ...W,
       children: [
-        ne && /* @__PURE__ */ P(le, { children: [
+        re && /* @__PURE__ */ A(de, { children: [
           /* @__PURE__ */ f(
             "div",
             {
@@ -240,25 +242,25 @@ const he = fe(({
               style: {
                 background: `
                 linear-gradient(to top, #000, transparent),
-                linear-gradient(to right, #fff, hsl(${r.h}, 100%, 50%))
+                linear-gradient(to right, #fff, hsl(${o.h}, 100%, 50%))
               `
               },
-              onMouseDown: J,
+              onMouseDown: Z,
               onKeyDown: (e) => K(e, "sl"),
               onFocus: () => D("sl"),
               onBlur: () => D(null),
               tabIndex: t ? -1 : 0,
               role: "slider",
               "aria-label": "Color saturation and lightness",
-              "aria-valuetext": `Saturation ${r.s}%, Lightness ${r.l}%`,
+              "aria-valuetext": `Saturation ${o.s}%, Lightness ${o.l}%`,
               "data-testid": `${h}-sl-panel`,
               children: /* @__PURE__ */ f(
                 "div",
                 {
                   className: "absolute w-4 h-4 border-2 border-white rounded-full shadow-md pointer-events-none",
                   style: {
-                    left: `calc(${ae * 100}% - 8px)`,
-                    top: `calc(${oe * 100}% - 8px)`,
+                    left: `calc(${se * 100}% - 8px)`,
+                    top: `calc(${ce * 100}% - 8px)`,
                     boxShadow: "0 0 0 1px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3)"
                   }
                 }
@@ -268,12 +270,12 @@ const he = fe(({
           /* @__PURE__ */ f(
             "div",
             {
-              ref: j,
+              ref: X,
               className: [S.hue, "w-full relative rounded cursor-pointer select-none", T === "hue" ? "ring-2 ring-primary" : ""].filter(Boolean).join(" "),
               style: {
                 background: "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)"
               },
-              onMouseDown: Q,
+              onMouseDown: ee,
               onKeyDown: (e) => K(e, "hue"),
               onFocus: () => D("hue"),
               onBlur: () => D(null),
@@ -282,15 +284,15 @@ const he = fe(({
               "aria-label": "Color hue",
               "aria-valuemin": 0,
               "aria-valuemax": 360,
-              "aria-valuenow": r.h,
-              "aria-valuetext": `Hue ${r.h} degrees`,
+              "aria-valuenow": o.h,
+              "aria-valuetext": `Hue ${o.h} degrees`,
               "data-testid": `${h}-hue-slider`,
               children: /* @__PURE__ */ f(
                 "div",
                 {
                   className: "absolute top-1/2 w-3 h-full border-2 border-white rounded-sm shadow-md pointer-events-none",
                   style: {
-                    left: `calc(${se * 100}% - 6px)`,
+                    left: `calc(${ie * 100}% - 6px)`,
                     transform: "translateY(-50%)",
                     boxShadow: "0 0 0 1px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3)"
                   }
@@ -298,12 +300,12 @@ const he = fe(({
               )
             }
           ),
-          /* @__PURE__ */ P("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ A("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ f(
               "div",
               {
                 className: "w-8 h-8 rounded border border-base-300 flex-shrink-0",
-                style: { backgroundColor: z(N(v)) ? N(v) : b },
+                style: { backgroundColor: E(I(v)) ? I(v) : b },
                 "data-testid": `${h}-preview`,
                 "aria-label": `Color preview: ${v}`
               }
@@ -313,8 +315,8 @@ const he = fe(({
               {
                 type: "text",
                 value: v,
-                onChange: Z,
-                className: ["input", S.input, "w-full font-mono uppercase"].join(" "),
+                onChange: te,
+                className: [pe, S.input, "w-full font-mono uppercase"].join(" "),
                 placeholder: "#000000",
                 maxLength: 7,
                 disabled: t,
@@ -326,8 +328,8 @@ const he = fe(({
               "button",
               {
                 type: "button",
-                onClick: te,
-                className: "btn btn-ghost btn-xs btn-circle",
+                onClick: oe,
+                className: `${ve} ${Me} ${ke} ${$e}`,
                 "aria-label": "Clear color",
                 "data-testid": `${h}-clear`,
                 children: /* @__PURE__ */ f("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ f("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
@@ -336,7 +338,7 @@ const he = fe(({
           ] }),
           p && /* @__PURE__ */ f("div", { className: "text-sm font-mono text-base-content/70", "data-testid": `${h}-text`, children: v.toUpperCase() })
         ] }),
-        re && /* @__PURE__ */ f("div", { className: "grid grid-cols-10 gap-1", role: "listbox", "aria-label": "Color presets", "data-testid": `${h}-swatches`, children: l.map((e, n) => /* @__PURE__ */ f(
+        ae && /* @__PURE__ */ f("div", { className: "grid grid-cols-10 gap-1", role: "listbox", "aria-label": "Color presets", "data-testid": `${h}-swatches`, children: l.map((e, n) => /* @__PURE__ */ f(
           "button",
           {
             type: "button",
@@ -348,7 +350,7 @@ const he = fe(({
               b.toLowerCase() === e.toLowerCase() ? "ring-2 ring-primary ring-offset-1" : ""
             ].filter(Boolean).join(" "),
             style: { backgroundColor: e },
-            onClick: () => ee(e),
+            onClick: () => ne(e),
             disabled: t,
             "aria-label": `Select color ${e}`,
             "data-testid": `${h}-swatch-${n}`
@@ -359,8 +361,8 @@ const he = fe(({
     }
   );
 });
-he.displayName = "ColorPicker";
+ye.displayName = "ColorPicker";
 export {
-  he as ColorPicker
+  ye as ColorPicker
 };
 //# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../src/components/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, forwardRef } from 'react'\n\nexport interface ColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (color: string) => void\n  mode?: 'swatches' | 'picker' | 'both'\n  presets?: string[]\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  disabled?: boolean\n  showText?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  'data-testid'?: string\n}\n\nconst DEFAULT_PRESETS = [\n  '#000000', '#434343', '#666666', '#999999', '#b7b7b7', '#cccccc', '#d9d9d9', '#efefef', '#f3f3f3', '#ffffff',\n  '#980000', '#ff0000', '#ff9900', '#ffff00', '#00ff00', '#00ffff', '#4a86e8', '#0000ff', '#9900ff', '#ff00ff',\n  '#e6b8af', '#f4cccc', '#fce5cd', '#fff2cc', '#d9ead3', '#d0e0e3', '#c9daf8', '#cfe2f3', '#d9d2e9', '#ead1dc',\n  '#dd7e6b', '#ea9999', '#f9cb9c', '#ffe599', '#b6d7a8', '#a2c4c9', '#a4c2f4', '#9fc5e8', '#b4a7d6', '#d5a6bd',\n  '#cc4125', '#e06666', '#f6b26b', '#ffd966', '#93c47d', '#76a5af', '#6d9eeb', '#6fa8dc', '#8e7cc3', '#c27ba0',\n  '#a61c00', '#cc0000', '#e69138', '#f1c232', '#6aa84f', '#45818e', '#3c78d8', '#3d85c6', '#674ea7', '#a64d79',\n  '#85200c', '#990000', '#b45f06', '#bf9000', '#38761d', '#134f5c', '#1155cc', '#0b5394', '#351c75', '#741b47',\n  '#5b0f00', '#660000', '#783f04', '#7f6000', '#274e13', '#0c343d', '#1c4587', '#073763', '#20124d', '#4c1130',\n]\n\n// Convert HSL to Hex\nfunction hslToHex(h: number, s: number, l: number): string {\n  s /= 100\n  l /= 100\n  const a = s * Math.min(l, 1 - l)\n  const f = (n: number) => {\n    const k = (n + h / 30) % 12\n    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)\n    return Math.round(255 * color).toString(16).padStart(2, '0')\n  }\n  return `#${f(0)}${f(8)}${f(4)}`\n}\n\n// Convert Hex to HSL\nfunction hexToHsl(hex: string): { h: number; s: number; l: number } {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n  if (!result) return { h: 0, s: 100, l: 50 }\n\n  let r = parseInt(result[1], 16) / 255\n  let g = parseInt(result[2], 16) / 255\n  let b = parseInt(result[3], 16) / 255\n\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n  let h = 0\n  let s = 0\n  const l = (max + min) / 2\n\n  if (max !== min) {\n    const d = max - min\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n    switch (max) {\n      case r:\n        h = ((g - b) / d + (g < b ? 6 : 0)) / 6\n        break\n      case g:\n        h = ((b - r) / d + 2) / 6\n        break\n      case b:\n        h = ((r - g) / d + 4) / 6\n        break\n    }\n  }\n\n  return { h: Math.round(h * 360), s: Math.round(s * 100), l: Math.round(l * 100) }\n}\n\n// Validate hex color\nfunction isValidHex(hex: string): boolean {\n  return /^#[0-9A-Fa-f]{6}$/.test(hex)\n}\n\n// Normalize hex (add # if missing, uppercase)\nfunction normalizeHex(hex: string): string {\n  let normalized = hex.trim()\n  if (!normalized.startsWith('#')) {\n    normalized = '#' + normalized\n  }\n  return normalized.toLowerCase()\n}\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(({\n  value,\n  defaultValue = '#000000',\n  onChange,\n  mode = 'both',\n  presets = DEFAULT_PRESETS,\n  size = 'md',\n  disabled = false,\n  showText = false,\n  allowClear = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const initialValue = value !== undefined ? value : defaultValue\n  const [internalValue, setInternalValue] = useState(initialValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const [hsl, setHsl] = useState(() => hexToHsl(currentValue))\n  const [hexInput, setHexInput] = useState(currentValue)\n  const baseTestId = testId || 'colorpicker'\n  const [isDraggingSL, setIsDraggingSL] = useState(false)\n  const [isDraggingHue, setIsDraggingHue] = useState(false)\n  const slPanelRef = useRef<HTMLDivElement>(null)\n  const hueSliderRef = useRef<HTMLDivElement>(null)\n\n  // Sync internal state when value prop changes\n  useEffect(() => {\n    if (value !== undefined && isValidHex(value)) {\n      setHsl(hexToHsl(value))\n      setHexInput(value)\n    }\n  }, [value])\n\n  // Keyboard navigation state\n  const [focusedPanel, setFocusedPanel] = useState<'sl' | 'hue' | null>(null)\n\n  const updateColor = useCallback((newHsl: { h: number; s: number; l: number }) => {\n    setHsl(newHsl)\n    const hex = hslToHex(newHsl.h, newHsl.s, newHsl.l)\n    setHexInput(hex)\n    if (value === undefined) {\n      setInternalValue(hex)\n    }\n    onChange?.(hex)\n  }, [onChange, value])\n\n  // Keyboard navigation for panels\n  const handleKeyDown = useCallback((e: React.KeyboardEvent, panel: 'sl' | 'hue') => {\n    if (disabled) return\n    const step = e.shiftKey ? 10 : 1\n\n    if (panel === 'sl') {\n      let newS = hsl.s\n      let newL = hsl.l\n      switch (e.key) {\n        case 'ArrowLeft':\n          e.preventDefault()\n          newS = Math.max(0, hsl.s - step)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          newS = Math.min(100, hsl.s + step)\n          break\n        case 'ArrowUp':\n          e.preventDefault()\n          newL = Math.min(100, hsl.l + step)\n          break\n        case 'ArrowDown':\n          e.preventDefault()\n          newL = Math.max(0, hsl.l - step)\n          break\n        default:\n          return\n      }\n      updateColor({ ...hsl, s: newS, l: newL })\n    } else if (panel === 'hue') {\n      let newH = hsl.h\n      switch (e.key) {\n        case 'ArrowLeft':\n          e.preventDefault()\n          newH = (hsl.h - step + 360) % 360\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          newH = (hsl.h + step) % 360\n          break\n        default:\n          return\n      }\n      updateColor({ ...hsl, h: newH })\n    }\n  }, [disabled, hsl, updateColor])\n\n  // Saturation/Lightness panel handlers\n  const handleSLChange = useCallback((clientX: number, clientY: number) => {\n    if (!slPanelRef.current || disabled) return\n    const rect = slPanelRef.current.getBoundingClientRect()\n    const x = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n    const y = Math.max(0, Math.min(1, (clientY - rect.top) / rect.height))\n\n    // Convert x,y to saturation and lightness\n    // x = saturation (0-100), y = lightness (100-0)\n    const s = Math.round(x * 100)\n    const l = Math.round((1 - y) * 100)\n    updateColor({ ...hsl, s, l })\n  }, [hsl, updateColor, disabled])\n\n  const handleSLMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return\n    setIsDraggingSL(true)\n    handleSLChange(e.clientX, e.clientY)\n  }\n\n  // Hue slider handlers\n  const handleHueChange = useCallback((clientX: number) => {\n    if (!hueSliderRef.current || disabled) return\n    const rect = hueSliderRef.current.getBoundingClientRect()\n    const x = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n    const h = Math.round(x * 360)\n    updateColor({ ...hsl, h })\n  }, [hsl, updateColor, disabled])\n\n  const handleHueMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return\n    setIsDraggingHue(true)\n    handleHueChange(e.clientX)\n  }\n\n  // Global mouse handlers for dragging\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDraggingSL) {\n        handleSLChange(e.clientX, e.clientY)\n      } else if (isDraggingHue) {\n        handleHueChange(e.clientX)\n      }\n    }\n\n    const handleMouseUp = () => {\n      setIsDraggingSL(false)\n      setIsDraggingHue(false)\n    }\n\n    if (isDraggingSL || isDraggingHue) {\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }\n  }, [isDraggingSL, isDraggingHue, handleSLChange, handleHueChange])\n\n  // Hex input handler\n  const handleHexChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setHexInput(newValue)\n    const normalized = normalizeHex(newValue)\n    if (isValidHex(normalized)) {\n      setHsl(hexToHsl(normalized))\n      if (value === undefined) {\n        setInternalValue(normalized)\n      }\n      onChange?.(normalized)\n    }\n  }\n\n  // Preset click handler\n  const handlePresetClick = (color: string) => {\n    if (disabled) return\n    const normalized = normalizeHex(color)\n    setHsl(hexToHsl(normalized))\n    setHexInput(normalized)\n    if (value === undefined) {\n      setInternalValue(normalized)\n    }\n    onChange?.(normalized)\n  }\n\n  // Clear handler\n  const handleClear = useCallback(() => {\n    if (disabled) return\n    const cleared = defaultValue\n    setHsl(hexToHsl(cleared))\n    setHexInput(cleared)\n    if (value === undefined) {\n      setInternalValue(cleared)\n    }\n    onChange?.(cleared)\n  }, [disabled, defaultValue, value, onChange])\n\n  // Size configurations\n  const sizeConfig = {\n    xs: { panel: 'w-32 h-32', hue: 'h-3', swatch: 'w-4 h-4', input: 'input-xs' },\n    sm: { panel: 'w-40 h-40', hue: 'h-4', swatch: 'w-5 h-5', input: 'input-sm' },\n    md: { panel: 'w-48 h-48', hue: 'h-5', swatch: 'w-6 h-6', input: 'input-md' },\n    lg: { panel: 'w-56 h-56', hue: 'h-6', swatch: 'w-7 h-7', input: 'input-lg' },\n  }\n\n  const config = sizeConfig[size]\n  const showPicker = mode === 'picker' || mode === 'both'\n  const showSwatches = mode === 'swatches' || mode === 'both'\n\n  // Calculate picker position\n  const slX = hsl.s / 100\n  const slY = 1 - hsl.l / 100\n  const hueX = hsl.h / 360\n\n  return (\n    <div\n      ref={ref}\n      className={['inline-flex flex-col gap-3', disabled ? 'opacity-50 pointer-events-none' : '', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      {...rest}\n    >\n      {showPicker && (\n        <>\n          {/* Saturation/Lightness Panel */}\n          <div\n            ref={slPanelRef}\n            className={[config.panel, 'relative rounded cursor-crosshair select-none', focusedPanel === 'sl' ? 'ring-2 ring-primary' : ''].filter(Boolean).join(' ')}\n            style={{\n              background: `\n                linear-gradient(to top, #000, transparent),\n                linear-gradient(to right, #fff, hsl(${hsl.h}, 100%, 50%))\n              `,\n            }}\n            onMouseDown={handleSLMouseDown}\n            onKeyDown={(e) => handleKeyDown(e, 'sl')}\n            onFocus={() => setFocusedPanel('sl')}\n            onBlur={() => setFocusedPanel(null)}\n            tabIndex={disabled ? -1 : 0}\n            role=\"slider\"\n            aria-label=\"Color saturation and lightness\"\n            aria-valuetext={`Saturation ${hsl.s}%, Lightness ${hsl.l}%`}\n            data-testid={`${baseTestId}-sl-panel`}\n          >\n            {/* Picker indicator */}\n            <div\n              className=\"absolute w-4 h-4 border-2 border-white rounded-full shadow-md pointer-events-none\"\n              style={{\n                left: `calc(${slX * 100}% - 8px)`,\n                top: `calc(${slY * 100}% - 8px)`,\n                boxShadow: '0 0 0 1px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3)',\n              }}\n            />\n          </div>\n\n          {/* Hue Slider */}\n          <div\n            ref={hueSliderRef}\n            className={[config.hue, 'w-full relative rounded cursor-pointer select-none', focusedPanel === 'hue' ? 'ring-2 ring-primary' : ''].filter(Boolean).join(' ')}\n            style={{\n              background: 'linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)',\n            }}\n            onMouseDown={handleHueMouseDown}\n            onKeyDown={(e) => handleKeyDown(e, 'hue')}\n            onFocus={() => setFocusedPanel('hue')}\n            onBlur={() => setFocusedPanel(null)}\n            tabIndex={disabled ? -1 : 0}\n            role=\"slider\"\n            aria-label=\"Color hue\"\n            aria-valuemin={0}\n            aria-valuemax={360}\n            aria-valuenow={hsl.h}\n            aria-valuetext={`Hue ${hsl.h} degrees`}\n            data-testid={`${baseTestId}-hue-slider`}\n          >\n            {/* Hue indicator */}\n            <div\n              className=\"absolute top-1/2 w-3 h-full border-2 border-white rounded-sm shadow-md pointer-events-none\"\n              style={{\n                left: `calc(${hueX * 100}% - 6px)`,\n                transform: 'translateY(-50%)',\n                boxShadow: '0 0 0 1px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3)',\n              }}\n            />\n          </div>\n\n          {/* Hex Input and Preview */}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className=\"w-8 h-8 rounded border border-base-300 flex-shrink-0\"\n              style={{ backgroundColor: isValidHex(normalizeHex(hexInput)) ? normalizeHex(hexInput) : currentValue }}\n              data-testid={`${baseTestId}-preview`}\n              aria-label={`Color preview: ${hexInput}`}\n            />\n            <input\n              type=\"text\"\n              value={hexInput}\n              onChange={handleHexChange}\n              className={['input', config.input, 'w-full font-mono uppercase'].join(' ')}\n              placeholder=\"#000000\"\n              maxLength={7}\n              disabled={disabled}\n              aria-label=\"Hex color value\"\n              data-testid={`${baseTestId}-input`}\n            />\n            {allowClear && !disabled && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"btn btn-ghost btn-xs btn-circle\"\n                aria-label=\"Clear color\"\n                data-testid={`${baseTestId}-clear`}\n              >\n                <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            )}\n          </div>\n\n          {/* Show text display */}\n          {showText && (\n            <div className=\"text-sm font-mono text-base-content/70\" data-testid={`${baseTestId}-text`}>\n              {hexInput.toUpperCase()}\n            </div>\n          )}\n        </>\n      )}\n\n      {showSwatches && (\n        <div className=\"grid grid-cols-10 gap-1\" role=\"listbox\" aria-label=\"Color presets\" data-testid={`${baseTestId}-swatches`}>\n          {presets.map((color, index) => (\n            <button\n              key={`${color}-${index}`}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={currentValue.toLowerCase() === color.toLowerCase()}\n              className={[\n                config.swatch,\n                'rounded border border-base-300 cursor-pointer hover:scale-110 transition-transform',\n                currentValue.toLowerCase() === color.toLowerCase() ? 'ring-2 ring-primary ring-offset-1' : ''\n              ].filter(Boolean).join(' ')}\n              style={{ backgroundColor: color }}\n              onClick={() => handlePresetClick(color)}\n              disabled={disabled}\n              aria-label={`Select color ${color}`}\n              data-testid={`${baseTestId}-swatch-${index}`}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nColorPicker.displayName = 'ColorPicker'\n"],"names":["DEFAULT_PRESETS","hslToHex","h","s","l","a","f","n","k","color","hexToHsl","hex","result","r","g","b","max","min","d","isValidHex","normalizeHex","normalized","ColorPicker","forwardRef","value","defaultValue","onChange","mode","presets","size","disabled","showText","allowClear","controlledOpen","onOpenChange","className","testId","rest","ref","initialValue","internalValue","setInternalValue","useState","currentValue","hsl","setHsl","hexInput","setHexInput","baseTestId","isDraggingSL","setIsDraggingSL","isDraggingHue","setIsDraggingHue","slPanelRef","useRef","hueSliderRef","useEffect","focusedPanel","setFocusedPanel","updateColor","useCallback","newHsl","handleKeyDown","panel","step","newS","newL","newH","handleSLChange","clientX","clientY","rect","x","y","handleSLMouseDown","handleHueChange","handleHueMouseDown","handleMouseMove","e","handleMouseUp","handleHexChange","newValue","handlePresetClick","handleClear","cleared","config","showPicker","showSwatches","slX","slY","hueX","jsxs","Fragment","jsx","index"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../src/components/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\nconst dBtnCircle = 'btn-circle'\n\nexport interface ColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (color: string) => void\n  mode?: 'swatches' | 'picker' | 'both'\n  presets?: string[]\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  showText?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  'data-testid'?: string\n}\n\nconst DEFAULT_PRESETS = [\n  '#000000', '#434343', '#666666', '#999999', '#b7b7b7', '#cccccc', '#d9d9d9', '#efefef', '#f3f3f3', '#ffffff',\n  '#980000', '#ff0000', '#ff9900', '#ffff00', '#00ff00', '#00ffff', '#4a86e8', '#0000ff', '#9900ff', '#ff00ff',\n  '#e6b8af', '#f4cccc', '#fce5cd', '#fff2cc', '#d9ead3', '#d0e0e3', '#c9daf8', '#cfe2f3', '#d9d2e9', '#ead1dc',\n  '#dd7e6b', '#ea9999', '#f9cb9c', '#ffe599', '#b6d7a8', '#a2c4c9', '#a4c2f4', '#9fc5e8', '#b4a7d6', '#d5a6bd',\n  '#cc4125', '#e06666', '#f6b26b', '#ffd966', '#93c47d', '#76a5af', '#6d9eeb', '#6fa8dc', '#8e7cc3', '#c27ba0',\n  '#a61c00', '#cc0000', '#e69138', '#f1c232', '#6aa84f', '#45818e', '#3c78d8', '#3d85c6', '#674ea7', '#a64d79',\n  '#85200c', '#990000', '#b45f06', '#bf9000', '#38761d', '#134f5c', '#1155cc', '#0b5394', '#351c75', '#741b47',\n  '#5b0f00', '#660000', '#783f04', '#7f6000', '#274e13', '#0c343d', '#1c4587', '#073763', '#20124d', '#4c1130',\n]\n\n// Convert HSL to Hex\nfunction hslToHex(h: number, s: number, l: number): string {\n  s /= 100\n  l /= 100\n  const a = s * Math.min(l, 1 - l)\n  const f = (n: number) => {\n    const k = (n + h / 30) % 12\n    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)\n    return Math.round(255 * color).toString(16).padStart(2, '0')\n  }\n  return `#${f(0)}${f(8)}${f(4)}`\n}\n\n// Convert Hex to HSL\nfunction hexToHsl(hex: string): { h: number; s: number; l: number } {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n  if (!result) return { h: 0, s: 100, l: 50 }\n\n  let r = parseInt(result[1], 16) / 255\n  let g = parseInt(result[2], 16) / 255\n  let b = parseInt(result[3], 16) / 255\n\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n  let h = 0\n  let s = 0\n  const l = (max + min) / 2\n\n  if (max !== min) {\n    const d = max - min\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n    switch (max) {\n      case r:\n        h = ((g - b) / d + (g < b ? 6 : 0)) / 6\n        break\n      case g:\n        h = ((b - r) / d + 2) / 6\n        break\n      case b:\n        h = ((r - g) / d + 4) / 6\n        break\n    }\n  }\n\n  return { h: Math.round(h * 360), s: Math.round(s * 100), l: Math.round(l * 100) }\n}\n\n// Validate hex color\nfunction isValidHex(hex: string): boolean {\n  return /^#[0-9A-Fa-f]{6}$/.test(hex)\n}\n\n// Normalize hex (add # if missing, uppercase)\nfunction normalizeHex(hex: string): string {\n  let normalized = hex.trim()\n  if (!normalized.startsWith('#')) {\n    normalized = '#' + normalized\n  }\n  return normalized.toLowerCase()\n}\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(({\n  value,\n  defaultValue = '#000000',\n  onChange,\n  mode = 'both',\n  presets = DEFAULT_PRESETS,\n  size,\n  disabled = false,\n  showText = false,\n  allowClear = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const initialValue = value !== undefined ? value : defaultValue\n  const [internalValue, setInternalValue] = useState(initialValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const [hsl, setHsl] = useState(() => hexToHsl(currentValue))\n  const [hexInput, setHexInput] = useState(currentValue)\n  const baseTestId = testId || 'colorpicker'\n  const [isDraggingSL, setIsDraggingSL] = useState(false)\n  const [isDraggingHue, setIsDraggingHue] = useState(false)\n  const slPanelRef = useRef<HTMLDivElement>(null)\n  const hueSliderRef = useRef<HTMLDivElement>(null)\n\n  // Sync internal state when value prop changes\n  useEffect(() => {\n    if (value !== undefined && isValidHex(value)) {\n      setHsl(hexToHsl(value))\n      setHexInput(value)\n    }\n  }, [value])\n\n  // Keyboard navigation state\n  const [focusedPanel, setFocusedPanel] = useState<'sl' | 'hue' | null>(null)\n\n  const updateColor = useCallback((newHsl: { h: number; s: number; l: number }) => {\n    setHsl(newHsl)\n    const hex = hslToHex(newHsl.h, newHsl.s, newHsl.l)\n    setHexInput(hex)\n    if (value === undefined) {\n      setInternalValue(hex)\n    }\n    onChange?.(hex)\n  }, [onChange, value])\n\n  // Keyboard navigation for panels\n  const handleKeyDown = useCallback((e: React.KeyboardEvent, panel: 'sl' | 'hue') => {\n    if (disabled) return\n    const step = e.shiftKey ? 10 : 1\n\n    if (panel === 'sl') {\n      let newS = hsl.s\n      let newL = hsl.l\n      switch (e.key) {\n        case 'ArrowLeft':\n          e.preventDefault()\n          newS = Math.max(0, hsl.s - step)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          newS = Math.min(100, hsl.s + step)\n          break\n        case 'ArrowUp':\n          e.preventDefault()\n          newL = Math.min(100, hsl.l + step)\n          break\n        case 'ArrowDown':\n          e.preventDefault()\n          newL = Math.max(0, hsl.l - step)\n          break\n        default:\n          return\n      }\n      updateColor({ ...hsl, s: newS, l: newL })\n    } else if (panel === 'hue') {\n      let newH = hsl.h\n      switch (e.key) {\n        case 'ArrowLeft':\n          e.preventDefault()\n          newH = (hsl.h - step + 360) % 360\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          newH = (hsl.h + step) % 360\n          break\n        default:\n          return\n      }\n      updateColor({ ...hsl, h: newH })\n    }\n  }, [disabled, hsl, updateColor])\n\n  // Saturation/Lightness panel handlers\n  const handleSLChange = useCallback((clientX: number, clientY: number) => {\n    if (!slPanelRef.current || disabled) return\n    const rect = slPanelRef.current.getBoundingClientRect()\n    const x = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n    const y = Math.max(0, Math.min(1, (clientY - rect.top) / rect.height))\n\n    // Convert x,y to saturation and lightness\n    // x = saturation (0-100), y = lightness (100-0)\n    const s = Math.round(x * 100)\n    const l = Math.round((1 - y) * 100)\n    updateColor({ ...hsl, s, l })\n  }, [hsl, updateColor, disabled])\n\n  const handleSLMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return\n    setIsDraggingSL(true)\n    handleSLChange(e.clientX, e.clientY)\n  }\n\n  // Hue slider handlers\n  const handleHueChange = useCallback((clientX: number) => {\n    if (!hueSliderRef.current || disabled) return\n    const rect = hueSliderRef.current.getBoundingClientRect()\n    const x = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n    const h = Math.round(x * 360)\n    updateColor({ ...hsl, h })\n  }, [hsl, updateColor, disabled])\n\n  const handleHueMouseDown = (e: React.MouseEvent) => {\n    if (disabled) return\n    setIsDraggingHue(true)\n    handleHueChange(e.clientX)\n  }\n\n  // Global mouse handlers for dragging\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDraggingSL) {\n        handleSLChange(e.clientX, e.clientY)\n      } else if (isDraggingHue) {\n        handleHueChange(e.clientX)\n      }\n    }\n\n    const handleMouseUp = () => {\n      setIsDraggingSL(false)\n      setIsDraggingHue(false)\n    }\n\n    if (isDraggingSL || isDraggingHue) {\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }\n  }, [isDraggingSL, isDraggingHue, handleSLChange, handleHueChange])\n\n  // Hex input handler\n  const handleHexChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setHexInput(newValue)\n    const normalized = normalizeHex(newValue)\n    if (isValidHex(normalized)) {\n      setHsl(hexToHsl(normalized))\n      if (value === undefined) {\n        setInternalValue(normalized)\n      }\n      onChange?.(normalized)\n    }\n  }\n\n  // Preset click handler\n  const handlePresetClick = (color: string) => {\n    if (disabled) return\n    const normalized = normalizeHex(color)\n    setHsl(hexToHsl(normalized))\n    setHexInput(normalized)\n    if (value === undefined) {\n      setInternalValue(normalized)\n    }\n    onChange?.(normalized)\n  }\n\n  // Clear handler\n  const handleClear = useCallback(() => {\n    if (disabled) return\n    const cleared = defaultValue\n    setHsl(hexToHsl(cleared))\n    setHexInput(cleared)\n    if (value === undefined) {\n      setInternalValue(cleared)\n    }\n    onChange?.(cleared)\n  }, [disabled, defaultValue, value, onChange])\n\n  // Size configurations\n  const sizeConfig = {\n    xs: { panel: 'w-32 h-32', hue: 'h-3', swatch: 'w-4 h-4', input: dInputXs },\n    sm: { panel: 'w-40 h-40', hue: 'h-4', swatch: 'w-5 h-5', input: dInputSm },\n    md: { panel: 'w-48 h-48', hue: 'h-5', swatch: 'w-6 h-6', input: dInputMd },\n    lg: { panel: 'w-56 h-56', hue: 'h-6', swatch: 'w-7 h-7', input: dInputLg },\n    xl: { panel: 'w-64 h-64', hue: 'h-7', swatch: 'w-8 h-8', input: dInputXl },\n  }\n\n  const config = sizeConfig[effectiveSize]\n  const showPicker = mode === 'picker' || mode === 'both'\n  const showSwatches = mode === 'swatches' || mode === 'both'\n\n  // Calculate picker position\n  const slX = hsl.s / 100\n  const slY = 1 - hsl.l / 100\n  const hueX = hsl.h / 360\n\n  return (\n    <div\n      ref={ref}\n      className={['inline-flex flex-col gap-3', disabled ? 'opacity-50 pointer-events-none' : '', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      {...rest}\n    >\n      {showPicker && (\n        <>\n          {/* Saturation/Lightness Panel */}\n          <div\n            ref={slPanelRef}\n            className={[config.panel, 'relative rounded cursor-crosshair select-none', focusedPanel === 'sl' ? 'ring-2 ring-primary' : ''].filter(Boolean).join(' ')}\n            style={{\n              background: `\n                linear-gradient(to top, #000, transparent),\n                linear-gradient(to right, #fff, hsl(${hsl.h}, 100%, 50%))\n              `,\n            }}\n            onMouseDown={handleSLMouseDown}\n            onKeyDown={(e) => handleKeyDown(e, 'sl')}\n            onFocus={() => setFocusedPanel('sl')}\n            onBlur={() => setFocusedPanel(null)}\n            tabIndex={disabled ? -1 : 0}\n            role=\"slider\"\n            aria-label=\"Color saturation and lightness\"\n            aria-valuetext={`Saturation ${hsl.s}%, Lightness ${hsl.l}%`}\n            data-testid={`${baseTestId}-sl-panel`}\n          >\n            {/* Picker indicator */}\n            <div\n              className=\"absolute w-4 h-4 border-2 border-white rounded-full shadow-md pointer-events-none\"\n              style={{\n                left: `calc(${slX * 100}% - 8px)`,\n                top: `calc(${slY * 100}% - 8px)`,\n                boxShadow: '0 0 0 1px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3)',\n              }}\n            />\n          </div>\n\n          {/* Hue Slider */}\n          <div\n            ref={hueSliderRef}\n            className={[config.hue, 'w-full relative rounded cursor-pointer select-none', focusedPanel === 'hue' ? 'ring-2 ring-primary' : ''].filter(Boolean).join(' ')}\n            style={{\n              background: 'linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)',\n            }}\n            onMouseDown={handleHueMouseDown}\n            onKeyDown={(e) => handleKeyDown(e, 'hue')}\n            onFocus={() => setFocusedPanel('hue')}\n            onBlur={() => setFocusedPanel(null)}\n            tabIndex={disabled ? -1 : 0}\n            role=\"slider\"\n            aria-label=\"Color hue\"\n            aria-valuemin={0}\n            aria-valuemax={360}\n            aria-valuenow={hsl.h}\n            aria-valuetext={`Hue ${hsl.h} degrees`}\n            data-testid={`${baseTestId}-hue-slider`}\n          >\n            {/* Hue indicator */}\n            <div\n              className=\"absolute top-1/2 w-3 h-full border-2 border-white rounded-sm shadow-md pointer-events-none\"\n              style={{\n                left: `calc(${hueX * 100}% - 6px)`,\n                transform: 'translateY(-50%)',\n                boxShadow: '0 0 0 1px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3)',\n              }}\n            />\n          </div>\n\n          {/* Hex Input and Preview */}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className=\"w-8 h-8 rounded border border-base-300 flex-shrink-0\"\n              style={{ backgroundColor: isValidHex(normalizeHex(hexInput)) ? normalizeHex(hexInput) : currentValue }}\n              data-testid={`${baseTestId}-preview`}\n              aria-label={`Color preview: ${hexInput}`}\n            />\n            <input\n              type=\"text\"\n              value={hexInput}\n              onChange={handleHexChange}\n              className={[dInput, config.input, 'w-full font-mono uppercase'].join(' ')}\n              placeholder=\"#000000\"\n              maxLength={7}\n              disabled={disabled}\n              aria-label=\"Hex color value\"\n              data-testid={`${baseTestId}-input`}\n            />\n            {allowClear && !disabled && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className={`${dBtn} ${dBtnGhost} ${dBtnXs} ${dBtnCircle}`}\n                aria-label=\"Clear color\"\n                data-testid={`${baseTestId}-clear`}\n              >\n                <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            )}\n          </div>\n\n          {/* Show text display */}\n          {showText && (\n            <div className=\"text-sm font-mono text-base-content/70\" data-testid={`${baseTestId}-text`}>\n              {hexInput.toUpperCase()}\n            </div>\n          )}\n        </>\n      )}\n\n      {showSwatches && (\n        <div className=\"grid grid-cols-10 gap-1\" role=\"listbox\" aria-label=\"Color presets\" data-testid={`${baseTestId}-swatches`}>\n          {presets.map((color, index) => (\n            <button\n              key={`${color}-${index}`}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={currentValue.toLowerCase() === color.toLowerCase()}\n              className={[\n                config.swatch,\n                'rounded border border-base-300 cursor-pointer hover:scale-110 transition-transform',\n                currentValue.toLowerCase() === color.toLowerCase() ? 'ring-2 ring-primary ring-offset-1' : ''\n              ].filter(Boolean).join(' ')}\n              style={{ backgroundColor: color }}\n              onClick={() => handlePresetClick(color)}\n              disabled={disabled}\n              aria-label={`Select color ${color}`}\n              data-testid={`${baseTestId}-swatch-${index}`}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nColorPicker.displayName = 'ColorPicker'\n"],"names":["dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dBtn","dBtnGhost","dBtnXs","dBtnCircle","DEFAULT_PRESETS","hslToHex","h","s","l","a","f","n","k","color","hexToHsl","hex","result","r","g","b","max","min","d","isValidHex","normalizeHex","normalized","ColorPicker","forwardRef","value","defaultValue","onChange","mode","presets","size","disabled","showText","allowClear","controlledOpen","onOpenChange","className","testId","rest","ref","componentSize","useConfig","effectiveSize","initialValue","internalValue","setInternalValue","useState","currentValue","hsl","setHsl","hexInput","setHexInput","baseTestId","isDraggingSL","setIsDraggingSL","isDraggingHue","setIsDraggingHue","slPanelRef","useRef","hueSliderRef","useEffect","focusedPanel","setFocusedPanel","updateColor","useCallback","newHsl","handleKeyDown","panel","step","newS","newL","newH","handleSLChange","clientX","clientY","rect","x","y","handleSLMouseDown","handleHueChange","handleHueMouseDown","handleMouseMove","e","handleMouseUp","handleHexChange","newValue","handlePresetClick","handleClear","cleared","config","showPicker","showSwatches","slX","slY","hueX","jsxs","Fragment","jsx","index"],"mappings":"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"}

package/dist/components/Command.d.ts

@@ -0,0 +1,65 @@
+import { default as React } from 'react';
+export interface CommandItemConfig {
+    key: string;
+    label: React.ReactNode;
+    group?: string;
+    keywords?: string[];
+    disabled?: boolean;
+    onSelect?: () => void;
+    icon?: React.ReactNode;
+}
+export interface CommandProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'children'> {
+    children?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    items?: CommandItemConfig[];
+    filter?: (value: string, search: string, keywords?: string[]) => boolean;
+    loop?: boolean;
+    shortcut?: string[];
+    placeholder?: string;
+    emptyMessage?: React.ReactNode;
+}
+interface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+declare function CommandInput({ placeholder, value, onValueChange, ...rest }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
+interface CommandListProps {
+    children: React.ReactNode;
+}
+declare function CommandList({ children }: CommandListProps): import("react/jsx-runtime").JSX.Element;
+interface CommandGroupProps {
+    heading?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare function CommandGroup({ heading, children }: CommandGroupProps): import("react/jsx-runtime").JSX.Element | null;
+interface CommandItemProps {
+    children: React.ReactNode;
+    value?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+    keywords?: string[];
+    icon?: React.ReactNode;
+}
+declare function CommandItem({ children, value, onSelect, disabled, keywords, icon, }: CommandItemProps): import("react/jsx-runtime").JSX.Element | null;
+interface CommandEmptyProps {
+    children?: React.ReactNode;
+}
+declare function CommandEmpty({ children }: CommandEmptyProps): import("react/jsx-runtime").JSX.Element | null;
+interface CommandPageProps {
+    id: string;
+    children: React.ReactNode;
+}
+declare function CommandPage({ id, children }: CommandPageProps): import("react/jsx-runtime").JSX.Element | null;
+declare function CommandSeparator(): import("react/jsx-runtime").JSX.Element;
+export declare const Command: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLDialogElement>> & {
+    Input: typeof CommandInput;
+    List: typeof CommandList;
+    Group: typeof CommandGroup;
+    Item: typeof CommandItem;
+    Empty: typeof CommandEmpty;
+    Page: typeof CommandPage;
+    Separator: typeof CommandSeparator;
+};
+export default Command;