entangle-ui 0.9.0 → 0.11.0

package/dist/esm/components/controls/CartesianPicker/CartesianPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianPicker.js","sources":["../../../../../../src/components/controls/CartesianPicker/CartesianPicker.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAoBO;AAiCL;;;AAOA;;AAMA;;;;AAKI;AACF;AAIF;AAEI;AACF;;AAKF;;AAEE;AACA;AACA;;;;;;;AAOF;;;AAIE;;;;;;;;;;;;AAYA;AACA;AACD;;AAGD;;AAEE;;;;;;;;;;;;;;;;;AAiBD;;;;;AAQD;AAIM;;AAEE;;AAEH;AAsBK;;;;;;AAMD;AAKX;AAEA;;"}
+{"version":3,"file":"CartesianPicker.js","sources":["src/components/controls/CartesianPicker/CartesianPicker.tsx"],"sourcesContent":["'use client';\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { useState, useCallback, useMemo, useRef } from 'react';\n\nimport { CanvasContainer } from '@/components/primitives/canvas/CanvasContainer';\nimport { cx } from '@/utils/cx';\nimport { roundToPrecision } from '@/utils/mathUtils';\n\nimport {\n  cartesianPickerRecipe,\n  pickerWidthVar,\n  bottomBarStyle,\n} from './CartesianPicker.css';\nimport { useCartesianInteraction } from './useCartesianInteraction';\nimport { useCartesianRenderer } from './useCartesianRenderer';\n\nimport type { CartesianPickerProps } from './CartesianPicker.types';\nimport type {\n  Point2D,\n  CanvasViewport,\n} from '@/components/primitives/canvas/canvas.types';\n\nexport const CartesianPicker: React.FC<CartesianPickerProps> = ({\n  value,\n  defaultValue,\n  domainX = [-1, 1],\n  domainY = [-1, 1],\n  showGrid = true,\n  gridSubdivisions = 4,\n  showAxisLabels = true,\n  showOriginAxes = true,\n  showCrosshair = true,\n  crosshairStyle = 'dashed',\n  labelX,\n  labelY,\n  markerRadius = 6,\n  snapToGrid = false,\n  step,\n  clampToRange = true,\n  precision = 2,\n  width = 200,\n  height = 200,\n  responsive = false,\n  disabled = false,\n  readOnly = false,\n  onChange,\n  onChangeComplete,\n  renderBackground,\n  renderBottomBar,\n  className,\n  testId,\n  id,\n  style,\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  // Controlled / uncontrolled\n  const [internalValue, setInternalValue] = useState<Point2D>(\n    () => defaultValue ?? { x: 0, y: 0 }\n  );\n\n  const isControlled = value !== undefined;\n  const currentPoint = useMemo(\n    () => (isControlled ? value : internalValue),\n    [isControlled, value, internalValue]\n  );\n\n  const handleChange = useCallback(\n    (newPoint: Point2D) => {\n      if (!isControlled) {\n        setInternalValue(newPoint);\n      }\n      onChange?.(newPoint);\n    },\n    [isControlled, onChange]\n  );\n\n  const handleChangeComplete = useCallback(\n    (newPoint: Point2D) => {\n      onChangeComplete?.(newPoint);\n    },\n    [onChangeComplete]\n  );\n\n  // Viewport with padding\n  const viewport = useMemo((): CanvasViewport => {\n    const hasAxisNames = Boolean(labelX ?? labelY);\n    const padding = hasAxisNames && showAxisLabels ? 0.12 : 0.08;\n    const [dxMin, dxMax] = domainX;\n    const [dyMin, dyMax] = domainY;\n    const xPad = (dxMax - dxMin) * padding;\n    const yPad = (dyMax - dyMin) * padding;\n    return {\n      viewX: [dxMin - xPad, dxMax + xPad],\n      viewY: [dyMin - yPad, dyMax + yPad],\n    };\n  }, [domainX, domainY, labelX, labelY, showAxisLabels]);\n\n  // Interaction hook\n  const interaction = useCartesianInteraction({\n    point: currentPoint,\n    viewport,\n    canvasRef,\n    domainX,\n    domainY,\n    disabled,\n    readOnly,\n    clampToRange,\n    snapToGrid,\n    gridSubdivisions,\n    step,\n    precision,\n    onChange: handleChange,\n    onChangeComplete: handleChangeComplete,\n  });\n\n  // Renderer hook\n  useCartesianRenderer({\n    canvasRef,\n    point: currentPoint,\n    viewport,\n    domainX,\n    domainY,\n    showGrid,\n    gridSubdivisions,\n    showAxisLabels,\n    showOriginAxes,\n    showCrosshair,\n    crosshairStyle,\n    labelX,\n    labelY,\n    markerRadius,\n    disabled,\n    isHovered: interaction.isHovered,\n    isDragging: interaction.isDragging,\n    renderBackground,\n  });\n\n  // ARIA description\n  const ariaDescription = `2D point picker, current value X: ${roundToPrecision(currentPoint.x, precision)}, Y: ${roundToPrecision(currentPoint.y, precision)}`;\n\n  // Live announcement\n  const liveAnnouncement = `X: ${roundToPrecision(currentPoint.x, precision)}, Y: ${roundToPrecision(currentPoint.y, precision)}`;\n\n  return (\n    <div\n      className={cx(cartesianPickerRecipe({ disabled, responsive }), className)}\n      style={{\n        ...style,\n        ...(!responsive\n          ? assignInlineVars({ [pickerWidthVar]: `${width}px` })\n          : {}),\n      }}\n      data-testid={testId}\n      id={id}\n      {...rest}\n    >\n      <CanvasContainer\n        canvasRef={canvasRef}\n        height={height}\n        responsive={responsive}\n        disabled={disabled}\n        ariaLabel=\"Cartesian point picker\"\n        ariaRoledescription={ariaDescription}\n        liveAnnouncement={liveAnnouncement}\n        handlers={interaction.handlers}\n        testId={testId ? `${testId}-canvas` : undefined}\n      />\n      {renderBottomBar && (\n        <div\n          className={bottomBarStyle}\n          data-testid={testId ? `${testId}-bottom-bar` : undefined}\n        >\n          {renderBottomBar({\n            point: currentPoint,\n            disabled,\n            readOnly,\n            isDragging: interaction.isDragging,\n            domainX,\n            domainY,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nCartesianPicker.displayName = 'CartesianPicker';\n"],"names":[],"mappings":";;;;;;;;;;;AAuBO;AAiCL;;;AAOA;;AAMA;;;;AAKI;AACF;AAIF;AAEI;AACF;;AAKF;;AAEE;AACA;AACA;;;;;;;AAOF;;;AAIE;;;;;;;;;;;;AAYA;AACA;AACD;;AAGD;;AAEE;;;;;;;;;;;;;;;;;AAiBD;;;;;AAQD;AAIM;;AAEE;;AAEH;AAsBK;;;;;;AAMD;AAKX;AAEA;;"}

package/dist/esm/components/controls/CartesianPicker/useCartesianInteraction.js

@@ -1,7 +1,7 @@
 "use client";
 import { useState, useRef, useCallback } from 'react';
-import { clamp, roundToPrecision } from '../../../utils/mathUtils.js';
 import { getCanvasPointerPosition, canvasToDomain, hitTestPoint } from '../../primitives/canvas/canvasCoords.js';
