eidos-ui 0.1.0

package/dist/chunk-T56K5IKQ.js

@@ -0,0 +1,526 @@
+import {
+  Dropdown
+} from "./chunk-SXF3TCYA.js";
+
+// src/components/ColorPicker/ColorPicker.component.tsx
+import { useState, useRef, useEffect, useCallback } from "react";
+import { Copy, Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_SWATCHES = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#10b981",
+  "#06b6d4",
+  "#6366f1",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#1e293b"
+];
+function hsvToRgb(h, s, v) {
+  const sn = s / 100;
+  const vn = v / 100;
+  const c = vn * sn;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = vn - c;
+  let r, g, b;
+  if (h < 60) {
+    r = c;
+    g = x;
+    b = 0;
+  } else if (h < 120) {
+    r = x;
+    g = c;
+    b = 0;
+  } else if (h < 180) {
+    r = 0;
+    g = c;
+    b = x;
+  } else if (h < 240) {
+    r = 0;
+    g = x;
+    b = c;
+  } else if (h < 300) {
+    r = x;
+    g = 0;
+    b = c;
+  } else {
+    r = c;
+    g = 0;
+    b = x;
+  }
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255)
+  };
+}
+function rgbToHsv(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const delta = max - min;
+  const v = max * 100;
+  const s = max === 0 ? 0 : delta / max * 100;
+  let h = 0;
+  if (delta !== 0) {
+    if (max === rn) h = (gn - bn) / delta % 6;
+    else if (max === gn) h = (bn - rn) / delta + 2;
+    else h = (rn - gn) / delta + 4;
+    h = h * 60;
+    if (h < 0) h += 360;
+  }
+  return { h: Math.round(h), s: Math.round(s), v: Math.round(v) };
+}
+function rgbToHex(r, g, b) {
+  const ch = (n) => Math.round(Math.max(0, Math.min(255, n))).toString(16).padStart(2, "0");
+  return `#${ch(r)}${ch(g)}${ch(b)}`;
+}
+function hexToRgb(hex) {
+  const c = hex.trim().replace(/^#/, "");
+  let r, g, b;
+  if (c.length === 3) {
+    r = parseInt(c[0] + c[0], 16);
+    g = parseInt(c[1] + c[1], 16);
+    b = parseInt(c[2] + c[2], 16);
+  } else if (c.length === 6) {
+    r = parseInt(c.slice(0, 2), 16);
+    g = parseInt(c.slice(2, 4), 16);
+    b = parseInt(c.slice(4, 6), 16);
+  } else {
+    return null;
+  }
+  if (isNaN(r) || isNaN(g) || isNaN(b)) return null;
+  return { r, g, b };
+}
+function rgbToHsl(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const delta = max - min;
+  const l = (max + min) / 2;
+  let h = 0;
+  let s = 0;
+  if (delta !== 0) {
+    s = delta / (1 - Math.abs(2 * l - 1));
+    if (max === rn) h = (gn - bn) / delta % 6;
+    else if (max === gn) h = (bn - rn) / delta + 2;
+    else h = (rn - gn) / delta + 4;
+    h = h * 60;
+    if (h < 0) h += 360;
+  }
+  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };
+}
+function hslToRgb(h, s, l) {
+  const sn = s / 100;
+  const ln = l / 100;
+  const c = (1 - Math.abs(2 * ln - 1)) * sn;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = ln - c / 2;
+  let r, g, b;
+  if (h < 60) {
+    r = c;
+    g = x;
+    b = 0;
+  } else if (h < 120) {
+    r = x;
+    g = c;
+    b = 0;
+  } else if (h < 180) {
+    r = 0;
+    g = c;
+    b = x;
+  } else if (h < 240) {
+    r = 0;
+    g = x;
+    b = c;
+  } else if (h < 300) {
+    r = x;
+    g = 0;
+    b = c;
+  } else {
+    r = c;
+    g = 0;
+    b = x;
+  }
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255)
+  };
+}
+function colorToText(hsv, alpha, fmt) {
+  const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
+  switch (fmt) {
+    case "hex":
+      return rgbToHex(rgb.r, rgb.g, rgb.b);
+    case "rgb":
+      return alpha < 1 ? `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha.toFixed(2)})` : `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+    case "hsl": {
+      const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
+      return alpha < 1 ? `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${alpha.toFixed(2)})` : `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
+    }
+  }
+}
+function parseColorText(text) {
+  const t = text.trim();
+  const hexCandidate = t.startsWith("#") ? t : /^[0-9a-f]{3,6}$/i.test(t) ? `#${t}` : null;
+  if (hexCandidate) return hexToRgb(hexCandidate);
+  const rgbMatch = t.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  if (rgbMatch) {
+    return {
+      r: parseInt(rgbMatch[1], 10),
+      g: parseInt(rgbMatch[2], 10),
+      b: parseInt(rgbMatch[3], 10)
+    };
+  }
+  const hslMatch = t.match(/hsla?\(\s*(\d+)\s*,\s*(\d+)%?\s*,\s*(\d+)%?/i);
+  if (hslMatch) {
+    return hslToRgb(
+      parseInt(hslMatch[1], 10),
+      parseInt(hslMatch[2], 10),
+      parseInt(hslMatch[3], 10)
+    );
+  }
+  return null;
+}
+function hexToHsv(hex) {
+  const rgb = hexToRgb(hex);
+  return rgb ? rgbToHsv(rgb.r, rgb.g, rgb.b) : { h: 0, s: 100, v: 100 };
+}
+var ColorPicker = ({
+  value,
+  defaultValue,
+  onChange,
+  format = "hex",
+  showAlpha = false,
+  showSwatches = true,
+  swatches = DEFAULT_SWATCHES,
+  disabled = false,
+  size = "md",
+  inline = false,
+  label,
+  className = ""
+}) => {
+  const initialHex = value ?? defaultValue ?? "#6366f1";
+  const [hsv, setHsv] = useState(() => hexToHsv(initialHex));
+  const [alpha, setAlpha] = useState(1);
+  const [activeFormat, setActiveFormat] = useState(format);
+  const [inputText, setInputText] = useState(
+    () => colorToText(hexToHsv(initialHex), 1, format)
+  );
+  const [copied, setCopied] = useState(false);
+  const hsvRef = useRef(hsv);
+  hsvRef.current = hsv;
+  const alphaRef = useRef(alpha);
+  alphaRef.current = alpha;
+  const activeFormatRef = useRef(activeFormat);
+  activeFormatRef.current = activeFormat;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const inputFocusedRef = useRef(false);
+  const canvasRef = useRef(null);
+  const dragHandlersRef = useRef(null);
+  const copiedTimerRef = useRef(null);
+  const currentRgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
+  const currentHex = rgbToHex(currentRgb.r, currentRgb.g, currentRgb.b);
+  useEffect(() => {
+    if (value === void 0) return;
+    const rgb = hexToRgb(value);
+    if (!rgb) return;
+    const newHsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
+    const newNormalised = rgbToHex(
+      ...Object.values(hsvToRgb(newHsv.h, newHsv.s, newHsv.v))
+    );
+    if (newNormalised === currentHex) return;
+    setHsv(newHsv);
+    if (!inputFocusedRef.current) {
+      setInputText(colorToText(newHsv, alphaRef.current, activeFormatRef.current));
+    }
+  }, [value, currentHex]);
+  useEffect(() => {
+    return () => {
+      if (dragHandlersRef.current) {
+        document.removeEventListener("mousemove", dragHandlersRef.current.move);
+        document.removeEventListener("mouseup", dragHandlersRef.current.up);
+      }
+      if (copiedTimerRef.current) clearTimeout(copiedTimerRef.current);
+    };
+  }, []);
+  const applyColor = useCallback((newHsv, newAlpha) => {
+    setHsv(newHsv);
+    setAlpha(newAlpha);
+    if (!inputFocusedRef.current) {
+      setInputText(colorToText(newHsv, newAlpha, activeFormatRef.current));
+    }
+    const rgb = hsvToRgb(newHsv.h, newHsv.s, newHsv.v);
+    const hex = rgbToHex(rgb.r, rgb.g, rgb.b);
+    onChangeRef.current?.(hex);
+  }, []);
+  const handleCanvasMouseDown = useCallback(
+    (e) => {
+      if (disabled) return;
+      e.preventDefault();
+      const pick = (clientX, clientY) => {
+        const canvas = canvasRef.current;
+        if (!canvas) return;
+        const rect = canvas.getBoundingClientRect();
+        const s = Math.max(0, Math.min(100, (clientX - rect.left) / rect.width * 100));
+        const v = Math.max(0, Math.min(100, 100 - (clientY - rect.top) / rect.height * 100));
+        applyColor({ h: hsvRef.current.h, s, v }, alphaRef.current);
+      };
+      pick(e.clientX, e.clientY);
+      const handleMouseMove = (me) => pick(me.clientX, me.clientY);
+      const handleMouseUp = () => {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+        dragHandlersRef.current = null;
+      };
+      dragHandlersRef.current = { move: handleMouseMove, up: handleMouseUp };
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    },
+    [disabled, applyColor]
+  );
+  const handleHueChange = useCallback(
+    (e) => {
+      applyColor({ ...hsvRef.current, h: Number(e.target.value) }, alphaRef.current);
+    },
+    [applyColor]
+  );
+  const handleAlphaChange = useCallback(
+    (e) => {
+      applyColor(hsvRef.current, Number(e.target.value) / 100);
+    },
+    [applyColor]
+  );
+  const handleFormatChange = useCallback((fmt) => {
+    setActiveFormat(fmt);
+    setInputText(colorToText(hsvRef.current, alphaRef.current, fmt));
+  }, []);
+  const handleInputCommit = useCallback(() => {
+    const rgb = parseColorText(inputText);
+    if (!rgb) {
+      setInputText(colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current));
+      return;
+    }
+    const newHsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
+    applyColor(newHsv, alphaRef.current);
+    setInputText(colorToText(newHsv, alphaRef.current, activeFormatRef.current));
+  }, [inputText, applyColor]);
+  const handleSwatchClick = useCallback(
+    (hex) => {
+      const rgb = hexToRgb(hex);
+      if (!rgb) return;
+      applyColor(rgbToHsv(rgb.r, rgb.g, rgb.b), alphaRef.current);
+    },
+    [applyColor]
+  );
+  const handleCopy = useCallback(() => {
+    const text = colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current);
+    navigator.clipboard.writeText(text).then(() => {
+      setCopied(true);
+      if (copiedTimerRef.current) clearTimeout(copiedTimerRef.current);
+      copiedTimerRef.current = setTimeout(() => setCopied(false), 2e3);
+    }).catch(() => {
+    });
+  }, []);
+  const transparentColor = `rgba(${currentRgb.r}, ${currentRgb.g}, ${currentRgb.b}, 0)`;
+  const alphaTrackBg = {
+    backgroundImage: [
+      `linear-gradient(to right, ${transparentColor}, ${currentHex})`,
+      "linear-gradient(45deg, #e2e8f0 25%, transparent 25%)",
+      "linear-gradient(-45deg, #e2e8f0 25%, transparent 25%)",
+      "linear-gradient(45deg, transparent 75%, #e2e8f0 75%)",
+      "linear-gradient(-45deg, transparent 75%, #e2e8f0 75%)"
+    ].join(", "),
+    backgroundSize: "100%, 8px 8px, 8px 8px, 8px 8px, 8px 8px",
+    backgroundPosition: "0 0, 0 0, 0 4px, 4px -4px, -4px 0"
+  };
+  const panel = /* @__PURE__ */ jsxs("div", { className: `eidos-color-picker-panel${inline ? " eidos-color-picker-panel--inline" : ""}`, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: canvasRef,
+        className: "eidos-color-picker-canvas",
+        style: {
+          background: [
+            "linear-gradient(to top, #000, transparent)",
+            `linear-gradient(to right, #fff, hsl(${hsv.h}, 100%, 50%))`
+          ].join(", ")
+        },
+        onMouseDown: handleCanvasMouseDown,
+        role: "presentation",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "eidos-color-picker-thumb",
+            style: {
+              left: `${hsv.s}%`,
+              top: `${100 - hsv.v}%`,
+              background: currentHex
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "eidos-color-picker-sliders", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "range",
+          className: "eidos-color-picker-hue",
+          min: 0,
+          max: 360,
+          step: 1,
+          value: hsv.h,
+          disabled,
+          onChange: handleHueChange,
+          "aria-label": "Hue"
+        }
+      ),
+      showAlpha && /* @__PURE__ */ jsxs("div", { className: "eidos-color-picker-alpha-wrapper", children: [
+        /* @__PURE__ */ jsx("div", { className: "eidos-color-picker-alpha-bg", style: alphaTrackBg }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "range",
+            className: "eidos-color-picker-alpha",
+            min: 0,
+            max: 100,
+            step: 1,
+            value: Math.round(alpha * 100),
+            disabled,
+            onChange: handleAlphaChange,
+            "aria-label": "Opacity"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "eidos-color-picker-inputs", children: [
+      /* @__PURE__ */ jsx("div", { className: "eidos-color-picker-format-btns", role: "group", "aria-label": "Colour format", children: ["hex", "rgb", "hsl"].map((fmt) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: [
+            "eidos-color-picker-format-btn",
+            activeFormat === fmt && "eidos-color-picker-format-btn--active"
+          ].filter(Boolean).join(" "),
+          onClick: () => handleFormatChange(fmt),
+          disabled,
+          "aria-pressed": activeFormat === fmt,
+          children: fmt.toUpperCase()
+        },
+        fmt
+      )) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "eidos-color-picker-input",
+          value: inputText,
+          disabled,
+          spellCheck: false,
+          "aria-label": "Colour value",
+          onChange: (e) => setInputText(e.target.value),
+          onFocus: () => {
+            inputFocusedRef.current = true;
+          },
+          onBlur: () => {
+            inputFocusedRef.current = false;
+            handleInputCommit();
+          },
+          onKeyDown: (e) => {
+            if (e.key === "Enter") handleInputCommit();
+            if (e.key === "Escape") {
+              setInputText(colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current));
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: ["eidos-color-picker-copy", copied && "eidos-color-picker-copy--copied"].filter(Boolean).join(" "),
+          onClick: handleCopy,
+          disabled,
+          "aria-label": "Copy colour value",
+          title: "Copy colour value",
+          children: copied ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 })
+        }
+      )
+    ] }),
+    showSwatches && /* @__PURE__ */ jsx("div", { className: "eidos-color-picker-swatches", role: "group", "aria-label": "Colour presets", children: swatches.map((swatchHex) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: [
+          "eidos-color-picker-swatch",
+          currentHex === swatchHex && "eidos-color-picker-swatch--active"
+        ].filter(Boolean).join(" "),
+        style: { background: swatchHex },
+        onClick: () => handleSwatchClick(swatchHex),
+        disabled,
+        "aria-label": `Select ${swatchHex}`,
+        title: swatchHex
+      },
+      swatchHex
+    )) })
+  ] });
+  const rootClasses = [
+    "eidos-color-picker",
+    `eidos-color-picker--${size}`,
+    disabled && "eidos-color-picker--disabled",
+    className
+  ].filter(Boolean).join(" ");
+  if (inline) {
+    return /* @__PURE__ */ jsxs("div", { className: rootClasses, children: [
+      label && /* @__PURE__ */ jsx("span", { className: "eidos-color-picker-label", children: label }),
+      panel
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: rootClasses, children: [
+    label && /* @__PURE__ */ jsx("span", { className: "eidos-color-picker-label", children: label }),
+    /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        trigger: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "eidos-color-picker-trigger",
+            disabled,
+            "aria-label": label ?? "Open colour picker",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "eidos-color-picker-trigger-swatch",
+                  style: { background: currentHex }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "eidos-color-picker-trigger-value", children: currentHex })
+            ]
+          }
+        ),
+        content: panel,
+        placement: "bottom",
+        autoWidth: false,
+        minWidth: 260,
+        disabled
+      }
+    )
+  ] });
+};
+ColorPicker.displayName = "ColorPicker";
+
+export {
+  ColorPicker
+};
+//# sourceMappingURL=chunk-T56K5IKQ.js.map

