@bigbinary/neeto-atoms 1.0.131 → 1.0.133-beta1

package/dist/cjs/ColorPicker-rhCnblTv.js

@@ -1,439 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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]}