+import { clamp, roundToPrecision } from '../../../utils/mathUtils.js';
 
 function snapValue(value, step) {
     if (step === 0)
@@ -11,8 +11,10 @@ function snapValue(value, step) {
 function useCartesianInteraction(options) {
     const { point, viewport, canvasRef, domainX, domainY, disabled, readOnly, clampToRange, snapToGrid, gridSubdivisions, step, precision, onChange, onChangeComplete, } = options;
     const [isHovered, setIsHovered] = useState(false);
+    // Ref drives synchronous reads inside the pointer handlers; the state mirror
+    // is the value exposed for rendering (kept in sync on drag start/end).
     const isDraggingRef = useRef(false);
-    const [, setForceUpdate] = useState(0);
+    const [isDragging, setIsDragging] = useState(false);
     const getCanvasSize = useCallback(() => {
         const canvas = canvasRef.current;
         if (!canvas)
@@ -63,7 +65,7 @@ function useCartesianInteraction(options) {
         const domain = canvasToDomain(px, py, viewport, w, h);
         const newPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);
         isDraggingRef.current = true;
-        setForceUpdate(n => n + 1);
+        setIsDragging(true);
         canvas.setPointerCapture(e.pointerId);
         onChange(newPoint);
     }, [
@@ -123,7 +125,7 @@ function useCartesianInteraction(options) {
             return;
         if (isDraggingRef.current) {
             isDraggingRef.current = false;
-            setForceUpdate(n => n + 1);
+            setIsDragging(false);
             canvas.releasePointerCapture(e.pointerId);
             // Compute final point for onChangeComplete
             const { px, py } = getCanvasPointerPosition(e, canvas);
@@ -214,7 +216,7 @@ function useCartesianInteraction(options) {
         onChangeComplete,
     ]);
     return {
-        isDragging: isDraggingRef.current,
+        isDragging,
         isHovered,
         handlers: {
             onPointerDown,

package/dist/esm/components/controls/CartesianPicker/useCartesianInteraction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCartesianInteraction.js","sources":["../../../../../../src/components/controls/CartesianPicker/useCartesianInteraction.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AA2CA;;AACkB;;AAElB;AAEM;AAGJ;;AAkBA;;AAGA;AACE;AACA;;AACA;AACA;AACF;;;;;;;AAUM;AACA;;AACK;;AAEL;AACA;AACA;AACA;;AAGF;AACA;;AAGE;AACA;;;AAIJ;;;;;;;;AASC;AAGH;;;AAGI;AACA;;AAEA;;AAGA;AACA;AAEA;;AAEA;;AAGF;;;;;;;;AASC;AAGH;AAEI;AACA;;AAEA;AACE;;AACA;;AAEA;AACA;;;;;AAMF;;AAEA;AACA;;;AAIE;;;AAEA;;;AAEA;;;AAEA;;AAEJ;;;;;;;;;AAUC;AAGH;AAEI;AACA;;AAEA;AACE;;AAEA;;AAGA;;AAEA;AACA;AACA;;AAEJ;AAIF;;;;;AAOI;;;;;;AAKE;;AAGF;AACA;;AAGI;AACE;AACA;AACF;AAEJ;AACA;;AAGA;AACE;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAME;AACA;;;;;;;;;;;;AAaJ;;;AAGA;AACA;;AAGE;AACA;;;;AAKF;AACF;;;;;;;;;;;;AAaC;;;;AAMD;;;;;AAKC;;AAEL;;"}
+{"version":3,"file":"useCartesianInteraction.js","sources":["src/components/controls/CartesianPicker/useCartesianInteraction.ts"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useRef } from 'react';\n\nimport {\n  canvasToDomain,\n  getCanvasPointerPosition,\n  hitTestPoint,\n} from '@/components/primitives/canvas/canvasCoords';\nimport { clamp, roundToPrecision } from '@/utils/mathUtils';\n\nimport type {\n  Point2D,\n  CanvasViewport,\n} from '@/components/primitives/canvas/canvas.types';\nimport type React from 'react';\n\ninterface UseCartesianInteractionOptions {\n  point: Point2D;\n  viewport: CanvasViewport;\n  canvasRef: React.RefObject<HTMLCanvasElement | null>;\n  domainX: [number, number];\n  domainY: [number, number];\n  disabled: boolean;\n  readOnly: boolean;\n  clampToRange: boolean;\n  snapToGrid: boolean;\n  gridSubdivisions: number;\n  step?: number | [number, number];\n  precision: number;\n  onChange: (point: Point2D) => void;\n  onChangeComplete?: (point: Point2D) => void;\n}\n\ninterface UseCartesianInteractionReturn {\n  isDragging: boolean;\n  isHovered: boolean;\n  handlers: {\n    onPointerDown: (e: React.PointerEvent) => void;\n    onPointerMove: (e: React.PointerEvent) => void;\n    onPointerUp: (e: React.PointerEvent) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n}\n\nfunction snapValue(value: number, step: number): number {\n  if (step === 0) return value;\n  return Math.round(value / step) * step;\n}\n\nexport function useCartesianInteraction(\n  options: UseCartesianInteractionOptions\n): UseCartesianInteractionReturn {\n  const {\n    point,\n    viewport,\n    canvasRef,\n    domainX,\n    domainY,\n    disabled,\n    readOnly,\n    clampToRange,\n    snapToGrid,\n    gridSubdivisions,\n    step,\n    precision,\n    onChange,\n    onChangeComplete,\n  } = options;\n\n  const [isHovered, setIsHovered] = useState(false);\n  // Ref drives synchronous reads inside the pointer handlers; the state mirror\n  // is the value exposed for rendering (kept in sync on drag start/end).\n  const isDraggingRef = useRef(false);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const getCanvasSize = useCallback(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return { w: 200, h: 200 };\n    const rect = canvas.getBoundingClientRect();\n    return { w: rect.width, h: rect.height };\n  }, [canvasRef]);\n\n  const applyConstraints = useCallback(\n    (rawX: number, rawY: number, ctrlKey: boolean): Point2D => {\n      let newX = rawX;\n      let newY = rawY;\n\n      // Apply snap\n      if (step) {\n        const [stepX, stepY] = Array.isArray(step) ? step : [step, step];\n        newX = snapValue(newX, stepX);\n        newY = snapValue(newY, stepY);\n      } else if (snapToGrid !== ctrlKey) {\n        // Ctrl toggles snap behavior\n        const xStep = (domainX[1] - domainX[0]) / gridSubdivisions;\n        const yStep = (domainY[1] - domainY[0]) / gridSubdivisions;\n        newX = snapValue(newX, xStep);\n        newY = snapValue(newY, yStep);\n      }\n\n      newX = roundToPrecision(newX, precision);\n      newY = roundToPrecision(newY, precision);\n\n      if (clampToRange) {\n        newX = clamp(newX, domainX[0], domainX[1]);\n        newY = clamp(newY, domainY[0], domainY[1]);\n      }\n\n      return { x: newX, y: newY };\n    },\n    [\n      step,\n      snapToGrid,\n      gridSubdivisions,\n      domainX,\n      domainY,\n      precision,\n      clampToRange,\n    ]\n  );\n\n  const onPointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      if (disabled || readOnly || e.button !== 0) return;\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n\n      const { px, py } = getCanvasPointerPosition(e, canvas);\n      const { w, h } = getCanvasSize();\n\n      const domain = canvasToDomain(px, py, viewport, w, h);\n      const newPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);\n\n      isDraggingRef.current = true;\n      setIsDragging(true);\n      canvas.setPointerCapture(e.pointerId);\n\n      onChange(newPoint);\n    },\n    [\n      disabled,\n      readOnly,\n      canvasRef,\n      viewport,\n      getCanvasSize,\n      applyConstraints,\n      onChange,\n    ]\n  );\n\n  const onPointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n\n      if (isDraggingRef.current) {\n        if (readOnly) return;\n        const { px, py } = getCanvasPointerPosition(e, canvas);\n        const { w, h } = getCanvasSize();\n        const domain = canvasToDomain(px, py, viewport, w, h);\n        const newPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);\n        onChange(newPoint);\n        return;\n      }\n\n      // Hover detection\n      const { px, py } = getCanvasPointerPosition(e, canvas);\n      const { w, h } = getCanvasSize();\n      const dist = hitTestPoint(px, py, point, viewport, w, h, 12);\n      const hovering = dist !== Infinity;\n      setIsHovered(hovering);\n\n      if (disabled) {\n        canvas.style.cursor = 'not-allowed';\n      } else if (readOnly) {\n        canvas.style.cursor = 'default';\n      } else if (hovering) {\n        canvas.style.cursor = 'grab';\n      } else {\n        canvas.style.cursor = 'crosshair';\n      }\n    },\n    [\n      canvasRef,\n      viewport,\n      point,\n      disabled,\n      readOnly,\n      getCanvasSize,\n      applyConstraints,\n      onChange,\n    ]\n  );\n\n  const onPointerUp = useCallback(\n    (e: React.PointerEvent) => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n\n      if (isDraggingRef.current) {\n        isDraggingRef.current = false;\n        setIsDragging(false);\n        canvas.releasePointerCapture(e.pointerId);\n\n        // Compute final point for onChangeComplete\n        const { px, py } = getCanvasPointerPosition(e, canvas);\n        const { w, h } = getCanvasSize();\n        const domain = canvasToDomain(px, py, viewport, w, h);\n        const finalPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);\n        onChangeComplete?.(finalPoint);\n      }\n    },\n    [canvasRef, viewport, getCanvasSize, applyConstraints, onChangeComplete]\n  );\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled || readOnly) return;\n\n      const xRange = domainX[1] - domainX[0];\n      const yRange = domainY[1] - domainY[0];\n\n      let baseStep: number;\n      if (step) {\n        const [stepX] = Array.isArray(step) ? step : [step, step];\n        baseStep = stepX;\n      } else {\n        baseStep = xRange / gridSubdivisions;\n      }\n\n      const fineMultiplier = e.shiftKey ? 0.1 : 1;\n      const xStep = baseStep * fineMultiplier;\n      const yStep =\n        (step\n          ? Array.isArray(step)\n            ? step[1]\n            : step\n          : yRange / gridSubdivisions) * fineMultiplier;\n\n      let newX = point.x;\n      let newY = point.y;\n      let handled = false;\n\n      switch (e.key) {\n        case 'ArrowLeft':\n          newX -= xStep;\n          handled = true;\n          break;\n        case 'ArrowRight':\n          newX += xStep;\n          handled = true;\n          break;\n        case 'ArrowUp':\n          newY += yStep;\n          handled = true;\n          break;\n        case 'ArrowDown':\n          newY -= yStep;\n          handled = true;\n          break;\n        case 'Home': {\n          // Reset to center of domain\n          newX = (domainX[0] + domainX[1]) / 2;\n          newY = (domainY[0] + domainY[1]) / 2;\n          handled = true;\n          break;\n        }\n        case '0': {\n          // Reset to origin\n          newX = 0;\n          newY = 0;\n          handled = true;\n          break;\n        }\n      }\n\n      if (!handled) return;\n      e.preventDefault();\n\n      newX = roundToPrecision(newX, precision);\n      newY = roundToPrecision(newY, precision);\n\n      if (clampToRange) {\n        newX = clamp(newX, domainX[0], domainX[1]);\n        newY = clamp(newY, domainY[0], domainY[1]);\n      }\n\n      const newPoint = { x: newX, y: newY };\n      onChange(newPoint);\n      onChangeComplete?.(newPoint);\n    },\n    [\n      disabled,\n      readOnly,\n      point,\n      domainX,\n      domainY,\n      step,\n      gridSubdivisions,\n      precision,\n      clampToRange,\n      onChange,\n      onChangeComplete,\n    ]\n  );\n\n  return {\n    isDragging,\n    isHovered,\n    handlers: {\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      onKeyDown,\n    },\n  };\n}\n"],"names":[],"mappings":";;;;;AA6CA;;AACkB;;AAElB;AAEM;AAGJ;;;;AAoBA;;AAGA;AACE;AACA;;AACA;AACA;AACF;;;;;;;AAUM;AACA;;AACK;;AAEL;AACA;AACA;AACA;;AAGF;AACA;;AAGE;AACA;;;AAIJ;;;;;;;;AASC;AAGH;;;AAGI;AACA;;AAEA;;AAGA;AACA;AAEA;;AAEA;;AAGF;;;;;;;;AASC;AAGH;AAEI;AACA;;AAEA;AACE;;AACA;;AAEA;AACA;;;;;AAMF;;AAEA;AACA;;;AAIE;;;AAEA;;;AAEA;;;AAEA;;AAEJ;;;;;;;;;AAUC;AAGH;AAEI;AACA;;AAEA;AACE;;AAEA;;AAGA;;AAEA;AACA;AACA;;AAEJ;AAIF;;;;;AAOI;;;;;;AAKE;;AAGF;AACA;;AAGI;AACE;AACA;AACF;AAEJ;AACA;;AAGA;AACE;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAME;AACA;;;;;;;;;;;;AAaJ;;;AAGA;AACA;;AAGE;AACA;;;;AAKF;AACF;;;;;;;;;;;;AAaC;;;;AAMD;;;;;AAKC;;AAEL;;"}

package/dist/esm/components/controls/CartesianPicker/useCartesianRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCartesianRenderer.js","sources":["../../../../../../src/components/controls/CartesianPicker/useCartesianRenderer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA6CM;AAGJ;AAqBA;AACE;AACA;;;AAGA;;AAEA;AAEA;AACA;AACA;;AAGA;AACE;AACA;AACA;;;AAEA;;AAGF;;AAEA;;AAGA;AACA;;;;;;AAOI;AACA;;;;AAID;;;;;;AAOC;;;;AAID;;;AAIH;;;AAIE;;;;;AAME;;;;;;AAMD;;;;;;;AAQC;;AAED;;;;;;AAOD;AACA;AACA;;AAED;AAED;AACF;;;;;;;;;;;;;;;;;;;AAmBC;AAED;;;AAGE;AACD;AACH;;"}
+{"version":3,"file":"useCartesianRenderer.js","sources":["src/components/controls/CartesianPicker/useCartesianRenderer.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport {\n  drawGrid,\n  drawDomainBounds,\n  drawOriginAxes,\n  drawAxisLabels,\n  drawCrosshair,\n  drawPointMarker,\n} from '@/components/primitives/canvas/canvasDrawing';\nimport { resolveCanvasTheme } from '@/components/primitives/canvas/canvasTheme';\nimport { useCanvasRenderer } from '@/components/primitives/canvas/useCanvasRenderer';\n\nimport type {\n  Point2D,\n  CanvasViewport,\n  CanvasBackgroundInfo,\n  CanvasThemeColors,\n} from '@/components/primitives/canvas/canvas.types';\nimport type React from 'react';\n\ninterface UseCartesianRendererOptions {\n  canvasRef: React.RefObject<HTMLCanvasElement | null>;\n  point: Point2D;\n  viewport: CanvasViewport;\n  domainX: [number, number];\n  domainY: [number, number];\n  showGrid: boolean;\n  gridSubdivisions: number;\n  showAxisLabels: boolean;\n  showOriginAxes: boolean;\n  showCrosshair: boolean;\n  crosshairStyle: 'solid' | 'dashed';\n  labelX?: string;\n  labelY?: string;\n  markerRadius: number;\n  disabled: boolean;\n  isHovered: boolean;\n  isDragging: boolean;\n  renderBackground?: (\n    ctx: CanvasRenderingContext2D,\n    info: CanvasBackgroundInfo\n  ) => void;\n}\n\nexport function useCartesianRenderer(\n  options: UseCartesianRendererOptions\n): void {\n  const {\n    canvasRef,\n    point,\n    viewport,\n    domainX,\n    domainY,\n    showGrid,\n    gridSubdivisions,\n    showAxisLabels,\n    showOriginAxes: showOrigin,\n    showCrosshair,\n    crosshairStyle,\n    labelX,\n    labelY,\n    markerRadius,\n    disabled,\n    isHovered,\n    isDragging,\n    renderBackground,\n  } = options;\n\n  const draw = useCallback(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const dpr =\n      typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n    const rect = canvas.getBoundingClientRect();\n    const w = rect.width;\n    const h = rect.height;\n\n    // Set canvas resolution for retina\n    if (canvas.width !== w * dpr || canvas.height !== h * dpr) {\n      canvas.width = w * dpr;\n      canvas.height = h * dpr;\n      ctx.scale(dpr, dpr);\n    } else {\n      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    }\n\n    const theme: CanvasThemeColors = resolveCanvasTheme(canvas);\n    const opacity = disabled ? 0.4 : 1;\n    const domain = { domainX, domainY };\n\n    // 1. Clear background\n    ctx.globalAlpha = 1;\n    ctx.fillStyle = theme.backgroundSecondary;\n    ctx.fillRect(0, 0, w, h);\n\n    // 2. Custom background\n    if (renderBackground) {\n      ctx.save();\n      renderBackground(ctx, {\n        width: w,\n        height: h,\n        viewport,\n        domainX,\n        domainY,\n      });\n      ctx.restore();\n    }\n\n    // 3. Grid lines\n    if (showGrid) {\n      drawGrid(ctx, w, h, theme, {\n        subdivisions: gridSubdivisions,\n        domain,\n        viewport,\n        opacity,\n      });\n    }\n\n    // 4. Domain bounds\n    drawDomainBounds(ctx, w, h, theme, domain, viewport, opacity);\n\n    // 5. Origin axes\n    if (showOrigin) {\n      drawOriginAxes(ctx, w, h, theme, viewport, opacity);\n    }\n\n    // 6. Axis labels\n    if (showAxisLabels) {\n      drawAxisLabels(ctx, w, h, theme, {\n        subdivisions: gridSubdivisions,\n        domain,\n        viewport,\n        opacity,\n        labelX,\n        labelY,\n      });\n    }\n\n    // 7. Crosshair\n    if (showCrosshair) {\n      drawCrosshair(ctx, w, h, theme, {\n        point,\n        viewport,\n        lineStyle: crosshairStyle,\n        opacity,\n      });\n    }\n\n    // 8. Point marker\n    drawPointMarker(ctx, w, h, theme, {\n      point,\n      viewport,\n      radius: markerRadius,\n      hovered: isHovered,\n      dragging: isDragging,\n      opacity,\n    });\n\n    ctx.globalAlpha = 1;\n  }, [\n    canvasRef,\n    point,\n    viewport,\n    domainX,\n    domainY,\n    showGrid,\n    gridSubdivisions,\n    showAxisLabels,\n    showOrigin,\n    showCrosshair,\n    crosshairStyle,\n    labelX,\n    labelY,\n    markerRadius,\n    disabled,\n    isHovered,\n    isDragging,\n    renderBackground,\n  ]);\n\n  useCanvasRenderer({\n    draw,\n    deps: [draw],\n    paused: false,\n  });\n}\n"],"names":[],"mappings":";;;;;;AA+CM;AAGJ;AAqBA;AACE;AACA;;;AAGA;;AAEA;AAEA;AACA;AACA;;AAGA;AACE;AACA;AACA;;;AAEA;;AAGF;;AAEA;;AAGA;AACA;;;;;;AAOI;AACA;;;;AAID;;;;;;AAOC;;;;AAID;;;AAIH;;;AAIE;;;;;AAME;;;;;;AAMD;;;;;;;AAQC;;AAED;;;;;;AAOD;AACA;AACA;;AAED;AAED;AACF;;;;;;;;;;;;;;;;;;;AAmBC;AAED;;;AAGE;AACD;AACH;;"}

package/dist/esm/components/controls/ColorPicker/AlphaSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlphaSlider.js","sources":["../../../../../../src/components/controls/ColorPicker/AlphaSlider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAgBO;AAML;AAEA;;AAGI;;;AAGA;;AAEF;AAIF;;;AAII;AACF;AAIF;AAEI;;AACA;AACF;AAIF;;AAEA;AAEA;AAEI;;AAGA;AACE;AACA;;;AAGA;AACA;;;AAGA;;;;;AAMJ;AAIF;;;AAqBO;AAKT;AAEA;;"}
+{"version":3,"file":"AlphaSlider.js","sources":["src/components/controls/ColorPicker/AlphaSlider.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useRef } from 'react';\n\nimport {\n  alphaTrackStyle,\n  alphaGradientStyle,\n  alphaThumbStyle,\n} from './ColorPicker.css';\n\ninterface AlphaSliderProps {\n  alpha: number;\n  color: string;\n  onChange: (alpha: number) => void;\n  onChangeComplete?: () => void;\n}\n\nexport const AlphaSlider: React.FC<AlphaSliderProps> = ({\n  alpha,\n  color,\n  onChange,\n  onChangeComplete,\n}) => {\n  const trackRef = useRef<HTMLDivElement>(null);\n\n  const getAlpha = useCallback(\n    (clientX: number) => {\n      const rect = trackRef.current?.getBoundingClientRect();\n      if (!rect) return;\n\n      const x = Math.max(0, Math.min(clientX - rect.left, rect.width));\n      const a = Number((x / rect.width).toFixed(2));\n      onChange(a);\n    },\n    [onChange]\n  );\n\n  const handlePointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n      getAlpha(e.clientX);\n    },\n    [getAlpha]\n  );\n\n  const handlePointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      if (e.buttons === 0) return;\n      getAlpha(e.clientX);\n    },\n    [getAlpha]\n  );\n\n  const handlePointerUp = useCallback(() => {\n    onChangeComplete?.();\n  }, [onChangeComplete]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = e.shiftKey ? 0.01 : 0.05;\n      let newAlpha = alpha;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          newAlpha = Math.min(1, alpha + step);\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          newAlpha = Math.max(0, alpha - step);\n          break;\n        default:\n          return;\n      }\n\n      e.preventDefault();\n      onChange(Number(newAlpha.toFixed(2)));\n    },\n    [alpha, onChange]\n  );\n\n  const thumbPosition = `${alpha * 100}%`;\n\n  return (\n    <div\n      ref={trackRef}\n      className={alphaTrackStyle}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label=\"Opacity\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={Math.round(alpha * 100)}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        className={alphaGradientStyle}\n        style={{\n          background: `linear-gradient(to right, transparent, ${color})`,\n        }}\n      />\n      <div className={alphaThumbStyle} style={{ left: thumbPosition }} />\n    </div>\n  );\n};\n\nAlphaSlider.displayName = 'AlphaSlider';\n"],"names":[],"mappings":";;;;;AAiBO;AAML;AAEA;;AAGI;;;AAGA;;AAEF;AAIF;;;AAII;AACF;AAIF;AAEI;;AACA;AACF;AAIF;;AAEA;AAEA;AAEI;;AAGA;AACE;AACA;;;AAGA;AACA;;;AAGA;;;;;AAMJ;AAIF;;;AAqBO;AAKT;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorArea.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
-import { rgbToHex, hsvToRgb } from './colorUtils.js';
 import { colorAreaStyle, saturationGradientStyle, valueGradientStyle, colorAreaThumbStyle } from './ColorPicker.css.js';
+import { rgbToHex, hsvToRgb } from './colorUtils.js';
 
 const ColorArea = ({ hue, saturation, value, onChange, onChangeComplete, }) => {
     const areaRef = useRef(null);
@@ -56,7 +56,7 @@ const ColorArea = ({ hue, saturation, value, onChange, onChangeComplete, }) => {
     const hueColor = rgbToHex(r, g, b);
     const thumbX = `${saturation}%`;
     const thumbY = `${100 - value}%`;
-    return (jsxs("div", { ref: areaRef, className: colorAreaStyle, role: "slider", tabIndex: 0, "aria-label": "Color saturation and brightness", "aria-valuetext": `Saturation ${saturation}%, Brightness ${value}%`, style: { backgroundColor: hueColor }, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown, children: [jsx("div", { className: saturationGradientStyle }), jsx("div", { className: valueGradientStyle }), jsx("div", { className: colorAreaThumbStyle, style: { left: thumbX, top: thumbY } })] }));
+    return (jsxs("div", { ref: areaRef, className: colorAreaStyle, role: "slider", tabIndex: 0, "aria-label": "Color saturation and brightness", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, "aria-valuetext": `Saturation ${saturation}%, Brightness ${value}%`, style: { backgroundColor: hueColor }, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown, children: [jsx("div", { className: saturationGradientStyle }), jsx("div", { className: valueGradientStyle }), jsx("div", { className: colorAreaThumbStyle, style: { left: thumbX, top: thumbY } })] }));
 };
 ColorArea.displayName = 'ColorArea';
 

package/dist/esm/components/controls/ColorPicker/ColorArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorArea.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorArea.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmBO;AAOL;;;AAKI;;;;AAKA;AACA;AACA;AACF;AAIF;;;;AAKE;AAIF;AAEI;;;AAEF;AAIF;;AAEA;AAEA;AAEI;;;AAIA;AACE;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;;AAKF;;AAKJ;;AAEA;AACA;AAEA;AAsBF;AAEA;;"}
+{"version":3,"file":"ColorArea.js","sources":["src/components/controls/ColorPicker/ColorArea.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useRef } from 'react';\n\nimport {\n  colorAreaStyle,\n  saturationGradientStyle,\n  valueGradientStyle,\n  colorAreaThumbStyle,\n} from './ColorPicker.css';\nimport { hsvToRgb, rgbToHex } from './colorUtils';\n\ninterface ColorAreaProps {\n  hue: number;\n  saturation: number;\n  value: number;\n  onChange: (s: number, v: number) => void;\n  onChangeComplete?: () => void;\n}\n\nexport const ColorArea: React.FC<ColorAreaProps> = ({\n  hue,\n  saturation,\n  value,\n  onChange,\n  onChangeComplete,\n}) => {\n  const areaRef = useRef<HTMLDivElement>(null);\n\n  const getSV = useCallback(\n    (clientX: number, clientY: number) => {\n      const rect = areaRef.current?.getBoundingClientRect();\n      if (!rect) return;\n\n      const x = Math.max(0, Math.min(clientX - rect.left, rect.width));\n      const y = Math.max(0, Math.min(clientY - rect.top, rect.height));\n\n      const s = Math.round((x / rect.width) * 100);\n      const v = Math.round((1 - y / rect.height) * 100);\n      onChange(s, v);\n    },\n    [onChange]\n  );\n\n  const handlePointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n      getSV(e.clientX, e.clientY);\n    },\n    [getSV]\n  );\n\n  const handlePointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      if (e.buttons === 0) return;\n      getSV(e.clientX, e.clientY);\n    },\n    [getSV]\n  );\n\n  const handlePointerUp = useCallback(() => {\n    onChangeComplete?.();\n  }, [onChangeComplete]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = e.shiftKey ? 1 : 5;\n      let newS = saturation;\n      let newV = value;\n\n      switch (e.key) {\n        case 'ArrowRight':\n          newS = Math.min(100, saturation + step);\n          break;\n        case 'ArrowLeft':\n          newS = Math.max(0, saturation - step);\n          break;\n        case 'ArrowUp':\n          newV = Math.min(100, value + step);\n          break;\n        case 'ArrowDown':\n          newV = Math.max(0, value - step);\n          break;\n        default:\n          return;\n      }\n\n      e.preventDefault();\n      onChange(newS, newV);\n    },\n    [saturation, value, onChange]\n  );\n\n  const { r, g, b } = hsvToRgb(hue, 100, 100);\n  const hueColor = rgbToHex(r, g, b);\n  const thumbX = `${saturation}%`;\n  const thumbY = `${100 - value}%`;\n\n  return (\n    <div\n      ref={areaRef}\n      className={colorAreaStyle}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label=\"Color saturation and brightness\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={value}\n      aria-valuetext={`Saturation ${saturation}%, Brightness ${value}%`}\n      style={{ backgroundColor: hueColor }}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      onKeyDown={handleKeyDown}\n    >\n      <div className={saturationGradientStyle} />\n      <div className={valueGradientStyle} />\n      <div\n        className={colorAreaThumbStyle}\n        style={{ left: thumbX, top: thumbY }}\n      />\n    </div>\n  );\n};\n\nColorArea.displayName = 'ColorArea';\n"],"names":[],"mappings":";;;;;;AAoBO;AAOL;;;AAKI;;;;AAKA;AACA;AACA;AACF;AAIF;;;;AAKE;AAIF;AAEI;;;AAEF;AAIF;;AAEA;AAEA;AAEI;;;AAIA;AACE;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;;AAKF;;AAKJ;;AAEA;AACA;AAEA;AAyBF;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorInputs.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
+import { inputsRowStyle, modeToggleStyle, inputColStyle, smallInputStyle, inputLabelStyle } from './ColorPicker.css.js';
 import { hsvToRgb, rgbToHex, hsvToHsl, rgbToHsv, hslToHsv } from './colorUtils.js';
 import { EyeDropper } from './EyeDropper.js';
-import { inputsRowStyle, modeToggleStyle, inputColStyle, smallInputStyle, inputLabelStyle } from './ColorPicker.css.js';
 
 const ColorInputs = ({ hsva, inputModes, defaultInputMode, showAlpha, showEyeDropper = false, disabled = false, onSetFromString, onSetAlpha, onSetHue, onSetSaturationValue, }) => {
     const [mode, setMode] = useState(defaultInputMode);
@@ -56,7 +56,21 @@ const ColorInputs = ({ hsva, inputModes, defaultInputMode, showAlpha, showEyeDro
             return;
         onSetAlpha(num / 100);
     }, [onSetAlpha]);
-    return (jsx("div", { children: jsxs("div", { className: inputsRowStyle, children: [inputModes.length > 1 && (jsx("button", { type: "button", className: modeToggleStyle, onClick: cycleMode, children: mode.toUpperCase() })), mode === 'hex' && (jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, defaultValue: hex, maxLength: 6, onChange: handleHexChange, onBlur: handleHexBlur, "aria-label": "Hex color" }, hex), jsx("span", { className: inputLabelStyle, children: "HEX" })] })), mode === 'rgb' && (jsxs(Fragment, { children: [jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 255, value: r, onChange: e => handleRgbChange('r', e.target.value), "aria-label": "Red" }), jsx("span", { className: inputLabelStyle, children: "R" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 255, value: g, onChange: e => handleRgbChange('g', e.target.value), "aria-label": "Green" }), jsx("span", { className: inputLabelStyle, children: "G" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 255, value: b, onChange: e => handleRgbChange('b', e.target.value), "aria-label": "Blue" }), jsx("span", { className: inputLabelStyle, children: "B" })] })] })), mode === 'hsl' && (jsxs(Fragment, { children: [jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 360, value: hsl.h, onChange: e => handleHslChange('h', e.target.value), "aria-label": "Hue" }), jsx("span", { className: inputLabelStyle, children: "H" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 100, value: hsl.s, onChange: e => handleHslChange('s', e.target.value), "aria-label": "Saturation" }), jsx("span", { className: inputLabelStyle, children: "S" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 100, value: hsl.l, onChange: e => handleHslChange('l', e.target.value), "aria-label": "Lightness" }), jsx("span", { className: inputLabelStyle, children: "L" })] })] })), showAlpha && (jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 100, value: Math.round(hsva.a * 100), onChange: e => handleAlphaChange(e.target.value), "aria-label": "Alpha" }), jsx("span", { className: inputLabelStyle, children: "A" })] })), showEyeDropper && (jsx(EyeDropper, { onColorPick: onSetFromString, size: "sm", disabled: disabled }))] }) }));
+    return (jsx("div", { children: jsxs("div", { className: inputsRowStyle, children: [inputModes.length > 1 && (jsx("button", { type: "button", className: modeToggleStyle, onClick: cycleMode, children: mode.toUpperCase() })), mode === 'hex' && (jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, defaultValue: hex, maxLength: 6, onChange: handleHexChange, onBlur: handleHexBlur, "aria-label": "Hex color" }, hex), jsx("span", { className: inputLabelStyle, children: "HEX" })] })), mode === 'rgb' && (jsxs(Fragment, { children: [jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 255, value: r, onChange: e => {
+                                        handleRgbChange('r', e.target.value);
+                                    }, "aria-label": "Red" }), jsx("span", { className: inputLabelStyle, children: "R" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 255, value: g, onChange: e => {
+                                        handleRgbChange('g', e.target.value);
+                                    }, "aria-label": "Green" }), jsx("span", { className: inputLabelStyle, children: "G" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 255, value: b, onChange: e => {
+                                        handleRgbChange('b', e.target.value);
+                                    }, "aria-label": "Blue" }), jsx("span", { className: inputLabelStyle, children: "B" })] })] })), mode === 'hsl' && (jsxs(Fragment, { children: [jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 360, value: hsl.h, onChange: e => {
+                                        handleHslChange('h', e.target.value);
+                                    }, "aria-label": "Hue" }), jsx("span", { className: inputLabelStyle, children: "H" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 100, value: hsl.s, onChange: e => {
+                                        handleHslChange('s', e.target.value);
+                                    }, "aria-label": "Saturation" }), jsx("span", { className: inputLabelStyle, children: "S" })] }), jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 100, value: hsl.l, onChange: e => {
+                                        handleHslChange('l', e.target.value);
+                                    }, "aria-label": "Lightness" }), jsx("span", { className: inputLabelStyle, children: "L" })] })] })), showAlpha && (jsxs("div", { className: inputColStyle, children: [jsx("input", { className: smallInputStyle, type: "number", min: 0, max: 100, value: Math.round(hsva.a * 100), onChange: e => {
+                                handleAlphaChange(e.target.value);
+                            }, "aria-label": "Alpha" }), jsx("span", { className: inputLabelStyle, children: "A" })] })), showEyeDropper && (jsx(EyeDropper, { onColorPick: onSetFromString, size: "sm", disabled: disabled }))] }) }));
 };
 ColorInputs.displayName = 'ColorInputs';
 

