@etus/ui 0.4.0-beta.6 → 0.4.0-beta.8

package/dist/chunk-XD5LE64P.js

@@ -1,311 +0,0 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-AFCSDND5.js';
-import { cn } from './chunk-HRNDJU7D.js';
-import { Palette } from 'lucide-react';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var colorPickerTriggerVariants = cva(
-  // Base styles
-  [
-    "inline-flex w-full items-center justify-between gap-2 rounded-[var(--color-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none",
-    "text-left",
-    "placeholder:text-muted-foreground",
-    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-    "focus-visible:border-[color:var(--color-picker-focus-ring-primary)] focus-visible:ring-[color:var(--color-picker-focus-ring-primary)]/50 focus-visible:ring-[length:var(--color-picker-focus-ring-width)]",
-    "aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/20 dark:aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/40 aria-invalid:border-[color:var(--color-picker-focus-ring-destructive)]"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "h-9 px-2.5 py-1 text-sm",
-        md: "h-10 px-3 py-1 text-base md:text-sm",
-        lg: "h-11 px-3.5 py-1.5 text-base"
-      },
-      variant: {
-        default: "border-input shadow-xs dark:bg-input/30",
-        filled: "border-transparent bg-muted",
-        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      variant: "default"
-    }
-  }
-);
-var colorPickerSwatchVariants = cva(
-  // Base styles
-  [
-    "rounded-[var(--color-picker-swatch-radius)] border border-input cursor-pointer transition-all",
-    "hover:scale-110 hover:border-ring",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-5",
-        md: "size-6",
-        lg: "size-7"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var colorPickerPreviewVariants = cva(
-  // Base styles
-  [
-    "rounded-[var(--color-picker-swatch-radius)] border border-input shrink-0"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-4",
-        md: "size-5",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function isValid6DigitHex(color) {
-  return /^#[A-Fa-f0-9]{6}$/.test(color);
-}
-function isValid3DigitHex(color) {
-  return /^#[A-Fa-f0-9]{3}$/.test(color);
-}
-function isValidHexColor(color) {
-  return isValid6DigitHex(color) || isValid3DigitHex(color);
-}
-function normalizeHexColor(color) {
-  if (!color.startsWith("#")) {
-    color = `#${color}`;
-  }
-  if (color.length === 4) {
-    const r = color[1] ?? "";
-    const g = color[2] ?? "";
-    const b = color[3] ?? "";
-    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
-  }
-  return color.toLowerCase();
-}
-var DEFAULT_SWATCHES = [
-  "#ef4444",
-  // red
-  "#f97316",
-  // orange
-  "#eab308",
-  // yellow
-  "#22c55e",
-  // green
-  "#14b8a6",
-  // teal
-  "#3b82f6",
-  // blue
-  "#8b5cf6",
-  // violet
-  "#ec4899",
-  // pink
-  "#000000",
-  // black
-  "#ffffff"
-  // white
-];
-function ColorPicker({
-  className,
-  value,
-  defaultValue,
-  placeholder = "Select color",
-  disabled = false,
-  swatches = DEFAULT_SWATCHES,
-  showInput = true,
-  showPreview = true,
-  onChange,
-  onOpenChange,
-  size = "md",
-  variant = "default",
-  required = false,
-  invalid = false,
-  id,
-  name,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
-  ...props
-}) {
-  const [open, setOpen] = React.useState(false);
-  const [internalColor, setInternalColor] = React.useState(defaultValue);
-  const [inputValue, setInputValue] = React.useState(defaultValue ?? "");
-  const colorInputRef = React.useRef(null);
-  const selectedColor = value ?? internalColor;
-  React.useEffect(() => {
-    if (!selectedColor) return;
-    setInputValue((prev) => prev === selectedColor ? prev : selectedColor);
-  }, [selectedColor]);
-  const handleColorChange = (color) => {
-    const normalizedColor = normalizeHexColor(color);
-    if (value === void 0) {
-      setInternalColor(normalizedColor);
-    }
-    onChange?.(normalizedColor);
-  };
-  const handleNativeColorChange = (e) => {
-    handleColorChange(e.target.value);
-  };
-  const handleInputChange = (e) => {
-    let inputVal = e.target.value;
-    setInputValue(inputVal);
-    if (inputVal && !inputVal.startsWith("#")) {
-      inputVal = `#${inputVal}`;
-    }
-    if (isValid6DigitHex(inputVal)) {
-      handleColorChange(inputVal);
-    }
-  };
-  const handleInputBlur = () => {
-    let inputVal = inputValue;
-    if (inputVal && !inputVal.startsWith("#")) {
-      inputVal = `#${inputVal}`;
-    }
-    if (isValid3DigitHex(inputVal)) {
-      handleColorChange(inputVal);
-    } else if (!isValidHexColor(inputVal) && selectedColor) {
-      setInputValue(selectedColor);
-    }
-  };
-  const handleSwatchClick = (color) => {
-    handleColorChange(color);
-  };
-  const handleOpenChange = (isOpen) => {
-    setOpen(isOpen);
-    onOpenChange?.(isOpen);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), "data-slot": "color-picker", ...props, children: [
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: cn(
-            colorPickerTriggerVariants({ size, variant }),
-            !selectedColor && "text-muted-foreground"
-          ),
-          "aria-expanded": open,
-          "aria-haspopup": "dialog",
-          "aria-invalid": invalid,
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledby,
-          "aria-required": required,
-          "data-has-value": !!selectedColor,
-          "data-size": size,
-          "data-slot": "color-picker-trigger",
-          "data-state": open ? "open" : "closed",
-          "data-variant": variant,
-          disabled,
-          id,
-          role: "combobox",
-          type: "button",
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 flex-1 truncate", children: [
-              showPreview && selectedColor && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: cn(colorPickerPreviewVariants({ size })),
-                  "data-slot": "color-picker-preview",
-                  style: { backgroundColor: selectedColor }
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedColor ?? placeholder })
-            ] }),
-            /* @__PURE__ */ jsx(Palette, { "aria-hidden": "true", className: "size-4 shrink-0 opacity-50" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          align: "start",
-          className: "w-[var(--color-picker-content-width)] p-[var(--color-picker-content-padding)]",
-          "data-slot": "color-picker-content",
-          children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ref: colorInputRef,
-                  "aria-label": "Choose color",
-                  className: "size-10 cursor-pointer rounded-md border border-input p-0.5 [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:rounded-sm [&::-webkit-color-swatch]:border-none [&::-moz-color-swatch]:rounded-sm [&::-moz-color-swatch]:border-none",
-                  "data-slot": "color-picker-native",
-                  type: "color",
-                  value: selectedColor ?? "#000000",
-                  onChange: handleNativeColorChange
-                }
-              ) }),
-              showInput && /* @__PURE__ */ jsx(
-                "input",
-                {
-                  "aria-label": "Hex color value",
-                  className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm font-mono shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 uppercase",
-                  "data-slot": "color-picker-input",
-                  maxLength: 7,
-                  placeholder: "#000000",
-                  type: "text",
-                  value: inputValue,
-                  onBlur: handleInputBlur,
-                  onChange: handleInputChange
-                }
-              )
-            ] }),
-            swatches.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-medium", children: "Preset colors" }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  "aria-label": "Color swatches",
-                  className: "grid grid-cols-5 gap-2",
-                  "data-slot": "color-picker-swatches",
-                  role: "group",
-                  children: swatches.map((color, index) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      className: cn(
-                        colorPickerSwatchVariants({ size }),
-                        selectedColor === color && "ring-2 ring-ring ring-offset-2"
-                      ),
-                      "aria-label": `Select color ${color}`,
-                      "aria-pressed": selectedColor === color,
-                      "data-color": color,
-                      "data-selected": selectedColor === color,
-                      "data-slot": "color-picker-swatch",
-                      style: { backgroundColor: color },
-                      type: "button",
-                      onClick: () => {
-                        handleSwatchClick(color);
-                      }
-                    },
-                    `${color}-${String(index)}`
-                  ))
-                }
-              )
-            ] }) : null
-          ] })
-        }
-      )
-    ] }),
-    name && /* @__PURE__ */ jsx(
-      "input",
-      {
-        name,
-        type: "hidden",
-        value: selectedColor ?? ""
-      }
-    )
-  ] });
-}
-
-export { ColorPicker, colorPickerPreviewVariants, colorPickerSwatchVariants, colorPickerTriggerVariants };
-//# sourceMappingURL=chunk-XD5LE64P.js.map
-//# sourceMappingURL=chunk-XD5LE64P.js.map

