jaci-ui 0.9.4 → 1.0.2

package/dist/components/color-picker/color-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-utils.js","names":[],"sources":["../../../src/components/color-picker/color-utils.ts"],"sourcesContent":["export type ColorFormat = \"hex\" | \"rgb\" | \"hsl\";\n\nexport interface ColorModel {\n  alpha: number;\n  hue: number;\n  lightness: number;\n  saturation: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nfunction parseNumber(value: string, min: number, max: number) {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;\n}\n\nfunction parseAlpha(value: string | undefined) {\n  if (value === undefined) return 1;\n  if (value.trim().endsWith(\"%\")) {\n    return parseNumber(value, 0, 100) === null\n      ? null\n      : (parseNumber(value, 0, 100) as number) / 100;\n  }\n  return parseNumber(value, 0, 1);\n}\n\nfunction parseHex(value: string): ColorModel | null {\n  const hex = value.slice(1);\n  if (![3, 4, 6, 8].includes(hex.length) || !/^[\\da-f]+$/i.test(hex)) return null;\n  const expanded =\n    hex.length <= 4\n      ? hex\n          .split(\"\")\n          .map((part) => `${part}${part}`)\n          .join(\"\")\n      : hex;\n  const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;\n  const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;\n  const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;\n  const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;\n  return rgbToHsl(red * 255, green * 255, blue * 255, alpha);\n}\n\nfunction parseRgb(value: string): ColorModel | null {\n  const match = value.match(\n    /^rgba?\\(\\s*([^,\\s]+)[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n\n  const redValue = match[1];\n  const greenValue = match[2];\n  const blueValue = match[3];\n  if (!redValue || !greenValue || !blueValue) return null;\n  const channels = [redValue, greenValue, blueValue].map((channel) => {\n    if (channel.endsWith(\"%\")) {\n      const percentage = parseNumber(channel, 0, 100);\n      return percentage === null ? null : (percentage / 100) * 255;\n    }\n    return parseNumber(channel, 0, 255);\n  });\n  const alpha = parseAlpha(match[4]);\n  if (channels.some((channel) => channel === null) || alpha === null) return null;\n  return rgbToHsl(channels[0] as number, channels[1] as number, channels[2] as number, alpha);\n}\n\nfunction parseHsl(value: string): ColorModel | null {\n  const match = value.match(\n    /^hsla?\\(\\s*([^,\\s]+)(?:deg)?[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n  const hueValue = match[1];\n  const saturationValue = match[2];\n  const lightnessValue = match[3];\n  if (!hueValue || !saturationValue || !lightnessValue) return null;\n  const hue = parseNumber(hueValue.replace(/deg$/i, \"\"), -360, 360);\n  const saturation = parseNumber(saturationValue, 0, 100);\n  const lightness = parseNumber(lightnessValue, 0, 100);\n  const alpha = parseAlpha(match[4]);\n  if (hue === null || saturation === null || lightness === null || alpha === null) return null;\n  if (!saturationValue.endsWith(\"%\") || !lightnessValue.endsWith(\"%\")) return null;\n  return { alpha, hue: (hue + 360) % 360, lightness, saturation };\n}\n\nfunction rgbToHsl(red: number, green: number, blue: number, alpha = 1): ColorModel {\n  const r = red / 255;\n  const g = green / 255;\n  const b = blue / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  let hue = 0;\n  const lightness = (max + min) / 2;\n  const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n  if (delta !== 0) {\n    if (max === r) hue = 60 * (((g - b) / delta) % 6);\n    else if (max === g) hue = 60 * ((b - r) / delta + 2);\n    else hue = 60 * ((r - g) / delta + 4);\n  }\n\n  return {\n    alpha: clamp(alpha, 0, 1),\n    hue: (hue + 360) % 360,\n    lightness: lightness * 100,\n    saturation: saturation * 100,\n  };\n}\n\nfunction hslToRgb({ hue, lightness, saturation }: ColorModel) {\n  const h = hue / 360;\n  const s = saturation / 100;\n  const l = lightness / 100;\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const segment = h * 6;\n  const x = chroma * (1 - Math.abs((segment % 2) - 1));\n  const [r, g, b] =\n    segment < 1\n      ? [chroma, x, 0]\n      : segment < 2\n        ? [x, chroma, 0]\n        : segment < 3\n          ? [0, chroma, x]\n          : segment < 4\n            ? [0, x, chroma]\n            : segment < 5\n              ? [x, 0, chroma]\n              : [chroma, 0, x];\n  const match = l - chroma / 2;\n  return {\n    blue: Math.round((b + match) * 255),\n    green: Math.round((g + match) * 255),\n    red: Math.round((r + match) * 255),\n  };\n}\n\nexport function parseColor(value: string | undefined): ColorModel | null {\n  if (!value) return null;\n  const normalized = value.trim();\n  if (normalized.startsWith(\"#\")) return parseHex(normalized);\n  if (/^rgba?/i.test(normalized)) return parseRgb(normalized);\n  if (/^hsla?/i.test(normalized)) return parseHsl(normalized);\n  return null;\n}\n\nfunction formatAlpha(alpha: number) {\n  return Number(alpha.toFixed(3)).toString();\n}\n\nexport function formatColor(color: ColorModel, format: ColorFormat, showAlpha = false) {\n  const rgb = hslToRgb(color);\n  if (format === \"hex\") {\n    const base = [rgb.red, rgb.green, rgb.blue]\n      .map((channel) => channel.toString(16).padStart(2, \"0\"))\n      .join(\"\");\n    return `#${base}${\n      showAlpha\n        ? Math.round(color.alpha * 255)\n            .toString(16)\n            .padStart(2, \"0\")\n        : \"\"\n    }`;\n  }\n  if (format === \"rgb\") {\n    return showAlpha\n      ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})`\n      : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;\n  }\n  return showAlpha\n    ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})`\n    : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;\n}\n\nexport function defaultColor(value?: string) {\n  return parseColor(value) ?? { alpha: 1, hue: 0, lightness: 0, saturation: 0 };\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-utils.js","names":[],"sources":["../../../src/components/color-picker/color-utils.ts"],"sourcesContent":["export type ColorFormat = \"hex\" | \"rgb\" | \"hsl\";\n\nexport interface ColorModel {\n  alpha: number;\n  hue: number;\n  lightness: number;\n  saturation: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nfunction parseNumber(value: string, min: number, max: number) {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;\n}\n\nfunction parseAlpha(value: string | undefined) {\n  if (value === undefined) return 1;\n  if (value.trim().endsWith(\"%\")) {\n    return parseNumber(value, 0, 100) === null\n      ? null\n      : (parseNumber(value, 0, 100) as number) / 100;\n  }\n  return parseNumber(value, 0, 1);\n}\n\nfunction parseHex(value: string): ColorModel | null {\n  const hex = value.slice(1);\n  if (![3, 4, 6, 8].includes(hex.length) || !/^[\\da-f]+$/i.test(hex)) return null;\n  const expanded =\n    hex.length <= 4\n      ? hex\n          .split(\"\")\n          .map((part) => `${part}${part}`)\n          .join(\"\")\n      : hex;\n  const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;\n  const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;\n  const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;\n  const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;\n  return rgbToHsl(red * 255, green * 255, blue * 255, alpha);\n}\n\nfunction parseRgb(value: string): ColorModel | null {\n  const match = value.match(\n    /^rgba?\\(\\s*([^,\\s]+)[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n\n  const redValue = match[1];\n  const greenValue = match[2];\n  const blueValue = match[3];\n  if (!redValue || !greenValue || !blueValue) return null;\n  const channels = [redValue, greenValue, blueValue].map((channel) => {\n    if (channel.endsWith(\"%\")) {\n      const percentage = parseNumber(channel, 0, 100);\n      return percentage === null ? null : (percentage / 100) * 255;\n    }\n    return parseNumber(channel, 0, 255);\n  });\n  const alpha = parseAlpha(match[4]);\n  if (channels.some((channel) => channel === null) || alpha === null) return null;\n  return rgbToHsl(channels[0] as number, channels[1] as number, channels[2] as number, alpha);\n}\n\nfunction parseHsl(value: string): ColorModel | null {\n  const match = value.match(\n    /^hsla?\\(\\s*([^,\\s]+)(?:deg)?[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n  const hueValue = match[1];\n  const saturationValue = match[2];\n  const lightnessValue = match[3];\n  if (!hueValue || !saturationValue || !lightnessValue) return null;\n  const hue = parseNumber(hueValue.replace(/deg$/i, \"\"), -360, 360);\n  const saturation = parseNumber(saturationValue, 0, 100);\n  const lightness = parseNumber(lightnessValue, 0, 100);\n  const alpha = parseAlpha(match[4]);\n  if (hue === null || saturation === null || lightness === null || alpha === null) return null;\n  if (!saturationValue.endsWith(\"%\") || !lightnessValue.endsWith(\"%\")) return null;\n  return { alpha, hue: (hue + 360) % 360, lightness, saturation };\n}\n\nfunction rgbToHsl(red: number, green: number, blue: number, alpha = 1): ColorModel {\n  const r = red / 255;\n  const g = green / 255;\n  const b = blue / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  let hue = 0;\n  const lightness = (max + min) / 2;\n  const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n  if (delta !== 0) {\n    if (max === r) hue = 60 * (((g - b) / delta) % 6);\n    else if (max === g) hue = 60 * ((b - r) / delta + 2);\n    else hue = 60 * ((r - g) / delta + 4);\n  }\n\n  return {\n    alpha: clamp(alpha, 0, 1),\n    hue: (hue + 360) % 360,\n    lightness: lightness * 100,\n    saturation: saturation * 100,\n  };\n}\n\nfunction hslToRgb({ hue, lightness, saturation }: ColorModel) {\n  const h = hue / 360;\n  const s = saturation / 100;\n  const l = lightness / 100;\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const segment = h * 6;\n  const x = chroma * (1 - Math.abs((segment % 2) - 1));\n  const [r, g, b] =\n    segment < 1\n      ? [chroma, x, 0]\n      : segment < 2\n        ? [x, chroma, 0]\n        : segment < 3\n          ? [0, chroma, x]\n          : segment < 4\n            ? [0, x, chroma]\n            : segment < 5\n              ? [x, 0, chroma]\n              : [chroma, 0, x];\n  const match = l - chroma / 2;\n  return {\n    blue: Math.round((b + match) * 255),\n    green: Math.round((g + match) * 255),\n    red: Math.round((r + match) * 255),\n  };\n}\n\nexport function parseColor(value: string | undefined): ColorModel | null {\n  if (!value) return null;\n  const normalized = value.trim();\n  if (normalized.startsWith(\"#\")) return parseHex(normalized);\n  if (/^rgba?/i.test(normalized)) return parseRgb(normalized);\n  if (/^hsla?/i.test(normalized)) return parseHsl(normalized);\n  return null;\n}\n\nfunction formatAlpha(alpha: number) {\n  return Number(alpha.toFixed(3)).toString();\n}\n\nexport function formatColor(color: ColorModel, format: ColorFormat, showAlpha = false) {\n  const rgb = hslToRgb(color);\n  if (format === \"hex\") {\n    const base = [rgb.red, rgb.green, rgb.blue]\n      .map((channel) => channel.toString(16).padStart(2, \"0\"))\n      .join(\"\");\n    return `#${base}${\n      showAlpha\n        ? Math.round(color.alpha * 255)\n            .toString(16)\n            .padStart(2, \"0\")\n        : \"\"\n    }`;\n  }\n  if (format === \"rgb\") {\n    return showAlpha\n      ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})`\n      : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;\n  }\n  return showAlpha\n    ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})`\n    : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;\n}\n\nexport function defaultColor(value?: string) {\n  return parseColor(value) ?? { alpha: 1, hue: 0, lightness: 0, saturation: 0 };\n}\n"],"mappings":"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"}