package/dist/esm/components/controls/ColorPicker/ColorInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInputs.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorInputs.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AA4BO;;AAcL;;AAEE;AACA;;AACF;;AAGA;AACA;AAEA;AAEI;AACA;AACE;;AAEJ;AAIF;AAEI;AACA;AACE;;AAEJ;;;;;AAQE;AACA;AACA;;AAEA;;AAEF;;;;;AAQE;AACA;AACA;;AAEA;;AAEF;AAIF;;;;AAII;AACF;;AAuIJ;AAEA;;"}
+{"version":3,"file":"ColorInputs.js","sources":["src/components/controls/ColorPicker/ColorInputs.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useState } from 'react';\n\nimport {\n  inputsRowStyle,\n  modeToggleStyle,\n  smallInputStyle,\n  inputLabelStyle,\n  inputColStyle,\n} from './ColorPicker.css';\nimport { hsvToRgb, hsvToHsl, rgbToHex, rgbToHsv, hslToHsv } from './colorUtils';\nimport { EyeDropper } from './EyeDropper';\n\nimport type { ColorInputMode } from './ColorPicker.types';\nimport type { ColorHSVA } from './colorUtils';\n\ninterface ColorInputsProps {\n  hsva: ColorHSVA;\n  inputModes: ColorInputMode[];\n  defaultInputMode: ColorInputMode;\n  showAlpha: boolean;\n  showEyeDropper?: boolean;\n  disabled?: boolean;\n  onSetFromString: (color: string) => void;\n  onSetAlpha: (a: number) => void;\n  onSetHue: (h: number) => void;\n  onSetSaturationValue: (s: number, v: number) => void;\n}\n\nexport const ColorInputs: React.FC<ColorInputsProps> = ({\n  hsva,\n  inputModes,\n  defaultInputMode,\n  showAlpha,\n  showEyeDropper = false,\n  disabled = false,\n  onSetFromString,\n  onSetAlpha,\n  onSetHue,\n  onSetSaturationValue,\n}) => {\n  const [mode, setMode] = useState<ColorInputMode>(defaultInputMode);\n\n  const cycleMode = useCallback(() => {\n    const idx = inputModes.indexOf(mode);\n    const next = inputModes[(idx + 1) % inputModes.length];\n    if (next) setMode(next);\n  }, [mode, inputModes]);\n\n  const { r, g, b } = hsvToRgb(hsva.h, hsva.s, hsva.v);\n  const hex = rgbToHex(r, g, b).replace('#', '');\n  const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);\n\n  const handleHexChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value.replace('#', '');\n      if (/^[0-9a-fA-F]{6}$/.test(val)) {\n        onSetFromString(`#${val}`);\n      }\n    },\n    [onSetFromString]\n  );\n\n  const handleHexBlur = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const val = e.target.value.replace('#', '');\n      if (/^[0-9a-fA-F]{3}$/.test(val) || /^[0-9a-fA-F]{6}$/.test(val)) {\n        onSetFromString(`#${val}`);\n      }\n    },\n    [onSetFromString]\n  );\n\n  const handleRgbChange = useCallback(\n    (channel: 'r' | 'g' | 'b', val: string) => {\n      const num = Math.max(0, Math.min(255, parseInt(val, 10)));\n      if (isNaN(num)) return;\n      const newR = channel === 'r' ? num : r;\n      const newG = channel === 'g' ? num : g;\n      const newB = channel === 'b' ? num : b;\n      const newHsv = rgbToHsv(newR, newG, newB);\n      onSetHue(newHsv.h);\n      onSetSaturationValue(newHsv.s, newHsv.v);\n    },\n    [r, g, b, onSetHue, onSetSaturationValue]\n  );\n\n  const handleHslChange = useCallback(\n    (channel: 'h' | 's' | 'l', val: string) => {\n      const num = parseInt(val, 10);\n      if (isNaN(num)) return;\n      const newH = channel === 'h' ? Math.max(0, Math.min(360, num)) : hsl.h;\n      const newS = channel === 's' ? Math.max(0, Math.min(100, num)) : hsl.s;\n      const newL = channel === 'l' ? Math.max(0, Math.min(100, num)) : hsl.l;\n      const newHsv = hslToHsv(newH, newS, newL);\n      onSetHue(newHsv.h);\n      onSetSaturationValue(newHsv.s, newHsv.v);\n    },\n    [hsl.h, hsl.s, hsl.l, onSetHue, onSetSaturationValue]\n  );\n\n  const handleAlphaChange = useCallback(\n    (val: string) => {\n      const num = Math.max(0, Math.min(100, parseInt(val, 10)));\n      if (isNaN(num)) return;\n      onSetAlpha(num / 100);\n    },\n    [onSetAlpha]\n  );\n\n  return (\n    <div>\n      <div className={inputsRowStyle}>\n        {inputModes.length > 1 && (\n          <button type=\"button\" className={modeToggleStyle} onClick={cycleMode}>\n            {mode.toUpperCase()}\n          </button>\n        )}\n\n        {mode === 'hex' && (\n          <div className={inputColStyle}>\n            <input\n              className={smallInputStyle}\n              defaultValue={hex}\n              key={hex}\n              maxLength={6}\n              onChange={handleHexChange}\n              onBlur={handleHexBlur}\n              aria-label=\"Hex color\"\n            />\n            <span className={inputLabelStyle}>HEX</span>\n          </div>\n        )}\n\n        {mode === 'rgb' && (\n          <>\n            <div className={inputColStyle}>\n              <input\n                className={smallInputStyle}\n                type=\"number\"\n                min={0}\n                max={255}\n                value={r}\n                onChange={e => {\n                  handleRgbChange('r', e.target.value);\n                }}\n                aria-label=\"Red\"\n              />\n              <span className={inputLabelStyle}>R</span>\n            </div>\n            <div className={inputColStyle}>\n              <input\n                className={smallInputStyle}\n                type=\"number\"\n                min={0}\n                max={255}\n                value={g}\n                onChange={e => {\n                  handleRgbChange('g', e.target.value);\n                }}\n                aria-label=\"Green\"\n              />\n              <span className={inputLabelStyle}>G</span>\n            </div>\n            <div className={inputColStyle}>\n              <input\n                className={smallInputStyle}\n                type=\"number\"\n                min={0}\n                max={255}\n                value={b}\n                onChange={e => {\n                  handleRgbChange('b', e.target.value);\n                }}\n                aria-label=\"Blue\"\n              />\n              <span className={inputLabelStyle}>B</span>\n            </div>\n          </>\n        )}\n\n        {mode === 'hsl' && (\n          <>\n            <div className={inputColStyle}>\n              <input\n                className={smallInputStyle}\n                type=\"number\"\n                min={0}\n                max={360}\n                value={hsl.h}\n                onChange={e => {\n                  handleHslChange('h', e.target.value);\n                }}\n                aria-label=\"Hue\"\n              />\n              <span className={inputLabelStyle}>H</span>\n            </div>\n            <div className={inputColStyle}>\n              <input\n                className={smallInputStyle}\n                type=\"number\"\n                min={0}\n                max={100}\n                value={hsl.s}\n                onChange={e => {\n                  handleHslChange('s', e.target.value);\n                }}\n                aria-label=\"Saturation\"\n              />\n              <span className={inputLabelStyle}>S</span>\n            </div>\n            <div className={inputColStyle}>\n              <input\n                className={smallInputStyle}\n                type=\"number\"\n                min={0}\n                max={100}\n                value={hsl.l}\n                onChange={e => {\n                  handleHslChange('l', e.target.value);\n                }}\n                aria-label=\"Lightness\"\n              />\n              <span className={inputLabelStyle}>L</span>\n            </div>\n          </>\n        )}\n\n        {showAlpha && (\n          <div className={inputColStyle}>\n            <input\n              className={smallInputStyle}\n              type=\"number\"\n              min={0}\n              max={100}\n              value={Math.round(hsva.a * 100)}\n              onChange={e => {\n                handleAlphaChange(e.target.value);\n              }}\n              aria-label=\"Alpha\"\n            />\n            <span className={inputLabelStyle}>A</span>\n          </div>\n        )}\n\n        {showEyeDropper && (\n          <EyeDropper\n            onColorPick={onSetFromString}\n            size=\"sm\"\n            disabled={disabled}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nColorInputs.displayName = 'ColorInputs';\n"],"names":[],"mappings":";;;;;;;AA8BO;;AAcL;;AAEE;AACA;;AACF;;AAGA;AACA;AAEA;AAEI;AACA;AACE;;AAEJ;AAIF;AAEI;AACA;AACE;;AAEJ;;;;;AAQE;AACA;AACA;;AAEA;;AAEF;;;;;AAQE;AACA;AACA;;AAEA;;AAEF;AAIF;;;;AAII;AACF;;;AAuCY;;AAcA;;;;AAiCA;;AAcA;;;AA+BA;AACF;AAiBd;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorPalette.js

@@ -11,7 +11,9 @@ const ColorPalette = ({ palette, currentColor, onSelect, title = 'Palette', defa
     const normalizedCurrent = currentColor.toLowerCase();
     return (jsx(Collapsible, { trigger: title, defaultOpen: defaultExpanded, size: "sm", children: jsx("div", { className: paletteContainerStyle, role: "radiogroup", "aria-label": "Color palette", children: palette.map(color => (jsxs("div", { className: paletteRowStyle, children: [jsx("span", { className: paletteRowLabelStyle, children: color.name.slice(0, 2) }), color.shades.map(shade => (jsx("button", { type: "button", role: "radio", "aria-checked": shade.color.toLowerCase() === normalizedCurrent, "aria-label": `${color.name} ${shade.label}`, title: `${color.name} ${shade.label} (${shade.color})`, className: paletteShadeRecipe({
                             selected: shade.color.toLowerCase() === normalizedCurrent,
-                        }), onClick: () => handleSelect(shade.color), children: jsx("span", { className: paletteShadeColorStyle, style: { background: shade.color } }) }, shade.color)))] }, color.name))) }) }));
+                        }), onClick: () => {
+                            handleSelect(shade.color);
+                        }, children: jsx("span", { className: paletteShadeColorStyle, style: { background: shade.color } }) }, shade.color)))] }, color.name))) }) }));
 };
 ColorPalette.displayName = 'ColorPalette';
 