package/dist/chunk-XD5LE64P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/forms/ColorPicker/ColorPicker.variants.ts","../src/components/forms/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","file":"chunk-XD5LE64P.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ColorPicker trigger variant styles using CVA\n */\nexport const colorPickerTriggerVariants = cva(\n  // Base styles\n  [\n    \"inline-flex w-full items-center justify-between gap-2 rounded-[var(--color-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none\",\n    \"text-left\",\n    \"placeholder:text-muted-foreground\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n    \"focus-visible:border-[color:var(--color-picker-focus-ring-primary)] focus-visible:ring-[color:var(--color-picker-focus-ring-primary)]/50 focus-visible:ring-[length:var(--color-picker-focus-ring-width)]\",\n    \"aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/20 dark:aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/40 aria-invalid:border-[color:var(--color-picker-focus-ring-destructive)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-9 px-2.5 py-1 text-sm\",\n        md: \"h-10 px-3 py-1 text-base md:text-sm\",\n        lg: \"h-11 px-3.5 py-1.5 text-base\",\n      },\n      variant: {\n        default: \"border-input shadow-xs dark:bg-input/30\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * ColorPicker swatch styles using CVA\n */\nexport const colorPickerSwatchVariants = cva(\n  // Base styles\n  [\n    \"rounded-[var(--color-picker-swatch-radius)] border border-input cursor-pointer transition-all\",\n    \"hover:scale-110 hover:border-ring\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-5\",\n        md: \"size-6\",\n        lg: \"size-7\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ColorPicker preview swatch (in trigger) styles\n */\nexport const colorPickerPreviewVariants = cva(\n  // Base styles\n  [\n    \"rounded-[var(--color-picker-swatch-radius)] border border-input shrink-0\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type ColorPickerTriggerVariantProps = VariantProps<typeof colorPickerTriggerVariants>\nexport type ColorPickerSwatchVariantProps = VariantProps<typeof colorPickerSwatchVariants>\nexport type ColorPickerPreviewVariantProps = VariantProps<typeof colorPickerPreviewVariants>\n","import type { ColorPickerProps } from \"./ColorPicker.types\"\n\nimport { Palette } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../../feedback/Popover\"\nimport {\n  colorPickerPreviewVariants,\n  colorPickerSwatchVariants,\n  colorPickerTriggerVariants,\n} from \"./ColorPicker.variants\"\n\n/**\n * Validates if a string is a valid 6-digit hex color\n */\nfunction isValid6DigitHex(color: string): boolean {\n  return /^#[A-Fa-f0-9]{6}$/.test(color)\n}\n\n/**\n * Validates if a string is a valid 3-digit hex color\n */\nfunction isValid3DigitHex(color: string): boolean {\n  return /^#[A-Fa-f0-9]{3}$/.test(color)\n}\n\n/**\n * Validates if a string is a valid hex color (3 or 6 digit)\n */\nfunction isValidHexColor(color: string): boolean {\n  return isValid6DigitHex(color) || isValid3DigitHex(color)\n}\n\n/**\n * Normalizes a hex color to 6-digit lowercase format\n */\nfunction normalizeHexColor(color: string): string {\n  if (!color.startsWith(\"#\")) {\n    color = `#${color}`\n  }\n  // Convert 3-digit hex to 6-digit\n  if (color.length === 4) {\n    const r = color[1] ?? \"\"\n    const g = color[2] ?? \"\"\n    const b = color[3] ?? \"\"\n    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase()\n  }\n  return color.toLowerCase()\n}\n\n/**\n * Default preset swatches\n */\nconst DEFAULT_SWATCHES = [\n  \"#ef4444\", // red\n  \"#f97316\", // orange\n  \"#eab308\", // yellow\n  \"#22c55e\", // green\n  \"#14b8a6\", // teal\n  \"#3b82f6\", // blue\n  \"#8b5cf6\", // violet\n  \"#ec4899\", // pink\n  \"#000000\", // black\n  \"#ffffff\", // white\n]\n\nfunction ColorPicker({\n  className,\n  value,\n  defaultValue,\n  placeholder = \"Select color\",\n  disabled = false,\n  swatches = DEFAULT_SWATCHES,\n  showInput = true,\n  showPreview = true,\n  onChange,\n  onOpenChange,\n  size = \"md\",\n  variant = \"default\",\n  required = false,\n  invalid = false,\n  id,\n  name,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  ...props\n}: ColorPickerProps) {\n  const [open, setOpen] = React.useState(false)\n  const [internalColor, setInternalColor] = React.useState<string | undefined>(defaultValue)\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? \"\")\n  const colorInputRef = React.useRef<HTMLInputElement>(null)\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedColor = value ?? internalColor\n\n  // Sync controlled color to input value when it changes.\n  /* eslint-disable react-you-might-not-need-an-effect/no-event-handler, react-you-might-not-need-an-effect/no-pass-live-state-to-parent, react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Controlled value sync */\n  React.useEffect(() => {\n    if (!selectedColor) return\n    setInputValue((prev) => (prev === selectedColor ? prev : selectedColor))\n  }, [selectedColor])\n  /* eslint-enable react-you-might-not-need-an-effect/no-event-handler, react-you-might-not-need-an-effect/no-pass-live-state-to-parent, react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  const handleColorChange = (color: string) => {\n    const normalizedColor = normalizeHexColor(color)\n    if (value === undefined) {\n      setInternalColor(normalizedColor)\n    }\n    onChange?.(normalizedColor)\n  }\n\n  const handleNativeColorChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleColorChange(e.target.value)\n  }\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let inputVal = e.target.value\n    setInputValue(inputVal)\n\n    // Auto-add # if not present\n    if (inputVal && !inputVal.startsWith(\"#\")) {\n      inputVal = `#${inputVal}`\n    }\n\n    // Only validate 6-digit hex during typing to avoid intermediate 3-digit matches\n    if (isValid6DigitHex(inputVal)) {\n      handleColorChange(inputVal)\n    }\n  }\n\n  const handleInputBlur = () => {\n    let inputVal = inputValue\n\n    // Auto-add # if not present\n    if (inputVal && !inputVal.startsWith(\"#\")) {\n      inputVal = `#${inputVal}`\n    }\n\n    // On blur, also accept 3-digit hex and normalize it\n    if (isValid3DigitHex(inputVal)) {\n      handleColorChange(inputVal)\n    } else if (!isValidHexColor(inputVal) && selectedColor) {\n      // Reset to current color if invalid\n      setInputValue(selectedColor)\n    }\n  }\n\n  const handleSwatchClick = (color: string) => {\n    handleColorChange(color)\n  }\n\n  const handleOpenChange = (isOpen: boolean) => {\n    setOpen(isOpen)\n    onOpenChange?.(isOpen)\n  }\n\n  return (\n    <div className={cn(\"relative\", className)} data-slot=\"color-picker\" {...props}>\n      <Popover open={open} onOpenChange={handleOpenChange}>\n        <PopoverTrigger asChild>\n          <button\n            className={cn(\n              colorPickerTriggerVariants({ size, variant }),\n              !selectedColor && \"text-muted-foreground\"\n            )}\n            aria-expanded={open}\n            aria-haspopup=\"dialog\"\n            aria-invalid={invalid}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-required={required}\n            data-has-value={!!selectedColor}\n            data-size={size}\n            data-slot=\"color-picker-trigger\"\n            data-state={open ? \"open\" : \"closed\"}\n            data-variant={variant}\n            disabled={disabled}\n            id={id}\n            role=\"combobox\"\n            type=\"button\"\n          >\n            <span className=\"flex items-center gap-2 flex-1 truncate\">\n              {showPreview && selectedColor && (\n                <span\n                  aria-hidden=\"true\"\n                  className={cn(colorPickerPreviewVariants({ size }))}\n                  data-slot=\"color-picker-preview\"\n                  style={{ backgroundColor: selectedColor }}\n                />\n              )}\n              <span className=\"truncate\">\n                {selectedColor ?? placeholder}\n              </span>\n            </span>\n            <Palette aria-hidden=\"true\" className=\"size-4 shrink-0 opacity-50\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          className=\"w-[var(--color-picker-content-width)] p-[var(--color-picker-content-padding)]\"\n          data-slot=\"color-picker-content\"\n        >\n          <div className=\"space-y-3\">\n            {/* Native color picker */}\n            <div className=\"flex items-center gap-2\">\n              <div className=\"relative\">\n                <input\n                  ref={colorInputRef}\n                  aria-label=\"Choose color\"\n                  className=\"size-10 cursor-pointer rounded-md border border-input p-0.5 [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:rounded-sm [&::-webkit-color-swatch]:border-none [&::-moz-color-swatch]:rounded-sm [&::-moz-color-swatch]:border-none\"\n                  data-slot=\"color-picker-native\"\n                  type=\"color\"\n                  value={selectedColor ?? \"#000000\"}\n                  onChange={handleNativeColorChange}\n                />\n              </div>\n              {showInput && (\n                <input\n                  aria-label=\"Hex color value\"\n                  className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm font-mono shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 uppercase\"\n                  data-slot=\"color-picker-input\"\n                  maxLength={7}\n                  placeholder=\"#000000\"\n                  type=\"text\"\n                  value={inputValue}\n                  onBlur={handleInputBlur}\n                  onChange={handleInputChange}\n                />\n              )}\n            </div>\n\n            {/* Preset swatches */}\n            {swatches.length > 0 ? (\n              <div className=\"space-y-1.5\">\n                <span className=\"text-xs text-muted-foreground font-medium\">\n                  Preset colors\n                </span>\n                <div\n                  aria-label=\"Color swatches\"\n                  className=\"grid grid-cols-5 gap-2\"\n                  data-slot=\"color-picker-swatches\"\n                  role=\"group\"\n                >\n                  {swatches.map((color, index) => (\n                    <button\n                      key={`${color}-${String(index)}`}\n                      className={cn(\n                        colorPickerSwatchVariants({ size }),\n                        selectedColor === color && \"ring-2 ring-ring ring-offset-2\"\n                      )}\n                      aria-label={`Select color ${color}`}\n                      aria-pressed={selectedColor === color}\n                      data-color={color}\n                      data-selected={selectedColor === color}\n                      data-slot=\"color-picker-swatch\"\n                      style={{ backgroundColor: color }}\n                      type=\"button\"\n                      onClick={() => { handleSwatchClick(color); }}\n                    />\n                  ))}\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </PopoverContent>\n      </Popover>\n      {name && (\n        <input\n          name={name}\n          type=\"hidden\"\n          value={selectedColor ?? \"\"}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { ColorPicker }\n"]}

package/dist/chunk-XV6NXXXP.js

@@ -1,206 +0,0 @@
-import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
-import { cn } from './chunk-HRNDJU7D.js';
-import * as React from 'react';
-import { LineChart as LineChart$1, CartesianGrid, XAxis, Label, YAxis, Line } from 'recharts';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function normalizeSeriesConfig(series) {
-  return series.map(
-    (s) => typeof s === "string" ? { dataKey: s } : s
-  );
-}
-function getVariantStrokeDasharray(variant) {
-  switch (variant) {
-    case "dashed":
-      return "5 5";
-    case "dotted":
-      return "2 2";
-    default:
-      return void 0;
-  }
-}
-function LineChart({
-  activeDot = { r: 6 },
-  allowDecimals = true,
-  autoMinValue = false,
-  className,
-  config,
-  connectNulls = false,
-  customTooltip,
-  curveType = "monotone",
-  data,
-  dot = false,
-  enableLegendSlider = false,
-  gridDashArray = "3 3",
-  intervalType,
-  legendPosition = "bottom",
-  maxValue,
-  minValue,
-  onValueChange,
-  series,
-  showGrid = true,
-  showLegend = false,
-  showTooltip = true,
-  showXAxis = true,
-  showYAxis = true,
-  startEndOnly = false,
-  strokeWidth = 2,
-  tickGap,
-  tooltipCallback,
-  tooltipIndicator = "dot",
-  variant = "default",
-  xAxisLabel,
-  xAxisKey,
-  xAxisTickFormatter,
-  yAxisLabel,
-  yAxisTickFormatter,
-  yAxisWidth,
-  ...props
-}) {
-  const normalizedSeries = normalizeSeriesConfig(series);
-  const variantStrokeDasharray = getVariantStrokeDasharray(variant);
-  const prevTooltipStateRef = React.useRef(false);
-  const handleDotClick = React.useCallback(
-    (dataKey) => (data2) => {
-      if (!onValueChange) return;
-      const payload = data2.payload;
-      const value = payload[dataKey];
-      onValueChange({
-        category: payload[xAxisKey],
-        dataKey,
-        payload,
-        value: typeof value === "number" ? value : 0
-      });
-    },
-    [onValueChange, xAxisKey]
-  );
-  const TooltipContentWithCallback = React.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (props2) => {
-      const { active = false, label, payload } = props2;
-      if (tooltipCallback && active !== prevTooltipStateRef.current) {
-        prevTooltipStateRef.current = active;
-        tooltipCallback({
-          active,
-          label,
-          payload: payload?.map((p) => ({
-            dataKey: String(p.dataKey),
-            value: p.value,
-            payload: p.payload
-          }))
-        });
-      }
-      return /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, ...props2 });
-    },
-    [tooltipCallback, tooltipIndicator]
-  );
-  const yDomain = React.useMemo(() => {
-    const min = minValue ?? (autoMinValue ? "auto" : 0);
-    const max = maxValue ?? "auto";
-    return [min, max];
-  }, [autoMinValue, maxValue, minValue]);
-  const xAxisTicks = React.useMemo(() => {
-    if (!startEndOnly || data.length < 2) return;
-    const first = data[0];
-    const last = data[data.length - 1];
-    if (!first || !last) return;
-    return [first[xAxisKey], last[xAxisKey]];
-  }, [data, startEndOnly, xAxisKey]);
-  return /* @__PURE__ */ jsx("div", { "data-slot": "line-chart", ...props, children: /* @__PURE__ */ jsx(
-    ChartContainer,
-    {
-      className: cn(className),
-      config,
-      children: /* @__PURE__ */ jsxs(
-        LineChart$1,
-        {
-          accessibilityLayer: true,
-          data,
-          margin: { left: xAxisLabel ? 20 : 12, right: 12, bottom: yAxisLabel ? 20 : 0 },
-          children: [
-            showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: gridDashArray, vertical: false }),
-            showXAxis && /* @__PURE__ */ jsx(
-              XAxis,
-              {
-                axisLine: false,
-                dataKey: xAxisKey,
-                interval: intervalType,
-                minTickGap: tickGap,
-                tickFormatter: xAxisTickFormatter,
-                tickLine: false,
-                tickMargin: 8,
-                ticks: xAxisTicks,
-                children: xAxisLabel && /* @__PURE__ */ jsx(Label, { offset: -5, position: "insideBottom", value: xAxisLabel })
-              }
-            ),
-            showYAxis && /* @__PURE__ */ jsx(
-              YAxis,
-              {
-                allowDecimals,
-                axisLine: false,
-                domain: yDomain,
-                tickFormatter: yAxisTickFormatter,
-                tickLine: false,
-                tickMargin: 8,
-                width: yAxisWidth,
-                children: yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: -90, offset: -5, position: "insideLeft", value: yAxisLabel })
-              }
-            ),
-            showTooltip && /* @__PURE__ */ jsx(
-              ChartTooltip,
-              {
-                content: customTooltip ?? (tooltipCallback ? /* @__PURE__ */ jsx(TooltipContentWithCallback, {}) : /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator })),
-                cursor: false
-              }
-            ),
-            showLegend && /* @__PURE__ */ jsx(
-              ChartLegend,
-              {
-                align: legendPosition === "left" ? "left" : legendPosition === "right" ? "right" : "center",
-                content: /* @__PURE__ */ jsx(ChartLegendContent, { enableSlider: enableLegendSlider }),
-                layout: legendPosition === "left" || legendPosition === "right" ? "vertical" : "horizontal",
-                verticalAlign: legendPosition === "top" ? "top" : legendPosition === "bottom" ? "bottom" : "middle"
-              }
-            ),
-            normalizedSeries.map((seriesConfig) => {
-              const {
-                activeDot: seriesActiveDot,
-                dataKey,
-                dot: seriesDot,
-                strokeDasharray: seriesStrokeDasharray,
-                strokeOpacity,
-                strokeWidth: seriesStrokeWidth
-              } = seriesConfig;
-              const stroke = `var(--color-${dataKey})`;
-              const finalStrokeDasharray = seriesStrokeDasharray ?? variantStrokeDasharray;
-              const finalDot = seriesDot ?? dot;
-              const finalStrokeWidth = seriesStrokeWidth ?? strokeWidth;
-              const baseActiveDot = seriesActiveDot ?? activeDot;
-              const finalActiveDot = onValueChange ? typeof baseActiveDot === "object" ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : !baseActiveDot ? false : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : baseActiveDot;
-              return /* @__PURE__ */ jsx(
-                Line,
-                {
-                  activeDot: finalActiveDot,
-                  connectNulls,
-                  dataKey,
-                  dot: finalDot,
-                  stroke,
-                  strokeDasharray: finalStrokeDasharray,
-                  strokeOpacity,
-                  strokeWidth: finalStrokeWidth,
-                  type: curveType
-                },
-                dataKey
-              );
-            })
-          ]
-        }
-      )
-    }
-  ) });
-}
-LineChart.displayName = "LineChart";
-
-export { LineChart };
-//# sourceMappingURL=chunk-XV6NXXXP.js.map
-//# sourceMappingURL=chunk-XV6NXXXP.js.map