package/dist/components/color-swatch/color-swatch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-swatch.cjs","names":["cx","colorSwatch"],"sources":["../../../src/components/color-swatch/color-swatch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorSwatch } from \"../../styled-system/recipes\";\n\nexport interface ColorSwatchProps extends ComponentPropsWithoutRef<\"span\"> {\n  color: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  shape?: \"circle\" | \"square\";\n  border?: boolean;\n  label?: string;\n}\n\nexport const ColorSwatch = forwardRef<HTMLSpanElement, ColorSwatchProps>(function ColorSwatch(\n  { border = true, className, color, label, shape = \"circle\", size = \"md\", style, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      {...(label ? { \"aria-label\": label, role: \"img\" as const } : {})}\n      className={cx(colorSwatch({ border, shape, size }), className)}\n      data-color={color}\n      data-jaci-component=\"color-swatch\"\n      data-shape={shape}\n      data-size={size}\n      data-slot=\"color-swatch\"\n      style={{ backgroundColor: color, ...style }}\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA4D,SAAS,YAChF,EAAE,SAAS,MAAM,WAAW,OAAO,OAAO,QAAQ,UAAU,OAAO,MAAM,OAAO,GAAG,SACnF,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,GAAK,QAAQ;GAAE,cAAc;GAAO,MAAM;EAAe,IAAI,CAAC;EAC9D,WAAWA,WAAAA,GAAGC,qBAAAA,YAAY;GAAE;GAAQ;GAAO;EAAK,CAAC,GAAG,SAAS;EAC7D,cAAY;EACZ,uBAAoB;EACpB,cAAY;EACZ,aAAW;EACX,aAAU;EACV,OAAO;GAAE,iBAAiB;GAAO,GAAG;EAAM;CAC3C,CAAA;AAEL,CAAC"}
+{"version":3,"file":"color-swatch.cjs","names":["forwardRef","cx","colorSwatch"],"sources":["../../../src/components/color-swatch/color-swatch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorSwatch } from \"../../styled-system/recipes\";\n\nexport interface ColorSwatchProps extends ComponentPropsWithoutRef<\"span\"> {\n  color: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  shape?: \"circle\" | \"square\";\n  border?: boolean;\n  label?: string;\n}\n\nexport const ColorSwatch = forwardRef<HTMLSpanElement, ColorSwatchProps>(function ColorSwatch(\n  { border = true, className, color, label, shape = \"circle\", size = \"md\", style, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      {...(label ? { \"aria-label\": label, role: \"img\" as const } : {})}\n      className={cx(colorSwatch({ border, shape, size }), className)}\n      data-color={color}\n      data-jaci-component=\"color-swatch\"\n      data-shape={shape}\n      data-size={size}\n      data-slot=\"color-swatch\"\n      style={{ backgroundColor: color, ...style }}\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,eAAA,GAAcA,MAAAA,WAAAA,CAA8C,SAAS,YAChF,EAAE,SAAS,MAAM,WAAW,OAAO,OAAO,QAAQ,UAAU,OAAO,MAAM,OAAO,GAAG,SACnF,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,GAAK,QAAQ;GAAE,cAAc;GAAO,MAAM;EAAe,IAAI,CAAC;EAC9D,WAAWC,WAAAA,GAAGC,qBAAAA,YAAY;GAAE;GAAQ;GAAO;EAAK,CAAC,GAAG,SAAS;EAC7D,cAAY;EACZ,uBAAoB;EACpB,cAAY;EACZ,aAAW;EACX,aAAU;EACV,OAAO;GAAE,iBAAiB;GAAO,GAAG;EAAM;CAC3C,CAAA;AAEL,CAAC"}

package/dist/components/combobox/combobox.cjs

@@ -19,8 +19,9 @@ function useComboboxStyles() {
 * object values, grouped items, filtering and multiple selection.
 */
 function ComboboxRoot({ children, className, errors, invalid, loading: _loading, name, size = "md", ...props }) {
+	const styles = require_combobox.combobox({ size });
 	const fieldProps = {
-		className: require_cx.cx(require_combobox.combobox({ size }).root, className),
+		className: require_cx.cx(styles.root, className),
 		...errors === void 0 ? {} : { errors },
 		...invalid === void 0 ? {} : { invalid },
 		...name === void 0 ? {} : { name }

package/dist/components/combobox/combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.cjs","names":["combobox","cx","Field","BaseCombobox","BaseField","withRecipeClassName","useThemePortalProps"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Shows a loading state through the optional Loading slot. */\n  loading?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  loading: _loading,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport function ComboboxPortal(props: ComponentPropsWithoutRef<typeof BaseCombobox.Portal>) {\n  return <BaseCombobox.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const ComboboxLoading = forwardRef<HTMLDivElement, ComboboxLoadingProps>(\n  function ComboboxLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-live=\"polite\"\n        className={cx(useComboboxStyles().loading, className)}\n        data-slot=\"combobox-loading\"\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Loading: ComboboxLoading,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}
+{"version":3,"file":"combobox.cjs","names":["createContext","combobox","useContext","cx","Field","BaseCombobox","forwardRef","BaseField","withRecipeClassName","useThemePortalProps"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Shows a loading state through the optional Loading slot. */\n  loading?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  loading: _loading,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport function ComboboxPortal(props: ComponentPropsWithoutRef<typeof BaseCombobox.Portal>) {\n  return <BaseCombobox.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const ComboboxLoading = forwardRef<HTMLDivElement, ComboboxLoadingProps>(\n  function ComboboxLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-live=\"polite\"\n        className={cx(useComboboxStyles().loading, className)}\n        data-slot=\"combobox-loading\"\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Loading: ComboboxLoading,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}

package/dist/components/combobox/combobox.js

@@ -19,8 +19,9 @@ function useComboboxStyles() {
 * object values, grouped items, filtering and multiple selection.
 */
 function ComboboxRoot$1({ children, className, errors, invalid, loading: _loading, name, size = "md", ...props }) {
+	const styles = combobox({ size });
 	const fieldProps = {
-		className: cx(combobox({ size }).root, className),
+		className: cx(styles.root, className),
 		...errors === void 0 ? {} : { errors },
 		...invalid === void 0 ? {} : { invalid },
 		...name === void 0 ? {} : { name }

package/dist/components/combobox/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboboxRoot","Field","BaseCombobox","BaseField","Combobox"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Shows a loading state through the optional Loading slot. */\n  loading?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  loading: _loading,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport function ComboboxPortal(props: ComponentPropsWithoutRef<typeof BaseCombobox.Portal>) {\n  return <BaseCombobox.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const ComboboxLoading = forwardRef<HTMLDivElement, ComboboxLoadingProps>(\n  function ComboboxLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-live=\"polite\"\n        className={cx(useComboboxStyles().loading, className)}\n        data-slot=\"combobox-loading\"\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Loading: ComboboxLoading,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}
+{"version":3,"file":"combobox.js","names":["ComboboxRoot","Field","BaseCombobox","BaseField","Combobox"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Shows a loading state through the optional Loading slot. */\n  loading?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  loading: _loading,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport function ComboboxPortal(props: ComponentPropsWithoutRef<typeof BaseCombobox.Portal>) {\n  return <BaseCombobox.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const ComboboxLoading = forwardRef<HTMLDivElement, ComboboxLoadingProps>(\n  function ComboboxLoading({ children = \"Loading…\", className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-live=\"polite\"\n        className={cx(useComboboxStyles().loading, className)}\n        data-slot=\"combobox-loading\"\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Loading: ComboboxLoading,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}

package/dist/components/command/command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.cjs","names":["command","cx"],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const styles = command({ mode });\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(styles.input, className)}\n      data-slot=\"command-input\"\n      data-mode={mode}\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}
+{"version":3,"file":"command.cjs","names":["createContext","useContext","forwardRef","useState","useRef","useId","command","useCallback","useMemo","cx"],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const styles = command({ mode });\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(styles.input, className)}\n      data-slot=\"command-input\"\n      data-mode={mode}\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":";;;;;;AAoDA,MAAM,kBAAA,GAAiBA,MAAAA,cAAAA,CAA0C,IAAI;AACrE,MAAM,uBAAA,GAAsBA,MAAAA,cAAAA,CAAkC,KAAA,CAAS;AACvE,MAAM,iBAAoC,CAAC;AAE3C,SAAS,oBAAoB;CAC3B,MAAM,WAAA,GAAUC,MAAAA,WAAAA,CAAW,cAAc;CACzC,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,qDAAqD;CACnF,OAAO;AACT;AAEA,SAAS,cAAc,OAAe,QAAgB,UAA6B;CACjF,MAAM,QAAQ,OAAO,KAAK,CAAC,CAAC,kBAAkB;CAC9C,IAAI,CAAC,OAAO,OAAO;CACnB,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,MAAM,cAAc,UAAU,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC;AAC/F;AAmBA,MAAa,eAAA,GAAcC,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EACE,UACA,WACA,gBAAgB,IAChB,WAAW,OACX,SAAS,eACT,UAAU,OACV,OAAO,WACP,MAAM,gBACN,cAAc,OACd,cACA,gBAAgB,MAChB,WACA,gBACA,QAAQ,kBACR,eAAe,MACf,YAAY,MACZ,GAAG,SAEL,KACA;CACA,MAAM,CAAC,oBAAoB,0BAAA,GAAyBC,MAAAA,SAAAA,CAAS,aAAa;CAC1E,MAAM,CAAC,kBAAkB,wBAAA,GAAuBA,MAAAA,SAAAA,CAAS,WAAW;CACpE,MAAM,CAAC,aAAa,mBAAA,GAAkBA,MAAAA,SAAAA,CAAwB,IAAI;CAClE,MAAM,GAAG,eAAA,GAAcA,MAAAA,SAAAA,CAAS,CAAC;CACjC,MAAM,YAAA,GAAWC,MAAAA,OAAAA,iBAAO,IAAI,IAA+B,CAAC;CAC5D,MAAM,kBAAA,GAAiBA,MAAAA,OAAAA,CAA8B,IAAI;CACzD,MAAM,UAAA,GAASC,MAAAA,MAAAA,CAAM;CACrB,MAAM,SAAS,oBAAoB;CACnC,MAAM,OAAO,SAAS,YAAY,OAAQ,kBAAkB;CAC5D,MAAM,SAASC,gBAAAA,QAAQ,EAAE,KAAK,CAAC;CAE/B,MAAM,WAAA,GAAUC,MAAAA,YAAAA,EACb,aAAsB;EACrB,IAAI,SAAS,cAAc,UAAU;EACrC,IAAI,mBAAmB,KAAA,GAAW,oBAAoB,QAAQ;EAC9D,eAAe,QAAQ;CACzB,GACA;EAAC;EAAgB;EAAU;EAAM;CAAY,CAC/C;CACA,MAAM,SAAA,GAAQA,MAAAA,YAAAA,OAAkB,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;CAEzD,MAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ,OAAO,CAAC;CAClD,MAAM,aAAA,GAAYA,MAAAA,YAAAA,EACf,SAAiB;EAChB,IAAI,qBAAqB,KAAA,GAAW,sBAAsB,IAAI;EAC9D,iBAAiB,IAAI;CACvB,GACA,CAAC,kBAAkB,cAAc,CACnC;CACA,MAAM,WAAA,GAAUA,MAAAA,YAAAA,EACb,SACC,CAAC,gBAAgB,OAAO,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAC3D;EAAC;EAAQ;EAAQ;CAAY,CAC/B;CACA,MAAM,gBAAA,GAAeC,MAAAA,QAAAA,OACb,MAAM,QAAQ,SAAS,CAAC,KAAK,YAAY,QAAQ,IAAI,CAAC,GAC5D,CAAC,OAAO,OAAO,CACjB;CAEA,MAAM,gBAAA,GAAeD,MAAAA,YAAAA,EAAa,SAA4B;EAC5D,SAAS,QAAQ,IAAI,KAAK,IAAI,IAAI;EAClC,YAAY,YAAY,UAAU,CAAC;EACnC,aAAa;GACX,SAAS,QAAQ,OAAO,KAAK,EAAE;GAC/B,YAAY,YAAY,UAAU,CAAC;EACrC;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAA,GAAiBA,MAAAA,YAAAA,EAAa,IAAY,YAAmC;EACjF,MAAM,OAAO,SAAS,QAAQ,IAAI,EAAE;EACpC,IAAI,MAAM,KAAK,UAAU;CAC3B,GAAG,CAAC,CAAC;CAEL,MAAM,cAAA,GAAaA,MAAAA,YAAAA,EAChB,OAAe;EACd,MAAM,OAAO,SAAS,QAAQ,IAAI,EAAE;EACpC,IAAI,QAAQ,CAAC,KAAK,YAAY,QAAQ,IAAI,GAAG;GAC3C,KAAK,WAAW,KAAK,KAAK;GAC1B,IAAI,eAAe,MAAM;EAC3B;CACF,GACA;EAAC;EAAO;EAAe;CAAO,CAChC;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS,cAAc,CAAC,MAAM;EAElC,MAAM,sBAAsB,UAAwB;GAClD,MAAM,SAAS,MAAM;GACrB,IAAI,kBAAkB,QAAQ,CAAC,eAAe,SAAS,SAAS,MAAM,GAAG,MAAM;EACjF;EAEA,SAAS,iBAAiB,eAAe,kBAAkB;EAC3D,aAAa,SAAS,oBAAoB,eAAe,kBAAkB;CAC7E,GAAG;EAAC;EAAO;EAAM;CAAI,CAAC;CAEtB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,aAAa,MAAM,SAAS,KAAK,OAAO,WAAW,GACtD,eAAe,aAAa,EAAE,EAAE,MAAM,IAAI;CAE9C,GAAG,CAAC,aAAa,YAAY,CAAC;CAE9B,MAAM,iBAAA,GAAgBA,MAAAA,YAAAA,EACnB,UAAsC;EACrC,YAAY,KAAsC;EAClD,IAAI,MAAM,kBAAkB;EAC5B,IAAI,UAAU;EACd,MAAM,eAAe,aAAa,WAAW,SAAS,KAAK,OAAO,WAAW;EAC7E,KAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAc,aAAa,SAAS,GAAG;GACrF,MAAM,eAAe;GAErB,IAAI,YAAY,gBADE,MAAM,QAAQ,cAAc,IAAI;GAElD,IAAI,WAAW,aAAa,YAAY,aAAa,UAAU,aAAa;GAC5E,IAAI,aAAa,KAAK,YAAY,aAAa,QAC7C,eAAe,aAAa,UAAU,EAAE,MAAM,IAAI;EAEtD,OAAO,IAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;GACtD,MAAM,eAAe;GACrB,gBAAgB,MAAM,QAAQ,SAAS,aAAa,KAAK,aAAa,GAAG,EAAE,EAAA,EAAI,MAAM,IAAI;EAC3F,OAAO,IAAI,MAAM,QAAQ,WAAW,aAAa;GAC/C,MAAM,eAAe;GACrB,WAAW,WAAW;EACxB,OAAO,IAAI,MAAM,QAAQ,UAAU;GACjC,MAAM,eAAe;GACrB,MAAM;EACR;CACF,GACA;EAAC;EAAO;EAAU;EAAa;EAAW;EAAW;EAAY;CAAY,CAC/E;CAEA,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAe,UAAhB;EAAyB,OAAO;EAC9B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,GAAI;GACJ,MAAM,SAAS;IACb,eAAe,UAAU;IACzB,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;SAClC,IAAI,KAAK,IAAI,UAAU;GAC9B;GACA,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;GACpC,iBAAe,YAAY,KAAA;GAC3B,uBAAoB;GACpB,aAAW;GACX,aAAW,QAAQ,KAAA;GACnB,aAAU;GACV,iBAAe,YAAY,KAAA;GAE1B;EACE,CAAA;CACkB,CAAA;AAE7B,CAAC;AAGD,MAAa,gBAAA,GAAeP,MAAAA,WAAAA,CAAgD,SAAS,aACnF,EAAE,WAAW,UAAU,SAAS,SAAS,WAAW,GAAG,SACvD,KACA;CACA,MAAM,EACJ,UACA,eACA,aACA,QACA,MACA,MACA,QACA,gBACA,SACA,cACE,kBAAkB;CACtB,MAAM,SAASI,gBAAAA,QAAQ,EAAE,KAAK,CAAC;CAC/B,MAAM,gBAAgB,UAAyC;EAC7D,WAAW,KAAK;EAChB,MAAM,OAAO,MAAM,OAAO;EAC1B,eAAe,IAAI;EACnB,UAAU,IAAI;CAChB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACC;EACL,yBAAuB,eAAe,KAAA;EACtC,iBAAe;EACf,MAAK;EACL,iBAAc;EACd,iBAAe;EACf,WAAWG,WAAAA,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,aAAW;EACX,UAAU,YAAY,MAAM;EAC5B,WAAW,UAAU;GACnB,aAAa,KAAK;EACpB;EACA,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,CAAC,MAAM,oBAAoB,SAAS,cAAc,CAAC,YAAY,CAAC,MAAM,UACxE,QAAQ,IAAI;EAChB;EACA,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,CAAC,MAAM,oBAAoB,SAAS,cAAc,CAAC,YAAY,CAAC,MAAM,UACxE,QAAQ,IAAI;EAChB;EACA,YAAY,UAAU;GACpB,YAAY,KAAK;GACjB,cAAc,KAAK;EACrB;EACA,OAAO;CACR,CAAA;AAEL,CAAC;AAGD,MAAa,eAAA,GAAcP,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EAAE,WAAW,IAAI,GAAG,SACpB,KACA;CACA,MAAM,EAAE,QAAQ,MAAM,SAAS,kBAAkB;CACjD,MAAM,SAASI,gBAAAA,QAAQ,EAAE,KAAK,CAAC;CAC/B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,IAAI,MAAM;EACV,WAAWG,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,eAAa,SAAS,cAAc,CAAC,OAAO,OAAO,KAAA;EACnD,aAAW,QAAQ,KAAA;EACnB,aAAU;EACV,QAAQ,SAAS,cAAc,CAAC,OAAO,OAAO,KAAA;EAC9C,MAAK;CACN,CAAA;AAEL,CAAC;AAKD,MAAa,gBAAA,GAAeP,MAAAA,WAAAA,CAA8C,SAAS,aACjF,EAAE,UAAU,WAAW,SAAS,GAAG,SACnC,KACA;CACA,MAAM,UAAU,kBAAkB;CAClC,MAAM,WAAA,GAAUG,MAAAA,MAAAA,CAAM;CACtB,MAAM,kBAAkB,QAAQ,MAAM,MACnC,SAAS,KAAK,YAAY,WAAW,CAAC,KAAK,YAAY,QAAQ,QAAQ,IAAI,CAC9E;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAoB,UAArB;EAA8B,OAAO;EACnC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GACE,GAAI;GACC;GACL,eAAa,CAAC,mBAAmB,KAAA;GACjC,WAAWI,WAAAA,GAAGH,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;GACxC,aAAU;GACV,QAAQ,CAAC;GANX,UAAA,CAQG,UACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWA,gBAAAA,QAAQ,CAAC,CAAC;IAAc,aAAU;IAC/C,UAAA;GACE,CAAA,IACH,MACH,QACE;;CACuB,CAAA;AAElC,CAAC;AAQD,MAAa,eAAA,GAAcJ,MAAAA,WAAAA,CAA6C,SAAS,YAC/E,EACE,UACA,WACA,WAAW,OACX,UAAU,cACV,SACA,cACA,UACA,OACA,GAAG,SAEL,KACA;CACA,MAAM,UAAU,kBAAkB;CAClC,MAAM,WAAA,GAAUD,MAAAA,WAAAA,CAAW,mBAAmB;CAC9C,MAAM,KAAK,iBAAA,GAAgBI,MAAAA,MAAAA,CAAM,CAAC,CAAC,QAAQ,MAAM,EAAE;CACnD,MAAM,WAAW,gBAAgB;CACjC,MAAM,UAAU,QAAQ,QAAQ;EAAE;EAAO;CAAS,CAAC;CAEnD,CAAA,GAAA,MAAA,UAAA,OAEI,QAAQ,aAAa;EACnB;EACA;EACA;EACA;EACA;EACA;EACA,SAAS;CACX,CAAC,GACH;EAAC,QAAQ;EAAc;EAAU;EAAS;EAAI;EAAU;EAAU;CAAK,CACzE;CAEA,IAAI,CAAC,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,eAAY;EAAO,QAAA;EAAY;EAAK,aAAU;CAAgB,CAAA;CAG5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,MAAM,SAAS;GACb,QAAQ,eAAe,IAAI,IAAI;GAC/B,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;QAClC,IAAI,KAAK,IAAI,UAAU;EAC9B;EACA,iBAAe,YAAY,KAAA;EAC3B,iBAAe,QAAQ,gBAAgB;EACvC,WAAWI,WAAAA,GAAGH,gBAAAA,QAAQ,CAAC,CAAC,MAAM,SAAS;EACvC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,QAAQ,gBAAgB,MAAM,KAAA;EAChD,aAAU;EACN;EACJ,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,CAAC,MAAM,oBAAoB,CAAC,UAAU,QAAQ,WAAW,EAAE;EACjE;EACA,eAAe,UAAU;GACvB,eAAe,KAAK;GACpB,IAAI,CAAC,UAAU,QAAQ,eAAe,EAAE;EAC1C;EACA,YAAY,UAAU;GACpB,KAAK,MAAM,QAAQ,WAAW,MAAM,QAAQ,QAAQ,CAAC,UAAU;IAC7D,MAAM,eAAe;IACrB,QAAQ,WAAW,EAAE;GACvB;EACF;EACA,MAAK;EACL,UAAU;EAET;CACE,CAAA;AAET,CAAC;AAGD,MAAa,wBAAA,GAAuBJ,MAAAA,WAAAA,CAClC,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWO,WAAAA,GAAGH,gBAAAA,QAAQ,CAAC,CAAC,eAAe,SAAS;EAChD,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAGA,MAAa,gBAAA,GAAeJ,MAAAA,WAAAA,CAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,UAAU,kBAAkB;CAClC,IAAI,QAAQ,WAAW,QAAQ,MAAM,MAAM,SAAS,CAAC,KAAK,YAAY,QAAQ,QAAQ,IAAI,CAAC,GACzF,OAAO;CACT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWO,WAAAA,GAAGH,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACxC,aAAU;EACV,iBAAc;EACd,aAAU;EACV,MAAK;EACL,UAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,kBAAA,GAAiBJ,MAAAA,WAAAA,CAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CAEpD,IAAI,CADY,kBACL,CAAC,CAAC,SAAS,OAAO;CAC7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWO,WAAAA,GAAGH,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC1C,aAAU;EACV,iBAAc;EACd,aAAU;EACV,MAAK;EACL,UAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,oBAAA,GAAmBJ,MAAAA,WAAAA,CAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,MAAK;EACL,WAAWO,WAAAA,GAAGH,gBAAAA,QAAQ,CAAC,CAAC,WAAW,SAAS;EAC5C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,OAAO;CACP,MAAM;CACN,OAAO;CACP,MAAM;CACN,eAAe;CACf,OAAO;CACP,SAAS;CACT,WAAW;AACb"}

package/dist/components/command/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":[],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const styles = command({ mode });\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(styles.input, className)}\n      data-slot=\"command-input\"\n      data-mode={mode}\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}
+{"version":3,"file":"command.js","names":[],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const styles = command({ mode });\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(styles.input, className)}\n      data-slot=\"command-input\"\n      data-mode={mode}\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}

package/dist/components/context-menu/context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.cjs","names":["BaseContextMenu","useThemePortalProps","withRecipeClassName","menu"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { ContextMenuRoot as BaseContextMenuRoot } from \"@base-ui/react/context-menu\";\n\nimport { menu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * A right-click and long-press menu with Base UI's keyboard navigation,\n * focus management, submenu support, and ARIA semantics.\n */\nexport type ContextMenuRootProps = BaseContextMenuRoot.Props;\n\nexport function ContextMenuRoot(props: ContextMenuRootProps) {\n  return <BaseContextMenu.Root {...props} />;\n}\n\nexport type ContextMenuTriggerProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Trigger>;\n\nexport const ContextMenuTrigger = forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n  function ContextMenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Trigger\n        {...props}\n        ref={ref}\n        className={className}\n        data-jaci-component=\"context-menu\"\n        data-slot=\"context-menu-trigger\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuPortalProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Portal>;\nexport function ContextMenuPortal(props: ContextMenuPortalProps) {\n  return <BaseContextMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type ContextMenuBackdropProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Backdrop>;\nexport const ContextMenuBackdrop: typeof BaseContextMenu.Backdrop = BaseContextMenu.Backdrop;\n\nexport type ContextMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.Positioner\n>;\n\nexport const ContextMenuPositioner = forwardRef<HTMLDivElement, ContextMenuPositionerProps>(\n  function ContextMenuPositioner({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"context-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuPopupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Popup>;\n\nexport const ContextMenuPopup = forwardRef<HTMLDivElement, ContextMenuPopupProps>(\n  function ContextMenuPopup({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().popup, className)}\n        data-slot=\"context-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuArrowProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Arrow>;\n\nexport const ContextMenuArrow = forwardRef<HTMLDivElement, ContextMenuArrowProps>(\n  function ContextMenuArrow({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Arrow\n        {...props}\n        ref={ref}\n        className={className}\n        data-slot=\"context-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Item>;\n\nexport const ContextMenuItem = forwardRef<HTMLElement, ContextMenuItemProps>(\n  function ContextMenuItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Item\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuLinkItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.LinkItem>;\n\nexport const ContextMenuLinkItem = forwardRef<Element, ContextMenuLinkItemProps>(\n  function ContextMenuLinkItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.LinkItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-link-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuCheckboxItemProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.CheckboxItem\n>;\n\nexport const ContextMenuCheckboxItem = forwardRef<HTMLElement, ContextMenuCheckboxItemProps>(\n  function ContextMenuCheckboxItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.CheckboxItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-checkbox-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuCheckboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.CheckboxItemIndicator\n>;\n\nexport const ContextMenuCheckboxItemIndicator = forwardRef<\n  HTMLSpanElement,\n  ContextMenuCheckboxItemIndicatorProps\n>(function ContextMenuCheckboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n  return (\n    <BaseContextMenu.CheckboxItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"context-menu-checkbox-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseContextMenu.CheckboxItemIndicator>\n  );\n});\n\nexport type ContextMenuRadioGroupProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.RadioGroup\n>;\nexport const ContextMenuRadioGroup: typeof BaseContextMenu.RadioGroup = BaseContextMenu.RadioGroup;\n\nexport type ContextMenuRadioItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.RadioItem>;\n\nexport const ContextMenuRadioItem = forwardRef<HTMLElement, ContextMenuRadioItemProps>(\n  function ContextMenuRadioItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.RadioItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-radio-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuRadioItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.RadioItemIndicator\n>;\n\nexport const ContextMenuRadioItemIndicator = forwardRef<\n  HTMLSpanElement,\n  ContextMenuRadioItemIndicatorProps\n>(function ContextMenuRadioItemIndicator({ children = \"•\", className, ...props }, ref) {\n  return (\n    <BaseContextMenu.RadioItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"context-menu-radio-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseContextMenu.RadioItemIndicator>\n  );\n});\n\nexport type ContextMenuSubmenuRootProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.SubmenuRoot\n>;\nexport const ContextMenuSubmenuRoot: typeof BaseContextMenu.SubmenuRoot =\n  BaseContextMenu.SubmenuRoot;\n\nexport type ContextMenuSubmenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.SubmenuTrigger\n>;\n\nexport const ContextMenuSubmenuTrigger = forwardRef<HTMLElement, ContextMenuSubmenuTriggerProps>(\n  function ContextMenuSubmenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.SubmenuTrigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-submenu-trigger\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuGroupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Group>;\n\nexport const ContextMenuGroup = forwardRef<HTMLDivElement, ContextMenuGroupProps>(\n  function ContextMenuGroup({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Group\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().group, className)}\n        data-slot=\"context-menu-group\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuGroupLabelProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.GroupLabel\n>;\n\nexport const ContextMenuGroupLabel = forwardRef<HTMLDivElement, ContextMenuGroupLabelProps>(\n  function ContextMenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"context-menu-group-label\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuSeparatorProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Separator>;\n\nexport const ContextMenuSeparator = forwardRef<HTMLDivElement, ContextMenuSeparatorProps>(\n  function ContextMenuSeparator({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().separator, className)}\n        data-slot=\"context-menu-separator\"\n      />\n    );\n  },\n);\n\nexport const ContextMenu = {\n  Root: ContextMenuRoot,\n  Trigger: ContextMenuTrigger,\n  Portal: ContextMenuPortal,\n  Backdrop: ContextMenuBackdrop,\n  Positioner: ContextMenuPositioner,\n  Popup: ContextMenuPopup,\n  Arrow: ContextMenuArrow,\n  Item: ContextMenuItem,\n  LinkItem: ContextMenuLinkItem,\n  CheckboxItem: ContextMenuCheckboxItem,\n  CheckboxItemIndicator: ContextMenuCheckboxItemIndicator,\n  RadioGroup: ContextMenuRadioGroup,\n  RadioItem: ContextMenuRadioItem,\n  RadioItemIndicator: ContextMenuRadioItemIndicator,\n  SubmenuRoot: ContextMenuSubmenuRoot,\n  SubmenuTrigger: ContextMenuSubmenuTrigger,\n  Group: ContextMenuGroup,\n  GroupLabel: ContextMenuGroupLabel,\n  Separator: ContextMenuSeparator,\n};\n"],"mappings":"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"}
+{"version":3,"file":"context-menu.cjs","names":["BaseContextMenu","forwardRef","useThemePortalProps","withRecipeClassName","menu"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { ContextMenuRoot as BaseContextMenuRoot } from \"@base-ui/react/context-menu\";\n\nimport { menu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * A right-click and long-press menu with Base UI's keyboard navigation,\n * focus management, submenu support, and ARIA semantics.\n */\nexport type ContextMenuRootProps = BaseContextMenuRoot.Props;\n\nexport function ContextMenuRoot(props: ContextMenuRootProps) {\n  return <BaseContextMenu.Root {...props} />;\n}\n\nexport type ContextMenuTriggerProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Trigger>;\n\nexport const ContextMenuTrigger = forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n  function ContextMenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Trigger\n        {...props}\n        ref={ref}\n        className={className}\n        data-jaci-component=\"context-menu\"\n        data-slot=\"context-menu-trigger\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuPortalProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Portal>;\nexport function ContextMenuPortal(props: ContextMenuPortalProps) {\n  return <BaseContextMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type ContextMenuBackdropProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Backdrop>;\nexport const ContextMenuBackdrop: typeof BaseContextMenu.Backdrop = BaseContextMenu.Backdrop;\n\nexport type ContextMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.Positioner\n>;\n\nexport const ContextMenuPositioner = forwardRef<HTMLDivElement, ContextMenuPositionerProps>(\n  function ContextMenuPositioner({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"context-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuPopupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Popup>;\n\nexport const ContextMenuPopup = forwardRef<HTMLDivElement, ContextMenuPopupProps>(\n  function ContextMenuPopup({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().popup, className)}\n        data-slot=\"context-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuArrowProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Arrow>;\n\nexport const ContextMenuArrow = forwardRef<HTMLDivElement, ContextMenuArrowProps>(\n  function ContextMenuArrow({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Arrow\n        {...props}\n        ref={ref}\n        className={className}\n        data-slot=\"context-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Item>;\n\nexport const ContextMenuItem = forwardRef<HTMLElement, ContextMenuItemProps>(\n  function ContextMenuItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Item\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuLinkItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.LinkItem>;\n\nexport const ContextMenuLinkItem = forwardRef<Element, ContextMenuLinkItemProps>(\n  function ContextMenuLinkItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.LinkItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-link-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuCheckboxItemProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.CheckboxItem\n>;\n\nexport const ContextMenuCheckboxItem = forwardRef<HTMLElement, ContextMenuCheckboxItemProps>(\n  function ContextMenuCheckboxItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.CheckboxItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-checkbox-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuCheckboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.CheckboxItemIndicator\n>;\n\nexport const ContextMenuCheckboxItemIndicator = forwardRef<\n  HTMLSpanElement,\n  ContextMenuCheckboxItemIndicatorProps\n>(function ContextMenuCheckboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n  return (\n    <BaseContextMenu.CheckboxItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"context-menu-checkbox-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseContextMenu.CheckboxItemIndicator>\n  );\n});\n\nexport type ContextMenuRadioGroupProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.RadioGroup\n>;\nexport const ContextMenuRadioGroup: typeof BaseContextMenu.RadioGroup = BaseContextMenu.RadioGroup;\n\nexport type ContextMenuRadioItemProps = ComponentPropsWithoutRef<typeof BaseContextMenu.RadioItem>;\n\nexport const ContextMenuRadioItem = forwardRef<HTMLElement, ContextMenuRadioItemProps>(\n  function ContextMenuRadioItem({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.RadioItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-radio-item\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuRadioItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.RadioItemIndicator\n>;\n\nexport const ContextMenuRadioItemIndicator = forwardRef<\n  HTMLSpanElement,\n  ContextMenuRadioItemIndicatorProps\n>(function ContextMenuRadioItemIndicator({ children = \"•\", className, ...props }, ref) {\n  return (\n    <BaseContextMenu.RadioItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"context-menu-radio-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseContextMenu.RadioItemIndicator>\n  );\n});\n\nexport type ContextMenuSubmenuRootProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.SubmenuRoot\n>;\nexport const ContextMenuSubmenuRoot: typeof BaseContextMenu.SubmenuRoot =\n  BaseContextMenu.SubmenuRoot;\n\nexport type ContextMenuSubmenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.SubmenuTrigger\n>;\n\nexport const ContextMenuSubmenuTrigger = forwardRef<HTMLElement, ContextMenuSubmenuTriggerProps>(\n  function ContextMenuSubmenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.SubmenuTrigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"context-menu-submenu-trigger\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuGroupProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Group>;\n\nexport const ContextMenuGroup = forwardRef<HTMLDivElement, ContextMenuGroupProps>(\n  function ContextMenuGroup({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Group\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().group, className)}\n        data-slot=\"context-menu-group\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuGroupLabelProps = ComponentPropsWithoutRef<\n  typeof BaseContextMenu.GroupLabel\n>;\n\nexport const ContextMenuGroupLabel = forwardRef<HTMLDivElement, ContextMenuGroupLabelProps>(\n  function ContextMenuGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"context-menu-group-label\"\n      />\n    );\n  },\n);\n\nexport type ContextMenuSeparatorProps = ComponentPropsWithoutRef<typeof BaseContextMenu.Separator>;\n\nexport const ContextMenuSeparator = forwardRef<HTMLDivElement, ContextMenuSeparatorProps>(\n  function ContextMenuSeparator({ className, ...props }, ref) {\n    return (\n      <BaseContextMenu.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().separator, className)}\n        data-slot=\"context-menu-separator\"\n      />\n    );\n  },\n);\n\nexport const ContextMenu = {\n  Root: ContextMenuRoot,\n  Trigger: ContextMenuTrigger,\n  Portal: ContextMenuPortal,\n  Backdrop: ContextMenuBackdrop,\n  Positioner: ContextMenuPositioner,\n  Popup: ContextMenuPopup,\n  Arrow: ContextMenuArrow,\n  Item: ContextMenuItem,\n  LinkItem: ContextMenuLinkItem,\n  CheckboxItem: ContextMenuCheckboxItem,\n  CheckboxItemIndicator: ContextMenuCheckboxItemIndicator,\n  RadioGroup: ContextMenuRadioGroup,\n  RadioItem: ContextMenuRadioItem,\n  RadioItemIndicator: ContextMenuRadioItemIndicator,\n  SubmenuRoot: ContextMenuSubmenuRoot,\n  SubmenuTrigger: ContextMenuSubmenuTrigger,\n  Group: ContextMenuGroup,\n  GroupLabel: ContextMenuGroupLabel,\n  Separator: ContextMenuSeparator,\n};\n"],"mappings":"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"}