@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/cjs/ColorPicker-rhCnblTv.js

@@ -0,0 +1,439 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var reactColorful = require('react-colorful');
+var primitives_Button = require('./primitives/Button.js');
+var primitives_Popover = require('./primitives/Popover.js');
+var utils = require('./utils-BhM0B89p.js');
+var index = require('./index-vioSzJOw.js');
+var chevronDown = require('./chevron-down-CPsWSS51.js');
+var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
+
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  [
+    "path",
+    {
+      d: "m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12",
+      key: "1y3wsu"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3z",
+      key: "110lr1"
+    }
+  ],
+  ["path", { d: "m2 22 .414-.414", key: "jhxm08" }]
+];
+const Pipette = createLucideIcon.createLucideIcon("pipette", __iconNode);
+
+const isSupported = typeof window !== "undefined" && "EyeDropper" in window;
+const useEyeDropper = () => {
+  const open = React.useCallback(async () => {
+    if (!window.EyeDropper) throw new Error("EyeDropper API not supported");
+    const dropper = new window.EyeDropper();
+    const result = await dropper.open();
+    return result.sRGBHex;
+  }, []);
+  return { isSupported, open };
+};
+
+const DEFAULT_PALETTE_COLORS = [
+  { hex: "#FFFFFF" },
+  { hex: "#D6D6D6" },
+  { hex: "#0A0E13" },
+  { hex: "#FECE1E" },
+  { hex: "#F32E48" },
+  { hex: "#02C39A" },
+  { hex: "#2A79C4" },
+  { hex: "#B3E5FC" },
+  { hex: "#C3C6F9" },
+  { hex: "#8064CE" },
+  { hex: "#FE861E" },
+  { hex: "#FF7DC9" },
+  { hex: "#028090" },
+  { hex: "#095482" }
+];
+const RECENTLY_USED_STORAGE_KEY = "recently-used-colors";
+const PICKER_HEIGHT = {
+  small: "100px",
+  medium: "120px",
+  large: "140px"
+};
+
+const getFromStorage = (key, fallback) => {
+  try {
+    const stored = localStorage.getItem(key);
+    return stored ? JSON.parse(stored) : fallback;
+  } catch {
+    return fallback;
+  }
+};
+const setToStorage = (key, value) => {
+  try {
+    localStorage.setItem(key, JSON.stringify(value));
+  } catch {
+  }
+};
+const createSyncedStore = (storageKey) => {
+  const listeners = /* @__PURE__ */ new Set();
+  const store2 = {
+    value: getFromStorage(storageKey, []),
+    getSnapshot: () => store2.value,
+    getServerSnapshot: () => [],
+    setValue: (newValue) => {
+      store2.value = newValue;
+      setToStorage(storageKey, newValue);
+      listeners.forEach((listener) => listener());
+    },
+    subscribe: (callback) => {
+      listeners.add(callback);
+      const storageEventHandler = (event) => {
+        if (event.key !== storageKey) return;
+        store2.value = getFromStorage(storageKey, []);
+        listeners.forEach((listener) => listener());
+      };
+      if (listeners.size === 1) {
+        window.addEventListener("storage", storageEventHandler);
+      }
+      return () => {
+        listeners.delete(callback);
+        if (listeners.size === 0) {
+          window.removeEventListener("storage", storageEventHandler);
+        }
+      };
+    }
+  };
+  return store2;
+};
+const store = createSyncedStore(RECENTLY_USED_STORAGE_KEY);
+const useRecentlyUsedColors = () => [
+  React.useSyncExternalStore(
+    store.subscribe,
+    store.getSnapshot,
+    store.getServerSnapshot
+  ),
+  store.setValue
+];
+
+const isValidHex = (hex) => /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{4}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(hex);
+const hexToRgb = (hex) => {
+  const raw = hex.replace(/^#/, "");
+  if (!/^([0-9A-Fa-f]{3}|[0-9A-Fa-f]{4}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(raw)) {
+    return { r: 0, g: 0, b: 0, a: 1 };
+  }
+  let r, g, b, a = 255;
+  if (raw.length === 3 || raw.length === 4) {
+    r = parseInt(raw[0] + raw[0], 16);
+    g = parseInt(raw[1] + raw[1], 16);
+    b = parseInt(raw[2] + raw[2], 16);
+    if (raw.length === 4) a = parseInt(raw[3] + raw[3], 16);
+  } else {
+    r = parseInt(raw.slice(0, 2), 16);
+    g = parseInt(raw.slice(2, 4), 16);
+    b = parseInt(raw.slice(4, 6), 16);
+    if (raw.length === 8) a = parseInt(raw.slice(6, 8), 16);
+  }
+  return { r, g, b, a: Math.round(a / 255 * 100) / 100 };
+};
+const hexToHex8 = (hex) => {
+  const { r, g, b, a } = hexToRgb(hex);
+  const alpha = Math.round(a * 255);
+  return `#${[r, g, b, alpha].map((channel) => channel.toString(16).padStart(2, "0")).join("")}`;
+};
+const getColor = (colorValue, showTransparencyControl) => {
+  if (!isValidHex(colorValue)) {
+    return { hex: colorValue, rgb: { r: 0, g: 0, b: 0, a: 1 } };
+  }
+  const rgb = hexToRgb(colorValue);
+  if (rgb.a === 0) {
+    return { hex: colorValue, rgb };
+  }
+  const hex = showTransparencyControl ? hexToHex8(colorValue) : `#${colorValue.replace(/^#/, "").slice(0, 6)}`;
+  return { hex, rgb: hexToRgb(hex) };
+};
+
+const Palette = React.forwardRef(
+  ({
+    color,
+    colorList = DEFAULT_PALETTE_COLORS,
+    onChange,
+    className,
+    ...otherProps
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn(
+        "flex flex-row flex-wrap items-start justify-start gap-1",
+        className
+      ),
+      ...otherProps,
+      children: colorList.map((item) => {
+        const rgbValue = "rgb" in item && typeof item.rgb === "string" ? item.rgb : void 0;
+        const value = item.hex ?? rgbValue ?? "";
+        const isActive = !!color && !!value && color.toLowerCase() === value.toLowerCase();
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "color-palette-item",
+            className: utils.cn(
+              "size-6 rounded-[5px] border cursor-pointer overflow-hidden transition-colors",
+              isActive ? "border-muted-foreground" : "border-border hover:border-muted-foreground/50"
+            ),
+            onClick: () => onChange?.(value),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: utils.cn(
+                  "block size-full",
+                  isValidHex(value) ? "" : "bg-[repeating-conic-gradient(#ccc_0_25%,transparent_0_50%)] bg-[length:8px_8px]"
+                ),
+                style: isValidHex(value) ? { backgroundColor: value } : void 0
+              }
+            )
+          },
+          value
+        );
+      })
+    }
+  )
+);
+Palette.displayName = "ColorPicker.Palette";
+
+const targetVariants = index.cva(
+  "inline-flex items-center justify-between rounded-md border border-input bg-background transition-colors hover:border-muted-foreground focus-visible:outline-none focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-primary/15 cursor-pointer",
+  {
+    variants: {
+      size: {
+        small: "h-7 p-0.5 gap-2",
+        medium: "h-8 p-1 gap-2",
+        large: "h-10 p-1.5 gap-3"
+      }
+    },
+    defaultVariants: {
+      size: "large"
+    }
+  }
+);
+const Target = React.forwardRef(
+  ({ size = "large", showHexValue, color, colorValue, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-testid": "color-picker-target",
+      className: utils.cn(targetVariants({ size }), className),
+      ...props,
+      children: [
+        showHexValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground min-w-[4.5rem] ps-1", children: color }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "block size-5 rounded-md border border-border",
+              style: { backgroundColor: colorValue }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(chevronDown.ChevronDown, { className: "size-4 text-muted-foreground" })
+        ] })
+      ]
+    }
+  )
+);
+Target.displayName = "ColorPicker.Target";
+
+const ColorPicker = React.forwardRef(
+  ({
+    color = "",
+    size = "large",
+    onChange,
+    dropdownProps,
+    showEyeDropper = true,
+    showHexValue = false,
+    showTransparencyControl = false,
+    showPicker = true,
+    showHexPicker = true,
+    colorPalette,
+    showRecentlyUsedColors = showPicker,
+    className
+  }, ref) => {
+    const { t } = reactI18next.useTranslation();
+    const [colorInternal, setColorInternal] = React.useState(color);
+    const [isColorSelected, setIsColorSelected] = React.useState(false);
+    const [open, setOpen] = React.useState(false);
+    const hexColorInputValue = React.useRef("");
+    const { isSupported: eyeDropperSupported, open: openEyeDropper } = useEyeDropper();
+    const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();
+    const PickerComponent = showTransparencyControl ? reactColorful.HexAlphaColorPicker : reactColorful.HexColorPicker;
+    const colorValue = color ?? colorInternal ?? "";
+    const onColorChange = (value) => {
+      setIsColorSelected(true);
+      if (onChange) {
+        onChange(getColor(value, showTransparencyControl));
+      } else {
+        setColorInternal(value);
+      }
+    };
+    const onColorInputChange = (hex) => {
+      hexColorInputValue.current = hex;
+      const expectedLength = showTransparencyControl ? 9 : 7;
+      if (hex.length !== expectedLength) return;
+      onColorChange(hex);
+      hexColorInputValue.current = "";
+    };
+    const onBlur = () => {
+      if (!hexColorInputValue.current) return;
+      onColorChange(hexColorInputValue.current);
+      hexColorInputValue.current = "";
+    };
+    const pickColor = async () => {
+      try {
+        const hex = await openEyeDropper();
+        onColorChange(hex);
+      } catch {
+      }
+    };
+    const onOpenChange = (nextOpen) => {
+      if (!nextOpen && showRecentlyUsedColors && isColorSelected) {
+        const newColor = getColor(colorValue, showTransparencyControl);
+        const filtered = recentlyUsedColors.filter(
+          ({ hex }) => hex !== newColor.hex
+        );
+        const updated = [newColor, ...filtered];
+        if (updated.length > 14) updated.pop();
+        setRecentlyUsedColors(updated);
+        setIsColorSelected(false);
+      }
+      setOpen(nextOpen);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(primitives_Popover.Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Target,
+        {
+          color,
+          colorValue,
+          showHexValue,
+          size
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Popover.PopoverContent,
+        {
+          ref,
+          align: "start",
+          side: "bottom",
+          className: utils.cn("w-auto p-3", className),
+          ...dropdownProps,
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 w-56", children: [
+            showPicker && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              showHexPicker && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-testid": "neeto-color-picker-section",
+                  style: {
+                    ["--react-colorful-height"]: PICKER_HEIGHT[size] ?? "140px"
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    PickerComponent,
+                    {
+                      color: colorValue,
+                      onChange: onColorChange,
+                      style: {
+                        width: "100%",
+                        height: PICKER_HEIGHT[size] ?? "140px"
+                      }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+                showEyeDropper && eyeDropperSupported && /* @__PURE__ */ jsxRuntime.jsx(
+                  primitives_Button.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: pickColor,
+                    "aria-label": t(
+                      "neetoatoms.colorPicker.pickColor",
+                      "Pick color from screen"
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Pipette, { className: "size-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "flex-1",
+                    "data-testid": "colorpicker-editable-input",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      reactColorful.HexColorInput,
+                      {
+                        prefixed: true,
+                        alpha: !!showTransparencyControl,
+                        color: colorValue,
+                        "data-testid": "colorpicker-editable-input-textbox",
+                        onChange: onColorInputChange,
+                        onBlur,
+                        className: "h-8 w-full rounded-lg border border-input bg-transparent px-2.5 text-base outline-none focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-primary/15 md:text-sm"
+                      }
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-testid": "color-palette",
+                className: utils.cn(showPicker && "border-t border-border pt-3"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Palette,
+                  {
+                    color,
+                    colorList: colorPalette,
+                    onChange: onColorChange
+                  }
+                )
+              }
+            ),
+            showRecentlyUsedColors && recentlyUsedColors.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "border-t border-border pt-3",
+                "data-testid": "color-palette-recently-used",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: t("neetoatoms.colorPicker.recentlyUsed", "Recently used") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Palette,
+                    {
+                      colorList: recentlyUsedColors,
+                      onChange: onColorChange
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    ] });
+  }
+);
+ColorPicker.displayName = "ColorPicker";
+
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=ColorPicker-rhCnblTv.js.map

package/dist/cjs/ColorPicker-rhCnblTv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-rhCnblTv.js","sources":["../../node_modules/lucide-react/dist/esm/icons/pipette.js","../../src/components/ColorPicker/hooks/useEyeDropper.ts","../../src/components/ColorPicker/constants.ts","../../src/components/ColorPicker/hooks/useRecentlyUsedColors.ts","../../src/components/ColorPicker/utils.ts","../../src/components/ColorPicker/Palette.tsx","../../src/components/ColorPicker/Target.tsx","../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12\",\n      key: \"1y3wsu\"\n    }\n  ],\n  [\n    \"path\",\n    {\n      d: \"m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3z\",\n      key: \"110lr1\"\n    }\n  ],\n  [\"path\", { d: \"m2 22 .414-.414\", key: \"jhxm08\" }]\n];\nconst Pipette = createLucideIcon(\"pipette\", __iconNode);\n\nexport { __iconNode, Pipette as default };\n//# sourceMappingURL=pipette.js.map\n","import { useCallback } from \"react\";\n\ninterface EyeDropperResult {\n  sRGBHex: string;\n}\n\ndeclare global {\n  interface Window {\n    EyeDropper?: new () => { open: () => Promise<EyeDropperResult> };\n  }\n}\n\nconst isSupported = typeof window !== \"undefined\" && \"EyeDropper\" in window;\n\nexport const useEyeDropper = () => {\n  const open = useCallback(async (): Promise<string> => {\n    if (!window.EyeDropper) throw new Error(\"EyeDropper API not supported\");\n\n    const dropper = new window.EyeDropper();\n    const result = await dropper.open();\n\n    return result.sRGBHex;\n  }, []);\n\n  return { isSupported, open };\n};\n","export const DEFAULT_PALETTE_COLORS = [\n  { hex: \"#FFFFFF\" },\n  { hex: \"#D6D6D6\" },\n  { hex: \"#0A0E13\" },\n  { hex: \"#FECE1E\" },\n  { hex: \"#F32E48\" },\n  { hex: \"#02C39A\" },\n  { hex: \"#2A79C4\" },\n  { hex: \"#B3E5FC\" },\n  { hex: \"#C3C6F9\" },\n  { hex: \"#8064CE\" },\n  { hex: \"#FE861E\" },\n  { hex: \"#FF7DC9\" },\n  { hex: \"#028090\" },\n  { hex: \"#095482\" },\n];\n\nexport const RECENTLY_USED_STORAGE_KEY = \"recently-used-colors\";\n\nexport const TARGET_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n} as const;\n\nexport const PICKER_HEIGHT: Record<string, string> = {\n  small: \"100px\",\n  medium: \"120px\",\n  large: \"140px\",\n};\n","import { useSyncExternalStore } from \"react\";\n\nimport { RECENTLY_USED_STORAGE_KEY } from \"../constants\";\n\ninterface ColorValue {\n  hex: string;\n  rgb: string | { r: number; g: number; b: number; a?: number };\n}\n\nconst getFromStorage = (key: string, fallback: ColorValue[]): ColorValue[] => {\n  try {\n    const stored = localStorage.getItem(key);\n\n    return stored ? JSON.parse(stored) : fallback;\n  } catch {\n    return fallback;\n  }\n};\n\nconst setToStorage = (key: string, value: ColorValue[]) => {\n  try {\n    localStorage.setItem(key, JSON.stringify(value));\n  } catch {\n    // Silently fail if storage is unavailable\n  }\n};\n\nconst createSyncedStore = (storageKey: string) => {\n  const listeners = new Set<() => void>();\n\n  const store = {\n    value: getFromStorage(storageKey, []),\n    getSnapshot: () => store.value,\n    getServerSnapshot: () => [] as ColorValue[],\n    setValue: (newValue: ColorValue[]) => {\n      store.value = newValue;\n      setToStorage(storageKey, newValue);\n      listeners.forEach(listener => listener());\n    },\n    subscribe: (callback: () => void) => {\n      listeners.add(callback);\n\n      const storageEventHandler = (event: StorageEvent) => {\n        if (event.key !== storageKey) return;\n        store.value = getFromStorage(storageKey, []);\n        listeners.forEach(listener => listener());\n      };\n\n      if (listeners.size === 1) {\n        window.addEventListener(\"storage\", storageEventHandler);\n      }\n\n      return () => {\n        listeners.delete(callback);\n        if (listeners.size === 0) {\n          window.removeEventListener(\"storage\", storageEventHandler);\n        }\n      };\n    },\n  };\n\n  return store;\n};\n\nconst store = createSyncedStore(RECENTLY_USED_STORAGE_KEY);\n\nexport const useRecentlyUsedColors = (): [\n  ColorValue[],\n  (value: ColorValue[]) => void,\n] => [\n  useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot\n  ),\n  store.setValue,\n];\n","/**\n * Validates a hex color string (3, 4, 6, or 8 digits with optional #).\n */\nexport const isValidHex = (hex: string): boolean =>\n  /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{4}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(hex);\n\n/**\n * Parses a hex color string into RGBA components.\n * Returns { r: 0, g: 0, b: 0, a: 1 } for invalid inputs.\n */\nexport const hexToRgb = (\n  hex: string\n): { r: number; g: number; b: number; a: number } => {\n  const raw = hex.replace(/^#/, \"\");\n\n  if (\n    !/^([0-9A-Fa-f]{3}|[0-9A-Fa-f]{4}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(raw)\n  ) {\n    return { r: 0, g: 0, b: 0, a: 1 };\n  }\n\n  let r: number,\n    g: number,\n    b: number,\n    a = 255;\n  if (raw.length === 3 || raw.length === 4) {\n    r = parseInt(raw[0] + raw[0], 16);\n    g = parseInt(raw[1] + raw[1], 16);\n    b = parseInt(raw[2] + raw[2], 16);\n    if (raw.length === 4) a = parseInt(raw[3] + raw[3], 16);\n  } else {\n    r = parseInt(raw.slice(0, 2), 16);\n    g = parseInt(raw.slice(2, 4), 16);\n    b = parseInt(raw.slice(4, 6), 16);\n    if (raw.length === 8) a = parseInt(raw.slice(6, 8), 16);\n  }\n\n  return { r, g, b, a: Math.round((a / 255) * 100) / 100 };\n};\n\n/**\n * Converts a hex color to an 8-digit hex string (#RRGGBBAA).\n */\nexport const hexToHex8 = (hex: string): string => {\n  const { r, g, b, a } = hexToRgb(hex);\n  const alpha = Math.round(a * 255);\n\n  return `#${[r, g, b, alpha].map(channel => channel.toString(16).padStart(2, \"0\")).join(\"\")}`;\n};\n\n/**\n * Converts a color value to a normalized { hex, rgb } object.\n * Handles transparency and validity checks.\n */\nexport const getColor = (\n  colorValue: string,\n  showTransparencyControl: boolean\n): { hex: string; rgb: { r: number; g: number; b: number; a: number } } => {\n  if (!isValidHex(colorValue)) {\n    return { hex: colorValue, rgb: { r: 0, g: 0, b: 0, a: 1 } };\n  }\n\n  const rgb = hexToRgb(colorValue);\n\n  if (rgb.a === 0) {\n    return { hex: colorValue, rgb };\n  }\n\n  const hex = showTransparencyControl\n    ? hexToHex8(colorValue)\n    : `#${colorValue.replace(/^#/, \"\").slice(0, 6)}`;\n\n  return { hex, rgb: hexToRgb(hex) };\n};\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { isValidHex } from \"./utils\";\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\nimport type { PaletteColor } from \"./types\";\n\nexport interface PaletteProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  /** Currently selected color. */\n  color?: string;\n  /** List of colors to render. */\n  colorList?: PaletteColor[];\n  /** Callback when a color swatch is clicked. */\n  onChange?: (color: string) => void;\n}\n\nconst Palette = forwardRef<HTMLDivElement, PaletteProps>(\n  (\n    {\n      color,\n      colorList = DEFAULT_PALETTE_COLORS,\n      onChange,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-row flex-wrap items-start justify-start gap-1\",\n        className\n      )}\n      {...otherProps}\n    >\n      {colorList.map(item => {\n        const rgbValue =\n          \"rgb\" in item && typeof item.rgb === \"string\" ? item.rgb : undefined;\n        const value = item.hex ?? rgbValue ?? \"\";\n        const isActive =\n          !!color && !!value && color.toLowerCase() === value.toLowerCase();\n\n        return (\n          <button\n            type=\"button\"\n            key={value}\n            data-testid=\"color-palette-item\"\n            className={cn(\n              \"size-6 rounded-[5px] border cursor-pointer overflow-hidden transition-colors\",\n              isActive\n                ? \"border-muted-foreground\"\n                : \"border-border hover:border-muted-foreground/50\"\n            )}\n            onClick={() => onChange?.(value)}\n          >\n            <span\n              className={cn(\n                \"block size-full\",\n                isValidHex(value)\n                  ? \"\"\n                  : \"bg-[repeating-conic-gradient(#ccc_0_25%,transparent_0_50%)] bg-[length:8px_8px]\"\n              )}\n              style={isValidHex(value) ? { backgroundColor: value } : undefined}\n            />\n          </button>\n        );\n      })}\n    </div>\n  )\n);\n\nPalette.displayName = \"ColorPicker.Palette\";\n\nexport { Palette };\n","import React, { forwardRef } from \"react\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst targetVariants = cva(\n  \"inline-flex items-center justify-between rounded-md border border-input bg-background transition-colors hover:border-muted-foreground focus-visible:outline-none focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-primary/15 cursor-pointer\",\n  {\n    variants: {\n      size: {\n        small: \"h-7 p-0.5 gap-2\",\n        medium: \"h-8 p-1 gap-2\",\n        large: \"h-10 p-1.5 gap-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"large\",\n    },\n  }\n);\n\nexport interface TargetProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"size\">,\n    VariantProps<typeof targetVariants> {\n  /** Show hex code text beside the color swatch. */\n  showHexValue?: boolean;\n  /** The original color prop value. */\n  color?: string;\n  /** The resolved color value to display. */\n  colorValue?: string;\n}\n\nconst Target = forwardRef<HTMLButtonElement, TargetProps>(\n  (\n    { size = \"large\", showHexValue, color, colorValue, className, ...props },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-testid=\"color-picker-target\"\n      className={cn(targetVariants({ size }), className)}\n      {...props}\n    >\n      {showHexValue && (\n        <span className=\"text-sm font-medium text-foreground min-w-[4.5rem] ps-1\">\n          {color}\n        </span>\n      )}\n      <span className=\"inline-flex items-center gap-2\">\n        <span\n          className=\"block size-5 rounded-md border border-border\"\n          style={{ backgroundColor: colorValue }}\n        />\n        <ChevronDown className=\"size-4 text-muted-foreground\" />\n      </span>\n    </button>\n  )\n);\n\nTarget.displayName = \"ColorPicker.Target\";\n\nexport { Target };\n","import { forwardRef, useState, useRef } from \"react\";\n\nimport { Pipette } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { Button } from \"src/primitives/Button\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"src/primitives/Popover\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { useEyeDropper } from \"./hooks/useEyeDropper\";\nimport { useRecentlyUsedColors } from \"./hooks/useRecentlyUsedColors\";\nimport { Palette } from \"./Palette\";\nimport { Target } from \"./Target\";\nimport { PICKER_HEIGHT } from \"./constants\";\nimport type { ColorPickerProps } from \"./types\";\nimport { getColor } from \"./utils\";\n\nconst ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  (\n    {\n      color = \"\",\n      size = \"large\",\n      onChange,\n      dropdownProps,\n      showEyeDropper = true,\n      showHexValue = false,\n      showTransparencyControl = false,\n      showPicker = true,\n      showHexPicker = true,\n      colorPalette,\n      showRecentlyUsedColors = showPicker,\n      className,\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const [colorInternal, setColorInternal] = useState(color);\n    const [isColorSelected, setIsColorSelected] = useState(false);\n    const [open, setOpen] = useState(false);\n    const hexColorInputValue = useRef(\"\");\n    const { isSupported: eyeDropperSupported, open: openEyeDropper } =\n      useEyeDropper();\n    const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n    const PickerComponent = showTransparencyControl\n      ? HexAlphaColorPicker\n      : HexColorPicker;\n\n    const colorValue = color ?? colorInternal ?? \"\";\n\n    const onColorChange = (value: string) => {\n      setIsColorSelected(true);\n\n      if (onChange) {\n        onChange(getColor(value, showTransparencyControl));\n      } else {\n        setColorInternal(value);\n      }\n    };\n\n    const onColorInputChange = (hex: string) => {\n      hexColorInputValue.current = hex;\n      const expectedLength = showTransparencyControl ? 9 : 7;\n      if (hex.length !== expectedLength) return;\n\n      onColorChange(hex);\n      hexColorInputValue.current = \"\";\n    };\n\n    const onBlur = () => {\n      if (!hexColorInputValue.current) return;\n\n      onColorChange(hexColorInputValue.current);\n      hexColorInputValue.current = \"\";\n    };\n\n    const pickColor = async () => {\n      try {\n        const hex = await openEyeDropper();\n        onColorChange(hex);\n      } catch {\n        // User cancelled or API unavailable\n      }\n    };\n\n    const onOpenChange = (nextOpen: boolean) => {\n      if (!nextOpen && showRecentlyUsedColors && isColorSelected) {\n        const newColor = getColor(colorValue, showTransparencyControl);\n        const filtered = recentlyUsedColors.filter(\n          ({ hex }) => hex !== newColor.hex\n        );\n        const updated = [newColor, ...filtered];\n        if (updated.length > 14) updated.pop();\n\n        setRecentlyUsedColors(updated);\n        setIsColorSelected(false);\n      }\n\n      setOpen(nextOpen);\n    };\n\n    return (\n      <Popover open={open} onOpenChange={onOpenChange}>\n        <PopoverTrigger asChild>\n          <Target\n            color={color}\n            colorValue={colorValue}\n            showHexValue={showHexValue}\n            size={size}\n          />\n        </PopoverTrigger>\n        <PopoverContent\n          ref={ref}\n          align=\"start\"\n          side=\"bottom\"\n          className={cn(\"w-auto p-3\", className)}\n          {...dropdownProps}\n        >\n          <div className=\"flex flex-col gap-3 w-56\">\n            {showPicker && (\n              <>\n                {showHexPicker && (\n                  <div\n                    data-testid=\"neeto-color-picker-section\"\n                    style={{\n                      [\"--react-colorful-height\" as string]:\n                        PICKER_HEIGHT[size] ?? \"140px\",\n                    }}\n                  >\n                    <PickerComponent\n                      color={colorValue}\n                      onChange={onColorChange}\n                      style={{\n                        width: \"100%\",\n                        height: PICKER_HEIGHT[size] ?? \"140px\",\n                      }}\n                    />\n                  </div>\n                )}\n                <div className=\"flex items-center justify-center gap-2\">\n                  {showEyeDropper && eyeDropperSupported && (\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon-sm\"\n                      onClick={pickColor}\n                      aria-label={t(\n                        \"neetoatoms.colorPicker.pickColor\",\n                        \"Pick color from screen\"\n                      )}\n                    >\n                      <Pipette className=\"size-4\" />\n                    </Button>\n                  )}\n                  <div\n                    className=\"flex-1\"\n                    data-testid=\"colorpicker-editable-input\"\n                  >\n                    <HexColorInput\n                      prefixed\n                      alpha={!!showTransparencyControl}\n                      color={colorValue}\n                      data-testid=\"colorpicker-editable-input-textbox\"\n                      onChange={onColorInputChange}\n                      onBlur={onBlur}\n                      className=\"h-8 w-full rounded-lg border border-input bg-transparent px-2.5 text-base outline-none focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-primary/15 md:text-sm\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            <div\n              data-testid=\"color-palette\"\n              className={cn(showPicker && \"border-t border-border pt-3\")}\n            >\n              <Palette\n                color={color}\n                colorList={colorPalette}\n                onChange={onColorChange}\n              />\n            </div>\n            {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n              <div\n                className=\"border-t border-border pt-3\"\n                data-testid=\"color-palette-recently-used\"\n              >\n                <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n                  {t(\"neetoatoms.colorPicker.recentlyUsed\", \"Recently used\")}\n                </p>\n                <Palette\n                  colorList={recentlyUsedColors}\n                  onChange={onColorChange}\n                />\n              </div>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\n\nColorPicker.displayName = \"ColorPicker\";\n\nexport { ColorPicker };\n"],"names":["createLucideIcon","useCallback","store","useSyncExternalStore","forwardRef","jsx","cn","cva","jsxs","ChevronDown","useTranslation","useState","useRef","HexAlphaColorPicker","HexColorPicker","Popover","PopoverTrigger","PopoverContent","Fragment","Button","HexColorInput"],"mappings":"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","x_google_ignoreList":[0]}