package/dist/chunk-T56K5IKQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ColorPicker/ColorPicker.component.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\r\nimport { Copy, Check } from 'lucide-react';\r\nimport { Dropdown } from '../Dropdown/Dropdown.component';\r\nimport type {\r\n  ColorPickerProps,\r\n  HSVColor,\r\n  RGBColor,\r\n  HSLColor,\r\n  ColorFormat,\r\n} from './ColorPicker.types';\r\n\r\n// ============================================================================\r\n// Constants\r\n// ============================================================================\r\n\r\nconst DEFAULT_SWATCHES: string[] = [\r\n  '#ef4444',\r\n  '#f97316',\r\n  '#f59e0b',\r\n  '#10b981',\r\n  '#06b6d4',\r\n  '#6366f1',\r\n  '#8b5cf6',\r\n  '#ec4899',\r\n  '#64748b',\r\n  '#1e293b',\r\n];\r\n\r\n// ============================================================================\r\n// Pure colour-utility functions\r\n// ============================================================================\r\n\r\nfunction hsvToRgb(h: number, s: number, v: number): RGBColor {\r\n  // h: 0–360, s: 0–100, v: 0–100  →  r,g,b: 0–255\r\n  const sn = s / 100;\r\n  const vn = v / 100;\r\n  const c = vn * sn;\r\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\r\n  const m = vn - c;\r\n\r\n  let r: number, g: number, b: number;\r\n  if (h < 60) {\r\n    r = c;\r\n    g = x;\r\n    b = 0;\r\n  } else if (h < 120) {\r\n    r = x;\r\n    g = c;\r\n    b = 0;\r\n  } else if (h < 180) {\r\n    r = 0;\r\n    g = c;\r\n    b = x;\r\n  } else if (h < 240) {\r\n    r = 0;\r\n    g = x;\r\n    b = c;\r\n  } else if (h < 300) {\r\n    r = x;\r\n    g = 0;\r\n    b = c;\r\n  } else {\r\n    r = c;\r\n    g = 0;\r\n    b = x;\r\n  }\r\n\r\n  return {\r\n    r: Math.round((r + m) * 255),\r\n    g: Math.round((g + m) * 255),\r\n    b: Math.round((b + m) * 255),\r\n  };\r\n}\r\n\r\nfunction rgbToHsv(r: number, g: number, b: number): HSVColor {\r\n  // r,g,b: 0–255  →  h: 0–360, s: 0–100, v: 0–100\r\n  const rn = r / 255;\r\n  const gn = g / 255;\r\n  const bn = b / 255;\r\n\r\n  const max = Math.max(rn, gn, bn);\r\n  const min = Math.min(rn, gn, bn);\r\n  const delta = max - min;\r\n\r\n  const v = max * 100;\r\n  const s = max === 0 ? 0 : (delta / max) * 100;\r\n\r\n  let h = 0;\r\n  if (delta !== 0) {\r\n    if (max === rn) h = ((gn - bn) / delta) % 6;\r\n    else if (max === gn) h = (bn - rn) / delta + 2;\r\n    else h = (rn - gn) / delta + 4;\r\n    h = h * 60;\r\n    if (h < 0) h += 360;\r\n  }\r\n\r\n  return { h: Math.round(h), s: Math.round(s), v: Math.round(v) };\r\n}\r\n\r\nfunction rgbToHex(r: number, g: number, b: number): string {\r\n  const ch = (n: number) =>\r\n    Math.round(Math.max(0, Math.min(255, n)))\r\n      .toString(16)\r\n      .padStart(2, '0');\r\n  return `#${ch(r)}${ch(g)}${ch(b)}`;\r\n}\r\n\r\nfunction hexToRgb(hex: string): RGBColor | null {\r\n  const c = hex.trim().replace(/^#/, '');\r\n  let r: number, g: number, b: number;\r\n\r\n  if (c.length === 3) {\r\n    r = parseInt(c[0] + c[0], 16);\r\n    g = parseInt(c[1] + c[1], 16);\r\n    b = parseInt(c[2] + c[2], 16);\r\n  } else if (c.length === 6) {\r\n    r = parseInt(c.slice(0, 2), 16);\r\n    g = parseInt(c.slice(2, 4), 16);\r\n    b = parseInt(c.slice(4, 6), 16);\r\n  } else {\r\n    return null;\r\n  }\r\n\r\n  if (isNaN(r) || isNaN(g) || isNaN(b)) return null;\r\n  return { r, g, b };\r\n}\r\n\r\nfunction rgbToHsl(r: number, g: number, b: number): HSLColor {\r\n  // r,g,b: 0–255  →  h: 0–360, s: 0–100, l: 0–100\r\n  const rn = r / 255;\r\n  const gn = g / 255;\r\n  const bn = b / 255;\r\n\r\n  const max = Math.max(rn, gn, bn);\r\n  const min = Math.min(rn, gn, bn);\r\n  const delta = max - min;\r\n  const l = (max + min) / 2;\r\n\r\n  let h = 0;\r\n  let s = 0;\r\n\r\n  if (delta !== 0) {\r\n    s = delta / (1 - Math.abs(2 * l - 1));\r\n    if (max === rn) h = ((gn - bn) / delta) % 6;\r\n    else if (max === gn) h = (bn - rn) / delta + 2;\r\n    else h = (rn - gn) / delta + 4;\r\n    h = h * 60;\r\n    if (h < 0) h += 360;\r\n  }\r\n\r\n  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\r\n}\r\n\r\nfunction hslToRgb(h: number, s: number, l: number): RGBColor {\r\n  // h: 0–360, s: 0–100, l: 0–100  →  r,g,b: 0–255\r\n  const sn = s / 100;\r\n  const ln = l / 100;\r\n  const c = (1 - Math.abs(2 * ln - 1)) * sn;\r\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\r\n  const m = ln - c / 2;\r\n\r\n  let r: number, g: number, b: number;\r\n  if (h < 60) {\r\n    r = c;\r\n    g = x;\r\n    b = 0;\r\n  } else if (h < 120) {\r\n    r = x;\r\n    g = c;\r\n    b = 0;\r\n  } else if (h < 180) {\r\n    r = 0;\r\n    g = c;\r\n    b = x;\r\n  } else if (h < 240) {\r\n    r = 0;\r\n    g = x;\r\n    b = c;\r\n  } else if (h < 300) {\r\n    r = x;\r\n    g = 0;\r\n    b = c;\r\n  } else {\r\n    r = c;\r\n    g = 0;\r\n    b = x;\r\n  }\r\n\r\n  return {\r\n    r: Math.round((r + m) * 255),\r\n    g: Math.round((g + m) * 255),\r\n    b: Math.round((b + m) * 255),\r\n  };\r\n}\r\n\r\n// ============================================================================\r\n// Format helpers\r\n// ============================================================================\r\n\r\nfunction colorToText(hsv: HSVColor, alpha: number, fmt: ColorFormat): string {\r\n  const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);\r\n\r\n  switch (fmt) {\r\n    case 'hex':\r\n      return rgbToHex(rgb.r, rgb.g, rgb.b);\r\n    case 'rgb':\r\n      return alpha < 1\r\n        ? `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha.toFixed(2)})`\r\n        : `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;\r\n    case 'hsl': {\r\n      const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);\r\n      return alpha < 1\r\n        ? `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${alpha.toFixed(2)})`\r\n        : `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;\r\n    }\r\n  }\r\n}\r\n\r\nfunction parseColorText(text: string): RGBColor | null {\r\n  const t = text.trim();\r\n\r\n  // Try hex (with or without leading #)\r\n  const hexCandidate = t.startsWith('#') ? t : /^[0-9a-f]{3,6}$/i.test(t) ? `#${t}` : null;\r\n  if (hexCandidate) return hexToRgb(hexCandidate);\r\n\r\n  // Try rgb() / rgba()\r\n  const rgbMatch = t.match(/rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i);\r\n  if (rgbMatch) {\r\n    return {\r\n      r: parseInt(rgbMatch[1], 10),\r\n      g: parseInt(rgbMatch[2], 10),\r\n      b: parseInt(rgbMatch[3], 10),\r\n    };\r\n  }\r\n\r\n  // Try hsl() / hsla()\r\n  const hslMatch = t.match(/hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+)%?\\s*,\\s*(\\d+)%?/i);\r\n  if (hslMatch) {\r\n    return hslToRgb(\r\n      parseInt(hslMatch[1], 10),\r\n      parseInt(hslMatch[2], 10),\r\n      parseInt(hslMatch[3], 10),\r\n    );\r\n  }\r\n\r\n  return null;\r\n}\r\n\r\n/** Parse a hex string to HSVColor, falling back to red on failure. */\r\nfunction hexToHsv(hex: string): HSVColor {\r\n  const rgb = hexToRgb(hex);\r\n  return rgb ? rgbToHsv(rgb.r, rgb.g, rgb.b) : { h: 0, s: 100, v: 100 };\r\n}\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\nexport const ColorPicker: React.FC<ColorPickerProps> = ({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  format = 'hex',\r\n  showAlpha = false,\r\n  showSwatches = true,\r\n  swatches = DEFAULT_SWATCHES,\r\n  disabled = false,\r\n  size = 'md',\r\n  inline = false,\r\n  label,\r\n  className = '',\r\n}) => {\r\n  // ── Initial hex (only used on first render by useState) ──────────────────\r\n  const initialHex = value ?? defaultValue ?? '#6366f1';\r\n\r\n  // ── State ─────────────────────────────────────────────────────────────────\r\n  const [hsv, setHsv] = useState<HSVColor>(() => hexToHsv(initialHex));\r\n  const [alpha, setAlpha] = useState<number>(1);\r\n  const [activeFormat, setActiveFormat] = useState<ColorFormat>(format);\r\n  const [inputText, setInputText] = useState<string>(() =>\r\n    colorToText(hexToHsv(initialHex), 1, format),\r\n  );\r\n  const [copied, setCopied] = useState(false);\r\n\r\n  // ── Refs - give event handlers always-fresh values without stale closures ──\r\n  const hsvRef = useRef<HSVColor>(hsv);\r\n  hsvRef.current = hsv;\r\n\r\n  const alphaRef = useRef<number>(alpha);\r\n  alphaRef.current = alpha;\r\n\r\n  const activeFormatRef = useRef<ColorFormat>(activeFormat);\r\n  activeFormatRef.current = activeFormat;\r\n\r\n  // onChange is stored in a ref so applyColor never becomes stale\r\n  const onChangeRef = useRef<ColorPickerProps['onChange']>(onChange);\r\n  onChangeRef.current = onChange;\r\n\r\n  const inputFocusedRef = useRef(false);\r\n  const canvasRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Refs for in-flight drag listeners - cleaned up on mouseup and on unmount\r\n  const dragHandlersRef = useRef<{\r\n    move: (e: MouseEvent) => void;\r\n    up: () => void;\r\n  } | null>(null);\r\n\r\n  const copiedTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  // ── Derived ───────────────────────────────────────────────────────────────\r\n  const currentRgb = hsvToRgb(hsv.h, hsv.s, hsv.v);\r\n  const currentHex = rgbToHex(currentRgb.r, currentRgb.g, currentRgb.b);\r\n\r\n  // ── Sync from controlled `value` prop ─────────────────────────────────────\r\n  // Runs only when `value` changes. We normalize both sides to the same\r\n  // hex format before comparing so that round-trip conversions don't trigger\r\n  // spurious updates (which would overwrite the preserved hue when s/v = 0).\r\n  useEffect(() => {\r\n    if (value === undefined) return;\r\n    const rgb = hexToRgb(value);\r\n    if (!rgb) return;\r\n    const newHsv = rgbToHsv(rgb.r, rgb.g, rgb.b);\r\n    const newNormalised = rgbToHex(\r\n      ...(Object.values(hsvToRgb(newHsv.h, newHsv.s, newHsv.v)) as [number, number, number]),\r\n    );\r\n    // currentHex is captured from this render - guards against echo loops\r\n    // when the parent echoes back our own onChange emission\r\n    if (newNormalised === currentHex) return;\r\n    setHsv(newHsv);\r\n    if (!inputFocusedRef.current) {\r\n      setInputText(colorToText(newHsv, alphaRef.current, activeFormatRef.current));\r\n    }\r\n  }, [value, currentHex]);\r\n\r\n  // ── Cleanup drag listeners and timers on unmount ──────────────────────────\r\n  useEffect(() => {\r\n    return () => {\r\n      if (dragHandlersRef.current) {\r\n        document.removeEventListener('mousemove', dragHandlersRef.current.move);\r\n        document.removeEventListener('mouseup', dragHandlersRef.current.up);\r\n      }\r\n      if (copiedTimerRef.current) clearTimeout(copiedTimerRef.current);\r\n    };\r\n  }, []);\r\n\r\n  // ── Core: apply a new HSV + alpha, emit onChange ───────────────────────────\r\n  // Stable (empty dep array) - reads live values exclusively via refs.\r\n  const applyColor = useCallback((newHsv: HSVColor, newAlpha: number) => {\r\n    setHsv(newHsv);\r\n    setAlpha(newAlpha);\r\n\r\n    if (!inputFocusedRef.current) {\r\n      setInputText(colorToText(newHsv, newAlpha, activeFormatRef.current));\r\n    }\r\n\r\n    const rgb = hsvToRgb(newHsv.h, newHsv.s, newHsv.v);\r\n    const hex = rgbToHex(rgb.r, rgb.g, rgb.b);\r\n    onChangeRef.current?.(hex);\r\n  }, []);\r\n\r\n  // ── 2-D saturation / brightness canvas ────────────────────────────────────\r\n  const handleCanvasMouseDown = useCallback(\r\n    (e: React.MouseEvent<HTMLDivElement>) => {\r\n      if (disabled) return;\r\n      e.preventDefault();\r\n\r\n      const pick = (clientX: number, clientY: number) => {\r\n        const canvas = canvasRef.current;\r\n        if (!canvas) return;\r\n        const rect = canvas.getBoundingClientRect();\r\n        const s = Math.max(0, Math.min(100, ((clientX - rect.left) / rect.width) * 100));\r\n        const v = Math.max(0, Math.min(100, 100 - ((clientY - rect.top) / rect.height) * 100));\r\n        applyColor({ h: hsvRef.current.h, s, v }, alphaRef.current);\r\n      };\r\n\r\n      pick(e.clientX, e.clientY);\r\n\r\n      const handleMouseMove = (me: MouseEvent) => pick(me.clientX, me.clientY);\r\n      const handleMouseUp = () => {\r\n        document.removeEventListener('mousemove', handleMouseMove);\r\n        document.removeEventListener('mouseup', handleMouseUp);\r\n        dragHandlersRef.current = null;\r\n      };\r\n\r\n      dragHandlersRef.current = { move: handleMouseMove, up: handleMouseUp };\r\n      document.addEventListener('mousemove', handleMouseMove);\r\n      document.addEventListener('mouseup', handleMouseUp);\r\n    },\r\n    [disabled, applyColor],\r\n  );\r\n\r\n  // ── Hue slider ────────────────────────────────────────────────────────────\r\n  const handleHueChange = useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      applyColor({ ...hsvRef.current, h: Number(e.target.value) }, alphaRef.current);\r\n    },\r\n    [applyColor],\r\n  );\r\n\r\n  // ── Alpha slider ──────────────────────────────────────────────────────────\r\n  const handleAlphaChange = useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      applyColor(hsvRef.current, Number(e.target.value) / 100);\r\n    },\r\n    [applyColor],\r\n  );\r\n\r\n  // ── Format toggle ─────────────────────────────────────────────────────────\r\n  const handleFormatChange = useCallback((fmt: ColorFormat) => {\r\n    setActiveFormat(fmt);\r\n    setInputText(colorToText(hsvRef.current, alphaRef.current, fmt));\r\n  }, []);\r\n\r\n  // ── Text-input commit (Enter / blur) ──────────────────────────────────────\r\n  const handleInputCommit = useCallback(() => {\r\n    const rgb = parseColorText(inputText);\r\n    if (!rgb) {\r\n      // Invalid - reset to the current valid colour\r\n      setInputText(colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current));\r\n      return;\r\n    }\r\n    const newHsv = rgbToHsv(rgb.r, rgb.g, rgb.b);\r\n    applyColor(newHsv, alphaRef.current);\r\n    // Always normalise the text after a commit (even if the input still has focus)\r\n    setInputText(colorToText(newHsv, alphaRef.current, activeFormatRef.current));\r\n  }, [inputText, applyColor]);\r\n\r\n  // ── Swatch click ──────────────────────────────────────────────────────────\r\n  const handleSwatchClick = useCallback(\r\n    (hex: string) => {\r\n      const rgb = hexToRgb(hex);\r\n      if (!rgb) return;\r\n      applyColor(rgbToHsv(rgb.r, rgb.g, rgb.b), alphaRef.current);\r\n    },\r\n    [applyColor],\r\n  );\r\n\r\n  // ── Copy to clipboard ─────────────────────────────────────────────────────\r\n  const handleCopy = useCallback(() => {\r\n    const text = colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current);\r\n    navigator.clipboard\r\n      .writeText(text)\r\n      .then(() => {\r\n        setCopied(true);\r\n        if (copiedTimerRef.current) clearTimeout(copiedTimerRef.current);\r\n        copiedTimerRef.current = setTimeout(() => setCopied(false), 2000);\r\n      })\r\n      .catch(() => {\r\n        // Clipboard access denied - silently ignore\r\n      });\r\n  }, []);\r\n\r\n  // ── Alpha-slider background gradient ─────────────────────────────────────\r\n  // We use a transparent-to-current-colour gradient layered over a checkerboard\r\n  // so the alpha slider always shows the correct colour transition.\r\n  const transparentColor = `rgba(${currentRgb.r}, ${currentRgb.g}, ${currentRgb.b}, 0)`;\r\n\r\n  const alphaTrackBg = {\r\n    backgroundImage: [\r\n      `linear-gradient(to right, ${transparentColor}, ${currentHex})`,\r\n      'linear-gradient(45deg, #e2e8f0 25%, transparent 25%)',\r\n      'linear-gradient(-45deg, #e2e8f0 25%, transparent 25%)',\r\n      'linear-gradient(45deg, transparent 75%, #e2e8f0 75%)',\r\n      'linear-gradient(-45deg, transparent 75%, #e2e8f0 75%)',\r\n    ].join(', '),\r\n    backgroundSize: '100%, 8px 8px, 8px 8px, 8px 8px, 8px 8px',\r\n    backgroundPosition: '0 0, 0 0, 0 4px, 4px -4px, -4px 0',\r\n  };\r\n\r\n  // ── Picker panel (shared between inline and popover modes) ────────────────\r\n  const panel = (\r\n    <div className={`eidos-color-picker-panel${inline ? ' eidos-color-picker-panel--inline' : ''}`}>\r\n      {/* 2-D sat / brightness canvas */}\r\n      <div\r\n        ref={canvasRef}\r\n        className=\"eidos-color-picker-canvas\"\r\n        style={{\r\n          background: [\r\n            'linear-gradient(to top, #000, transparent)',\r\n            `linear-gradient(to right, #fff, hsl(${hsv.h}, 100%, 50%))`,\r\n          ].join(', '),\r\n        }}\r\n        onMouseDown={handleCanvasMouseDown}\r\n        role=\"presentation\"\r\n      >\r\n        <div\r\n          className=\"eidos-color-picker-thumb\"\r\n          style={{\r\n            left: `${hsv.s}%`,\r\n            top: `${100 - hsv.v}%`,\r\n            background: currentHex,\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      {/* Sliders */}\r\n      <div className=\"eidos-color-picker-sliders\">\r\n        {/* Hue */}\r\n        <input\r\n          type=\"range\"\r\n          className=\"eidos-color-picker-hue\"\r\n          min={0}\r\n          max={360}\r\n          step={1}\r\n          value={hsv.h}\r\n          disabled={disabled}\r\n          onChange={handleHueChange}\r\n          aria-label=\"Hue\"\r\n        />\r\n\r\n        {/* Alpha */}\r\n        {showAlpha && (\r\n          <div className=\"eidos-color-picker-alpha-wrapper\">\r\n            <div className=\"eidos-color-picker-alpha-bg\" style={alphaTrackBg} />\r\n            <input\r\n              type=\"range\"\r\n              className=\"eidos-color-picker-alpha\"\r\n              min={0}\r\n              max={100}\r\n              step={1}\r\n              value={Math.round(alpha * 100)}\r\n              disabled={disabled}\r\n              onChange={handleAlphaChange}\r\n              aria-label=\"Opacity\"\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Text input + format toggles + copy */}\r\n      <div className=\"eidos-color-picker-inputs\">\r\n        <div className=\"eidos-color-picker-format-btns\" role=\"group\" aria-label=\"Colour format\">\r\n          {(['hex', 'rgb', 'hsl'] as ColorFormat[]).map((fmt) => (\r\n            <button\r\n              key={fmt}\r\n              type=\"button\"\r\n              className={[\r\n                'eidos-color-picker-format-btn',\r\n                activeFormat === fmt && 'eidos-color-picker-format-btn--active',\r\n              ]\r\n                .filter(Boolean)\r\n                .join(' ')}\r\n              onClick={() => handleFormatChange(fmt)}\r\n              disabled={disabled}\r\n              aria-pressed={activeFormat === fmt}\r\n            >\r\n              {fmt.toUpperCase()}\r\n            </button>\r\n          ))}\r\n        </div>\r\n\r\n        <input\r\n          type=\"text\"\r\n          className=\"eidos-color-picker-input\"\r\n          value={inputText}\r\n          disabled={disabled}\r\n          spellCheck={false}\r\n          aria-label=\"Colour value\"\r\n          onChange={(e) => setInputText(e.target.value)}\r\n          onFocus={() => {\r\n            inputFocusedRef.current = true;\r\n          }}\r\n          onBlur={() => {\r\n            inputFocusedRef.current = false;\r\n            handleInputCommit();\r\n          }}\r\n          onKeyDown={(e) => {\r\n            if (e.key === 'Enter') handleInputCommit();\r\n            if (e.key === 'Escape') {\r\n              setInputText(colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current));\r\n            }\r\n          }}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={['eidos-color-picker-copy', copied && 'eidos-color-picker-copy--copied']\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n          onClick={handleCopy}\r\n          disabled={disabled}\r\n          aria-label=\"Copy colour value\"\r\n          title=\"Copy colour value\"\r\n        >\r\n          {copied ? <Check size={14} /> : <Copy size={14} />}\r\n        </button>\r\n      </div>\r\n\r\n      {/* Swatches */}\r\n      {showSwatches && (\r\n        <div className=\"eidos-color-picker-swatches\" role=\"group\" aria-label=\"Colour presets\">\r\n          {swatches.map((swatchHex) => (\r\n            <button\r\n              key={swatchHex}\r\n              type=\"button\"\r\n              className={[\r\n                'eidos-color-picker-swatch',\r\n                currentHex === swatchHex && 'eidos-color-picker-swatch--active',\r\n              ]\r\n                .filter(Boolean)\r\n                .join(' ')}\r\n              style={{ background: swatchHex }}\r\n              onClick={() => handleSwatchClick(swatchHex)}\r\n              disabled={disabled}\r\n              aria-label={`Select ${swatchHex}`}\r\n              title={swatchHex}\r\n            />\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n\r\n  // ── Root element classes ───────────────────────────────────────────────────\r\n  const rootClasses = [\r\n    'eidos-color-picker',\r\n    `eidos-color-picker--${size}`,\r\n    disabled && 'eidos-color-picker--disabled',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  // ── Inline mode ───────────────────────────────────────────────────────────\r\n  if (inline) {\r\n    return (\r\n      <div className={rootClasses}>\r\n        {label && <span className=\"eidos-color-picker-label\">{label}</span>}\r\n        {panel}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // ── Popover (trigger + Dropdown) ──────────────────────────────────────────\r\n  return (\r\n    <div className={rootClasses}>\r\n      {label && <span className=\"eidos-color-picker-label\">{label}</span>}\r\n      <Dropdown\r\n        trigger={\r\n          <button\r\n            type=\"button\"\r\n            className=\"eidos-color-picker-trigger\"\r\n            disabled={disabled}\r\n            aria-label={label ?? 'Open colour picker'}\r\n          >\r\n            <span\r\n              className=\"eidos-color-picker-trigger-swatch\"\r\n              style={{ background: currentHex }}\r\n            />\r\n            <span className=\"eidos-color-picker-trigger-value\">{currentHex}</span>\r\n          </button>\r\n        }\r\n        content={panel}\r\n        placement=\"bottom\"\r\n        autoWidth={false}\r\n        minWidth={260}\r\n        disabled={disabled}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nColorPicker.displayName = 'ColorPicker';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-TBMVUI7S.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/renderIcon.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var renderIcon = (icon, className) => {
+  if (!icon) return null;
+  if (typeof icon === "string") {
+    const iconName = icon.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+    const LucideIcon = _lucidereact.icons[iconName];
+    if (LucideIcon) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LucideIcon, { className, "aria-hidden": "true" });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", { className: `${icon} ${className || ""}`, "aria-hidden": "true" });
+  }
+  const IconComponent = icon;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { className, "aria-hidden": "true" });
+};
+
+
+
+exports.renderIcon = renderIcon;
+//# sourceMappingURL=chunk-TBMVUI7S.cjs.map

