@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-AcaWuKah.js","sources":["../../src/components/color-picker/color-picker.agent.ts","../../src/components/color-picker/color-utils.ts","../../src/components/color-picker/palettes.ts","../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ColorPicker.                                           */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ColorPickerHandle } from './color-picker';\n\nexport const colorPickerAgent: AgentAdapter<ColorPickerHandle> = {\n  id: 'color-picker',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.colorPicker.state.value',\n      description: 'Currently picked colour as a hex string (e.g. \"#3b82f6\").',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ hex: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          hex: {\n            type: 'string',\n            description: 'Hex colour string, e.g. \"#3b82f6\".',\n          },\n        },\n        required: ['hex'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.colorPicker.actions.setValue',\n      description: 'Set the picked colour from a hex string.',\n      examples: [{ args: { hex: '#3b82f6' }, note: 'Set to brand blue.' }],\n      invoke: (handle, args: { hex: string }) => {\n        handle.setValue(args.hex);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'color-picker',\n      description:\n        'Marks the ColorPicker wrapper (inline) or trigger (popover variant).',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/**\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    // Preserve byte identity through RGB -> HSL -> RGB. Palette colours\n    // can be server identifiers, so even one changed channel is a different\n    // selection. Round human-facing labels only, never this stored value.\n    h: hue * 360,\n    s: sat * 100,\n    l: l * 100,\n    a,\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(${Math.round(hsl.h)}, ${Math.round(hsl.s)}%, ${Math.round(hsl.l)}%, ${hsl.a})`;\n      }\n      return `hsl(${Math.round(hsl.h)}, ${Math.round(hsl.s)}%, ${Math.round(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\n/**\n * Google Calendar event colours — the platform's DEFAULT appointment\n * palette (practice DoctorColor sets mirror Google Calendar so synced\n * events keep their colours; the event `colorId` set is capped at 11 —\n * the 24 \"label\" colours exist only in Google's Labels API).\n * `textColor` is deliberately omitted: solid-scheme consumers get the\n * event card's auto-derived ink (provably WCAG AA for any opaque hex),\n * and the tinted scheme paints text on theme tokens regardless.\n */\nexport const GOOGLE_CALENDAR_PALETTE: PaletteSwatch[] = [\n  { name: 'Tomato', hex: '#d50000' },\n  { name: 'Flamingo', hex: '#e67c73' },\n  { name: 'Tangerine', hex: '#f4511e' },\n  { name: 'Banana', hex: '#f6bf26' },\n  { name: 'Sage', hex: '#33b679' },\n  { name: 'Basil', hex: '#0b8043' },\n  { name: 'Peacock', hex: '#039be5' },\n  { name: 'Blueberry', hex: '#3f51b5' },\n  { name: 'Lavender', hex: '#7986cb' },\n  { name: 'Grape', hex: '#8e24aa' },\n  { name: 'Graphite', hex: '#616161' },\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 {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport { cva } from 'class-variance-authority';\nimport { Check, X } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { formatNumber } from '../_shared/format-number';\nimport {\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport { Slider } from '../slider/slider';\nimport { useAgentRegistration } from '../../agent';\nimport { colorPickerAgent } from './color-picker.agent';\n\n/** Agent-readiness curated handle for ColorPicker. */\nexport interface ColorPickerHandle {\n  getValue: () => string;\n  setValue: (hex: string) => void;\n}\nimport {\n  contrastRatio,\n  formatOutput,\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(--control-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: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      // Swatch footprint. md/lg honour --min-target-size (44/48px) for touch.\n      // sm is a denser 28px swatch for toolbar/inline use — comfortably above\n      // the WCAG 2.5.8 (AA) 24px minimum, with the grid gap providing spacing.\n      // sm intentionally does NOT take the accessible-theme --min-target-size\n      // bump (48px) — a dense colour grid is opt-in and the full roving-tabindex\n      // keyboard path is the mitigation for the sub-AAA pointer target.\n      size: {\n        // sm = 28px: clears WCAG 2.5.8 (AA, 24px) but intentionally opts out of\n        // the accessible-theme 48px min-target bump — a conscious, signed-off\n        // trade-off (dense opt-in grid; keyboard roving-tabindex is the mitigation).\n        sm: 'ds:min-w-7 ds:min-h-7',\n        md: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n        lg: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n      },\n    },\n    defaultVariants: { selected: false, size: 'md' },\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\n// Tighter padding for the dense (sm) swatch-only panel — toolbar/inline use.\nconst PANEL_COMPACT_SM_CLASSES = [\n  'ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:p-[var(--spacing-xs)]',\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-[length: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 =\n  '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, i18n } = useTranslation('ui');\n    const ctx = useFormField();\n    const generatedId = useId();\n    const pickerId = useFormFieldControlId(ctx) || 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    // Normalise palette entries through parseInput so swatches declared as\n    // rgb()/hsl()/shorthand hex still match — raw `s.hex` comparison misses\n    // any non-literal-hex representation.\n    const swatchCanonicalHexes = useMemo(\n      () =>\n        swatches.map((s) => {\n          const parsed = parseInput(s.hex);\n          return parsed ? hslToHex(parsed).toLowerCase() : null;\n        }),\n      [swatches],\n    );\n    const selectedSwatchIndex = swatchCanonicalHexes.findIndex(\n      (hex) => hex !== null && hex === 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 =\n        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      // The grid (grid-cols-6) mirrors under dir=\"rtl\", so the physical\n      // ArrowRight/ArrowLeft keys must map to the inverse logical delta to keep\n      // keyboard navigation following the visual reading order. Resolve the\n      // effective direction from the element's computed style.\n      const isRtl =\n        typeof window !== 'undefined' && gridRef.current\n          ? window.getComputedStyle(gridRef.current).direction === 'rtl'\n          : false;\n      const forward = isRtl ? -1 : 1;\n\n      switch (event.key) {\n        case 'ArrowRight':\n          next = (focusedIndex + forward + total) % total;\n          break;\n        case 'ArrowLeft':\n          next = (focusedIndex - forward + 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(\n            Math.floor(focusedIndex / COLS) * COLS + COLS - 1,\n            total - 1,\n          );\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          const parsed = parseInput(swatches[focusedIndex].hex);\n          if (parsed) emitChange(parsed);\n          return;\n        }\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      focusSwatch(next);\n    };\n\n    const [open, setOpen] = useState(false);\n\n    const agentHandle = useMemo<ColorPickerHandle>(\n      () => ({\n        getValue: () => hslToHex(currentHslRef.current),\n        setValue: (hex) => {\n          const parsed = parseInput(hex);\n          if (parsed) emitChange(parsed);\n        },\n      }),\n      [emitChange],\n    );\n    useAgentRegistration(colorPickerAgent, agentHandle, pickerId);\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      // eslint-disable-next-line jsx-a11y/interactive-supports-focus -- inner gridcells are individually focusable via roving tabindex\n      <div\n        ref={gridRef}\n        role=\"grid\"\n        aria-label={t('inputs.colorPicker.paletteLabel', 'Colour palette')}\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 = idx === selectedSwatchIndex;\n                return (\n                  // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- parent grid handles keyboard navigation via onKeyDown\n                  <div\n                    key={s.hex}\n                    role=\"gridcell\"\n                    aria-selected={sel}\n                    aria-label={t('inputs.colorPicker.swatchLabel', {\n                      name: s.name,\n                      hex: s.hex,\n                    })}\n                    tabIndex={idx === focusedIndex ? 0 : -1}\n                    onClick={() => {\n                      if (effectiveDisabled) return;\n                      const parsed = parseInput(s.hex);\n                      if (parsed) emitChange(parsed);\n                      setFocusedIndex(idx);\n                    }}\n                    className={swatchVariants({ selected: sel, size })}\n                    // eslint-disable-next-line react/forbid-dom-props -- user-picked swatch hex injected via --swatch-bg CSS variable\n                    style={{ ['--swatch-bg' as string]: s.hex }}\n                  >\n                    {sel ? (\n                      <Check\n                        aria-hidden=\"true\"\n                        className=\"ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference\"\n                      />\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\n            htmlFor={`${pickerId}-hex`}\n            className=\"ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]\"\n          >\n            {t('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(--control-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('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}\n            max={360}\n            value={currentHsl.h}\n            onChange={(h) => emitChange({ ...currentHsl, h })}\n            formatValue={(v) => `H ${Math.round(v)}°`}\n            disabled={effectiveDisabled}\n          />\n          <SliderWithGradient\n            label={t('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}\n            max={100}\n            value={currentHsl.s}\n            onChange={(s) => emitChange({ ...currentHsl, s })}\n            formatValue={(v) => `S ${Math.round(v)}%`}\n            disabled={effectiveDisabled}\n          />\n          <SliderWithGradient\n            label={t('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}\n            max={100}\n            value={currentHsl.l}\n            onChange={(l) => emitChange({ ...currentHsl, l })}\n            formatValue={(v) => `L ${Math.round(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('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                  // eslint-disable-next-line react/forbid-dom-props -- opacity-track gradient derived from live HSL, no token equivalent\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}\n                  max={100}\n                  step={1}\n                  value={[Math.round(currentHsl.a * 100)]}\n                  onValueChange={([v]) =>\n                    emitChange({ ...currentHsl, a: v / 100 })\n                  }\n                  aria-label={t('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\n            className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]\"\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            <span className=\"ds:tabular-nums\">\n              {t('inputs.colorPicker.contrastRatio', {\n                ratio: formatNumber(contrastInfo.ratio, i18n.language, {\n                  minimumFractionDigits: 1,\n                  maximumFractionDigits: 1,\n                }),\n              })}\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            // eslint-disable-next-line react/forbid-dom-props -- live picked colour injected via --swatch-bg CSS variable\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\n        className={\n          compact\n            ? size === 'sm'\n              ? PANEL_COMPACT_SM_CLASSES\n              : PANEL_COMPACT_CLASSES\n            : PANEL_CLASSES\n        }\n      >\n        {swatchGrid}\n        {fullControls}\n      </div>\n    );\n\n    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => setOpen(false),\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-component-id={pickerId}\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          {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- FormField propagates invalid state to its trigger; users rely on this for validation announcements */}\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            // In compact mode the trigger only renders the swatch (which is\n            // aria-hidden). Provide a fallback name so the button is named\n            // for AT regardless of variant. The current value is announced\n            // separately via the hex/HSL output inside the popover.\n            aria-label={\n              compact\n                ? t('inputs.colorPicker.triggerLabel', 'Choose colour')\n                : undefined\n            }\n            className={triggerVariants({ size, className })}\n            data-component=\"color-picker\"\n            data-component-id={pickerId}\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              // eslint-disable-next-line react/forbid-dom-props -- trigger preview swatch shows current picked colour via --swatch-bg\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\n            sideOffset={4}\n            align=\"start\"\n            className={POPOVER_CONTENT_CLASSES}\n            onKeyDown={exitOnTab}\n          >\n            {panelContent}\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nfunction ContrastBadge({\n  level,\n  passes,\n  t,\n}: {\n  level: string;\n  passes: boolean;\n  t: (key: string, fallback: string) => string;\n}) {\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      <abbr\n        title={`Web Content Accessibility Guidelines Level ${level}`}\n        className=\"ds:no-underline ds:font-medium\"\n      >\n        {level}\n      </abbr>\n      {passes ? (\n        <Check\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:text-[var(--success)]\"\n        />\n      ) : (\n        <X\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:text-[var(--destructive)]\"\n        />\n      )}\n      <span className=\"ds:sr-only\">\n        {passes\n          ? t('inputs.colorPicker.contrastPass', 'Pass')\n          : t('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)]\">\n        {label}\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 ds:bg-[image:var(--slider-gradient)]\"\n          // eslint-disable-next-line react/forbid-dom-props -- hue/saturation/lightness gradient derived from live HSL, no token equivalent\n          style={{ ['--slider-gradient' as string]: gradient }}\n          aria-hidden=\"true\"\n        />\n        <Slider\n          min={min}\n          max={max}\n          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":["colorPickerAgent","handle","args","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","GOOGLE_CALENDAR_PALETTE","COLS","triggerVariants","cva","swatchVariants","PANEL_CLASSES","OPACITY_CHECKER_CLASSES","PANEL_COMPACT_CLASSES","PANEL_COMPACT_SM_CLASSES","POPOVER_CONTENT_CLASSES","HEX_INPUT_CLASSES","TRANSPARENT_SLIDER","ColorPicker","forwardRef","props","ref","defaultValue","onChange","allowOpacity","palette","against","size","disabled","variant","compact","className","i18n","useTranslation","ctx","useFormField","generatedId","useId","pickerId","useFormFieldControlId","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","forward","lastRowStart","open","setOpen","agentHandle","useAgentRegistration","contrastInfo","bgHsl","swatchGrid","jsx","_swatch","rowStart","j","idx","sel","Check","fullControls","jsxs","Fragment","e","SliderWithGradient","v","Slider","formatNumber","ContrastBadge","panelContent","exitOnTab","useNonModalTabExit","findPopoverTrigger","Popover","level","passes","X","label","gradient","formatValue"],"mappings":";;;;;;;;;;;;AASO,MAAMA,KAAoD;AAAA,EAC/D,IAAI;AAAA,EACJ,cAAc,CAAC,WAAW;AAAA,EAC1B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,KAAK;AAAA,YACH,MAAM;AAAA,YACN,aAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEF,UAAU,CAAC,KAAK;AAAA,MAAA;AAAA,MAElB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,aAAa,MAAM,sBAAsB;AAAA,MACnE,QAAQ,CAACA,GAAQC,MAA0B;AACzC,QAAAD,EAAO,SAASC,EAAK,GAAG;AAAA,MAC1B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;ACpCO,SAASC,GAASC,GAAmB;AAC1C,MAAIC,IAAID,EAAI,WAAW,GAAG,IAAIA,EAAI,MAAM,CAAC,IAAIA;AAG7C,GAAIC,EAAE,WAAW,KAAKA,EAAE,WAAW,OACjCA,IAAIA,EACD,MAAM,EAAE,EACR,IAAI,CAAC,MAAM,IAAI,CAAC,EAChB,KAAK,EAAE;AAGZ,QAAM,IAAI,SAASA,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,KAClCC,IAAI,SAASD,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,KAClCE,IAAI,SAASF,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,KAClCG,IAAIH,EAAE,WAAW,IAAI,SAASA,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,MAAM;AAE/D,SAAOI,GAAS,GAAGH,GAAGC,GAAGC,CAAC;AAC5B;AAGA,SAASC,GAASC,GAAWJ,GAAWC,GAAWC,GAAiB;AAClE,QAAMG,IAAM,KAAK,IAAID,GAAGJ,GAAGC,CAAC,GACtBK,IAAM,KAAK,IAAIF,GAAGJ,GAAGC,CAAC,GACtBM,KAAKF,IAAMC,KAAO;AACxB,MAAIE,IAAM,GACNC,IAAM;AAEV,MAAIJ,MAAQC,GAAK;AACf,UAAMI,IAAIL,IAAMC;AAChB,IAAAG,IAAMF,IAAI,MAAMG,KAAK,IAAIL,IAAMC,KAAOI,KAAKL,IAAMC,IAE7CD,MAAQD,IACVI,MAAQR,IAAIC,KAAKS,KAAKV,IAAIC,IAAI,IAAI,MAAM,IAC/BI,MAAQL,IACjBQ,MAAQP,IAAIG,KAAKM,IAAI,KAAK,IAE1BF,MAAQJ,IAAIJ,KAAKU,IAAI,KAAK;AAAA,EAE9B;AAEA,SAAO;AAAA;AAAA;AAAA;AAAA,IAIL,GAAGF,IAAM;AAAA,IACT,GAAGC,IAAM;AAAA,IACT,GAAGF,IAAI;AAAA,IACP,GAAAL;AAAA,EAAA;AAEJ;AAGO,SAASS,EAASC,GAAmB;AAC1C,QAAM,EAAE,GAAAR,GAAG,GAAAJ,GAAG,GAAAC,EAAA,IAAMY,EAAmBD,CAAG,GACpCE,IAAQ,CAACC,MACb,KAAK,MAAMA,IAAI,GAAG,EACf,SAAS,EAAE,EACX,SAAS,GAAG,GAAG,GAEdC,IAAO,IAAIF,EAAMV,CAAC,CAAC,GAAGU,EAAMd,CAAC,CAAC,GAAGc,EAAMb,CAAC,CAAC;AAC/C,SAAIW,EAAI,IAAI,IACH,GAAGI,CAAI,GAAGF,EAAMF,EAAI,CAAC,CAAC,KAExBI;AACT;AAGO,SAASC,GAAUL,GAAmB;AAC3C,QAAM,EAAE,GAAAR,GAAG,GAAAJ,GAAG,GAAAC,EAAA,IAAMY,EAAmBD,CAAG,GACpCM,IAAK,KAAK,MAAMd,IAAI,GAAG,GACvBe,IAAK,KAAK,MAAMnB,IAAI,GAAG,GACvBoB,IAAK,KAAK,MAAMnB,IAAI,GAAG;AAE7B,SAAIW,EAAI,IAAI,IACH,QAAQM,CAAE,KAAKC,CAAE,KAAKC,CAAE,KAAKR,EAAI,CAAC,MAEpC,QAAQM,CAAE,KAAKC,CAAE,KAAKC,CAAE;AACjC;AAGA,SAASP,EAAmBD,GAI1B;AACA,QAAMb,IAAIa,EAAI,IAAI,KACZS,IAAIT,EAAI,IAAI,KACZL,IAAIK,EAAI,IAAI;AAElB,MAAIS,MAAM;AACR,WAAO,EAAE,GAAGd,GAAG,GAAGA,GAAG,GAAGA,EAAA;AAG1B,QAAMe,IAAIf,IAAI,MAAMA,KAAK,IAAIc,KAAKd,IAAIc,IAAId,IAAIc,GACxCE,IAAI,IAAIhB,IAAIe;AAElB,SAAO;AAAA,IACL,GAAGE,EAASD,GAAGD,GAAGvB,IAAI,IAAI,CAAC;AAAA,IAC3B,GAAGyB,EAASD,GAAGD,GAAGvB,CAAC;AAAA,IACnB,GAAGyB,EAASD,GAAGD,GAAGvB,IAAI,IAAI,CAAC;AAAA,EAAA;AAE/B;AAEA,SAASyB,EAASD,GAAWD,GAAWG,GAAmB;AACzD,MAAIC,IAAKD;AAGT,SAFIC,IAAK,MAAGA,KAAM,IACdA,IAAK,MAAGA,KAAM,IACdA,IAAK,IAAI,IAAUH,KAAKD,IAAIC,KAAK,IAAIG,IACrCA,IAAK,IAAI,IAAUJ,IACnBI,IAAK,IAAI,IAAUH,KAAKD,IAAIC,MAAM,IAAI,IAAIG,KAAM,IAC7CH;AACT;AAOO,SAASI,EACdf,GACAgB,GACQ;AACR,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAOjB,EAASC,CAAG;AAAA,IACrB,KAAK;AACH,aAAIA,EAAI,IAAI,IACH,QAAQ,KAAK,MAAMA,EAAI,CAAC,CAAC,KAAK,KAAK,MAAMA,EAAI,CAAC,CAAC,MAAM,KAAK,MAAMA,EAAI,CAAC,CAAC,MAAMA,EAAI,CAAC,MAEnF,OAAO,KAAK,MAAMA,EAAI,CAAC,CAAC,KAAK,KAAK,MAAMA,EAAI,CAAC,CAAC,MAAM,KAAK,MAAMA,EAAI,CAAC,CAAC;AAAA,IAC9E,KAAK;AACH,aAAOK,GAAUL,CAAG;AAAA,EAAA;AAE1B;AAGO,SAASiB,EAAWC,GAA4B;AACrD,QAAMC,IAAUD,EAAM,KAAA;AACtB,MAAI,CAACC,EAAS,QAAO;AAGrB,MAAIA,EAAQ,WAAW,GAAG,GAAG;AAC3B,UAAMC,IAAOD,EAAQ,MAAM,CAAC;AAE5B,WADI,CAAC,qBAAqB,KAAKC,CAAI,KAC/B,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,SAASA,EAAK,MAAM,IAAU,OACzCnC,GAASkC,CAAO;AAAA,EACzB;AAGA,QAAME,IAAYF,EAAQ;AAAA,IACxB;AAAA,EAAA;AAEF,MAAIE;AACF,WAAO;AAAA,MACL,GAAG,KAAK,MAAM,WAAWA,EAAU,CAAC,CAAC,CAAC,IAAI;AAAA,MAC1C,GAAG,KAAK,MAAM,WAAWA,EAAU,CAAC,CAAC,CAAC;AAAA,MACtC,GAAG,KAAK,MAAM,WAAWA,EAAU,CAAC,CAAC,CAAC;AAAA,MACtC,GAAGA,EAAU,CAAC,MAAM,SAAY,WAAWA,EAAU,CAAC,CAAC,IAAI;AAAA,IAAA;AAK/D,QAAMC,IAAYH,EAAQ;AAAA,IACxB;AAAA,EAAA;AAEF,MAAIG,GAAW;AACb,UAAM9B,IAAI,WAAW8B,EAAU,CAAC,CAAC,IAAI,KAC/BlC,IAAI,WAAWkC,EAAU,CAAC,CAAC,IAAI,KAC/BjC,IAAI,WAAWiC,EAAU,CAAC,CAAC,IAAI,KAC/BhC,IAAIgC,EAAU,CAAC,MAAM,SAAY,WAAWA,EAAU,CAAC,CAAC,IAAI;AAClE,WAAO/B,GAASC,GAAGJ,GAAGC,GAAGC,CAAC;AAAA,EAC5B;AAEA,SAAO;AACT;AAOO,SAASiC,GAAkBvB,GAAmB;AACnD,QAAM,EAAE,GAAAR,GAAG,GAAAJ,GAAG,GAAAC,EAAA,IAAMY,EAAmBD,CAAG,GACpCwB,IAAY,CAACC,MACjBA,KAAK,UAAUA,IAAI,QAAQ,KAAK,KAAKA,IAAI,SAAS,OAAO,GAAG;AAC9D,SAAO,SAASD,EAAUhC,CAAC,IAAI,SAASgC,EAAUpC,CAAC,IAAI,SAASoC,EAAUnC,CAAC;AAC7E;AAGO,SAASqC,GAAcC,GAAUC,GAAkB;AACxD,QAAMC,IAAON,GAAkBI,CAAE,GAC3BG,IAAOP,GAAkBK,CAAE,GAC3BG,IAAU,KAAK,IAAIF,GAAMC,CAAI,GAC7BE,IAAS,KAAK,IAAIH,GAAMC,CAAI;AAClC,SAAO,KAAK,OAAQC,IAAU,SAASC,IAAS,QAAS,GAAG,IAAI;AAClE;AAGO,SAASC,GAAQC,GAAwB;AAC9C,SAAOA,KAAS;AAClB;AAGO,SAASC,GAASD,GAAwB;AAC/C,SAAOA,KAAS;AAClB;ACpNO,MAAME,KAAuC;AAAA,EAClD,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,SAAS,KAAK,WAAW,WAAW,UAAA;AAAA,EAC5C,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,iBAAiB,KAAK,WAAW,WAAW,UAAA;AAAA,EACpD,EAAE,MAAM,iBAAiB,KAAK,WAAW,WAAW,UAAA;AAAA,EACpD,EAAE,MAAM,aAAa,KAAK,WAAW,WAAW,UAAA;AAAA,EAChD,EAAE,MAAM,mBAAmB,KAAK,WAAW,WAAW,UAAA;AAAA,EACtD,EAAE,MAAM,mBAAmB,KAAK,WAAW,WAAW,UAAA;AAAA,EACtD,EAAE,MAAM,aAAa,KAAK,WAAW,WAAW,UAAA;AAAA,EAChD,EAAE,MAAM,aAAa,KAAK,WAAW,WAAW,UAAA;AAAA,EAChD,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AAAA,EACjD,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AAAA,EACjD,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AAAA,EACjD,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AAAA,EACjD,EAAE,MAAM,WAAW,KAAK,WAAW,WAAW,UAAA;AAAA,EAC9C,EAAE,MAAM,WAAW,KAAK,WAAW,WAAW,UAAA;AAAA,EAC9C,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,aAAa,KAAK,WAAW,WAAW,UAAA;AAAA,EAChD,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,kBAAkB,KAAK,WAAW,WAAW,UAAA;AAAA,EACrD,EAAE,MAAM,mBAAmB,KAAK,WAAW,WAAW,UAAA;AAAA,EACtD,EAAE,MAAM,YAAY,KAAK,WAAW,WAAW,UAAA;AAAA,EAC/C,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AAAA,EACjD,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AAAA,EACjD,EAAE,MAAM,SAAS,KAAK,WAAW,WAAW,UAAA;AAAA,EAC5C,EAAE,MAAM,cAAc,KAAK,WAAW,WAAW,UAAA;AACnD,GAGaC,KAAiC;AAAA,EAC5C,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,cAAc,KAAK,UAAA;AAAA,EAC3B,EAAE,MAAM,cAAc,KAAK,UAAA;AAAA,EAC3B,EAAE,MAAM,cAAc,KAAK,UAAA;AAAA,EAC3B,EAAE,MAAM,cAAc,KAAK,UAAA;AAAA,EAC3B,EAAE,MAAM,cAAc,KAAK,UAAA;AAAA,EAC3B,EAAE,MAAM,cAAc,KAAK,UAAA;AAAA,EAC3B,EAAE,MAAM,eAAe,KAAK,UAAA;AAAA,EAC5B,EAAE,MAAM,eAAe,KAAK,UAAA;AAAA,EAC5B,EAAE,MAAM,eAAe,KAAK,UAAA;AAAA,EAC5B,EAAE,MAAM,eAAe,KAAK,UAAA;AAAA,EAC5B,EAAE,MAAM,eAAe,KAAK,UAAA;AAAA,EAC5B,EAAE,MAAM,eAAe,KAAK,UAAA;AAAA,EAC5B,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,YAAY,KAAK,UAAA;AAC3B,GAWaC,KAA2C;AAAA,EACtD,EAAE,MAAM,UAAU,KAAK,UAAA;AAAA,EACvB,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,aAAa,KAAK,UAAA;AAAA,EAC1B,EAAE,MAAM,UAAU,KAAK,UAAA;AAAA,EACvB,EAAE,MAAM,QAAQ,KAAK,UAAA;AAAA,EACrB,EAAE,MAAM,SAAS,KAAK,UAAA;AAAA,EACtB,EAAE,MAAM,WAAW,KAAK,UAAA;AAAA,EACxB,EAAE,MAAM,aAAa,KAAK,UAAA;AAAA,EAC1B,EAAE,MAAM,YAAY,KAAK,UAAA;AAAA,EACzB,EAAE,MAAM,SAAS,KAAK,UAAA;AAAA,EACtB,EAAE,MAAM,YAAY,KAAK,UAAA;AAC3B,GC9CMC,IAAO,GAEPC,KAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMC,KAAiBD;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQT,MAAM;AAAA;AAAA;AAAA;AAAA,QAIJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,UAAU,IAAO,MAAM,KAAA;AAAA,EAAK;AAEnD,GAEME,KAAgB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAKJC,KAA0B;AAAA,EAC9B;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,KAAwB;AAAA,EAC5B;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAGJC,KAA2B;AAAA,EAC/B;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,KAA0B;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,KAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAGJC,KACJ,sFAkBWC,KAAcC;AAAA,EACzB,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,OAAAnC;AAAA,MACA,cAAAoC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAvC,IAAS;AAAA,MACT,cAAAwC,IAAe;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,UAAAC,KAAW;AAAA,MACX,SAAAC,KAAU;AAAA,MACV,SAAAC,IAAU;AAAA,MACV,WAAAC;AAAA,IAAA,IACEX,GAEE,EAAE,GAAAvC,GAAG,MAAAmD,OAASC,GAAe,IAAI,GACjCC,IAAMC,GAAA,GACNC,KAAcC,GAAA,GACdC,IAAWC,GAAsBL,CAAG,KAAKE,IACzCI,IAAoBN,EAAI,YAAYN,IAEpCa,IAAevD,MAAU,QACzB,CAACwD,GAAaC,EAAc,IAAIC,EAAe,MAAM;AACzD,YAAMC,IAAU3D,KAASoC;AACzB,UAAIuB,GAAS;AACX,cAAMC,IAAS7D,EAAW4D,CAAO;AACjC,YAAIC,EAAQ,QAAOA;AAAA,MACrB;AACA,aAAO,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,GAAG,EAAA;AAAA,IACnC,CAAC,GAEKC,IAAmBC,EAAQ,MAAM;AACrC,UAAIP,KAAgBvD,GAAO;AACzB,cAAM4D,IAAS7D,EAAWC,CAAK;AAC/B,YAAI4D,EAAQ,QAAOA;AAAA,MACrB;AACA,aAAOJ;AAAA,IACT,GAAG,CAACD,GAAcvD,GAAOwD,CAAW,CAAC,GAE/BO,IAAaC;AAAA,MACjB,CAAClF,MAAc;AACb,cAAMmF,IAAW3B,IAAexD,IAAM,EAAE,GAAGA,GAAK,GAAG,EAAA;AACnD,QAAKyE,KAAcE,GAAeQ,CAAQ,GAC1C5B,KAAA,QAAAA,EAAWxC,EAAaoE,GAAUnE,CAAM;AAAA,MAC1C;AAAA,MACA,CAACwC,GAAcxC,GAAQyD,GAAclB,CAAQ;AAAA,IAAA,GAGzC,CAAC6B,GAAUC,CAAW,IAAIT,EAAS,MAAM7E,EAASgF,CAAU,CAAC,GAC7D,CAACO,IAAUC,CAAW,IAAIX,EAAS,EAAK,GACxCY,IAAiBC,EAAsC,MAAS,GAChEC,IAAgBD,EAAOV,CAAU;AACvC,IAAAW,EAAc,UAAUX,GAExBY,GAAU,MAAM;AACd,MAAAN,EAAYtF,EAASgF,CAAU,CAAC,GAChCQ,EAAY,EAAK,GACbC,EAAe,YAAY,WAC7B,aAAaA,EAAe,OAAO,GACnCA,EAAe,UAAU;AAAA,IAE7B,GAAG,CAACT,CAAU,CAAC,GAEfY,GAAU,MACD,MAAM;AACX,MAAIH,EAAe,YAAY,UAC7B,aAAaA,EAAe,OAAO;AAAA,IAEvC,GACC,CAAA,CAAE;AAEL,UAAMI,KAAgB,MAAM;AAC1B,YAAMd,IAAS7D,EAAWmE,CAAQ;AAClC,MAAIN,KACFS,EAAY,EAAK,GACjBN,EAAWH,CAAM,MAEjBS,EAAY,EAAI,GAChBC,EAAe,UAAU,WAAW,MAAM;AACxC,QAAAA,EAAe,UAAU,QACzBD,EAAY,EAAK,GACjBF,EAAYtF,EAAS2F,EAAc,OAAO,CAAC;AAAA,MAC7C,GAAG,GAAG;AAAA,IAEV,GAEMG,IAA4Bb,EAAQ,MACnCvB,IACEA,EAAQ;AAAA,MAAI,CAACqC,MAClB,OAAOA,KAAS,WACZ,EAAE,MAAMA,EAAK,YAAA,GAAe,KAAKA,MACjCA;AAAA,IAAA,IAJe1D,IAMpB,CAACqB,CAAO,CAAC,GAENsC,KAAahG,EAASgF,CAAU,GAYhCiB,IARuBhB;AAAA,MAC3B,MACEa,EAAS,IAAI,CAACpF,MAAM;AAClB,cAAMqE,IAAS7D,EAAWR,EAAE,GAAG;AAC/B,eAAOqE,IAAS/E,EAAS+E,CAAM,EAAE,gBAAgB;AAAA,MACnD,CAAC;AAAA,MACH,CAACe,CAAQ;AAAA,IAAA,EAEsC;AAAA,MAC/C,CAAC3G,MAAQA,MAAQ,QAAQA,MAAQ6G,GAAW,YAAA;AAAA,IAAY,GAGpDE,IAAUR,EAAuB,IAAI,GACrC,CAACS,GAAcC,CAAe,IAAIvB;AAAA,MACtCoB,KAAuB,IAAIA,IAAsB;AAAA,IAAA,GAG7CI,KAAc,CAACC,MAAkB;;AACrC,YAAMC,KACJC,IAAAN,EAAQ,YAAR,gBAAAM,EAAiB,iBAA8B;AACjD,MAAID,KAAA,QAAAA,EAAQD,OACVC,EAAMD,CAAK,EAAE,MAAA,GACbF,EAAgBE,CAAK;AAAA,IAEzB,GAEMG,KAAoB,CAACC,MAAyC;AAClE,UAAIjC,EAAmB;AACvB,YAAMkC,IAAQb,EAAS;AACvB,UAAIc,IAAOT;AAUX,YAAMU,KAHJ,OAAO,SAAW,OAAeX,EAAQ,UACrC,OAAO,iBAAiBA,EAAQ,OAAO,EAAE,cAAc,QACvD,MACkB,KAAK;AAE7B,cAAQQ,EAAM,KAAA;AAAA,QACZ,KAAK;AACH,UAAAE,KAAQT,IAAeU,IAAUF,KAASA;AAC1C;AAAA,QACF,KAAK;AACH,UAAAC,KAAQT,IAAeU,IAAUF,KAASA;AAC1C;AAAA,QACF,KAAK;AACH,UAAAC,IAAO,KAAK,IAAIT,IAAe3D,GAAMmE,IAAQ,CAAC;AAC9C;AAAA,QACF,KAAK;AACH,UAAAC,IAAO,KAAK,IAAIT,IAAe3D,GAAM,CAAC;AACtC;AAAA,QACF,KAAK;AACH,UAAAoE,IAAO,KAAK,MAAMT,IAAe3D,CAAI,IAAIA;AACzC;AAAA,QACF,KAAK;AACH,UAAAoE,IAAO,KAAK;AAAA,YACV,KAAK,MAAMT,IAAe3D,CAAI,IAAIA,IAAOA,IAAO;AAAA,YAChDmE,IAAQ;AAAA,UAAA;AAEV;AAAA,QACF,KAAK;AACH,UAAAC,IAAOT,IAAe3D;AACtB;AAAA,QACF,KAAK,YAAY;AACf,gBAAMsE,IAAe,KAAK,OAAOH,IAAQ,KAAKnE,CAAI,IAAIA;AACtD,UAAAoE,IAAO,KAAK,IAAIE,IAAgBX,IAAe3D,GAAOmE,IAAQ,CAAC;AAC/D;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK,KAAK;AACR,UAAAD,EAAM,eAAA;AACN,gBAAM3B,IAAS7D,EAAW4E,EAASK,CAAY,EAAE,GAAG;AACpD,UAAIpB,OAAmBA,CAAM;AAC7B;AAAA,QACF;AAAA,QACA;AACE;AAAA,MAAA;AAGJ,MAAA2B,EAAM,eAAA,GACNL,GAAYO,CAAI;AAAA,IAClB,GAEM,CAACG,IAAMC,CAAO,IAAInC,EAAS,EAAK,GAEhCoC,KAAchC;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAMjF,EAAS2F,EAAc,OAAO;AAAA,QAC9C,UAAU,CAACxG,MAAQ;AACjB,gBAAM4F,IAAS7D,EAAW/B,CAAG;AAC7B,UAAI4F,OAAmBA,CAAM;AAAA,QAC/B;AAAA,MAAA;AAAA,MAEF,CAACG,CAAU;AAAA,IAAA;AAEb,IAAAgC,GAAqBnI,IAAkBkI,IAAa1C,CAAQ;AAE5D,UAAM4C,IAAelC,EAAQ,MAAM;AACjC,UAAI,CAACtB,EAAS,QAAO;AACrB,YAAMyD,IAAQlG,EAAWyC,CAAO;AAChC,UAAI,CAACyD,EAAO,QAAO;AACnB,YAAMjF,IAAQR,GAAcqD,GAAYoC,CAAK;AAC7C,aAAO,EAAE,OAAAjF,GAAO,IAAID,GAAQC,CAAK,GAAG,KAAKC,GAASD,CAAK,EAAA;AAAA,IACzD,GAAG,CAACwB,GAASqB,CAAU,CAAC,GAElBqC;AAAA;AAAA,MAEJ,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKpB;AAAA,UACL,MAAK;AAAA,UACL,cAAYpF,EAAE,mCAAmC,gBAAgB;AAAA,UACjE,WAAW2F;AAAA,UACX,WAAU;AAAA,UAET,UAAAX,EAAS,IAAI,CAACyB,GAAS,MAAM;AAC5B,kBAAMC,IAAW,KAAK,MAAM,IAAIhF,CAAI,IAAIA;AAExC,mBADqB,MAAMgF,IAEzB,gBAAAF,EAAC,OAAA,EAAY,MAAK,OAAM,WAAU,eAC/B,UAAAxB,EAAS,MAAM0B,GAAUA,IAAWhF,CAAI,EAAE,IAAI,CAAC9B,GAAG+G,MAAM;AACvD,oBAAMC,IAAMF,IAAWC,GACjBE,IAAMD,MAAQzB;AACpB;AAAA;AAAA,gBAEE,gBAAAqB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,iBAAeK;AAAA,oBACf,cAAY7G,EAAE,kCAAkC;AAAA,sBAC9C,MAAMJ,EAAE;AAAA,sBACR,KAAKA,EAAE;AAAA,oBAAA,CACR;AAAA,oBACD,UAAUgH,MAAQvB,IAAe,IAAI;AAAA,oBACrC,SAAS,MAAM;AACb,0BAAI1B,EAAmB;AACvB,4BAAMM,IAAS7D,EAAWR,EAAE,GAAG;AAC/B,sBAAIqE,OAAmBA,CAAM,GAC7BqB,EAAgBsB,CAAG;AAAA,oBACrB;AAAA,oBACA,WAAW/E,GAAe,EAAE,UAAUgF,GAAK,MAAA/D,GAAM;AAAA,oBAEjD,OAAO,EAAG,eAA0BlD,EAAE,IAAA;AAAA,oBAErC,UAAAiH,IACC,gBAAAL;AAAA,sBAACM;AAAA,sBAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,WAAU;AAAA,sBAAA;AAAA,oBAAA,IAEV;AAAA,kBAAA;AAAA,kBAvBClH,EAAE;AAAA,gBAAA;AAAA;AAAA,YA0Bb,CAAC,EAAA,GAjCO,CAkCV,IACE;AAAA,UACN,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,OAICmH,KAAe9D,IAAU,OAC7B,gBAAA+D,EAAAC,IAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,QAAA,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,GAAG/C,CAAQ;AAAA,YACpB,WAAU;AAAA,YAET,UAAAzD,EAAE,0BAA0B,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpC,gBAAAwG,EAAC,OAAA,EAAI,KAAI,OACP,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAG/C,CAAQ;AAAA,YACf,MAAK;AAAA,YACL,OAAOc;AAAA,YACP,UAAUZ;AAAA,YACV,UAAU,CAACuD,MAAM1C,EAAY0C,EAAE,OAAO,KAAK;AAAA,YAC3C,QAAQnC;AAAA,YACR,WAAW,GAAG5C,EAAiB,IAAIsC,KAAW,mCAAmC,yCAAyC;AAAA,UAAA;AAAA,QAAA,EAC5H,CACF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAuC,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,QAAA,gBAAAR;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOnH,EAAE,0BAA0B,KAAK;AAAA,YACxC,UAAS;AAAA,YACT,KAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAOkE,EAAW;AAAA,YAClB,UAAU,CAAC5F,MAAM8F,EAAW,EAAE,GAAGF,GAAY,GAAA5F,GAAG;AAAA,YAChD,aAAa,CAAC8I,MAAM,KAAK,KAAK,MAAMA,CAAC,CAAC;AAAA,YACtC,UAAUzD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAA6C;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOnH,EAAE,iCAAiC,YAAY;AAAA,YACtD,UAAU,iCAAiCkE,EAAW,CAAC,OAAOA,EAAW,CAAC,WAAWA,EAAW,CAAC,SAASA,EAAW,CAAC;AAAA,YACtH,KAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAOA,EAAW;AAAA,YAClB,UAAU,CAACtE,MAAMwE,EAAW,EAAE,GAAGF,GAAY,GAAAtE,GAAG;AAAA,YAChD,aAAa,CAACwH,MAAM,KAAK,KAAK,MAAMA,CAAC,CAAC;AAAA,YACtC,UAAUzD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAA6C;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOnH,EAAE,gCAAgC,WAAW;AAAA,YACpD,UAAU,iCAAiCkE,EAAW,CAAC,IAAIA,EAAW,CAAC,cAAcA,EAAW,CAAC,IAAIA,EAAW,CAAC,eAAeA,EAAW,CAAC,IAAIA,EAAW,CAAC;AAAA,YAC5J,KAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAOA,EAAW;AAAA,YAClB,UAAU,CAACpF,MAAMsF,EAAW,EAAE,GAAGF,GAAY,GAAApF,GAAG;AAAA,YAChD,aAAa,CAACsI,MAAM,KAAK,KAAK,MAAMA,CAAC,CAAC;AAAA,YACtC,UAAUzD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEXhB,IACC,gBAAAqE,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,UAAA,gBAAAR,EAAC,WAAM,WAAU,0EACd,UAAAxG,EAAE,8BAA8B,SAAS,GAC5C;AAAA,UACA,gBAAAgH,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,iFAAiFzE,EAAuB;AAAA,gBACnH,eAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAEd,gBAAAyE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBAEV,OAAO;AAAA,kBACJ,sBAAiC,kCAAkCtC,EAAW,CAAC,IAAIA,EAAW,CAAC,KAAKA,EAAW,CAAC,aAAaA,EAAW,CAAC,IAAIA,EAAW,CAAC,KAAKA,EAAW,CAAC;AAAA,gBAAA;AAAA,gBAE7K,eAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAEd,gBAAAsC;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO,CAAC,KAAK,MAAMnD,EAAW,IAAI,GAAG,CAAC;AAAA,gBACtC,eAAe,CAAC,CAACkD,CAAC,MAChBhD,EAAW,EAAE,GAAGF,GAAY,GAAGkD,IAAI,KAAK;AAAA,gBAE1C,cAAYpH,EAAE,8BAA8B,SAAS;AAAA,gBACrD,aAAa,CAACoH,MAAM,GAAGA,CAAC;AAAA,gBACxB,UAAUzD;AAAA,gBACV,WAAWvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EAAA,CACF;AAAA,QAAA,EAAA,CACF,IACE;AAAA,MAAA,GACN;AAAA,MAECiE,IACC,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,mBACb,UAAAxG,EAAE,oCAAoC;AAAA,cACrC,OAAOsH,GAAajB,EAAa,OAAOlD,GAAK,UAAU;AAAA,gBACrD,uBAAuB;AAAA,gBACvB,uBAAuB;AAAA,cAAA,CACxB;AAAA,YAAA,CACF,GACH;AAAA,8BACCoE,IAAA,EAAc,OAAM,MAAK,QAAQlB,EAAa,IAAI,GAAArG,GAAM;AAAA,8BACxDuH,IAAA,EAAc,OAAM,OAAM,QAAQlB,EAAa,KAAK,GAAArG,EAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAE3D;AAAA,MAEJ,gBAAAgH,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,QAAA,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAEV,OAAO,EAAG,eAA0BtH,EAASgF,CAAU,EAAA;AAAA,YACvD,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEb,QAAA,EAAK,WAAU,0FACb,UAAAhE,EAAagE,GAAY/D,CAAM,EAAA,CAClC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF,GAGIqH,IACJ,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WACE/D,IACIH,MAAS,OACPb,KACAD,KACFF;AAAA,QAGL,UAAA;AAAA,UAAAyE;AAAA,UACAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAICU,KAAYC,GAAmB,IAAM;AAAA,MACzC,WAAWC;AAAA,MACX,mBAAmB,MAAMzB,EAAQ,EAAK;AAAA,IAAA,CACvC;AAED,WAAIlD,OAAY,WAEZ,gBAAAwD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAhE;AAAA,QACA,IAAIiB;AAAA,QACJ,WAAAP;AAAA,QACA,oBAAkBG,EAAI,eAAe;AAAA,QACrC,gBAAcA,EAAI,WAAW;AAAA,QAC7B,iBAAeM,KAAqB;AAAA,QACpC,kBAAe;AAAA,QACf,qBAAmBF;AAAA,QACnB,eAAY;AAAA,QAEX,UAAA+D;AAAA,MAAA;AAAA,IAAA,sBAMJI,EAAQ,MAAR,EAAa,MAAA3B,IAAY,cAAcC,GACtC,UAAA;AAAA,MAAA,gBAAAM,EAACoB,EAAQ,SAAR,EAAgB,SAAO,IAAC,UAAUjE,GAEjC,UAAA,gBAAAqD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAxE;AAAA,UACA,MAAK;AAAA,UACL,IAAIiB;AAAA,UACJ,oBAAkBJ,EAAI,eAAe;AAAA,UACrC,gBAAcA,EAAI,WAAW;AAAA,UAK7B,cACEJ,IACIjD,EAAE,mCAAmC,eAAe,IACpD;AAAA,UAEN,WAAW2B,GAAgB,EAAE,MAAAmB,GAAM,WAAAI,GAAW;AAAA,UAC9C,kBAAe;AAAA,UACf,qBAAmBO;AAAA,UACnB,eAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAA+C;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,yIAAyIvD,IAAU,KAAK,4BAA4B;AAAA,gBAC/L,eAAY;AAAA,gBAEZ,OAAO,EAAG,eAA0B/D,EAASgF,CAAU,EAAA;AAAA,cAAE;AAAA,YAAA;AAAA,YAE1DjB,IAAU,OACT,gBAAAuD,EAAC,QAAA,EAAK,WAAU,6CACb,UAAAtG,EAAagE,GAAY/D,CAAM,EAAA,CAClC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAGN;AAAA,MACA,gBAAAqG,EAACoB,EAAQ,QAAR,EACC,UAAA,gBAAApB;AAAA,QAACoB,EAAQ;AAAA,QAAR;AAAA,UACC,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,WAAW1F;AAAA,UACX,WAAWuF;AAAA,UAEV,UAAAD;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEAnF,GAAY,cAAc;AAE1B,SAASkF,GAAc;AAAA,EACrB,OAAAM;AAAA,EACA,QAAAC;AAAA,EACA,GAAA9H;AACF,GAIG;AACD,SACE,gBAAAgH,EAAC,QAAA,EAAK,WAAU,6DACd,UAAA;AAAA,IAAA,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,8CAA8CqB,CAAK;AAAA,QAC1D,WAAU;AAAA,QAET,UAAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFC,IACC,gBAAAtB;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ,gBAAAN;AAAA,MAACuB;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd,gBAAAvB,EAAC,QAAA,EAAK,WAAU,cACb,UAAAsB,IACG9H,EAAE,mCAAmC,MAAM,IAC3CA,EAAE,mCAAmC,MAAM,EAAA,CACjD;AAAA,EAAA,GACF;AAEJ;AAEA,SAASmH,EAAmB;AAAA,EAC1B,OAAAa;AAAA,EACA,UAAAC;AAAA,EACA,KAAApJ;AAAA,EACA,KAAAD;AAAA,EACA,OAAAyB;AAAA,EACA,UAAAqC;AAAA,EACA,aAAAwF;AAAA,EACA,UAAAnF;AACF,GASG;AACD,SACE,gBAAAiE,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,IAAA,gBAAAR,EAAC,SAAA,EAAM,WAAU,0EACd,UAAAwB,GACH;AAAA,IACA,gBAAAhB,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UAEV,OAAO,EAAG,qBAAgCyB,EAAA;AAAA,UAC1C,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAzB;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,KAAAxI;AAAA,UACA,KAAAD;AAAA,UACA,MAAM;AAAA,UACN,OAAO,CAACyB,CAAK;AAAA,UACb,eAAe,CAAC,CAAC+G,CAAC,MAAM1E,EAAS0E,CAAC;AAAA,UAClC,cAAYY;AAAA,UACZ,aAAAE;AAAA,UACA,UAAAnF;AAAA,UACA,WAAWX;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/_chunks/{combobox-U5yfO6o0.js → combobox-vF9O-QoG.js}

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as g, Fragment as Ze } from "react/jsx-runtime";
-import { forwardRef as Qe, useContext as et, useMemo as Y, useState as J, useRef as m, useEffect as R, useCallback as tt } from "react";
-import * as V from "@radix-ui/react-popover";
+import { forwardRef as Qe, useContext as et, useMemo as Y, useState as J, useRef as m, useEffect as E, useCallback as tt } from "react";
+import * as P from "@radix-ui/react-popover";
 import { R as st, _ as x, P as ot } from "./index-4xgbg-sn.js";
-import { c as P } from "./index-D2ZczOXr.js";
+import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as rt } from "react-i18next";
 import { u as nt, F as it, b as at } from "./form-field-context-DtiROUJV.js";
 import { c as lt } from "./compose-refs-C0k0tdqF.js";
