@alfadocs/ui-kit 0.1.3 → 0.1.5

package/dist/_chunks/color-picker-e9PmpaGH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-e9PmpaGH.js","sources":["../../src/components/color-picker/color-utils.ts","../../src/components/color-picker/palettes.ts","../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["/**\n * Pure colour-conversion utilities for the ColorPicker component.\n *\n * This is the ONLY file where hex/rgb literals are permitted (for conversion\n * math). The component file (`color-picker.tsx`) must not contain hex/rgb\n * literals — it references `var(--…)` tokens for its own UI.\n */\n\nexport interface HSLA {\n  h: number; // 0–360\n  s: number; // 0–100\n  l: number; // 0–100\n  a: number; // 0–1\n}\n\n/* ------------------------------------------------------------------ */\n/* Hex ↔ HSL                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Parse a hex string (#rgb, #rrggbb, #rrggbbaa) into HSLA. */\nexport function hexToHsl(hex: string): HSLA {\n  let h = hex.startsWith('#') ? hex.slice(1) : hex;\n\n  // Expand shorthand (#rgb → #rrggbb, #rgba → #rrggbbaa)\n  if (h.length === 3 || h.length === 4) {\n    h = h\n      .split('')\n      .map((c) => c + c)\n      .join('');\n  }\n\n  const r = parseInt(h.slice(0, 2), 16) / 255;\n  const g = parseInt(h.slice(2, 4), 16) / 255;\n  const b = parseInt(h.slice(4, 6), 16) / 255;\n  const a = h.length === 8 ? parseInt(h.slice(6, 8), 16) / 255 : 1;\n\n  return rgbToHsl(r, g, b, a);\n}\n\n/** Convert normalised RGB (0–1) + alpha to HSLA. */\nfunction rgbToHsl(r: number, g: number, b: number, a: number): HSLA {\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  let hue = 0;\n  let sat = 0;\n\n  if (max !== min) {\n    const d = max - min;\n    sat = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    if (max === r) {\n      hue = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n    } else if (max === g) {\n      hue = ((b - r) / d + 2) / 6;\n    } else {\n      hue = ((r - g) / d + 4) / 6;\n    }\n  }\n\n  return {\n    h: Math.round(hue * 360),\n    s: Math.round(sat * 100),\n    l: Math.round(l * 100),\n    a: Math.round(a * 100) / 100,\n  };\n}\n\n/** Convert HSLA to a hex string (#rrggbb or #rrggbbaa when a < 1). */\nexport function hslToHex(hsl: HSLA): string {\n  const { r, g, b } = hslToRgbComponents(hsl);\n  const toHex = (n: number) =>\n    Math.round(n * 255)\n      .toString(16)\n      .padStart(2, '0');\n\n  const base = `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n  if (hsl.a < 1) {\n    return `${base}${toHex(hsl.a)}`;\n  }\n  return base;\n}\n\n/** Convert HSLA to an rgba() string. */\nexport function hslToRgba(hsl: HSLA): string {\n  const { r, g, b } = hslToRgbComponents(hsl);\n  const ri = Math.round(r * 255);\n  const gi = Math.round(g * 255);\n  const bi = Math.round(b * 255);\n\n  if (hsl.a < 1) {\n    return `rgba(${ri}, ${gi}, ${bi}, ${hsl.a})`;\n  }\n  return `rgba(${ri}, ${gi}, ${bi}, 1)`;\n}\n\n/** Internal: convert HSLA to normalised RGB components (0–1). */\nfunction hslToRgbComponents(hsl: HSLA): {\n  r: number;\n  g: number;\n  b: number;\n} {\n  const h = hsl.h / 360;\n  const s = hsl.s / 100;\n  const l = hsl.l / 100;\n\n  if (s === 0) {\n    return { r: l, g: l, b: l };\n  }\n\n  const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n  const p = 2 * l - q;\n\n  return {\n    r: hueToRgb(p, q, h + 1 / 3),\n    g: hueToRgb(p, q, h),\n    b: hueToRgb(p, q, h - 1 / 3),\n  };\n}\n\nfunction hueToRgb(p: number, q: number, t: number): number {\n  let tt = t;\n  if (tt < 0) tt += 1;\n  if (tt > 1) tt -= 1;\n  if (tt < 1 / 6) return p + (q - p) * 6 * tt;\n  if (tt < 1 / 2) return q;\n  if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;\n  return p;\n}\n\n/* ------------------------------------------------------------------ */\n/* Format / Parse                                                      */\n/* ------------------------------------------------------------------ */\n\n/** Format an HSLA value to the specified output format. */\nexport function formatOutput(\n  hsl: HSLA,\n  format: 'hex' | 'hsl' | 'rgba',\n): string {\n  switch (format) {\n    case 'hex':\n      return hslToHex(hsl);\n    case 'hsl':\n      if (hsl.a < 1) {\n        return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${hsl.a})`;\n      }\n      return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;\n    case 'rgba':\n      return hslToRgba(hsl);\n  }\n}\n\n/** Parse any supported colour string into HSLA. Returns null on failure. */\nexport function parseInput(value: string): HSLA | null {\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  // Hex: #rgb, #rrggbb, #rrggbbaa\n  if (trimmed.startsWith('#')) {\n    const body = trimmed.slice(1);\n    if (!/^[0-9a-fA-F]{3,8}$/.test(body)) return null;\n    if (![3, 4, 6, 8].includes(body.length)) return null;\n    return hexToHsl(trimmed);\n  }\n\n  // hsla(h, s%, l%, a) or hsl(h, s%, l%)\n  const hslaMatch = trimmed.match(\n    /^hsla?\\(\\s*([\\d.]+)\\s*[,/]\\s*([\\d.]+)%?\\s*[,/]\\s*([\\d.]+)%?\\s*(?:[,/]\\s*([\\d.]+))?\\s*\\)$/,\n  );\n  if (hslaMatch) {\n    return {\n      h: Math.round(parseFloat(hslaMatch[1])) % 360,\n      s: Math.round(parseFloat(hslaMatch[2])),\n      l: Math.round(parseFloat(hslaMatch[3])),\n      a: hslaMatch[4] !== undefined ? parseFloat(hslaMatch[4]) : 1,\n    };\n  }\n\n  // rgba(r, g, b, a) or rgb(r, g, b)\n  const rgbaMatch = trimmed.match(\n    /^rgba?\\(\\s*([\\d.]+)\\s*[,/]\\s*([\\d.]+)\\s*[,/]\\s*([\\d.]+)\\s*(?:[,/]\\s*([\\d.]+))?\\s*\\)$/,\n  );\n  if (rgbaMatch) {\n    const r = parseFloat(rgbaMatch[1]) / 255;\n    const g = parseFloat(rgbaMatch[2]) / 255;\n    const b = parseFloat(rgbaMatch[3]) / 255;\n    const a = rgbaMatch[4] !== undefined ? parseFloat(rgbaMatch[4]) : 1;\n    return rgbToHsl(r, g, b, a);\n  }\n\n  return null;\n}\n\n/* ------------------------------------------------------------------ */\n/* Contrast — WCAG 2.x relative luminance                             */\n/* ------------------------------------------------------------------ */\n\n/** Relative luminance per WCAG 2.x (0 = black, 1 = white). */\nexport function relativeLuminance(hsl: HSLA): number {\n  const { r, g, b } = hslToRgbComponents(hsl);\n  const linearise = (c: number) =>\n    c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n  return 0.2126 * linearise(r) + 0.7152 * linearise(g) + 0.0722 * linearise(b);\n}\n\n/** WCAG 2.x contrast ratio between two colours. */\nexport function contrastRatio(fg: HSLA, bg: HSLA): number {\n  const lum1 = relativeLuminance(fg);\n  const lum2 = relativeLuminance(bg);\n  const lighter = Math.max(lum1, lum2);\n  const darker = Math.min(lum1, lum2);\n  return Math.round(((lighter + 0.05) / (darker + 0.05)) * 100) / 100;\n}\n\n/** Meets WCAG AA for normal text (≥ 4.5:1). */\nexport function meetsAA(ratio: number): boolean {\n  return ratio >= 4.5;\n}\n\n/** Meets WCAG AAA for normal text (≥ 7:1). */\nexport function meetsAAA(ratio: number): boolean {\n  return ratio >= 7;\n}\n","export interface PaletteSwatch {\n  name: string;\n  hex: string;\n  /** Recommended text colour for contrast. */\n  textColor?: '#000000' | '#ffffff';\n}\n\n/**\n * Material Design appointment colours — mirrors the platform's `DoctorColor`\n * entity. Pink 500 is first because it's the default appointment colour;\n * remaining dark (white-text) colours follow alphabetically, then light\n * (black-text) colours alphabetically.\n */\nexport const APPOINTMENT_PALETTE: PaletteSwatch[] = [\n  { name: 'Pink 500', hex: '#e91e63', textColor: '#ffffff' },\n  { name: 'Black', hex: '#000000', textColor: '#ffffff' },\n  { name: 'Blue 500', hex: '#2196f3', textColor: '#ffffff' },\n  { name: 'Blue 900', hex: '#0d47a1', textColor: '#ffffff' },\n  { name: 'Blue Grey 500', hex: '#607d8b', textColor: '#ffffff' },\n  { name: 'Blue Grey 800', hex: '#37474f', textColor: '#ffffff' },\n  { name: 'Brown 500', hex: '#795548', textColor: '#ffffff' },\n  { name: 'Deep Orange 500', hex: '#ff5722', textColor: '#ffffff' },\n  { name: 'Deep Purple 500', hex: '#673ab7', textColor: '#ffffff' },\n  { name: 'Green 500', hex: '#4caf50', textColor: '#ffffff' },\n  { name: 'Green 900', hex: '#1b5e20', textColor: '#ffffff' },\n  { name: 'Indigo 500', hex: '#3f51b5', textColor: '#ffffff' },\n  { name: 'Indigo 900', hex: '#1a237e', textColor: '#ffffff' },\n  { name: 'Pink 900', hex: '#880e4f', textColor: '#ffffff' },\n  { name: 'Purple 500', hex: '#9c27b0', textColor: '#ffffff' },\n  { name: 'Purple 900', hex: '#4a148c', textColor: '#ffffff' },\n  { name: 'Red 500', hex: '#f44336', textColor: '#ffffff' },\n  { name: 'Red 900', hex: '#b71c1c', textColor: '#ffffff' },\n  { name: 'Teal 500', hex: '#009688', textColor: '#ffffff' },\n  { name: 'Teal 900', hex: '#004d40', textColor: '#ffffff' },\n  { name: 'Amber 500', hex: '#ffc107', textColor: '#000000' },\n  { name: 'Cyan 500', hex: '#00bcd4', textColor: '#000000' },\n  { name: 'Grey 500', hex: '#9e9e9e', textColor: '#000000' },\n  { name: 'Light Blue 500', hex: '#03a9f4', textColor: '#000000' },\n  { name: 'Light Green 500', hex: '#8bc34a', textColor: '#000000' },\n  { name: 'Lime 500', hex: '#cddc39', textColor: '#000000' },\n  { name: 'Orange 500', hex: '#ff9800', textColor: '#000000' },\n  { name: 'Orange 900', hex: '#e65100', textColor: '#000000' },\n  { name: 'White', hex: '#ffffff', textColor: '#000000' },\n  { name: 'Yellow 500', hex: '#ffeb3b', textColor: '#000000' },\n];\n\n/** Alfadocs brand palette — the six brand families × 3 shades (300/500/700). */\nexport const BRAND_PALETTE: PaletteSwatch[] = [\n  { name: 'Blue 300', hex: '#70738c' },\n  { name: 'Blue 500', hex: '#292e53' },\n  { name: 'Blue 700', hex: '#1d213b' },\n  { name: 'Violet 300', hex: '#9995ee' },\n  { name: 'Violet 500', hex: '#6761e5' },\n  { name: 'Violet 700', hex: '#4945a3' },\n  { name: 'Purple 300', hex: '#ccaafa' },\n  { name: 'Purple 500', hex: '#b380f8' },\n  { name: 'Purple 700', hex: '#7f5bb0' },\n  { name: 'Magenta 300', hex: '#ea7ffc' },\n  { name: 'Magenta 500', hex: '#e040fb' },\n  { name: 'Magenta 700', hex: '#9f2db2' },\n  { name: 'Fuchsia 300', hex: '#fa76fc' },\n  { name: 'Fuchsia 500', hex: '#f732fb' },\n  { name: 'Fuchsia 700', hex: '#af24b2' },\n  { name: 'Grey 300', hex: '#f9f6f3' },\n  { name: 'Grey 500', hex: '#f6f1ed' },\n  { name: 'Grey 700', hex: '#afaba8' },\n];\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { cva } from 'class-variance-authority';\nimport { Check, X } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { Slider } from '../slider/slider';\nimport {\n  contrastRatio,\n  formatOutput,\n  hexToHsl,\n  hslToHex,\n  meetsAA,\n  meetsAAA,\n  parseInput,\n  type HSLA,\n} from './color-utils';\nimport { APPOINTMENT_PALETTE, type PaletteSwatch } from './palettes';\n\nconst COLS = 6;\n\nconst triggerVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)] ds:ps-3 ds:pe-3',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-3 ds:pe-3',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)] ds:ps-4 ds:pe-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst swatchVariants = cva(\n  [\n    'ds:relative ds:rounded-[var(--radius-sm)] ds:border-2 ds:cursor-pointer',\n    'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n    'ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:hover:scale-110',\n    // The swatch background is the user-picked colour — set as a CSS custom\n    // property via inline `style` per 23-constraints §Runtime-computed\n    // dimensions (CSS custom property setter; the bg rule lives on the class).\n    'ds:bg-[var(--swatch-bg)]',\n  ].join(' '),\n  {\n    variants: {\n      selected: {\n        true: 'ds:border-[var(--primary)] ds:shadow-[var(--shadow-md)]',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { selected: false },\n  },\n);\n\nconst PANEL_CLASSES = [\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n  'ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:p-[var(--spacing-md)]',\n].join(' ');\n\n// Checkerboard under the opacity track — static geometry, so expressed as\n// Tailwind arbitrary values rather than inline `style`. `grey-700` comes\n// from the closed palette so the tile colour still tracks the token ramp.\nconst OPACITY_CHECKER_CLASSES = [\n  'ds:bg-[image:repeating-conic-gradient(var(--color-grey-700)_0%_25%,transparent_0%_50%)]',\n  'ds:bg-[size:8px_8px]',\n].join(' ');\n\nconst PANEL_COMPACT_CLASSES = [\n  'ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:p-[var(--spacing-sm)]',\n].join(' ');\n\nconst POPOVER_CONTENT_CLASSES = [\n  'ds:z-[var(--z-popover)] ds:rounded-[var(--radius-md)]',\n  'ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)] ds:shadow-[var(--shadow-lg)]',\n  'ds:w-72',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=top]:slide-in-from-bottom-2',\n  'ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2',\n].join(' ');\n\nconst HEX_INPUT_CLASSES = [\n  'ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[var(--font-size-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// Makes the Slider track/range transparent so the gradient behind shows through\nconst TRANSPARENT_SLIDER = 'ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent';\n\nexport interface ColorPickerProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  format?: 'hex' | 'hsl' | 'rgba';\n  allowOpacity?: boolean;\n  palette?: (string | PaletteSwatch)[];\n  against?: string;\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  variant?: 'inline' | 'popover';\n  /** Show only the swatch grid without sliders, hex input, or contrast readout */\n  compact?: boolean;\n  className?: string;\n}\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  (props, ref) => {\n    const {\n      value,\n      defaultValue,\n      onChange,\n      format = 'hex',\n      allowOpacity = false,\n      palette,\n      against,\n      size = 'md',\n      disabled = false,\n      variant = 'inline',\n      compact = true,\n      className,\n    } = props;\n\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const generatedId = useId();\n    const pickerId = ctx.id || generatedId;\n    const effectiveDisabled = ctx.disabled || disabled;\n\n    const isControlled = value !== undefined;\n    const [internalHsl, setInternalHsl] = useState<HSLA>(() => {\n      const initial = value ?? defaultValue;\n      if (initial) {\n        const parsed = parseInput(initial);\n        if (parsed) return parsed;\n      }\n      return { h: 0, s: 100, l: 50, a: 1 };\n    });\n\n    const currentHsl: HSLA = useMemo(() => {\n      if (isControlled && value) {\n        const parsed = parseInput(value);\n        if (parsed) return parsed;\n      }\n      return internalHsl;\n    }, [isControlled, value, internalHsl]);\n\n    const emitChange = useCallback(\n      (hsl: HSLA) => {\n        const finalHsl = allowOpacity ? hsl : { ...hsl, a: 1 };\n        if (!isControlled) setInternalHsl(finalHsl);\n        onChange?.(formatOutput(finalHsl, format));\n      },\n      [allowOpacity, format, isControlled, onChange],\n    );\n\n    const [hexInput, setHexInput] = useState(() => hslToHex(currentHsl));\n    const [hexError, setHexError] = useState(false);\n    const revertTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n    const currentHslRef = useRef(currentHsl);\n    currentHslRef.current = currentHsl;\n\n    useEffect(() => {\n      setHexInput(hslToHex(currentHsl));\n      setHexError(false);\n      if (revertTimerRef.current !== undefined) {\n        clearTimeout(revertTimerRef.current);\n        revertTimerRef.current = undefined;\n      }\n    }, [currentHsl]);\n\n    useEffect(() => {\n      return () => {\n        if (revertTimerRef.current !== undefined) {\n          clearTimeout(revertTimerRef.current);\n        }\n      };\n    }, []);\n\n    const handleHexBlur = () => {\n      const parsed = parseInput(hexInput);\n      if (parsed) {\n        setHexError(false);\n        emitChange(parsed);\n      } else {\n        setHexError(true);\n        revertTimerRef.current = setTimeout(() => {\n          revertTimerRef.current = undefined;\n          setHexError(false);\n          setHexInput(hslToHex(currentHslRef.current));\n        }, 800);\n      }\n    };\n\n    const swatches: PaletteSwatch[] = useMemo(() => {\n      if (!palette) return APPOINTMENT_PALETTE;\n      return palette.map((item) =>\n        typeof item === 'string'\n          ? { name: item.toUpperCase(), hex: item }\n          : item,\n      );\n    }, [palette]);\n\n    const currentHex = hslToHex(currentHsl);\n    const selectedSwatchIndex = swatches.findIndex(\n      (s) => s.hex.toLowerCase() === currentHex.toLowerCase(),\n    );\n\n    const gridRef = useRef<HTMLDivElement>(null);\n    const [focusedIndex, setFocusedIndex] = useState(\n      selectedSwatchIndex >= 0 ? selectedSwatchIndex : 0,\n    );\n\n    const focusSwatch = (index: number) => {\n      const cells = gridRef.current?.querySelectorAll<HTMLElement>('[role=\"gridcell\"]');\n      if (cells?.[index]) {\n        cells[index].focus();\n        setFocusedIndex(index);\n      }\n    };\n\n    const handleGridKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (effectiveDisabled) return;\n      const total = swatches.length;\n      let next = focusedIndex;\n\n      switch (event.key) {\n        case 'ArrowRight':\n          next = (focusedIndex + 1) % total;\n          break;\n        case 'ArrowLeft':\n          next = (focusedIndex - 1 + total) % total;\n          break;\n        case 'ArrowDown':\n          next = Math.min(focusedIndex + COLS, total - 1);\n          break;\n        case 'ArrowUp':\n          next = Math.max(focusedIndex - COLS, 0);\n          break;\n        case 'Home':\n          next = Math.floor(focusedIndex / COLS) * COLS;\n          break;\n        case 'End':\n          next = Math.min(Math.floor(focusedIndex / COLS) * COLS + COLS - 1, total - 1);\n          break;\n        case 'PageUp':\n          next = focusedIndex % COLS;\n          break;\n        case 'PageDown': {\n          const lastRowStart = Math.floor((total - 1) / COLS) * COLS;\n          next = Math.min(lastRowStart + (focusedIndex % COLS), total - 1);\n          break;\n        }\n        case 'Enter':\n        case ' ':\n          event.preventDefault();\n          emitChange(hexToHsl(swatches[focusedIndex].hex));\n          return;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      focusSwatch(next);\n    };\n\n    const [open, setOpen] = useState(false);\n\n    const contrastInfo = useMemo(() => {\n      if (!against) return null;\n      const bgHsl = parseInput(against);\n      if (!bgHsl) return null;\n      const ratio = contrastRatio(currentHsl, bgHsl);\n      return { ratio, aa: meetsAA(ratio), aaa: meetsAAA(ratio) };\n    }, [against, currentHsl]);\n\n    const swatchGrid = (\n      <div\n        ref={gridRef}\n        role=\"grid\"\n        aria-label={t('ui.inputs.colorPicker.paletteLabel', 'Colour swatches')}\n        onKeyDown={handleGridKeyDown}\n        className=\"ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]\"\n      >\n        {swatches.map((_swatch, i) => {\n          const rowStart = Math.floor(i / COLS) * COLS;\n          const isFirstInRow = i === rowStart;\n          return isFirstInRow ? (\n            <div key={i} role=\"row\" className=\"ds:contents\">\n              {swatches.slice(rowStart, rowStart + COLS).map((s, j) => {\n                const idx = rowStart + j;\n                const sel = s.hex.toLowerCase() === currentHex.toLowerCase();\n                return (\n                  <div\n                    key={s.hex}\n                    role=\"gridcell\"\n                    aria-selected={sel}\n                    aria-label={t('ui.inputs.colorPicker.swatchLabel', { name: s.name, hex: s.hex })}\n                    tabIndex={idx === focusedIndex ? 0 : -1}\n                    onClick={() => {\n                      if (effectiveDisabled) return;\n                      emitChange(hexToHsl(s.hex));\n                      setFocusedIndex(idx);\n                    }}\n                    className={swatchVariants({ selected: sel })}\n                    // Inline style — permitted per 23-constraints §Runtime-computed\n                    //   dimensions (CSS custom property setter for user-picked\n                    //   palette swatch colour; the `bg-[var(--swatch-bg)]` rule\n                    //   lives in `swatchVariants`).\n                    style={{ ['--swatch-bg' as string]: s.hex }}\n                  >\n                    {sel ? (\n                      <Check aria-hidden=\"true\" className=\"ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference\" />\n                    ) : null}\n                  </div>\n                );\n              })}\n            </div>\n          ) : null;\n        })}\n      </div>\n    );\n\n    const fullControls = compact ? null : (\n      <>\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <label htmlFor={`${pickerId}-hex`} className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\">\n            {t('ui.inputs.colorPicker.hex', 'Hex')}\n          </label>\n          <bdi dir=\"ltr\">\n            <input\n              id={`${pickerId}-hex`}\n              type=\"text\"\n              value={hexInput}\n              disabled={effectiveDisabled}\n              onChange={(e) => setHexInput(e.target.value)}\n              onBlur={handleHexBlur}\n              className={`${HEX_INPUT_CLASSES} ${hexError ? 'ds:border-[var(--destructive)]' : 'ds:border-[color:var(--border)]'}`}\n            />\n          </bdi>\n        </div>\n\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <SliderWithGradient\n            label={t('ui.inputs.colorPicker.hue', 'Hue')}\n            gradient=\"linear-gradient(to right, hsl(0,100%,50%), hsl(60,100%,50%), hsl(120,100%,50%), hsl(180,100%,50%), hsl(240,100%,50%), hsl(300,100%,50%), hsl(360,100%,50%))\"\n            min={0} max={360}\n            value={currentHsl.h}\n            onChange={(h) => emitChange({ ...currentHsl, h })}\n            formatValue={(v) => `H ${v}°`}\n            disabled={effectiveDisabled}\n          />\n          <SliderWithGradient\n            label={t('ui.inputs.colorPicker.saturation', 'Saturation')}\n            gradient={`linear-gradient(to right, hsl(${currentHsl.h},0%,${currentHsl.l}%), hsl(${currentHsl.h},100%,${currentHsl.l}%))`}\n            min={0} max={100}\n            value={currentHsl.s}\n            onChange={(s) => emitChange({ ...currentHsl, s })}\n            formatValue={(v) => `S ${v}%`}\n            disabled={effectiveDisabled}\n          />\n          <SliderWithGradient\n            label={t('ui.inputs.colorPicker.lightness', 'Lightness')}\n            gradient={`linear-gradient(to right, hsl(${currentHsl.h},${currentHsl.s}%,0%), hsl(${currentHsl.h},${currentHsl.s}%,50%), hsl(${currentHsl.h},${currentHsl.s}%,100%))`}\n            min={0} max={100}\n            value={currentHsl.l}\n            onChange={(l) => emitChange({ ...currentHsl, l })}\n            formatValue={(v) => `L ${v}%`}\n            disabled={effectiveDisabled}\n          />\n          {allowOpacity ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n              <label className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\">\n                {t('ui.inputs.colorPicker.opacity', 'Opacity')}\n              </label>\n              <div className=\"ds:relative\">\n                <div\n                  className={`ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${OPACITY_CHECKER_CLASSES}`}\n                  aria-hidden=\"true\"\n                />\n                <div\n                  className=\"ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ds:bg-[image:var(--opacity-gradient)]\"\n                  // Inline style — permitted per 23-constraints §Runtime-computed\n                  //   dimensions (CSS custom property setter; the opacity-track\n                  //   gradient is derived from the live HSL and has no token\n                  //   equivalent. The `bg-[image:var(--opacity-gradient)]` rule\n                  //   lives on the class above.)\n                  style={{\n                    ['--opacity-gradient' as string]: `linear-gradient(to right, hsla(${currentHsl.h},${currentHsl.s}%,${currentHsl.l}%,0), hsl(${currentHsl.h},${currentHsl.s}%,${currentHsl.l}%))`,\n                  }}\n                  aria-hidden=\"true\"\n                />\n                <Slider\n                  min={0} max={100} step={1}\n                  value={[Math.round(currentHsl.a * 100)]}\n                  onValueChange={([v]) => emitChange({ ...currentHsl, a: v / 100 })}\n                  aria-label={t('ui.inputs.colorPicker.opacity', 'Opacity')}\n                  formatValue={(v) => `${v}%`}\n                  disabled={effectiveDisabled}\n                  className={TRANSPARENT_SLIDER}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {contrastInfo ? (\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]\" role=\"status\" aria-live=\"polite\">\n            <span className=\"ds:tabular-nums\">\n              {t('ui.inputs.colorPicker.contrastRatio', { ratio: contrastInfo.ratio.toFixed(1) })}\n            </span>\n            <ContrastBadge level=\"AA\" passes={contrastInfo.aa} t={t} />\n            <ContrastBadge level=\"AAA\" passes={contrastInfo.aaa} t={t} />\n          </div>\n        ) : null}\n\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <div\n            className=\"ds:size-8 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--swatch-bg)]\"\n            // Inline style — permitted per 23-constraints §Runtime-computed\n            //   dimensions (CSS custom property setter for the live picked\n            //   colour; the `bg-[var(--swatch-bg)]` rule lives on the class).\n            style={{ ['--swatch-bg' as string]: hslToHex(currentHsl) }}\n            aria-hidden=\"true\"\n          />\n          <span className=\"ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums\">\n            {formatOutput(currentHsl, format)}\n          </span>\n        </div>\n      </>\n    );\n\n    const panelContent = (\n      <div className={compact ? PANEL_COMPACT_CLASSES : PANEL_CLASSES}>\n        {swatchGrid}\n        {fullControls}\n      </div>\n    );\n\n    if (variant === 'inline') {\n      return (\n        <div\n          ref={ref}\n          id={pickerId}\n          className={className}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"color-picker\"\n          data-testid=\"color-picker\"\n        >\n          {panelContent}\n        </div>\n      );\n    }\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <Popover.Trigger asChild disabled={effectiveDisabled}>\n          <button\n            ref={ref as React.Ref<HTMLButtonElement>}\n            type=\"button\"\n            id={pickerId}\n            aria-describedby={ctx.describedBy || undefined}\n            aria-invalid={ctx.invalid || undefined}\n            className={triggerVariants({ size, className })}\n            data-component=\"color-picker\"\n            data-testid=\"color-picker-trigger\"\n          >\n            <span\n              className={`ds:inline-block ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:shrink-0 ds:bg-[var(--swatch-bg)]${compact ? '' : ' ds:me-[var(--spacing-sm)]'}`}\n              aria-hidden=\"true\"\n              // Inline style — permitted per 23-constraints §Runtime-computed\n              //   dimensions (CSS custom property setter; the trigger preview\n              //   swatch shows the current picked colour).\n              style={{ ['--swatch-bg' as string]: hslToHex(currentHsl) }}\n            />\n            {compact ? null : (\n              <span className=\"ds:text-start ds:truncate ds:tabular-nums\">\n                {formatOutput(currentHsl, format)}\n              </span>\n            )}\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content sideOffset={4} align=\"start\" className={POPOVER_CONTENT_CLASSES}>\n            {panelContent}\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nfunction ContrastBadge({ level, passes, t }: { level: string; passes: boolean; t: (key: string, fallback: string) => string }) {\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      <abbr title={`Web Content Accessibility Guidelines Level ${level}`} className=\"ds:no-underline ds:font-medium\">\n        {level}\n      </abbr>\n      {passes ? (\n        <Check aria-hidden=\"true\" className=\"ds:size-4 ds:text-[var(--success)]\" />\n      ) : (\n        <X aria-hidden=\"true\" className=\"ds:size-4 ds:text-[var(--destructive)]\" />\n      )}\n      <span className=\"ds:sr-only\">\n        {passes ? t('ui.inputs.colorPicker.contrastPass', 'Pass') : t('ui.inputs.colorPicker.contrastFail', 'Fail')}\n      </span>\n    </span>\n  );\n}\n\nfunction SliderWithGradient({\n  label,\n  gradient,\n  min,\n  max,\n  value,\n  onChange,\n  formatValue,\n  disabled,\n}: {\n  label: string;\n  gradient: string;\n  min: number;\n  max: number;\n  value: number;\n  onChange: (v: number) => void;\n  formatValue: (v: number) => string;\n  disabled: boolean;\n}) {\n  return (\n    <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n      <label className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\">{label}</label>\n      <div className=\"ds:relative\">\n        <div\n          className=\"ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ds:bg-[image:var(--slider-gradient)]\"\n          // Inline style — permitted per 23-constraints §Runtime-computed\n          //   dimensions (CSS custom property setter; the hue / saturation /\n          //   lightness tracks are derived from the live HSL so the gradient\n          //   string has no token equivalent. The\n          //   `bg-[image:var(--slider-gradient)]` rule lives on the class.)\n          style={{ ['--slider-gradient' as string]: gradient }}\n          aria-hidden=\"true\"\n        />\n        <Slider\n          min={min} max={max} step={1}\n          value={[value]}\n          onValueChange={([v]) => onChange(v)}\n          aria-label={label}\n          formatValue={formatValue}\n          disabled={disabled}\n          className={TRANSPARENT_SLIDER}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["hexToHsl","hex","h","g","b","a","rgbToHsl","r","max","min","l","hue","sat","d","hslToHex","hsl","hslToRgbComponents","toHex","n","base","hslToRgba","ri","gi","bi","s","q","p","hueToRgb","t","tt","formatOutput","format","parseInput","value","trimmed","body","hslaMatch","rgbaMatch","relativeLuminance","linearise","c","contrastRatio","fg","bg","lum1","lum2","lighter","darker","meetsAA","ratio","meetsAAA","APPOINTMENT_PALETTE","BRAND_PALETTE","COLS","triggerVariants","cva","swatchVariants","PANEL_CLASSES","OPACITY_CHECKER_CLASSES","PANEL_COMPACT_CLASSES","POPOVER_CONTENT_CLASSES","HEX_INPUT_CLASSES","TRANSPARENT_SLIDER","ColorPicker","forwardRef","props","ref","defaultValue","onChange","allowOpacity","palette","against","size","disabled","variant","compact","className","useTranslation","ctx","useFormField","generatedId","useId","pickerId","effectiveDisabled","isControlled","internalHsl","setInternalHsl","useState","initial","parsed","currentHsl","useMemo","emitChange","useCallback","finalHsl","hexInput","setHexInput","hexError","setHexError","revertTimerRef","useRef","currentHslRef","useEffect","handleHexBlur","swatches","item","currentHex","selectedSwatchIndex","gridRef","focusedIndex","setFocusedIndex","focusSwatch","index","cells","_a","handleGridKeyDown","event","total","next","lastRowStart","open","setOpen","contrastInfo","bgHsl","swatchGrid","jsx","_swatch","i","rowStart","j","idx","sel","Check","fullControls","jsxs","Fragment","e","SliderWithGradient","v","Slider","ContrastBadge","panelContent","Popover","level","passes","X","label","gradient","formatValue"],"mappings":"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"}

package/dist/_chunks/{combobox.agent-DjdivI3X.js → combobox.agent-ByobCLJ_.js}

@@ -1,14 +1,14 @@
 import { jsx as s, jsxs as g } from "react/jsx-runtime";
 import { forwardRef as Fe, useContext as De, useState as V, useMemo as J, useRef as B, useLayoutEffect as je, useEffect as Pe } from "react";
 import * as z from "@radix-ui/react-popover";
-import { R as $e, _ as r, P as Ae } from "./index-4xgbg-sn.js";
+import { R as $e, _ as d, P as Ae } from "./index-4xgbg-sn.js";
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as Oe } from "react-i18next";
 import { u as Ve, F as Be } from "./form-field-context-94LwgYTQ.js";
 import { c as Te } from "./compose-refs-C0k0tdqF.js";
 import { n as T } from "./normalize-diacritics-BNGbFNlJ.js";
 import { g as Ue } from "./group-options-BvKhQ3xb.js";