package/dist/esm/components/controls/ColorPicker/ColorPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPalette.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorPalette.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AA8BE;;AAGE;AAIF;;;;AAsCF;AAEA;;"}
+{"version":3,"file":"ColorPalette.js","sources":["src/components/controls/ColorPicker/ColorPalette.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback } from 'react';\n\nimport { Collapsible } from '@/components/primitives/Collapsible';\n\nimport {\n  paletteContainerStyle,\n  paletteRowStyle,\n  paletteRowLabelStyle,\n  paletteShadeRecipe,\n  paletteShadeColorStyle,\n} from './ColorPicker.css';\n\nimport type { PaletteColor } from './palettes';\n\ninterface ColorPaletteProps {\n  palette: PaletteColor[];\n  currentColor: string;\n  onSelect: (color: string) => void;\n  /** Title displayed in the collapsible header @default \"Palette\" */\n  title?: string;\n  /** Whether the palette starts expanded @default false */\n  defaultExpanded?: boolean;\n}\n\nexport const ColorPalette: React.FC<ColorPaletteProps> = ({\n  palette,\n  currentColor,\n  onSelect,\n  title = 'Palette',\n  defaultExpanded = false,\n}) => {\n  const handleSelect = useCallback(\n    (color: string) => {\n      onSelect(color);\n    },\n    [onSelect]\n  );\n\n  const normalizedCurrent = currentColor.toLowerCase();\n\n  return (\n    <Collapsible trigger={title} defaultOpen={defaultExpanded} size=\"sm\">\n      <div\n        className={paletteContainerStyle}\n        role=\"radiogroup\"\n        aria-label=\"Color palette\"\n      >\n        {palette.map(color => (\n          <div className={paletteRowStyle} key={color.name}>\n            <span className={paletteRowLabelStyle}>\n              {color.name.slice(0, 2)}\n            </span>\n            {color.shades.map(shade => (\n              <button\n                key={shade.color}\n                type=\"button\"\n                role=\"radio\"\n                aria-checked={shade.color.toLowerCase() === normalizedCurrent}\n                aria-label={`${color.name} ${shade.label}`}\n                title={`${color.name} ${shade.label} (${shade.color})`}\n                className={paletteShadeRecipe({\n                  selected: shade.color.toLowerCase() === normalizedCurrent,\n                })}\n                onClick={() => {\n                  handleSelect(shade.color);\n                }}\n              >\n                <span\n                  className={paletteShadeColorStyle}\n                  style={{ background: shade.color }}\n                />\n              </button>\n            ))}\n          </div>\n        ))}\n      </div>\n    </Collapsible>\n  );\n};\n\nColorPalette.displayName = 'ColorPalette';\n\nexport type { ColorPaletteProps };\n"],"names":[],"mappings":";;;;;;;AAiCE;;AAGE;AAIF;;;AAwBe;AAEC;AACF;AAahB;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorPicker.js

@@ -2,20 +2,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Popover } from '../../primitives/Popover/Popover.js';
-import { PopoverTrigger } from '../../primitives/Popover/PopoverTrigger.js';
 import { PopoverContent } from '../../primitives/Popover/PopoverContent.js';