-import { n as E } from "./normalize-diacritics-BNGbFNlJ.js";
+import { n as w } from "./normalize-diacritics-BNGbFNlJ.js";
 import { g as dt } from "./group-options-BvKhQ3xb.js";
 import { b as ct } from "./menu-row-BAr8bx1I.js";
 import { O as ut, a as ft, o as mt, b as pt, c as bt } from "./option-row-Dc7BrbK8.js";
@@ -123,7 +123,7 @@ const Nt = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, Rt = P(
+}, Rt = $(
   [
     "ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:outline-none ds:border-0",
@@ -141,7 +141,7 @@ const Nt = {
       size: "md"
     }
   }
-), Et = P(
+), Et = $(
   [
     "ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full",
     gt
@@ -160,7 +160,7 @@ const Nt = {
       tone: "default"
     }
   }
-), wt = P(
+), wt = $(
   [
     "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]",
     // A guard: the list is as wide as the field, so only a field that is
@@ -175,7 +175,7 @@ const Nt = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), ve = P(
+), ve = $(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -206,24 +206,24 @@ const Nt = {
 function At({
   search: n,
   label: d,
-  iconClass: $,
-  size: j,
-  onSelect: H
+  iconClass: j,
+  size: H,
+  onSelect: q
 }) {
-  return ot((q) => q.filtered.count) > 0 ? null : /* @__PURE__ */ g(
+  return ot((B) => B.filtered.count) > 0 ? null : /* @__PURE__ */ g(
     x.Item,
     {
       value: `__combobox-create__${n}`,
       keywords: [],
       forceMount: !0,
-      onSelect: () => H(n),
-      className: ve({ size: j }),
+      onSelect: () => q(n),
+      className: ve({ size: H }),
       children: [
         /* @__PURE__ */ o(
           "span",
           {
             "aria-hidden": "true",
-            className: `ds:inline-flex ds:items-center ds:justify-center ${$}`
+            className: `ds:inline-flex ds:items-center ds:justify-center ${j}`
           }
         ),
         /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:truncate", children: d })
@@ -234,21 +234,21 @@ function At({
 const he = Qe(
   function({
     options: d,
-    value: $,
-    defaultValue: j,
-    onValueChange: H,
+    value: j,
+    defaultValue: H,
+    onValueChange: q,
     placeholder: te,
-    clearable: q = !1,
+    clearable: B = !1,
     disabled: ge,
     readOnly: xe,
     required: ye,
     name: Se,
     id: se,
-    size: w = "md",
+    size: _ = "md",
     tone: Ne = "default",
-    filter: B,
+    filter: L,
     allowCreate: Re = !1,
-    onCreate: L,
+    onCreate: U,
     open: oe,
     onOpenChange: y,
     onQueryChange: a,
@@ -257,18 +257,18 @@ const he = Qe(
     "aria-label": re,
     "aria-invalid": _e,
     "aria-describedby": Ie,
-    autoComplete: z,
+    autoComplete: A,
     matchAutofill: ne,
     wrapOptionLabels: ie = !1
   }, ke) {
-    const { t: _ } = rt("ui"), S = nt(), A = et(it) !== null, [ze, C] = vt({
-      value: $,
-      defaultValue: j ?? "",
-      onChange: H
-    }), b = ze ?? "", U = Y(
+    const { t: I } = rt("ui"), S = nt(), C = et(it) !== null, [ze, D] = vt({
+      value: j,
+      defaultValue: H ?? "",
+      onChange: q
+    }), b = ze ?? "", R = Y(
       () => d.find((e) => e.value === b),
       [d, b]
-    ), f = (U == null ? void 0 : U.label) ?? "", [p, c] = J(f), [Ae, ae] = J(!1), D = oe !== void 0, i = D ? oe : Ae, I = m(!1), F = f !== "" && p === f, N = m(null), le = m(null), de = m(null);
+    ), f = (R == null ? void 0 : R.label) ?? "", [p, c] = J(f), [Ae, ae] = J(!1), F = oe !== void 0, i = F ? oe : Ae, k = m(!1), T = f !== "" && p === f, N = m(null), le = m(null), de = m(null);
     at(S, N);
     const [Ce, De] = J(0), ce = m(!1);
     Z(() => {
@@ -276,15 +276,15 @@ const he = Qe(
         ce.current = !0;
         return;
       }
-      F && De((e) => e + 1);
-    }, [F]);
-    const T = m(!1);
-    R(() => {
-      T.current = !1;
+      T && De((e) => e + 1);
+    }, [T]);
+    const O = m(!1);
+    E(() => {
+      O.current = !1;
     }, [p, i]);
     const K = m(!1);
     Z(() => {
-      if (!i || !F || !b) return;
+      if (!i || !T || !b) return;
       const e = de.current, t = e == null ? void 0 : e.querySelector(
         `[data-option-id="${CSS.escape(b)}"]`
       );
@@ -297,28 +297,28 @@ const he = Qe(
         K.current = !1;
       }
     }, [i]);
-    const O = z && z !== "off" ? z : void 0;
+    const V = A && A !== "off" ? A : void 0;
     Z(() => {
       const e = N.current;
-      e && (e.setAttribute("aria-expanded", String(i)), O && e.setAttribute("autocomplete", O));
+      e && (e.setAttribute("aria-expanded", String(i)), V && e.setAttribute("autocomplete", V));
     });
     const M = m(!1);
-    R(() => {
+    E(() => {
       const e = N.current;
-      if (!e || !O) return;
+      if (!e || !V) return;
       const t = (r) => {
         const l = r.inputType;
         M.current = !l || l === "insertReplacementText";
       };
       return e.addEventListener("input", t), () => e.removeEventListener("input", t);
-    }, [O]), R(() => {
+    }, [V]), E(() => {
       i || c(f);
     }, [f, i]);
-    const k = (A ? S.disabled : !1) || !!ge, v = !!xe, Fe = (A ? S.required : !1) || !!ye, ue = A ? S.invalid : !!_e, Te = ue ? "error" : Ne, Oe = A && S.describedBy ? S.describedBy : Ie, fe = te ?? _("inputs.combobox.placeholder", "Search…"), Ve = Y(
+    const z = (C ? S.disabled : !1) || !!ge, v = !!xe, Fe = (C ? S.required : !1) || !!ye, ue = C ? S.invalid : !!_e, Te = ue ? "error" : Ne, Oe = C && S.describedBy ? S.describedBy : Ie, fe = te ?? I("inputs.combobox.placeholder", "Search…"), Ve = Y(
       () => (e, t, r) => {
-        if (I.current || f !== "" && t === f) return 1;
-        const l = E(e), s = E(t), h = r == null ? void 0 : r.map(E);
-        return B ? B(
+        if (k.current || f !== "" && t === f) return 1;
+        const l = w(e), s = w(t), h = r == null ? void 0 : r.map(w);
+        return L ? L(
           l,
           s,
           (h == null ? void 0 : h[0]) ?? ""
@@ -328,22 +328,22 @@ const he = Qe(
           h
         );
       },
-      [B, f]
+      [L, f]
     ), G = (e) => {
-      C(e);
+      D(e);
     }, u = (e) => {
-      D || ae(e), y == null || y(e);
+      F || ae(e), y == null || y(e);
     }, Pe = (e) => {
       const t = d.find((r) => r.value === e);
       G(e), c((t == null ? void 0 : t.label) ?? ""), u(!1);
     }, $e = (e) => {
-      L == null || L(e), u(!1);
+      U == null || U(e), u(!1);
     }, je = (e) => {
       var l;
-      const t = E(e.trim());
+      const t = w(e.trim());
       if (!t) return;
       const r = ne ? ne(e.trim()) : (l = d.find(
-        (s) => E(s.value) === t || E(s.label) === t
+        (s) => w(s.value) === t || w(s.label) === t
       )) == null ? void 0 : l.value;
       return d.find((s) => s.value === r && !s.disabled);
     }, He = (e) => {
@@ -360,27 +360,27 @@ const he = Qe(
             return;
           }
         }
-        c(e), I.current || a == null || a(e), !i && e.length > 0 && !I.current && u(!0);
+        c(e), k.current || a == null || a(e), !i && e.length > 0 && !k.current && u(!0);
       }
     }, qe = () => {
-      !k && !v && u(!0);
+      !z && !v && u(!0);
     }, Be = () => {
-      !i && !k && !v && u(!0);
+      !i && !z && !v && u(!0);
     }, Le = () => {
-      I.current = !0;
+      k.current = !0;
     }, Ue = () => {
       var t;
-      if (I.current = !1, v) return;
+      if (k.current = !1, v) return;
       const e = ((t = N.current) == null ? void 0 : t.value) ?? "";
       c(e), a == null || a(e), e.length > 0 && u(!0);
     }, Ke = (e) => {
       if (!e.nativeEvent.isComposing) {
-        if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !i && !k && !v) {
+        if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !i && !z && !v) {
           e.preventDefault(), u(!0);
           return;
         }
         if ((e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" || /* cmdk's own Ctrl+N, J, P and K move the highlight too. */
-        e.ctrlKey && ["n", "j", "p", "k"].includes(e.key)) && (T.current = !0), e.key === "Enter" && (!i || !T.current && (F || p === ""))) {
+        e.ctrlKey && ["n", "j", "p", "k"].includes(e.key)) && (O.current = !0), e.key === "Enter" && (!i || !O.current && (T || p === ""))) {
           e.preventDefault(), i && u(!1);
           return;
         }
@@ -392,22 +392,22 @@ const he = Qe(
     }, Ge = (e) => {
       v && e || (u(e), e || c(f));
     }, me = m(b);
-    R(() => {
+    E(() => {
       me.current = b;
     }, [b]);
     const pe = m(p);
-    R(() => {
+    E(() => {
       pe.current = p;
     }, [p]);
     const be = m(i);
-    R(() => {
+    E(() => {
       be.current = i;
     }, [i]);
     const W = tt(
       (e) => {
-        D || ae(e), y == null || y(e);
+        F || ae(e), y == null || y(e);
       },
-      [D, y]
+      [F, y]
     ), We = Y(
       () => ({
         getValue: () => me.current || null,
@@ -415,7 +415,7 @@ const he = Qe(
         getIsOpen: () => be.current,
         setValue: (e) => {
           const t = e ?? "";
-          C(t);
+          D(t);
           const r = d.find((l) => l.value === t);
           c((r == null ? void 0 : r.label) ?? "");
         },
@@ -423,16 +423,16 @@ const he = Qe(
           c(e), a == null || a(e);
         },
         clear: () => {
-          C(""), c(""), a == null || a("");
+          D(""), c(""), a == null || a("");
         },
         open: () => W(!0),
         close: () => W(!1)
       }),
-      [C, d, W, a]
+      [D, d, W, a]
     );
     xt(Nt, We, se);
-    const Xe = q && !!b && !k && !v, Ye = dt(d), X = zt[w];
-    return /* @__PURE__ */ o(V.Root, { open: i, onOpenChange: Ge, children: /* @__PURE__ */ g(
+    const Xe = B && !!b && !z && !v, Ye = dt(d), X = zt[_];
+    return /* @__PURE__ */ o(P.Root, { open: i, onOpenChange: Ge, children: /* @__PURE__ */ g(
       x,
       {
         filter: Ve,
@@ -441,12 +441,12 @@ const he = Qe(
         label: re ?? (S.label || fe),
         className: "ds:w-full",
         children: [
-          /* @__PURE__ */ o(V.Anchor, { asChild: !0, children: /* @__PURE__ */ g(
+          /* @__PURE__ */ o(P.Anchor, { asChild: !0, children: /* @__PURE__ */ g(
             "div",
             {
               ref: le,
               className: Et({
-                size: w,
+                size: _,
                 tone: Te,
                 className: we
               }),
@@ -459,12 +459,13 @@ const he = Qe(
                     ref: lt(ke, N),
                     value: p,
                     onValueChange: He,
+                    dir: R == null ? void 0 : R.dir,
                     name: Se,
                     placeholder: fe,
-                    disabled: k,
+                    disabled: z,
                     readOnly: v,
                     required: Fe,
-                    autoComplete: z,
+                    autoComplete: A,
                     "aria-describedby": Oe,
                     "aria-invalid": ue || void 0,
                     onFocus: qe,
@@ -472,14 +473,14 @@ const he = Qe(
                     onKeyDown: Ke,
                     onCompositionStart: Le,
                     onCompositionEnd: Ue,
-                    className: Rt({ size: w })
+                    className: Rt({ size: _ })
                   }
                 ),
                 Xe ? /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
-                    "aria-label": _("inputs.combobox.clear", "Clear selection"),
+                    "aria-label": I("inputs.combobox.clear", "Clear selection"),
                     onClick: Me,
                     onPointerDown: (e) => e.stopPropagation(),
                     className: [
@@ -498,12 +499,12 @@ const he = Qe(
               ]
             }
           ) }),
-          /* @__PURE__ */ o(V.Portal, { forceMount: !0, children: /* @__PURE__ */ o(
-            V.Content,
+          /* @__PURE__ */ o(P.Portal, { forceMount: !0, children: /* @__PURE__ */ o(
+            P.Content,
             {
               forceMount: !0,
               hidden: !i,
-              "aria-label": re ?? _("inputs.combobox.popupLabel", "Options"),
+              "aria-label": re ?? I("inputs.combobox.popupLabel", "Options"),
               onOpenAutoFocus: (e) => e.preventDefault(),
               onCloseAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
@@ -520,11 +521,11 @@ const he = Qe(
                   ref: de,
                   className: It,
                   onPointerMove: () => {
-                    K.current || (T.current = !0);
+                    K.current || (O.current = !0);
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   children: [
-                    /* @__PURE__ */ o(x.Empty, { className: kt, children: /* @__PURE__ */ o("div", { role: "option", "aria-selected": !1, "aria-disabled": "true", children: Ee ?? _("inputs.combobox.empty", "No results found") }) }),
+                    /* @__PURE__ */ o(x.Empty, { className: kt, children: /* @__PURE__ */ o("div", { role: "option", "aria-selected": !1, "aria-disabled": "true", children: Ee ?? I("inputs.combobox.empty", "No results found") }) }),
                     Ye.map(({ group: e, items: t }, r) => {
                       const l = t.map((s) => {
                         const h = s.value === b;
@@ -536,7 +537,7 @@ const he = Qe(
                             keywords: [s.label],
                             disabled: s.disabled,
                             onSelect: Pe,
-                            className: ve({ size: w }),
+                            className: ve({ size: _ }),
                             children: [
                               /* @__PURE__ */ o(
                                 "span",
@@ -573,6 +574,7 @@ const he = Qe(
                                         /* @__PURE__ */ o(
                                           "span",
                                           {
+                                            dir: s.dir,
                                             className: mt({
                                               wrap: ie,
                                               className: "ds:flex-1"
@@ -598,7 +600,14 @@ const he = Qe(
                                   }
                                 )
                               ) : /* @__PURE__ */ g(Ze, { children: [
-                                /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:truncate", children: s.label }),
+                                /* @__PURE__ */ o(
+                                  "span",
+                                  {
+                                    dir: s.dir,
+                                    className: "ds:flex-1 ds:truncate",
+                                    children: s.label
+                                  }
+                                ),
                                 s.endContent ? (
                                   // Deliberately NOT aria-hidden — unlike
                                   // `startAdornment`, this slot carries meaning
@@ -626,11 +635,11 @@ const he = Qe(
                       At,
                       {
                         search: p,
-                        label: _("inputs.combobox.create", 'Create "{{value}}"', {
+                        label: I("inputs.combobox.create", 'Create "{{value}}"', {
                           value: p
                         }),
                         iconClass: X,
-                        size: w,
+                        size: _,
                         onSelect: $e
                       }
                     ) : null
@@ -655,4 +664,4 @@ export {
   ve as d,
   Et as e
 };
-//# sourceMappingURL=combobox-U5yfO6o0.js.map
+//# sourceMappingURL=combobox-vF9O-QoG.js.map