package/dist/chunk-XV6NXXXP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/LineChart/LineChart.tsx"],"names":["data","props","RechartsLineChart"],"mappings":"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","file":"chunk-XV6NXXXP.js","sourcesContent":["\"use client\"\n\nimport type {\n  LineChartProps,\n  LineChartSeriesConfig,\n} from \"./LineChart.types\"\n\nimport * as React from \"react\"\nimport {\n  CartesianGrid,\n  Label,\n  Line,\n  LineChart as RechartsLineChart,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Normalize series to LineChartSeriesConfig format\n */\nfunction normalizeSeriesConfig(\n  series: (LineChartSeriesConfig | string)[]\n): LineChartSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * Get stroke dash array based on variant\n */\nfunction getVariantStrokeDasharray(variant: LineChartProps[\"variant\"]): string | undefined {\n  switch (variant) {\n    case \"dashed\":\n      return \"5 5\"\n    case \"dotted\":\n      return \"2 2\"\n    default:\n      return undefined\n  }\n}\n\n/**\n * LineChart - Data visualization component for trends and time series\n *\n * Connects data points with lines, ideal for showing trends and changes\n * over a continuous axis (usually time). Supports multiple series for\n * comparison.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", desktop: 186, mobile: 80 },\n *   { month: \"Feb\", desktop: 305, mobile: 200 },\n * ]\n *\n * const config = {\n *   desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n *   mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <LineChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   series={[\"desktop\", \"mobile\"]}\n * />\n * ```\n */\nexport function LineChart({\n  activeDot = { r: 6 },\n  allowDecimals = true,\n  autoMinValue = false,\n  className,\n  config,\n  connectNulls = false,\n  customTooltip,\n  curveType = \"monotone\",\n  data,\n  dot = false,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  maxValue,\n  minValue,\n  onValueChange,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  startEndOnly = false,\n  strokeWidth = 2,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"default\",\n  xAxisLabel,\n  xAxisKey,\n  xAxisTickFormatter,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  ...props\n}: LineChartProps) {\n  const normalizedSeries = normalizeSeriesConfig(series)\n  const variantStrokeDasharray = getVariantStrokeDasharray(variant)\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Handle dot click for onValueChange\n  const handleDotClick = React.useCallback(\n    (dataKey: string) => (data: { payload: Record<string, unknown> }) => {\n      if (!onValueChange) return\n      const payload = data.payload\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate Y-axis domain\n  const yDomain = React.useMemo(() => {\n    const min = minValue ?? (autoMinValue ? \"auto\" : 0)\n    const max = maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [autoMinValue, maxValue, minValue])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  return (\n    <div data-slot=\"line-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsLineChart\n          accessibilityLayer\n          data={data}\n          margin={{ left: xAxisLabel ? 20 : 12, right: 12, bottom: yAxisLabel ? 20 : 0 }}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} vertical={false} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              axisLine={false}\n              dataKey={xAxisKey}\n              interval={intervalType}\n              minTickGap={tickGap}\n              tickFormatter={xAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {showYAxis && (\n            <YAxis\n              allowDecimals={allowDecimals}\n              axisLine={false}\n              domain={yDomain}\n              tickFormatter={yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={yAxisWidth}\n            >\n              {yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} />)\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {normalizedSeries.map((seriesConfig) => {\n            const {\n              activeDot: seriesActiveDot,\n              dataKey,\n              dot: seriesDot,\n              strokeDasharray: seriesStrokeDasharray,\n              strokeOpacity,\n              strokeWidth: seriesStrokeWidth,\n            } = seriesConfig\n\n            const stroke = `var(--color-${dataKey})`\n            const finalStrokeDasharray = seriesStrokeDasharray ?? variantStrokeDasharray\n            const finalDot = seriesDot ?? dot\n            const finalStrokeWidth = seriesStrokeWidth ?? strokeWidth\n\n            // Merge activeDot config with click handler\n            const baseActiveDot = seriesActiveDot ?? activeDot\n            const finalActiveDot = onValueChange\n              ? typeof baseActiveDot === \"object\"\n                ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n                : !baseActiveDot\n                  ? false\n                  : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n              : baseActiveDot\n\n            return (\n              <Line\n                key={dataKey}\n                activeDot={finalActiveDot}\n                connectNulls={connectNulls}\n                dataKey={dataKey}\n                dot={finalDot}\n                stroke={stroke}\n                strokeDasharray={finalStrokeDasharray}\n                strokeOpacity={strokeOpacity}\n                strokeWidth={finalStrokeWidth}\n                type={curveType}\n              />\n            )\n          })}\n        </RechartsLineChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nLineChart.displayName = \"LineChart\"\n"]}