-import { ColorSwatch } from './ColorSwatch.js';
-import { ColorArea } from './ColorArea.js';
-import { HueSlider } from './HueSlider.js';
+import { PopoverTrigger } from '../../primitives/Popover/PopoverTrigger.js';
 import { AlphaSlider } from './AlphaSlider.js';
+import { ColorArea } from './ColorArea.js';
 import { ColorInputs } from './ColorInputs.js';
-import { ColorPresets } from './ColorPresets.js';
 import { ColorPalette } from './ColorPalette.js';
+import { pickerBodyStyle, triggerRowStyle, labelStyle } from './ColorPicker.css.js';
+import { ColorPresets } from './ColorPresets.js';
+import { ColorSwatch } from './ColorSwatch.js';
+import { HueSlider } from './HueSlider.js';
 import { MATERIAL_PALETTE } from './palettes/material.js';
 import { TAILWIND_PALETTE } from './palettes/tailwind.js';
 import { VINTAGE_PALETTE, SKIN_TONES_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, EARTH_PALETTE, PASTEL_PALETTE } from './palettes/professional.js';
 import { useColor } from './useColor.js';
-import { pickerBodyStyle, triggerRowStyle, labelStyle } from './ColorPicker.css.js';
 
 // --- Constants ---
 const PALETTE_MAP = {

package/dist/esm/components/controls/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorPicker.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEO;;;;;;;AA6BJ;AAED;AAGE;AAAc;AACd;AACE;;;AAGF;;;AAGA;AACF;;;;;AAsEA;AAmBF;AAEA;;"}
+{"version":3,"file":"ColorPicker.js","sources":["src/components/controls/ColorPicker/ColorPicker.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\n\nimport { Popover } from '@/components/primitives/Popover/Popover';\nimport { PopoverContent } from '@/components/primitives/Popover/PopoverContent';\nimport { PopoverTrigger } from '@/components/primitives/Popover/PopoverTrigger';\n\nimport { AlphaSlider } from './AlphaSlider';\nimport { ColorArea } from './ColorArea';\nimport { ColorInputs } from './ColorInputs';\nimport { ColorPalette } from './ColorPalette';\nimport {\n  pickerBodyStyle,\n  triggerRowStyle,\n  labelStyle,\n} from './ColorPicker.css';\nimport { ColorPresets } from './ColorPresets';\nimport { ColorSwatch } from './ColorSwatch';\nimport { HueSlider } from './HueSlider';\nimport {\n  MATERIAL_PALETTE,\n  TAILWIND_PALETTE,\n  PASTEL_PALETTE,\n  EARTH_PALETTE,\n  NEON_PALETTE,\n  MONOCHROME_PALETTE,\n  SKIN_TONES_PALETTE,\n  VINTAGE_PALETTE,\n} from './palettes';\nimport { useColor } from './useColor';\n\nimport type { ColorPickerProps } from './ColorPicker.types';\nimport type { Palette, PaletteColor } from './palettes';\n\n// --- Constants ---\n\nconst PALETTE_MAP: Record<string, Palette> = {\n  material: MATERIAL_PALETTE,\n  tailwind: TAILWIND_PALETTE,\n  pastel: PASTEL_PALETTE,\n  earth: EARTH_PALETTE,\n  neon: NEON_PALETTE,\n  monochrome: MONOCHROME_PALETTE,\n  'skin-tones': SKIN_TONES_PALETTE,\n  vintage: VINTAGE_PALETTE,\n};\n\n// --- Component ---\n\nexport const ColorPicker: React.FC<ColorPickerProps> = ({\n  value,\n  defaultValue = '#007acc',\n  format = 'hex',\n  showAlpha = false,\n  inputModes = ['hex', 'rgb', 'hsl'],\n  defaultInputMode = 'hex',\n  presets,\n  showEyeDropper = false,\n  palette,\n  size = 'md',\n  swatchShape = 'square',\n  label,\n  disabled = false,\n  inline = false,\n  pickerWidth = 240,\n  onChange,\n  onChangeComplete,\n  className,\n  style,\n  testId,\n  ...rest\n}) => {\n  const colorState = useColor({\n    value,\n    defaultValue,\n    format,\n    onChange,\n    onChangeComplete,\n  });\n\n  const resolvedPalette = useMemo<\n    { colors: PaletteColor[]; title: string } | undefined\n  >(() => {\n    if (!palette) return undefined;\n    if (typeof palette === 'string') {\n      const found = PALETTE_MAP[palette];\n      return found ? { colors: found.colors, title: found.name } : undefined;\n    }\n    if (Array.isArray(palette)) {\n      return { colors: palette, title: 'Palette' };\n    }\n    return { colors: palette.colors, title: palette.name };\n  }, [palette]);\n\n  const pickerBody = (\n    <div\n      className={pickerBodyStyle}\n      data-testid={testId ? `${testId}-panel` : undefined}\n    >\n      <ColorArea\n        hue={colorState.hsva.h}\n        saturation={colorState.hsva.s}\n        value={colorState.hsva.v}\n        onChange={colorState.setSaturationValue}\n        onChangeComplete={colorState.commitChange}\n      />\n      <HueSlider\n        hue={colorState.hsva.h}\n        onChange={colorState.setHue}\n        onChangeComplete={colorState.commitChange}\n      />\n      {showAlpha && (\n        <AlphaSlider\n          alpha={colorState.hsva.a}\n          color={colorState.hexString}\n          onChange={colorState.setAlpha}\n          onChangeComplete={colorState.commitChange}\n        />\n      )}\n      <ColorInputs\n        hsva={colorState.hsva}\n        inputModes={inputModes}\n        defaultInputMode={defaultInputMode}\n        showAlpha={showAlpha}\n        showEyeDropper={showEyeDropper}\n        disabled={disabled}\n        onSetFromString={colorState.setFromString}\n        onSetAlpha={colorState.setAlpha}\n        onSetHue={colorState.setHue}\n        onSetSaturationValue={colorState.setSaturationValue}\n      />\n      {presets && presets.length > 0 && (\n        <ColorPresets\n          presets={presets}\n          currentColor={colorState.hexString}\n          onSelect={colorState.setFromString}\n        />\n      )}\n      {resolvedPalette && (\n        <ColorPalette\n          palette={resolvedPalette.colors}\n          currentColor={colorState.hexString}\n          onSelect={colorState.setFromString}\n          title={resolvedPalette.title}\n        />\n      )}\n    </div>\n  );\n\n  if (inline) {\n    return (\n      <div\n        className={className}\n        style={{ ...style, width: pickerWidth }}\n        data-testid={testId}\n        {...rest}\n      >\n        {pickerBody}\n      </div>\n    );\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger>\n        <div className={triggerRowStyle} data-testid={testId} {...rest}>\n          <ColorSwatch\n            color={colorState.hexString}\n            size={size}\n            shape={swatchShape}\n            disabled={disabled}\n            testId={testId ? `${testId}-swatch` : undefined}\n          />\n          {label && <span className={labelStyle}>{label}</span>}\n        </div>\n      </PopoverTrigger>\n      <PopoverContent width={pickerWidth} padding=\"md\">\n        {pickerBody}\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEO;;;;;;;AA6BJ;AAED;AAGE;AAAc;AACd;AACE;;;AAGF;;;AAGA;AACF;;;;;AAsEA;AAmBF;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorPresets.js

@@ -10,7 +10,9 @@ const ColorPresets = ({ presets, currentColor, onSelect, }) => {
     const normalizedCurrent = currentColor.toLowerCase();
     return (jsx("div", { className: presetsGridStyle, role: "radiogroup", "aria-label": "Color presets", children: presets.map((preset, i) => (jsx("button", { type: "button", role: "radio", "aria-checked": preset.color.toLowerCase() === normalizedCurrent, "aria-label": preset.label ?? preset.color, title: preset.label ?? preset.color, className: presetButtonRecipe({
                 selected: preset.color.toLowerCase() === normalizedCurrent,
-            }), onClick: () => handleClick(preset.color), children: jsx("span", { className: presetColorStyle, style: { background: preset.color } }) }, `${preset.color}-${i}`))) }));
+            }), onClick: () => {
+                handleClick(preset.color);
+            }, children: jsx("span", { className: presetColorStyle, style: { background: preset.color } }) }, `${preset.color}-${i}`))) }));
 };
 ColorPresets.displayName = 'ColorPresets';
 