-import { I as Ge, a as U, d as G, c as He } from "./input-surface-D5OMCB1W.js";
+import { I as Ge, a as U, d as G, c as He } from "./input-surface-u4QB0lxe.js";
 import { X as ke } from "./x-CCcI3eJp.js";
 import { C as qe } from "./check-DPdL_Sm7.js";
 const Ke = S(
@@ -83,12 +83,12 @@ const Ke = S(
     }
   }
 ), Xe = [
-  "ps-3 pe-3 py-1.5",
-  "type-eyebrow text-muted-foreground"
-].join(" "), We = "max-h-[18rem] overflow-y-auto p-[var(--spacing-xs)]", Je = "ps-3 pe-3 py-2 type-body-sm text-muted-foreground", Qe = {
-  sm: "size-3.5",
-  md: "size-4",
-  lg: "size-5"
+  "ds:ps-3 ds:pe-3 ds:py-1.5",
+  "type-eyebrow ds:text-muted-foreground"
+].join(" "), We = "ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]", Je = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", Qe = {
+  sm: "ds:size-3.5",
+  md: "ds:size-4",
+  lg: "ds:size-5"
 };
 function Ye({
   search: I,
@@ -98,7 +98,7 @@ function Ye({
   onSelect: R
 }) {
   return Ae((E) => E.filtered.count) > 0 ? null : /* @__PURE__ */ g(
-    r.Item,
+    d.Item,
     {
       value: `__combobox-create__${I}`,
       keywords: [],
@@ -137,8 +137,8 @@ const Y = Fe(function({
   onCreate: F,
   open: k,
   onOpenChange: D,
-  emptyMessage: re,
-  className: de,
+  emptyMessage: de,
+  className: re,
   "aria-label": q
 }, ie) {
   const { t: v } = Oe(), l = Ve(), p = De(Be) !== null, [le, ce] = V(
@@ -146,12 +146,12 @@ const Y = Fe(function({
   ), K = m !== void 0, x = K ? m : le, j = J(
     () => i.find((e) => e.value === x),
     [i, x]
-  ), b = (j == null ? void 0 : j.label) ?? "", [C, d] = V(b), [ue, me] = V(!1), L = k !== void 0, c = L ? k : ue, y = B(!1), N = B(null), M = B(null);
+  ), b = (j == null ? void 0 : j.label) ?? "", [C, r] = V(b), [ue, me] = V(!1), L = k !== void 0, c = L ? k : ue, y = B(!1), N = B(null), M = B(null);
   je(() => {
     var e;
     (e = N.current) == null || e.setAttribute("aria-expanded", String(c));
   }), Pe(() => {
-    c || d(b);
+    c || r(b);
   }, [b, c]);
   const fe = oe ?? (p ? l.id : void 0), P = (p ? l.disabled : !1) || !!Z, u = !!ee, pe = (p ? l.required : !1) || !!se, X = p ? l.invalid : !1, be = X ? "error" : ne, he = p && l.describedBy ? l.describedBy : void 0, ge = H ?? v("ui.inputs.combobox.placeholder", "Search…"), ve = J(
     () => (e, t, n) => {
@@ -170,11 +170,11 @@ const Y = Fe(function({
     L || me(e), D == null || D(e);
   }, xe = (e) => {
     const t = i.find((n) => n.value === e);
-    W(e), d((t == null ? void 0 : t.label) ?? ""), a(!1);
+    W(e), r((t == null ? void 0 : t.label) ?? ""), a(!1);
   }, Ce = (e) => {
     F == null || F(e), a(!1);
   }, ye = (e) => {
-    u || (d(e), !c && e.length > 0 && !y.current && a(!0));
+    u || (r(e), !c && e.length > 0 && !y.current && a(!0));
   }, Ne = () => {
     !P && !u && a(!0);
   }, ze = () => {
@@ -183,17 +183,17 @@ const Y = Fe(function({
     var t;
     if (y.current = !1, u) return;
     const e = ((t = N.current) == null ? void 0 : t.value) ?? "";
-    d(e), e.length > 0 && a(!0);
+    r(e), e.length > 0 && a(!0);
   }, Ie = (e) => {
-    e.nativeEvent.isComposing || e.key === "Escape" && c && (e.preventDefault(), a(!1), d(b));
+    e.nativeEvent.isComposing || e.key === "Escape" && c && (e.preventDefault(), a(!1), r(b));
   }, we = (e) => {
     var t;
-    e.preventDefault(), e.stopPropagation(), W(""), d(""), a(!0), (t = N.current) == null || t.focus();
+    e.preventDefault(), e.stopPropagation(), W(""), r(""), a(!0), (t = N.current) == null || t.focus();
   }, Re = (e) => {
-    u && e || (a(e), e || d(b));
+    u && e || (a(e), e || r(b));
   }, Ee = E && !!x && !P && !u, _e = Ue(i), A = Qe[f];
   return /* @__PURE__ */ s(z.Root, { open: c, onOpenChange: Re, children: /* @__PURE__ */ g(
-    r,
+    d,
     {
       filter: ve,
       shouldFilter: !0,
@@ -208,12 +208,12 @@ const Y = Fe(function({
             className: Le({
               size: f,
               tone: be,
-              className: de
+              className: re
             }),
             "data-component": "combobox",
             children: [
               /* @__PURE__ */ s(
-                r.Input,
+                d.Input,
                 {
                   ref: Te(ie, N),
                   value: C,
@@ -268,13 +268,13 @@ const Y = Fe(function({
             sideOffset: 4,
             align: "start",
             className: Me(),
-            children: /* @__PURE__ */ g(r.List, { className: We, children: [
-              /* @__PURE__ */ s(r.Empty, { className: Je, children: re ?? v("ui.inputs.combobox.empty", "No results found") }),
+            children: /* @__PURE__ */ g(d.List, { className: We, children: [
+              /* @__PURE__ */ s(d.Empty, { className: Je, children: de ?? v("ui.inputs.combobox.empty", "No results found") }),
               _e.map(({ group: e, items: t }, n) => {
                 const h = t.map((o) => {
                   const O = o.value === x;
                   return /* @__PURE__ */ g(
-                    r.Item,
+                    d.Item,
                     {
                       value: o.value,
                       keywords: [o.label],
@@ -298,13 +298,13 @@ const Y = Fe(function({
                   );
                 });
                 return e ? /* @__PURE__ */ s(
-                  r.Group,
+                  d.Group,
                   {
                     heading: /* @__PURE__ */ s("span", { className: Xe, children: e }),
                     children: h
                   },
                   `group-${e}`
-                ) : /* @__PURE__ */ s(r.Group, { children: h }, `group-${n}`);
+                ) : /* @__PURE__ */ s(d.Group, { children: h }, `group-${n}`);
               }),
               ae && C.length > 0 ? /* @__PURE__ */ s(
                 Ye,
@@ -347,4 +347,4 @@ export {
   Q as d,
   Le as e
 };
-//# sourceMappingURL=combobox.agent-DjdivI3X.js.map
+//# sourceMappingURL=combobox.agent-ByobCLJ_.js.map

package/dist/_chunks/combobox.agent-ByobCLJ_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.agent-ByobCLJ_.js","sources":["../../src/components/combobox/combobox.tsx","../../src/components/combobox/combobox.agent.ts"],"sourcesContent":["import {\n  forwardRef,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter, useCommandState } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { groupOptions } from '../_shared/group-options';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\n\nexport type ComboboxOption<T extends string = string> = OptionShape<T>;\n\nexport interface ComboboxProps<T extends string = string> {\n  options: ComboboxOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  filter?: (value: string, search: string) => number;\n  allowCreate?: boolean;\n  onCreate?: (value: string) => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  emptyMessage?: ReactNode;\n  'aria-label'?: string;\n  className?: string;\n}\n\nconst comboboxInputVariants = cva(\n  [\n    'ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:outline-none ds:border-0',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full',\n    INPUT_SURFACE_CHROME,\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_PADDING_X.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_PADDING_X.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_PADDING_X.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst comboboxContentVariants = cva(\n  [\n    'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst comboboxItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary',\n    'ds:aria-selected:bg-muted',\n    'ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst comboboxListClasses =\n  'ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst comboboxEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst iconSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\ninterface CreateRowProps {\n  search: string;\n  label: string;\n  iconClass: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelect: (value: string) => void;\n}\n\nfunction ComboboxCreateRow({\n  search,\n  label,\n  iconClass,\n  size,\n  onSelect,\n}: CreateRowProps): ReactElement | null {\n  // Only surface the create row when no existing item matches the query.\n  const filteredCount = useCommandState((state) => state.filtered.count);\n  if (filteredCount > 0) return null;\n  return (\n    <Command.Item\n      value={`__combobox-create__${search}`}\n      keywords={[]}\n      forceMount\n      onSelect={() => onSelect(search)}\n      className={comboboxItemVariants({ size })}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n      />\n      <span className=\"ds:flex-1 ds:truncate\">{label}</span>\n    </Command.Item>\n  );\n}\n\nconst ComboboxImpl = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    clearable = false,\n    disabled,\n    readOnly,\n    required,\n    name,\n    id,\n    size = 'md',\n    tone = 'default',\n    filter: externalFilter,\n    allowCreate = false,\n    onCreate,\n    open: openProp,\n    onOpenChange,\n    emptyMessage,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  const ctx = useFormField();\n  const inFormField = useContext(FormFieldContext) !== null;\n\n  const [internalValue, setInternalValue] = useState<string>(\n    value ?? defaultValue ?? '',\n  );\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const selectedOption = useMemo(\n    () => options.find((o) => o.value === currentValue),\n    [options, currentValue],\n  );\n  const selectedLabel = selectedOption?.label ?? '';\n\n  const [search, setSearch] = useState<string>(selectedLabel);\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isOpenControlled = openProp !== undefined;\n  const open = isOpenControlled ? openProp : internalOpen;\n  const composingRef = useRef(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    inputRef.current?.setAttribute('aria-expanded', String(open));\n  });\n\n  useEffect(() => {\n    if (!open) {\n      setSearch(selectedLabel);\n    }\n  }, [selectedLabel, open]);\n\n  const inputId = id ?? (inFormField ? ctx.id : undefined);\n  const effectiveDisabled = (inFormField ? ctx.disabled : false) || Boolean(disabled);\n  const effectiveReadOnly = Boolean(readOnly);\n  const effectiveRequired = (inFormField ? ctx.required : false) || Boolean(required);\n  const effectiveInvalid = inFormField ? ctx.invalid : false;\n  const effectiveTone = effectiveInvalid ? 'error' : tone;\n  const describedBy = inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n  const resolvedPlaceholder =\n    placeholder ?? t('ui.inputs.combobox.placeholder', 'Search…');\n\n  const filterFn = useMemo(\n    () => (candidate: string, searchStr: string, keywords?: string[]) => {\n      if (composingRef.current) return 1;\n      const normalizedCandidate = normalizeDiacritics(candidate);\n      const normalizedSearch = normalizeDiacritics(searchStr);\n      const normalizedKeywords = keywords?.map(normalizeDiacritics);\n      if (externalFilter) {\n        return externalFilter(normalizedCandidate, normalizedSearch);\n      }\n      return defaultFilter(\n        normalizedCandidate,\n        normalizedSearch,\n        normalizedKeywords,\n      );\n    },\n    [externalFilter],\n  );\n\n  const emitValue = onValueChange as ((next: string) => void) | undefined;\n\n  const commit = (next: string) => {\n    if (!isControlled) setInternalValue(next);\n    emitValue?.(next);\n  };\n\n  const setOpen = (next: boolean) => {\n    if (!isOpenControlled) setInternalOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const handleSelect = (optValue: string) => {\n    const option = options.find((o) => o.value === optValue);\n    commit(optValue);\n    setSearch(option?.label ?? '');\n    setOpen(false);\n  };\n\n  const handleCreate = (nextValue: string) => {\n    onCreate?.(nextValue);\n    setOpen(false);\n  };\n\n  const handleSearchChange = (next: string) => {\n    if (effectiveReadOnly) return;\n    setSearch(next);\n    if (!open && next.length > 0 && !composingRef.current) {\n      setOpen(true);\n    }\n  };\n\n  const handleFocus = () => {\n    if (!effectiveDisabled && !effectiveReadOnly) setOpen(true);\n  };\n\n  const handleCompositionStart = () => {\n    composingRef.current = true;\n  };\n\n  const handleCompositionEnd = () => {\n    composingRef.current = false;\n    if (effectiveReadOnly) return;\n    const next = inputRef.current?.value ?? '';\n    setSearch(next);\n    if (next.length > 0) setOpen(true);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.nativeEvent.isComposing) return;\n    if (event.key === 'Escape' && open) {\n      event.preventDefault();\n      setOpen(false);\n      setSearch(selectedLabel);\n    }\n  };\n\n  const handleClear = (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    commit('');\n    setSearch('');\n    setOpen(true);\n    inputRef.current?.focus();\n  };\n\n  const handleOpenChange = (next: boolean) => {\n    if (effectiveReadOnly && next) return;\n    setOpen(next);\n    if (!next) setSearch(selectedLabel);\n  };\n\n  const showClear =\n    clearable && Boolean(currentValue) && !effectiveDisabled && !effectiveReadOnly;\n\n  const groups = groupOptions(options);\n  const iconClass = iconSizeBySize[size];\n\n  return (\n    <Popover.Root open={open} onOpenChange={handleOpenChange}>\n      <Command\n        filter={filterFn}\n        shouldFilter\n        loop\n        label={ariaLabel}\n        className=\"ds:w-full\"\n      >\n        <Popover.Anchor asChild>\n          <div\n            ref={anchorRef}\n            className={comboboxWrapperVariants({\n              size,\n              tone: effectiveTone,\n              className,\n            })}\n            data-component=\"combobox\"\n          >\n            <Command.Input\n              ref={composeRefs(ref, inputRef)}\n              value={search}\n              onValueChange={handleSearchChange}\n              id={inputId}\n              name={name}\n              placeholder={resolvedPlaceholder}\n              disabled={effectiveDisabled}\n              readOnly={effectiveReadOnly}\n              required={effectiveRequired}\n              aria-label={ariaLabel}\n              aria-describedby={describedBy}\n              aria-invalid={effectiveInvalid || undefined}\n              onFocus={handleFocus}\n              onKeyDown={handleKeyDown}\n              onCompositionStart={handleCompositionStart}\n              onCompositionEnd={handleCompositionEnd}\n              className={comboboxInputVariants({ size })}\n            />\n            {showClear ? (\n              <button\n                type=\"button\"\n                aria-label={t('ui.inputs.combobox.clear', 'Clear selection')}\n                onClick={handleClear}\n                onPointerDown={(event) => event.stopPropagation()}\n                className={[\n                  'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                  'ds:text-muted-foreground ds:hover:text-foreground',\n                  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                  'ds:size-4',\n                ].join(' ')}\n              >\n                <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n              </button>\n            ) : null}\n          </div>\n        </Popover.Anchor>\n        <Popover.Portal>\n          <Popover.Content\n            onOpenAutoFocus={(event) => event.preventDefault()}\n            onCloseAutoFocus={(event) => event.preventDefault()}\n            onInteractOutside={(event) => {\n              const target = event.target as Node | null;\n              if (target && anchorRef.current?.contains(target)) {\n                event.preventDefault();\n              }\n            }}\n            sideOffset={4}\n            align=\"start\"\n            className={comboboxContentVariants()}\n          >\n            <Command.List className={comboboxListClasses}>\n              <Command.Empty className={comboboxEmptyClasses}>\n                {emptyMessage ?? t('ui.inputs.combobox.empty', 'No results found')}\n              </Command.Empty>\n              {groups.map(({ group, items }, groupIndex) => {\n                const body = items.map((option) => {\n                  const isSelected = option.value === currentValue;\n                  return (\n                    <Command.Item\n                      key={option.value}\n                      value={option.value}\n                      keywords={[option.label]}\n                      disabled={option.disabled}\n                      onSelect={handleSelect}\n                      className={comboboxItemVariants({ size })}\n                    >\n                      <span\n                        aria-hidden=\"true\"\n                        className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n                      >\n                        {isSelected ? <Check className={iconClass} /> : null}\n                      </span>\n                      <span className=\"ds:flex-1 ds:truncate\">{option.label}</span>\n                      {option.description ? (\n                        <span className=\"type-meta ds:text-muted-foreground\">\n                          {option.description}\n                        </span>\n                      ) : null}\n                    </Command.Item>\n                  );\n                });\n                if (!group) {\n                  return (\n                    <Command.Group key={`group-${groupIndex}`}>\n                      {body}\n                    </Command.Group>\n                  );\n                }\n                return (\n                  <Command.Group\n                    key={`group-${group}`}\n                    heading={\n                      <span className={comboboxGroupHeadingClasses}>{group}</span>\n                    }\n                  >\n                    {body}\n                  </Command.Group>\n                );\n              })}\n              {allowCreate && search.length > 0 ? (\n                <ComboboxCreateRow\n                  search={search}\n                  label={t('ui.inputs.combobox.create', 'Create \"{{value}}\"', {\n                    value: search,\n                  })}\n                  iconClass={iconClass}\n                  size={size}\n                  onSelect={handleCreate}\n                />\n              ) : null}\n            </Command.List>\n          </Popover.Content>\n        </Popover.Portal>\n      </Command>\n    </Popover.Root>\n  );\n});\nComboboxImpl.displayName = 'Combobox';\n\ninterface ComboboxComponent {\n  <T extends string = string>(\n    props: ComboboxProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\n// forwardRef erases component-level generics, so we re-widen via a callable\n// interface to preserve the `<T extends string>` signature at the call site.\nexport const Combobox = ComboboxImpl as unknown as ComboboxComponent;\n\nexport {\n  comboboxInputVariants,\n  comboboxWrapperVariants,\n  comboboxContentVariants,\n  comboboxItemVariants,\n};\n","import type { AgentAdapter } from '../../agent/types';\n\nexport const comboboxAgent: AgentAdapter<unknown> = {\n  id: 'combobox',\n  capabilities: ['select_single', 'pick', 'filter', 'open', 'close'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'combobox' },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n"],"names":["comboboxInputVariants","cva","comboboxWrapperVariants","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","INPUT_SURFACE_TONE","comboboxContentVariants","comboboxItemVariants","comboboxGroupHeadingClasses","comboboxListClasses","comboboxEmptyClasses","iconSizeBySize","ComboboxCreateRow","search","label","iconClass","size","onSelect","useCommandState","state","jsxs","Command","jsx","ComboboxImpl","forwardRef","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","readOnly","required","name","id","tone","externalFilter","allowCreate","onCreate","openProp","onOpenChange","emptyMessage","className","ariaLabel","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","selectedOption","useMemo","o","selectedLabel","setSearch","internalOpen","setInternalOpen","isOpenControlled","open","composingRef","useRef","inputRef","anchorRef","useLayoutEffect","_a","useEffect","inputId","effectiveDisabled","effectiveReadOnly","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","filterFn","candidate","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","emitValue","commit","next","setOpen","handleSelect","optValue","option","handleCreate","nextValue","handleSearchChange","handleFocus","handleCompositionStart","handleCompositionEnd","handleKeyDown","event","handleClear","handleOpenChange","showClear","groups","groupOptions","Popover","composeRefs","X","target","group","items","groupIndex","body","isSelected","Check","Combobox","comboboxAgent"],"mappings":"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"}