package/dist/chunk-YWA63YN3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/Modal/Modal.tsx"],"names":[],"mappings":";;;;;AAYA,IAAM,WAAA,GAAyC;AAAA,EAC7C,KAAA,EAAO,cAAA;AAAA,EACP,IAAA,EAAM,6BAAA;AAAA,EACN,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAMA,IAAM,eAAA,GAA+C;AAAA,EACnD,OAAA,EACE,yGAAA;AAAA,EACF,WAAA,EACE,iHAAA;AAAA,EACF,OAAA,EACE;AACJ,CAAA;AAGA,IAAM,sBAAA,GAAyB,cAAA;AAC/B,IAAM,4BAAA,GAA+B,iDAAA;AACrC,IAAM,mBAAA,GAAsB,OAAA;AA8B5B,SAAS,KAAA,CAAM;AAAA,EACb,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa,mBAAA;AAAA,EACb,aAAA,GAAgB,IAAA;AAAA,EAChB,mBAAA,GAAsB,IAAA;AAAA,EACtB,WAAA,GAAc,KAAA;AAAA,EACd,WAAA;AAAA,EACA,mBAAA,GAAsB,4BAAA;AAAA,EACtB,aAAA,GAAgB,sBAAA;AAAA,EAChB,MAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA,GAAS,SAAA;AAAA,EACT,YAAA;AAAA,EACA,IAAA;AAAA,EACA,gBAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA;AACF,CAAA,EAAe;AACb,EAAA,MAAM,kBAAkB,KAAA,IAAS,aAAA;AACjC,EAAA,MAAM,wBAAwB,WAAA,IAAe,mBAAA;AAE7C,EAAA,MAAM,gBAAA,GAAmB,CAAC,OAAA,KAA2B;AACnD,IAAA,YAAA,GAAe,OAAO,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAA+B;AAC1D,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,KAAA,CAAM,cAAA,EAAe;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,qBAAA,GAAwB,CAC5B,KAAA,KACS;AACT,IAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,MAAA,KAAA,CAAM,cAAA,EAAe;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MAEb,QAAA,EAAA;AAAA,QAAA,OAAA,wBACkB,eAAA,CAAA,OAAA,EAAhB,EAAwB,SAAO,IAAA,EAAC,WAAA,EAAU,iBACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,wBAGF,IAAA,CAAiB,wBAAhB,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAiB,eAAA,CAAA,OAAA;AAAA,YAAhB;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,+KAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,WAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA;AAAA,YAAiB,eAAA,CAAA,OAAA;AAAA,YAAhB;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,oTAAA;AAAA,gBACA,0NAAA;AAAA,gBACA,YAAY,IAAI,CAAA;AAAA,gBAChB;AAAA,eACF;AAAA,cACA,WAAA,EAAU,OAAA;AAAA,cACV,eAAA,EAAiB,mBAAA;AAAA,cACjB,iBAAA,EAAmB,qBAAA;AAAA,cAGnB,QAAA,EAAA;AAAA,gCAAA,IAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAU,sEAAA;AAAA,oBACV,WAAA,EAAU,cAAA;AAAA,oBAET,QAAA,EAAA;AAAA,sBAAA,IAAA,oBACC,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAW,EAAA;AAAA,4BACT,qNAAA;AAAA,4BACA,gBAAgB,MAAM;AAAA,2BACxB;AAAA,0BACA,aAAA,EAAY,MAAA;AAAA,0BACZ,aAAA,EAAa,MAAA;AAAA,0BACb,WAAA,EAAU,iBAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA,uBACH;AAAA,sCAEF,GAAA;AAAA,wBAAiB,eAAA,CAAA,KAAA;AAAA,wBAAhB;AAAA,0BACC,SAAA,EAAW,EAAA;AAAA,4BACT,qCAAA;AAAA,4BACA,CAAC,KAAA,IAAS;AAAA,2BACZ;AAAA,0BACA,WAAA,EAAU,aAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA,uBACH;AAAA,sCACA,GAAA;AAAA,wBAAiB,eAAA,CAAA,WAAA;AAAA,wBAAhB;AAAA,0BACC,SAAA,EAAW,EAAA;AAAA,4BACT,+BAAA;AAAA,4BACA,CAAC,WAAA,IAAe;AAAA,2BAClB;AAAA,0BACA,WAAA,EAAU,mBAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,iBACF;AAAA,gBAGC,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAiB,QAAA,EAAS,CAAA;AAAA,gBAGrD,MAAA,oBACC,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAU,gFAAA;AAAA,oBACV,WAAA,EAAU,cAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA,iBACH;AAAA,gBAID,eAAA,oBACC,IAAA;AAAA,kBAAiB,eAAA,CAAA,KAAA;AAAA,kBAAhB;AAAA,oBACC,SAAA,EAAU,mWAAA;AAAA,oBACV,WAAA,EAAU,aAAA;AAAA,oBAEV,QAAA,EAAA;AAAA,sCAAA,GAAA,CAAC,CAAA,EAAA,EAAE,CAAA;AAAA,sCACH,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA;AACxC;AAAA;AAAA;AAEJ,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-YWA63YN3.js","sourcesContent":["\"use client\"\n\nimport type { ModalIntent, ModalProps, ModalSize } from \"./Modal.types\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Size classes for modal widths\n */\nconst sizeClasses: Record<ModalSize, string> = {\n  \"2xl\": \"sm:max-w-2xl\",\n  full: \"sm:max-w-[calc(100vw-4rem)]\",\n  lg: \"sm:max-w-lg\",\n  md: \"sm:max-w-md\",\n  sm: \"sm:max-w-sm\",\n  xl: \"sm:max-w-xl\",\n}\n\n/**\n * Background/foreground classes for the header icon-pill per intent.\n * Reuses the semantic STATUS tokens exposed as `--modal-icon-pill-color-*`.\n */\nconst iconPillClasses: Record<ModalIntent, string> = {\n  default:\n    \"bg-[color:var(--modal-icon-pill-color-default-bg)] text-[color:var(--modal-icon-pill-color-default-fg)]\",\n  destructive:\n    \"bg-[color:var(--modal-icon-pill-color-destructive-bg)] text-[color:var(--modal-icon-pill-color-destructive-fg)]\",\n  warning:\n    \"bg-[color:var(--modal-icon-pill-color-warning-bg)] text-[color:var(--modal-icon-pill-color-warning-fg)]\",\n}\n\n// Default English fallbacks — override via props for i18n (DES-1286 item 7)\nconst DEFAULT_FALLBACK_TITLE = \"Modal dialog\"\nconst DEFAULT_FALLBACK_DESCRIPTION = \"Use this dialog to complete the current action.\"\nconst DEFAULT_CLOSE_LABEL = \"Close\"\n\n/**\n * Modal - Simplified wrapper over Dialog\n *\n * A declarative API for common modal use cases. Provides a simpler interface\n * than Dialog's subcomponents while maintaining full accessibility.\n *\n * @example\n * ```tsx\n * // With trigger (uncontrolled)\n * <Modal\n *   trigger={<Button>Open Modal</Button>}\n *   title=\"Modal Title\"\n *   description=\"Optional description\"\n *   footer={<Button>Save</Button>}\n * >\n *   <p>Modal content here</p>\n * </Modal>\n *\n * // Controlled\n * <Modal\n *   open={isOpen}\n *   onOpenChange={setIsOpen}\n *   title=\"Controlled Modal\"\n * >\n *   <p>Content</p>\n * </Modal>\n * ```\n */\nfunction Modal({\n  children,\n  className,\n  closeLabel = DEFAULT_CLOSE_LABEL,\n  closeOnEscape = true,\n  closeOnOverlayClick = true,\n  defaultOpen = false,\n  description,\n  fallbackDescription = DEFAULT_FALLBACK_DESCRIPTION,\n  fallbackTitle = DEFAULT_FALLBACK_TITLE,\n  footer,\n  icon,\n  intent = \"default\",\n  onOpenChange,\n  open,\n  overlayClassName,\n  showCloseButton = true,\n  size = \"md\",\n  title,\n  trigger,\n}: ModalProps) {\n  const accessibleTitle = title ?? fallbackTitle\n  const accessibleDescription = description ?? fallbackDescription\n\n  const handleOpenChange = (newOpen: boolean): void => {\n    onOpenChange?.(newOpen)\n  }\n\n  const handleEscapeKeyDown = (event: KeyboardEvent): void => {\n    if (!closeOnEscape) {\n      event.preventDefault()\n    }\n  }\n\n  const handleInteractOutside = (\n    event: CustomEvent<{ originalEvent: Event }>\n  ): void => {\n    if (!closeOnOverlayClick) {\n      event.preventDefault()\n    }\n  }\n\n  return (\n    <DialogPrimitive.Root\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={handleOpenChange}\n    >\n      {trigger && (\n        <DialogPrimitive.Trigger asChild data-slot=\"modal-trigger\">\n          {trigger}\n        </DialogPrimitive.Trigger>\n      )}\n\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          className={cn(\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--modal-overlay-bg)]\",\n            overlayClassName\n          )}\n          data-slot=\"modal-overlay\"\n        />\n        <DialogPrimitive.Content\n          className={cn(\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] border duration-200\",\n            \"bg-[color:var(--modal-content-bg)] border-[color:var(--modal-content-border)] gap-[var(--modal-content-gap)] rounded-[var(--modal-content-radius)] p-[var(--modal-content-padding)] shadow-[var(--modal-content-shadow)]\",\n            sizeClasses[size],\n            className\n          )}\n          data-slot=\"modal\"\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onInteractOutside={handleInteractOutside}\n        >\n          {/* Header */}\n          <div\n            className=\"flex flex-col gap-[var(--modal-header-gap)] text-center sm:text-left\"\n            data-slot=\"modal-header\"\n          >\n            {icon && (\n              <span\n                className={cn(\n                  \"inline-flex w-fit items-center justify-center self-center rounded-[var(--modal-icon-pill-radius)] p-[var(--modal-icon-pill-padding)] sm:self-start [&_svg]:size-[var(--modal-icon-pill-icon-size)] [&_svg]:shrink-0\",\n                  iconPillClasses[intent]\n                )}\n                aria-hidden=\"true\"\n                data-intent={intent}\n                data-slot=\"modal-icon-pill\"\n              >\n                {icon}\n              </span>\n            )}\n            <DialogPrimitive.Title\n              className={cn(\n                \"text-lg leading-tight font-semibold\",\n                !title && \"sr-only\"\n              )}\n              data-slot=\"modal-title\"\n            >\n              {accessibleTitle}\n            </DialogPrimitive.Title>\n            <DialogPrimitive.Description\n              className={cn(\n                \"text-muted-foreground text-sm\",\n                !description && \"sr-only\"\n              )}\n              data-slot=\"modal-description\"\n            >\n              {accessibleDescription}\n            </DialogPrimitive.Description>\n          </div>\n\n          {/* Content */}\n          {children && <div data-slot=\"modal-content\">{children}</div>}\n\n          {/* Footer */}\n          {footer && (\n            <div\n              className=\"flex flex-col-reverse gap-[var(--modal-footer-gap)] sm:flex-row sm:justify-end\"\n              data-slot=\"modal-footer\"\n            >\n              {footer}\n            </div>\n          )}\n\n          {/* Close Button */}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n              data-slot=\"modal-close\"\n            >\n              <X />\n              <span className=\"sr-only\">{closeLabel}</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n\nexport { Modal }\n"]}