package/dist/chunk-TBMVUI7S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-TBMVUI7S.cjs","../src/utils/renderIcon.tsx"],"names":[],"mappings":"AAAA;ACCA,2CAAsB;AAyCT,+CAAA;AAfN,IAAM,WAAA,EAAa,CAAC,IAAA,EAA4B,SAAA,EAAA,GAAwC;AAC7F,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,OAAO,IAAA;AAElB,EAAA,GAAA,CAAI,OAAO,KAAA,IAAS,QAAA,EAAU;AAE5B,IAAA,MAAM,SAAA,EAAW,IAAA,CACd,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,EAAA,GAAS,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,CAAY,EAAA,EAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA,CAC1D,IAAA,CAAK,EAAE,CAAA;AAGV,IAAA,MAAM,WAAA,EAAa,kBAAA,CAAM,QAA8B,CAAA;AAGvD,IAAA,GAAA,CAAI,UAAA,EAAY;AACd,MAAA,uBAAO,6BAAA,UAAC,EAAA,EAAW,SAAA,EAAsB,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,IAC9D;AAGA,IAAA,uBAAO,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAW,CAAA,EAAA;AACvB,EAAA;AAGsB,EAAA;AACA,EAAA;AACxB;ADpCkD;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-TBMVUI7S.cjs","sourcesContent":[null,"import React from 'react';\r\nimport { icons } from 'lucide-react';\r\n\r\nexport type IconType = React.ComponentType<{ className?: string }> | string;\r\n\r\n/**\r\n * Helper function to render icons dynamically\r\n * Supports both React components (Lucide, MUI, etc.) and string-based icon names\r\n *\r\n * @param icon - Icon component or string name (e.g., \"heart\" or \"arrow-right\")\r\n * @param className - Optional CSS class name to apply to the icon\r\n * @returns React node representing the icon, or null if no icon provided\r\n *\r\n * @example\r\n * // Component-based icon\r\n * import { Heart } from 'lucide-react';\r\n * renderIcon(Heart, 'my-icon-class');\r\n *\r\n * @example\r\n * // String-based Lucide icon (kebab-case converted to PascalCase)\r\n * renderIcon('heart', 'my-icon-class');\r\n * renderIcon('arrow-right', 'my-icon-class');\r\n *\r\n * @example\r\n * // String-based CSS class (for Font Awesome, Remixicon, etc.)\r\n * renderIcon('fas fa-heart', 'my-icon-class');\r\n */\r\nexport const renderIcon = (icon: IconType | undefined, className?: string): React.ReactNode => {\r\n  if (!icon) return null;\r\n\r\n  if (typeof icon === 'string') {\r\n    // Convert kebab-case to PascalCase for Lucide icons\r\n    const iconName = icon\r\n      .split('-')\r\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\r\n      .join('');\r\n\r\n    // Try to find the icon in lucide-react\r\n    const LucideIcon = icons[iconName as keyof typeof icons] as\r\n      React.ComponentType<{ className?: string }> | undefined;\r\n\r\n    if (LucideIcon) {\r\n      return <LucideIcon className={className} aria-hidden=\"true\" />;\r\n    }\r\n\r\n    // Fallback: render as a CSS class (for Font Awesome, Remixicon, etc.)\r\n    return <i className={`${icon} ${className || ''}`} aria-hidden=\"true\" />;\r\n  }\r\n\r\n  // It's a React component\r\n  const IconComponent = icon;\r\n  return <IconComponent className={className} aria-hidden=\"true\" />;\r\n};\r\n"]}