package/dist/esm/components/controls/ColorPicker/ColorPresets.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPresets.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorPresets.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAgBO;AAKL;;AAGE;AAIF;AAEA;;AAgBS;AAWX;AAEA;;"}
+{"version":3,"file":"ColorPresets.js","sources":["src/components/controls/ColorPicker/ColorPresets.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback } from 'react';\n\nimport {\n  presetsGridStyle,\n  presetButtonRecipe,\n  presetColorStyle,\n} from './ColorPicker.css';\n\nimport type { ColorPreset } from './ColorPicker.types';\n\ninterface ColorPresetsProps {\n  presets: ColorPreset[];\n  currentColor: string;\n  onSelect: (color: string) => void;\n}\n\nexport const ColorPresets: React.FC<ColorPresetsProps> = ({\n  presets,\n  currentColor,\n  onSelect,\n}) => {\n  const handleClick = useCallback(\n    (color: string) => {\n      onSelect(color);\n    },\n    [onSelect]\n  );\n\n  const normalizedCurrent = currentColor.toLowerCase();\n\n  return (\n    <div\n      className={presetsGridStyle}\n      role=\"radiogroup\"\n      aria-label=\"Color presets\"\n    >\n      {presets.map((preset, i) => (\n        <button\n          key={`${preset.color}-${i}`}\n          type=\"button\"\n          role=\"radio\"\n          aria-checked={preset.color.toLowerCase() === normalizedCurrent}\n          aria-label={preset.label ?? preset.color}\n          title={preset.label ?? preset.color}\n          className={presetButtonRecipe({\n            selected: preset.color.toLowerCase() === normalizedCurrent,\n          })}\n          onClick={() => {\n            handleClick(preset.color);\n          }}\n        >\n          <span\n            className={presetColorStyle}\n            style={{ background: preset.color }}\n          />\n        </button>\n      ))}\n    </div>\n  );\n};\n\nColorPresets.displayName = 'ColorPresets';\n"],"names":[],"mappings":";;;;;AAkBO;AAKL;;AAGE;AAIF;AAEA;;AAgBS;AAEC;AACF;AAUV;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/ColorSwatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.js","sources":["../../../../../../src/components/controls/ColorPicker/ColorSwatch.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO;AAaH;AAeF;AAGF;;"}
+{"version":3,"file":"ColorSwatch.js","sources":["src/components/controls/ColorPicker/ColorSwatch.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { cx } from '@/utils/cx';\n\nimport { swatchRecipe, swatchColorStyle } from './ColorPicker.css';\n\nimport type { ColorSwatchProps } from './ColorPicker.types';\n\nexport const ColorSwatch = /*#__PURE__*/ React.memo<ColorSwatchProps>(\n  ({\n    color,\n    size = 'md',\n    shape = 'square',\n    disabled = false,\n    onClick,\n    className,\n    style,\n    testId,\n    ref,\n    ...rest\n  }) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={cx(swatchRecipe({ size, shape, disabled }), className)}\n        disabled={disabled}\n        onClick={onClick}\n        style={style}\n        data-testid={testId}\n        aria-label={rest['aria-label'] ?? `Color: ${color}`}\n        {...rest}\n      >\n        <span className={swatchColorStyle} style={{ background: color }} />\n      </button>\n    );\n  }\n);\n\nColorSwatch.displayName = 'ColorSwatch';\n"],"names":[],"mappings":";;;;;;AAUO;AAaH;AAeF;AAGF;;"}

package/dist/esm/components/controls/ColorPicker/EyeDropper.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyeDropper.js","sources":["../../../../../../src/components/controls/ColorPicker/EyeDropper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkCA;AAEA;;;;;;;;;;AAUG;AACH;;AASE;AACE;;AAEA;;AAMI;;;AAIF;AAEJ;;AAGE;;AAGF;AAaF;AAEA;;"}
+{"version":3,"file":"EyeDropper.js","sources":["src/components/controls/ColorPicker/EyeDropper.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback } from 'react';\n\nimport { EyeDropperIcon } from '@/components/Icons/EyeDropperIcon';\n\nimport { eyeDropperRecipe } from './ColorPicker.css';\n\nimport type { BaseComponent, Size } from '@/types/common';\nimport type { Prettify } from '@/types/utilities';\n\n// ---------- EyeDropper API types (not yet in TypeScript lib) ----------\n\ninterface EyeDropperResult {\n  sRGBHex: string;\n}\n\ninterface EyeDropperAPI {\n  open(): Promise<EyeDropperResult>;\n}\n\n// ---------- Component types ----------\n\ninterface EyeDropperBaseProps extends Omit<\n  BaseComponent<HTMLButtonElement>,\n  'onChange'\n> {\n  /** Callback when a color is picked */\n  onColorPick?: (color: string) => void;\n  /** Button size @default \"md\" */\n  size?: Size;\n  /** Whether disabled @default false */\n  disabled?: boolean;\n}\n\ntype EyeDropperProps = Prettify<EyeDropperBaseProps>;\n\n// ---------- Component ----------\n\n/**\n * EyeDropper button that opens the native browser EyeDropper API\n * to sample a color from anywhere on the screen.\n *\n * Renders nothing if the EyeDropper API is not available in the browser.\n *\n * @example\n * ```tsx\n * <EyeDropper onColorPick={(hex) => setColor(hex)} />\n * ```\n */\nconst EyeDropper: React.FC<EyeDropperProps> = ({\n  onColorPick,\n  size = 'md',\n  disabled = false,\n  testId,\n  ...rest\n}) => {\n  const isAvailable = typeof window !== 'undefined' && 'EyeDropper' in window;\n\n  const handleClick = useCallback(() => {\n    if (!isAvailable) return;\n\n    const dropper = new (\n      window as unknown as { EyeDropper: new () => EyeDropperAPI }\n    ).EyeDropper();\n\n    void dropper.open().then(\n      result => {\n        onColorPick?.(result.sRGBHex);\n      },\n      () => {\n        // User cancelled the eye dropper -- silently ignore\n      }\n    );\n  }, [isAvailable, onColorPick]);\n\n  if (!isAvailable) {\n    return null;\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={eyeDropperRecipe({ size, disabled })}\n      disabled={disabled}\n      onClick={handleClick}\n      data-testid={testId}\n      aria-label=\"Pick color from screen\"\n      {...rest}\n    >\n      <EyeDropperIcon size=\"sm\" />\n    </button>\n  );\n};\n\nEyeDropper.displayName = 'EyeDropper';\n\nexport { EyeDropper };\nexport type { EyeDropperProps };\n"],"names":[],"mappings":";;;;;;AAqCA;AAEA;;;;;;;;;;AAUG;AACH;;AASE;AACE;;AAEA;;AAMI;;;AAIF;AAEJ;;AAGE;;AAGF;AAaF;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/HueSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"HueSlider.js","sources":["../../../../../../src/components/controls/ColorPicker/HueSlider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWO;AAKL;AAEA;;AAGI;;;AAGA;;AAEF;AAIF;;;AAII;AACF;AAIF;AAEI;;AACA;AACF;AAIF;;AAEA;AAEA;AAEI;;AAGA;AACE;AACA;;;AAGA;AACA;;;AAGA;;;;;AAMJ;;;AAwBM;;;AAMV;AAEA;;"}
+{"version":3,"file":"HueSlider.js","sources":["src/components/controls/ColorPicker/HueSlider.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useRef } from 'react';\n\nimport { hueTrackStyle, hueThumbStyle } from './ColorPicker.css';\n\ninterface HueSliderProps {\n  hue: number;\n  onChange: (hue: number) => void;\n  onChangeComplete?: () => void;\n}\n\nexport const HueSlider: React.FC<HueSliderProps> = ({\n  hue,\n  onChange,\n  onChangeComplete,\n}) => {\n  const trackRef = useRef<HTMLDivElement>(null);\n\n  const getHue = useCallback(\n    (clientX: number) => {\n      const rect = trackRef.current?.getBoundingClientRect();\n      if (!rect) return;\n\n      const x = Math.max(0, Math.min(clientX - rect.left, rect.width));\n      const h = Math.round((x / rect.width) * 360);\n      onChange(h);\n    },\n    [onChange]\n  );\n\n  const handlePointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n      getHue(e.clientX);\n    },\n    [getHue]\n  );\n\n  const handlePointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      if (e.buttons === 0) return;\n      getHue(e.clientX);\n    },\n    [getHue]\n  );\n\n  const handlePointerUp = useCallback(() => {\n    onChangeComplete?.();\n  }, [onChangeComplete]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = e.shiftKey ? 1 : 5;\n      let newHue = hue;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          newHue = Math.min(360, hue + step);\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          newHue = Math.max(0, hue - step);\n          break;\n        default:\n          return;\n      }\n\n      e.preventDefault();\n      onChange(newHue);\n    },\n    [hue, onChange]\n  );\n\n  const thumbPosition = `${(hue / 360) * 100}%`;\n\n  return (\n    <div\n      ref={trackRef}\n      className={hueTrackStyle}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label=\"Hue\"\n      aria-valuemin={0}\n      aria-valuemax={360}\n      aria-valuenow={hue}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        className={hueThumbStyle}\n        style={{\n          left: thumbPosition,\n          backgroundColor: `hsl(${hue}, 100%, 50%)`,\n        }}\n      />\n    </div>\n  );\n};\n\nHueSlider.displayName = 'HueSlider';\n"],"names":[],"mappings":";;;;;AAYO;AAKL;AAEA;;AAGI;;;AAGA;;AAEF;AAIF;;;AAII;AACF;AAIF;AAEI;;AACA;AACF;AAIF;;AAEA;AAEA;AAEI;;AAGA;AACE;AACA;;;AAGA;AACA;;;AAGA;;;;;AAMJ;;;AAwBM;;;AAMV;AAEA;;"}

package/dist/esm/components/controls/ColorPicker/colorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.js","sources":["../../../../../../src/components/controls/ColorPicker/colorUtils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"colorUtils.js","sources":["src/components/controls/ColorPicker/colorUtils.ts"],"sourcesContent":["/**\n * Pure color conversion utilities for the ColorPicker.\n * Internal state is always HSVA. All conversions go through HSVA.\n */\n\nexport interface ColorHSVA {\n  h: number; // 0-360\n  s: number; // 0-100\n  v: number; // 0-100\n  a: number; // 0-1\n}\n\nexport type ColorFormat = 'hex' | 'hex8' | 'rgb' | 'rgba' | 'hsl' | 'hsla';\n\n// --- Conversions ---\n\nexport function hsvToRgb(\n  h: number,\n  s: number,\n  v: number\n): { r: number; g: number; b: number } {\n  const s1 = s / 100;\n  const v1 = v / 100;\n  const c = v1 * s1;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = v1 - c;\n\n  let r1 = 0,\n    g1 = 0,\n    b1 = 0;\n\n  if (h < 60) {\n    r1 = c;\n    g1 = x;\n  } else if (h < 120) {\n    r1 = x;\n    g1 = c;\n  } else if (h < 180) {\n    g1 = c;\n    b1 = x;\n  } else if (h < 240) {\n    g1 = x;\n    b1 = c;\n  } else if (h < 300) {\n    r1 = x;\n    b1 = c;\n  } else {\n    r1 = c;\n    b1 = x;\n  }\n\n  return {\n    r: Math.round((r1 + m) * 255),\n    g: Math.round((g1 + m) * 255),\n    b: Math.round((b1 + m) * 255),\n  };\n}\n\nexport function rgbToHsv(\n  r: number,\n  g: number,\n  b: number\n): { h: number; s: number; v: number } {\n  const r1 = r / 255;\n  const g1 = g / 255;\n  const b1 = b / 255;\n\n  const max = Math.max(r1, g1, b1);\n  const min = Math.min(r1, g1, b1);\n  const d = max - min;\n\n  let h = 0;\n  const s = max === 0 ? 0 : (d / max) * 100;\n  const v = max * 100;\n\n  if (d !== 0) {\n    if (max === r1) {\n      h = ((g1 - b1) / d) % 6;\n    } else if (max === g1) {\n      h = (b1 - r1) / d + 2;\n    } else {\n      h = (r1 - g1) / d + 4;\n    }\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n\n  return { h: Math.round(h), s: Math.round(s), v: Math.round(v) };\n}\n\nexport function hsvToHsl(\n  h: number,\n  s: number,\n  v: number\n): { h: number; s: number; l: number } {\n  const s1 = s / 100;\n  const v1 = v / 100;\n\n  const l = v1 * (1 - s1 / 2);\n  let sl = 0;\n  if (l > 0 && l < 1) {\n    sl = (v1 - l) / Math.min(l, 1 - l);\n  }\n\n  return {\n    h: Math.round(h),\n    s: Math.round(sl * 100),\n    l: Math.round(l * 100),\n  };\n}\n\nexport function hslToHsv(\n  h: number,\n  s: number,\n  l: number\n): { h: number; s: number; v: number } {\n  const s1 = s / 100;\n  const l1 = l / 100;\n\n  const v = l1 + s1 * Math.min(l1, 1 - l1);\n  const sv = v === 0 ? 0 : 2 * (1 - l1 / v);\n\n  return {\n    h: Math.round(h),\n    s: Math.round(sv * 100),\n    v: Math.round(v * 100),\n  };\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (n: number) =>\n    Math.max(0, Math.min(255, Math.round(n)))\n      .toString(16)\n      .padStart(2, '0');\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function hexToRgb(\n  hex: string\n): { r: number; g: number; b: number; a?: number } | null {\n  const clean = hex.replace('#', '');\n\n  // Validate hex characters\n  if (!/^[0-9a-fA-F]+$/.test(clean)) {\n    return null;\n  }\n\n  if (clean.length === 3) {\n    const c0 = clean.charAt(0);\n    const c1 = clean.charAt(1);\n    const c2 = clean.charAt(2);\n    const r = parseInt(c0 + c0, 16);\n    const g = parseInt(c1 + c1, 16);\n    const b = parseInt(c2 + c2, 16);\n    return { r, g, b };\n  }\n\n  if (clean.length === 6) {\n    const r = parseInt(clean.substring(0, 2), 16);\n    const g = parseInt(clean.substring(2, 4), 16);\n    const b = parseInt(clean.substring(4, 6), 16);\n    return { r, g, b };\n  }\n\n  if (clean.length === 8) {\n    const r = parseInt(clean.substring(0, 2), 16);\n    const g = parseInt(clean.substring(2, 4), 16);\n    const b = parseInt(clean.substring(4, 6), 16);\n    const a = parseInt(clean.substring(6, 8), 16) / 255;\n    return { r, g, b, a };\n  }\n\n  return null;\n}\n\n// --- Parsing ---\n\nexport function parseColor(color: string): ColorHSVA {\n  const trimmed = color.trim().toLowerCase();\n\n  // Named colors lookup (common ones)\n  const named = NAMED_COLORS[trimmed];\n  if (named) {\n    return parseColor(named);\n  }\n\n  // HEX\n  if (trimmed.startsWith('#')) {\n    const rgb = hexToRgb(trimmed);\n    if (rgb) {\n      const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);\n      return { ...hsv, a: rgb.a ?? 1 };\n    }\n  }\n\n  // rgb() / rgba()\n  const rgbMatch = trimmed.match(\n    /rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*([\\d.]+)\\s*)?\\)/\n  );\n  if (rgbMatch) {\n    const rStr = rgbMatch[1] ?? '0';\n    const gStr = rgbMatch[2] ?? '0';\n    const bStr = rgbMatch[3] ?? '0';\n    const r = parseInt(rStr, 10);\n    const g = parseInt(gStr, 10);\n    const b = parseInt(bStr, 10);\n    const a = rgbMatch[4] ? parseFloat(rgbMatch[4]) : 1;\n    const hsv = rgbToHsv(r, g, b);\n    return { ...hsv, a };\n  }\n\n  // hsl() / hsla()\n  const hslMatch = trimmed.match(\n    /hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+)%?\\s*,\\s*(\\d+)%?\\s*(?:,\\s*([\\d.]+)\\s*)?\\)/\n  );\n  if (hslMatch) {\n    const hStr = hslMatch[1] ?? '0';\n    const sStr = hslMatch[2] ?? '0';\n    const lStr = hslMatch[3] ?? '0';\n    const h = parseInt(hStr, 10);\n    const s = parseInt(sStr, 10);\n    const l = parseInt(lStr, 10);\n    const a = hslMatch[4] ? parseFloat(hslMatch[4]) : 1;\n    const hsv = hslToHsv(h, s, l);\n    return { ...hsv, a };\n  }\n\n  // Fallback: blue\n  return { h: 210, s: 100, v: 80, a: 1 };\n}\n\n// --- Formatting ---\n\nexport function formatColor(hsva: ColorHSVA, format: ColorFormat): string {\n  const { r, g, b } = hsvToRgb(hsva.h, hsva.s, hsva.v);\n\n  switch (format) {\n    case 'hex':\n      return rgbToHex(r, g, b);\n    case 'hex8': {\n      const alphaHex = Math.round(hsva.a * 255)\n        .toString(16)\n        .padStart(2, '0');\n      return `${rgbToHex(r, g, b)}${alphaHex}`;\n    }\n    case 'rgb':\n      return `rgb(${r}, ${g}, ${b})`;\n    case 'rgba':\n      return `rgba(${r}, ${g}, ${b}, ${Number(hsva.a.toFixed(2))})`;\n    case 'hsl': {\n      const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);\n      return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;\n    }\n    case 'hsla': {\n      const hsl = hsvToHsl(hsva.h, hsva.s, hsva.v);\n      return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${Number(hsva.a.toFixed(2))})`;\n    }\n  }\n}\n\n// --- Validation ---\n\nexport function isValidHex(hex: string): boolean {\n  return /^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(hex);\n}\n\nexport function getContrastColor(hex: string): 'black' | 'white' {\n  const rgb = hexToRgb(hex);\n  if (!rgb) return 'white';\n  // Perceived luminance\n  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;\n  return luminance > 0.5 ? 'black' : 'white';\n}\n\n// --- Named colors (subset) ---\n\nconst NAMED_COLORS: Record<string, string> = {\n  red: '#ff0000',\n  green: '#008000',\n  blue: '#0000ff',\n  white: '#ffffff',\n  black: '#000000',\n  yellow: '#ffff00',\n  cyan: '#00ffff',\n  magenta: '#ff00ff',\n  orange: '#ffa500',\n  purple: '#800080',\n  pink: '#ffc0cb',\n  gray: '#808080',\n  grey: '#808080',\n  transparent: 'rgba(0, 0, 0, 0)',\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/components/controls/ColorPicker/palettes/material.js.map

@@ -1 +1 @@
-{"version":3,"file":"material.js","sources":["../../../../../../../src/components/controls/ColorPicker/palettes/material.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"material.js","sources":["src/components/controls/ColorPicker/palettes/material.ts"],"sourcesContent":["/**\n * Material Design color palette\n *\n * Contains 19 color families with 10 shades each (50-900).\n * Based on the official Material Design color system.\n */\n\nexport interface PaletteShade {\n  label: string;\n  color: string;\n}\n\nexport interface PaletteColor {\n  name: string;\n  shades: PaletteShade[];\n}\n\nexport interface Palette {\n  /** Display name for the palette (e.g. \"Material Design\") */\n  name: string;\n  /** Color families in this palette */\n  colors: PaletteColor[];\n}\n\nexport const MATERIAL_PALETTE: Palette = {\n  name: 'Material Design',\n  colors: [\n    {\n      name: 'Red',\n      shades: [\n        { label: '50', color: '#ffebee' },\n        { label: '100', color: '#ffcdd2' },\n        { label: '200', color: '#ef9a9a' },\n        { label: '300', color: '#e57373' },\n        { label: '400', color: '#ef5350' },\n        { label: '500', color: '#f44336' },\n        { label: '600', color: '#e53935' },\n        { label: '700', color: '#d32f2f' },\n        { label: '800', color: '#c62828' },\n        { label: '900', color: '#b71c1c' },\n      ],\n    },\n    {\n      name: 'Pink',\n      shades: [\n        { label: '50', color: '#fce4ec' },\n        { label: '100', color: '#f8bbd0' },\n        { label: '200', color: '#f48fb1' },\n        { label: '300', color: '#f06292' },\n        { label: '400', color: '#ec407a' },\n        { label: '500', color: '#e91e63' },\n        { label: '600', color: '#d81b60' },\n        { label: '700', color: '#c2185b' },\n        { label: '800', color: '#ad1457' },\n        { label: '900', color: '#880e4f' },\n      ],\n    },\n    {\n      name: 'Purple',\n      shades: [\n        { label: '50', color: '#f3e5f5' },\n        { label: '100', color: '#e1bee7' },\n        { label: '200', color: '#ce93d8' },\n        { label: '300', color: '#ba68c8' },\n        { label: '400', color: '#ab47bc' },\n        { label: '500', color: '#9c27b0' },\n        { label: '600', color: '#8e24aa' },\n        { label: '700', color: '#7b1fa2' },\n        { label: '800', color: '#6a1b9a' },\n        { label: '900', color: '#4a148c' },\n      ],\n    },\n    {\n      name: 'Deep Purple',\n      shades: [\n        { label: '50', color: '#ede7f6' },\n        { label: '100', color: '#d1c4e9' },\n        { label: '200', color: '#b39ddb' },\n        { label: '300', color: '#9575cd' },\n        { label: '400', color: '#7e57c2' },\n        { label: '500', color: '#673ab7' },\n        { label: '600', color: '#5e35b1' },\n        { label: '700', color: '#512da8' },\n        { label: '800', color: '#4527a0' },\n        { label: '900', color: '#311b92' },\n      ],\n    },\n    {\n      name: 'Indigo',\n      shades: [\n        { label: '50', color: '#e8eaf6' },\n        { label: '100', color: '#c5cae9' },\n        { label: '200', color: '#9fa8da' },\n        { label: '300', color: '#7986cb' },\n        { label: '400', color: '#5c6bc0' },\n        { label: '500', color: '#3f51b5' },\n        { label: '600', color: '#3949ab' },\n        { label: '700', color: '#303f9f' },\n        { label: '800', color: '#283593' },\n        { label: '900', color: '#1a237e' },\n      ],\n    },\n    {\n      name: 'Blue',\n      shades: [\n        { label: '50', color: '#e3f2fd' },\n        { label: '100', color: '#bbdefb' },\n        { label: '200', color: '#90caf9' },\n        { label: '300', color: '#64b5f6' },\n        { label: '400', color: '#42a5f5' },\n        { label: '500', color: '#2196f3' },\n        { label: '600', color: '#1e88e5' },\n        { label: '700', color: '#1976d2' },\n        { label: '800', color: '#1565c0' },\n        { label: '900', color: '#0d47a1' },\n      ],\n    },\n    {\n      name: 'Light Blue',\n      shades: [\n        { label: '50', color: '#e1f5fe' },\n        { label: '100', color: '#b3e5fc' },\n        { label: '200', color: '#81d4fa' },\n        { label: '300', color: '#4fc3f7' },\n        { label: '400', color: '#29b6f6' },\n        { label: '500', color: '#03a9f4' },\n        { label: '600', color: '#039be5' },\n        { label: '700', color: '#0288d1' },\n        { label: '800', color: '#0277bd' },\n        { label: '900', color: '#01579b' },\n      ],\n    },\n    {\n      name: 'Cyan',\n      shades: [\n        { label: '50', color: '#e0f7fa' },\n        { label: '100', color: '#b2ebf2' },\n        { label: '200', color: '#80deea' },\n        { label: '300', color: '#4dd0e1' },\n        { label: '400', color: '#26c6da' },\n        { label: '500', color: '#00bcd4' },\n        { label: '600', color: '#00acc1' },\n        { label: '700', color: '#0097a7' },\n        { label: '800', color: '#00838f' },\n        { label: '900', color: '#006064' },\n      ],\n    },\n    {\n      name: 'Teal',\n      shades: [\n        { label: '50', color: '#e0f2f1' },\n        { label: '100', color: '#b2dfdb' },\n        { label: '200', color: '#80cbc4' },\n        { label: '300', color: '#4db6ac' },\n        { label: '400', color: '#26a69a' },\n        { label: '500', color: '#009688' },\n        { label: '600', color: '#00897b' },\n        { label: '700', color: '#00796b' },\n        { label: '800', color: '#00695c' },\n        { label: '900', color: '#004d40' },\n      ],\n    },\n    {\n      name: 'Green',\n      shades: [\n        { label: '50', color: '#e8f5e9' },\n        { label: '100', color: '#c8e6c9' },\n        { label: '200', color: '#a5d6a7' },\n        { label: '300', color: '#81c784' },\n        { label: '400', color: '#66bb6a' },\n        { label: '500', color: '#4caf50' },\n        { label: '600', color: '#43a047' },\n        { label: '700', color: '#388e3c' },\n        { label: '800', color: '#2e7d32' },\n        { label: '900', color: '#1b5e20' },\n      ],\n    },\n    {\n      name: 'Light Green',\n      shades: [\n        { label: '50', color: '#f1f8e9' },\n        { label: '100', color: '#dcedc8' },\n        { label: '200', color: '#c5e1a5' },\n        { label: '300', color: '#aed581' },\n        { label: '400', color: '#9ccc65' },\n        { label: '500', color: '#8bc34a' },\n        { label: '600', color: '#7cb342' },\n        { label: '700', color: '#689f38' },\n        { label: '800', color: '#558b2f' },\n        { label: '900', color: '#33691e' },\n      ],\n    },\n    {\n      name: 'Lime',\n      shades: [\n        { label: '50', color: '#f9fbe7' },\n        { label: '100', color: '#f0f4c3' },\n        { label: '200', color: '#e6ee9c' },\n        { label: '300', color: '#dce775' },\n        { label: '400', color: '#d4e157' },\n        { label: '500', color: '#cddc39' },\n        { label: '600', color: '#c0ca33' },\n        { label: '700', color: '#afb42b' },\n        { label: '800', color: '#9e9d24' },\n        { label: '900', color: '#827717' },\n      ],\n    },\n    {\n      name: 'Yellow',\n      shades: [\n        { label: '50', color: '#fffde7' },\n        { label: '100', color: '#fff9c4' },\n        { label: '200', color: '#fff59d' },\n        { label: '300', color: '#fff176' },\n        { label: '400', color: '#ffee58' },\n        { label: '500', color: '#ffeb3b' },\n        { label: '600', color: '#fdd835' },\n        { label: '700', color: '#fbc02d' },\n        { label: '800', color: '#f9a825' },\n        { label: '900', color: '#f57f17' },\n      ],\n    },\n    {\n      name: 'Amber',\n      shades: [\n        { label: '50', color: '#fff8e1' },\n        { label: '100', color: '#ffecb3' },\n        { label: '200', color: '#ffe082' },\n        { label: '300', color: '#ffd54f' },\n        { label: '400', color: '#ffca28' },\n        { label: '500', color: '#ffc107' },\n        { label: '600', color: '#ffb300' },\n        { label: '700', color: '#ffa000' },\n        { label: '800', color: '#ff8f00' },\n        { label: '900', color: '#ff6f00' },\n      ],\n    },\n    {\n      name: 'Orange',\n      shades: [\n        { label: '50', color: '#fff3e0' },\n        { label: '100', color: '#ffe0b2' },\n        { label: '200', color: '#ffcc80' },\n        { label: '300', color: '#ffb74d' },\n        { label: '400', color: '#ffa726' },\n        { label: '500', color: '#ff9800' },\n        { label: '600', color: '#fb8c00' },\n        { label: '700', color: '#f57c00' },\n        { label: '800', color: '#ef6c00' },\n        { label: '900', color: '#e65100' },\n      ],\n    },\n    {\n      name: 'Deep Orange',\n      shades: [\n        { label: '50', color: '#fbe9e7' },\n        { label: '100', color: '#ffccbc' },\n        { label: '200', color: '#ffab91' },\n        { label: '300', color: '#ff8a65' },\n        { label: '400', color: '#ff7043' },\n        { label: '500', color: '#ff5722' },\n        { label: '600', color: '#f4511e' },\n        { label: '700', color: '#e64a19' },\n        { label: '800', color: '#d84315' },\n        { label: '900', color: '#bf360c' },\n      ],\n    },\n    {\n      name: 'Brown',\n      shades: [\n        { label: '50', color: '#efebe9' },\n        { label: '100', color: '#d7ccc8' },\n        { label: '200', color: '#bcaaa4' },\n        { label: '300', color: '#a1887f' },\n        { label: '400', color: '#8d6e63' },\n        { label: '500', color: '#795548' },\n        { label: '600', color: '#6d4c41' },\n        { label: '700', color: '#5d4037' },\n        { label: '800', color: '#4e342e' },\n        { label: '900', color: '#3e2723' },\n      ],\n    },\n    {\n      name: 'Grey',\n      shades: [\n        { label: '50', color: '#fafafa' },\n        { label: '100', color: '#f5f5f5' },\n        { label: '200', color: '#eeeeee' },\n        { label: '300', color: '#e0e0e0' },\n        { label: '400', color: '#bdbdbd' },\n        { label: '500', color: '#9e9e9e' },\n        { label: '600', color: '#757575' },\n        { label: '700', color: '#616161' },\n        { label: '800', color: '#424242' },\n        { label: '900', color: '#212121' },\n      ],\n    },\n    {\n      name: 'Blue Grey',\n      shades: [\n        { label: '50', color: '#eceff1' },\n        { label: '100', color: '#cfd8dc' },\n        { label: '200', color: '#b0bec5' },\n        { label: '300', color: '#90a4ae' },\n        { label: '400', color: '#78909c' },\n        { label: '500', color: '#607d8b' },\n        { label: '600', color: '#546e7a' },\n        { label: '700', color: '#455a64' },\n        { label: '800', color: '#37474f' },\n        { label: '900', color: '#263238' },\n      ],\n    },\n  ],\n};\n"],"names":[],"mappings":"AAAA;;;;;AAKG;AAmBI,MAAM,gBAAgB,GAAY;AACvC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,MAAM,EAAE;AACN,gBAAA,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACjC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AAClC,gBAAA,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}