@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/combobox/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  type JSX,\n  createContext,\n  createEffect,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { createHover } from \"@proyecto-viviana/solidaria\";\nimport {\n  ComboBox as HeadlessComboBox,\n  ComboBoxButton as HeadlessComboBoxButton,\n  ComboBoxContext as HeadlessComboBoxContext,\n  ComboBoxDescription as HeadlessComboBoxDescription,\n  ComboBoxErrorMessage as HeadlessComboBoxErrorMessage,\n  ComboBoxInput as HeadlessComboBoxInput,\n  ComboBoxLabel as HeadlessComboBoxLabel,\n  ComboBoxListBox as HeadlessComboBoxListBox,\n  ComboBoxOption as HeadlessComboBoxOption,\n  ComboBoxTag as HeadlessComboBoxTag,\n  ComboBoxTagGroup as HeadlessComboBoxTagGroup,\n  ListBoxSection as HeadlessListBoxSection,\n  Popover as HeadlessPopover,\n  defaultContainsFilter,\n  type ListBoxSectionProps as HeadlessListBoxSectionProps,\n  type ComboBoxButtonProps as HeadlessComboBoxButtonProps,\n  type ComboBoxButtonRenderProps,\n  type ComboBoxInputProps as HeadlessComboBoxInputProps,\n  type ComboBoxInputRenderProps,\n  type ComboBoxListBoxProps as HeadlessComboBoxListBoxProps,\n  type ComboBoxListBoxRenderProps,\n  type ComboBoxOptionProps as HeadlessComboBoxOptionProps,\n  type ComboBoxOptionRenderProps,\n  type ComboBoxProps as HeadlessComboBoxProps,\n  type ComboBoxRenderProps,\n  type ComboBoxTagGroupProps as HeadlessComboBoxTagGroupProps,\n  type ComboBoxTagProps as HeadlessComboBoxTagProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { FilterFn, Key, MenuTriggerAction } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  focusRing,\n  fontRelative,\n  lightDark,\n  setColorScheme,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { FieldPrefix, PrefixInputProvider } from \"../field/prefix\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport CheckmarkIcon from \"../icon/ui-icons/Checkmark\";\nimport ChevronIcon from \"../icon/ui-icons/Chevron\";\nimport { pressScale } from \"../pressScale\";\nimport { useProviderProps, useTheme } from \"../provider\";\nimport { Divider } from \"../divider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport {\n  assignRef,\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type ComboBoxSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2ComboBoxSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ComboBoxLabelPosition = \"top\" | \"side\";\nexport type ComboBoxLabelAlign = \"start\" | \"end\";\nexport type ComboBoxNecessityIndicator = \"icon\" | \"label\";\n\nexport interface ComboBoxProps<T> extends Omit<\n  HeadlessComboBoxProps<T>,\n  \"class\" | \"style\" | \"children\" | \"slot\" | \"ref\" | \"rootRef\"\n> {\n  size?: ComboBoxSize;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  class?: string;\n  label?: JSX.Element;\n  description?: JSX.Element;\n  errorMessage?: JSX.Element;\n  isInvalid?: boolean;\n  labelPosition?: ComboBoxLabelPosition;\n  labelAlign?: ComboBoxLabelAlign;\n  necessityIndicator?: ComboBoxNecessityIndicator;\n  contextualHelp?: JSX.Element;\n  /** An icon or text rendered before the input. */\n  prefix?: JSX.Element;\n  direction?: \"bottom\" | \"top\";\n  align?: \"start\" | \"end\";\n  menuWidth?: number;\n  shouldFlip?: boolean;\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ComboBoxInputProps extends Omit<HeadlessComboBoxInputProps, \"class\" | \"style\"> {\n  class?: string;\n}\n\nexport interface ComboBoxButtonProps extends Omit<HeadlessComboBoxButtonProps, \"class\" | \"style\"> {\n  class?: string;\n}\n\nexport interface ComboBoxListBoxProps<T> extends Omit<\n  HeadlessComboBoxListBoxProps<T>,\n  \"class\" | \"style\"\n> {\n  class?: string;\n}\n\nexport interface ComboBoxOptionProps<T> extends Omit<\n  HeadlessComboBoxOptionProps<T>,\n  \"class\" | \"style\"\n> {\n  class?: string;\n}\n\ninterface ComboBoxStyleProps extends ComboBoxRenderProps {\n  size?: S2ComboBoxSize;\n  labelPosition?: ComboBoxLabelPosition;\n  labelAlign?: ComboBoxLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n}\n\ninterface ComboBoxButtonStyleProps extends ComboBoxButtonRenderProps {\n  size?: S2ComboBoxSize;\n  isOpen?: boolean;\n}\n\ninterface ComboBoxOptionStyleProps extends ComboBoxOptionRenderProps {\n  size?: S2ComboBoxSize;\n  isLink?: boolean;\n}\n\nconst ComboBoxSizeContext = createContext<S2ComboBoxSize>(\"M\");\nexport const ComboBoxContext = createContext<SpectrumContextValue<ComboBoxProps<any>>>(null);\n\nconst comboBoxRoot = style<ComboBoxStyleProps>(\n  {\n    ...field(),\n  },\n  getAllowedOverrides(),\n);\n\nconst comboBoxLabelWrapper = style<ComboBoxStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst comboBoxLabel = style<ComboBoxStyleProps>({\n  ...fieldLabel(),\n});\n\nconst comboBoxFieldGroup = style<ComboBoxStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  paddingStart: \"edge-to-text\",\n  paddingEnd: \"calc(self(height, self(minHeight)) * 3 / 16 - self(borderEndWidth, 2px))\",\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst comboBoxInput = style({\n  padding: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      default: \"gray-600\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  width: \"full\",\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  truncate: true,\n});\n\nconst inputButton = style<ComboBoxButtonStyleProps>({\n  ...controlBorderRadius(\"sm\"),\n  display: \"flex\",\n  outlineStyle: \"none\",\n  textAlign: \"center\",\n  borderStyle: \"none\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32,\n    },\n  },\n  marginStart: \"text-to-control\",\n  aspectRatio: \"square\",\n  flexShrink: 0,\n  transition: {\n    default: \"default\",\n    forcedColors: \"none\",\n  },\n  // Put the chevron trigger on the field's own size ramp. This object declares no\n  // font/fontSize/fontFamily/fontWeight key and spreads no `control()`, so the button\n  // inherited the island's global `[data-glasselated] button` font instead of the size\n  // the surrounding field group gets from `control()` -> `controlFont()`. `size` is a\n  // declared style state on ComboBoxButtonStyleProps, so the S/M/L/XL ramp resolves.\n  // Declared before `color` below, which still wins over the shorthand's own color.\n  font: controlFont(),\n  // No fill. The button sits inside the matte well `comboBoxFieldGroup` already paints\n  // (`control({register: \"matte\"})` plus `backgroundColor: \"well\"` above), so a second\n  // surface stacked on top answers to no register token — `gray-100` is a raw ramp\n  // stop, not one of the well/raised/card surfaces. State is carried as ink instead:\n  // `color` below is `baseColor(\"neutral\")`, which expands to its own hovered/pressed/\n  // focus-visible steps, and holds the `isDisabled` branch. `isOpen` goes with the\n  // fill; nothing outside the forced-colors branch reads it. That branch is left\n  // untouched — HCM needs the solid fill to keep the trigger visible.\n  backgroundColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isHovered: \"Highlight\",\n      isOpen: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: \"ButtonFace\",\n  },\n});\n\nconst comboBoxChevron = style({\n  flexShrink: 0,\n  rotate: 90,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst comboBoxListBox = style<ComboBoxListBoxRenderProps & { size?: S2ComboBoxSize }>({\n  width: \"full\",\n  boxSizing: \"border-box\",\n  maxHeight: \"[inherit]\",\n  overflowY: \"auto\",\n  overflowX: \"hidden\",\n  fontFamily: \"sans\",\n  fontSize: controlFont(),\n  outlineStyle: \"none\",\n  margin: 0,\n  padding: 8,\n  listStyleType: \"none\",\n});\n\nconst comboBoxPopover = style({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"layer-2\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // Glasselated: frost the scene behind the surface — the container bg is the\n  // translucent `--surface-card`; the blur is what makes it read as glass.\n  backdropFilter: \"var(--blur-card)\",\n  boxShadow: \"elevated\",\n  borderRadius: \"panel\",\n  display: \"flex\",\n  padding: 0,\n  minHeight: 0,\n  overflow: \"visible\",\n  boxSizing: \"border-box\",\n  isolation: \"isolate\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark(\"transparent-white-25\", \"gray-200\"),\n    forcedColors: \"ButtonBorder\",\n  },\n});\n\nconst comboBoxListBoxFrame = style({\n  display: \"flex\",\n  width: \"full\",\n  height: \"full\",\n});\n\nconst comboBoxOption = style<ComboBoxOptionStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", wrap: true, icon: true, register: \"row\" }),\n  columnGap: 0,\n  paddingX: 0,\n  paddingBottom: \"--labelPadding\",\n  // A register row is never painted — its state is ink, not fill.\n  // `baseColor(\"gray-100\").isFocusVisible` baked an opaque ramp stop as a highlight\n  // bar, a surface the row register does not draw. The fill came from this key alone:\n  // `control({register: \"row\"})` above deliberately contributes no backgroundColor\n  // (only the `matte` register paints one), so nothing else reintroduces it.\n  //\n  // Keyboard focus is still drawn by `focusRing()` above, and it is not at risk of\n  // being clipped here: the ring sits 4px outside the row's border box\n  // (outlineOffset 2 + outlineWidth 2, style/index.ts), while `comboBoxListBox` gives\n  // the scroll container `padding: 8` — so the ring stays inside the padding box that\n  // `overflow` clips to. No forced-colors branch is needed either: this option sets no\n  // `forcedColorAdjust`, so high-contrast mode still paints its own highlight.\n  backgroundColor: \"transparent\",\n  color: {\n    // Highlight is full-strength `accent` rather than a dimmed tint: an option has no\n    // persistent selected-LABEL state to reserve the stronger ink for — selection is\n    // signalled in the `checkmark` grid area (`comboBoxCheckmark` below toggles\n    // `visibility` on `isSelected`), so the two signals never compete.\n    default: baseColor(\"neutral\"),\n    isFocused: \"accent\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  position: \"relative\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\". checkmark icon label .\", \". . . description .\"],\n  gridTemplateColumns: {\n    size: {\n      S: [edgeToText(24), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(24)],\n      M: [edgeToText(32), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(32)],\n      L: [edgeToText(40), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(40)],\n      XL: [edgeToText(48), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(48)],\n    },\n  },\n  gridTemplateRows: {\n    default: \"auto minmax(0, min-content)\",\n    \":has([slot=description])\": \"auto auto\",\n  },\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  alignItems: \"baseline\",\n  minHeight: controlSize(),\n  height: \"min\",\n  textDecoration: \"none\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"default\",\n  },\n  transition: \"transform\",\n});\n\nconst comboBoxOptionLabel = style<{ size?: S2ComboBoxSize }>({\n  gridArea: \"label\",\n  display: \"block\",\n  flexGrow: 1,\n  font: controlFont(),\n  color: \"inherit\",\n  fontWeight: \"medium\",\n  marginTop: \"--labelPadding\",\n  truncate: true,\n});\n\nconst comboBoxCheckmark = style<ComboBoxOptionStyleProps>({\n  gridArea: \"checkmark\",\n  visibility: {\n    default: \"hidden\",\n    isSelected: \"visible\",\n  },\n  color: baseColor(\"accent\"),\n  marginEnd: \"text-to-control\",\n  aspectRatio: \"square\",\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"currentColor\",\n      forcedColors: {\n        default: \"Highlight\",\n        isFocused: \"HighlightText\",\n      },\n    },\n  },\n});\n\nconst helpTextStyles = style<ComboBoxStyleProps>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  margin: 0,\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst fieldErrorIcon = style({\n  size: fontRelative(20),\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nfunction isPrimitiveText(value: unknown): value is string | number {\n  return typeof value === \"string\" || typeof value === \"number\";\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  return isPrimitiveText(value) || (Array.isArray(value) && value.every(isPrimitiveText));\n}\n\nfunction normalizeComboBoxSize(size: ComboBoxSize | undefined): S2ComboBoxSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction requiredIconStyle(size: S2ComboBoxSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction comboBoxCheckmarkIconStyle(size: S2ComboBoxSize): JSX.CSSProperties {\n  const pixelSize = size === \"XL\" ? 14 : size === \"L\" ? 12 : 10;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction comboBoxChevronIconStyle(size: S2ComboBoxSize): JSX.CSSProperties {\n  const pixelSize = size === \"XL\" ? 14 : size === \"L\" ? 12 : 10;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction comboBoxMenuOffset(size: S2ComboBoxSize): number {\n  switch (size) {\n    case \"S\":\n    case \"M\":\n      return 6;\n    case \"L\":\n      return 7;\n    case \"XL\":\n      return 8;\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction ComboBoxFieldGroup(props: {\n  renderProps: ComboBoxRenderProps;\n  size: () => S2ComboBoxSize;\n  children: JSX.Element;\n}) {\n  const context = useContext(HeadlessComboBoxContext) as {\n    isFocused?: () => boolean;\n    isFocusVisible?: () => boolean;\n    setTriggerRef?: (el: HTMLElement | null) => void;\n  } | null;\n  const isFocused = () => context?.isFocused?.() ?? props.renderProps.isFocused;\n  const isFocusVisible = () => context?.isFocusVisible?.() ?? props.renderProps.isFocusVisible;\n\n  // Upstream FieldGroup renders a RAC `<Group>`, whose own `useHover` drives the\n  // `isHovered` render prop that `fieldGroupStyles` reads to brighten the text to\n  // `neutral:hovered` (Field.tsx:229-230 `baseColor('neutral')`, Group.tsx:111).\n  // RAC's ComboBox root exposes no `isHovered` (ComboBoxRenderProps has none), so\n  // the hover state must come from the group element itself — mirror it here.\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return props.renderProps.isDisabled;\n    },\n  });\n\n  onCleanup(() => context?.setTriggerRef?.(null));\n\n  return (\n    <div\n      {...hoverProps}\n      ref={(el) => context?.setTriggerRef?.(el)}\n      role=\"presentation\"\n      class={comboBoxFieldGroup({\n        ...props.renderProps,\n        size: props.size(),\n        isFocusWithin: isFocused(),\n        isFocusVisible: isFocusVisible(),\n        isHovered: isHovered(),\n      })}\n      onPointerDown={(event) => {\n        if (event.pointerType === \"mouse\") {\n          focusFieldInput(event);\n        }\n      }}\n      onTouchEnd={focusFieldInput}\n      data-hovered={isHovered() ? \"true\" : undefined}\n      data-focused={isFocused() ? \"true\" : undefined}\n      data-focus-visible={isFocusVisible() ? \"true\" : undefined}\n      data-disabled={props.renderProps.isDisabled ? \"true\" : undefined}\n      data-invalid={props.renderProps.isInvalid ? \"true\" : undefined}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nfunction ComboBoxListBoxPopover(props: {\n  size: () => S2ComboBoxSize;\n  direction: () => \"bottom\" | \"top\";\n  align: () => \"start\" | \"end\";\n  menuWidth: () => number | undefined;\n  shouldFlip: () => boolean;\n  children: JSX.Element;\n}) {\n  const theme = useTheme();\n  const comboBoxContext = useContext(HeadlessComboBoxContext) as {\n    state?: { close?: () => void };\n    isOpen?: () => boolean;\n    triggerRef?: () => HTMLElement | null;\n    inputRef?: () => HTMLElement | null;\n    buttonRef?: () => HTMLElement | null;\n  } | null;\n\n  const triggerRef = () =>\n    comboBoxContext?.triggerRef?.() ??\n    comboBoxContext?.inputRef?.()?.parentElement ??\n    comboBoxContext?.inputRef?.() ??\n    comboBoxContext?.buttonRef?.() ??\n    null;\n  const [triggerWidth, setTriggerWidth] = createSignal<string | undefined>();\n\n  const updateTriggerWidth = () => {\n    const trigger = triggerRef();\n    if (trigger) {\n      setTriggerWidth(`${trigger.getBoundingClientRect().width}px`);\n    }\n  };\n\n  createEffect(() => {\n    const trigger = triggerRef();\n    if (!trigger) {\n      setTriggerWidth(undefined);\n      return;\n    }\n\n    updateTriggerWidth();\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(updateTriggerWidth);\n    resizeObserver.observe(trigger);\n    onCleanup(() => resizeObserver.disconnect());\n  });\n\n  const resolvedTriggerWidth = () => {\n    const explicitMenuWidth = props.menuWidth();\n    if (explicitMenuWidth != null) {\n      return `${explicitMenuWidth}px`;\n    }\n\n    const measuredWidth = triggerWidth();\n    if (measuredWidth) {\n      return measuredWidth;\n    }\n\n    const trigger = triggerRef();\n    return trigger ? `${trigger.getBoundingClientRect().width}px` : undefined;\n  };\n\n  return (\n    <HeadlessPopover\n      trigger=\"ComboBox\"\n      triggerRef={triggerRef}\n      isOpen={comboBoxContext?.isOpen?.() ?? false}\n      onOpenChange={(open) => {\n        if (!open) {\n          comboBoxContext?.state?.close?.();\n        }\n      }}\n      isNonModal\n      placement={`${props.direction()} ${props.align()}`}\n      offset={comboBoxMenuOffset(props.size())}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      class={(renderProps) =>\n        comboBoxPopover({\n          ...renderProps,\n          colorScheme: theme.colorScheme,\n          isArrowShown: false,\n          isSubmenu: false,\n        })\n      }\n      style={() => ({\n        \"--trigger-width\": resolvedTriggerWidth(),\n        minWidth: \"var(--trigger-width)\",\n        width: \"var(--trigger-width)\",\n      })}\n    >\n      <div class={comboBoxListBoxFrame}>{props.children}</div>\n    </HeadlessPopover>\n  );\n}\n\nfunction ComboBoxFieldLabel(props: {\n  label: JSX.Element;\n  size: S2ComboBoxSize;\n  isRequired: boolean;\n  necessityIndicator: ComboBoxNecessityIndicator;\n}) {\n  // Renders the label text + necessity indicator as the direct children of the\n  // `<label>` (the class lives on `HeadlessComboBoxLabel`), so the label text's\n  // nearest element is the `<label>` — matching upstream FieldLabel.\n  return (\n    <>\n      {props.label}\n      <Show when={props.isRequired || props.necessityIndicator === \"label\"}>\n        <span class={noWrap}>\n          &nbsp;\n          <Show\n            when={props.necessityIndicator === \"icon\"}\n            fallback={\n              <span aria-hidden={props.isRequired ? true : undefined}>\n                {props.isRequired ? \"(required)\" : \"(optional)\"}\n              </span>\n            }\n          >\n            <AsteriskIcon\n              size={props.size === \"S\" ? \"M\" : props.size}\n              styles={requiredIcon}\n              style={requiredIconStyle(props.size)}\n              aria-hidden=\"true\"\n            />\n          </Show>\n        </span>\n      </Show>\n    </>\n  );\n}\n\nexport function ComboBox<T>(props: ComboBoxProps<T>): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(ComboBoxContext), props.slot);\n  const defaultProps: Partial<ComboBoxProps<T>> = {\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n    direction: \"bottom\",\n    align: \"start\",\n    shouldFlip: true,\n  };\n  const mergedProps = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"isInvalid\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"prefix\",\n    \"direction\",\n    \"align\",\n    \"menuWidth\",\n    \"shouldFlip\",\n    \"defaultItems\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n\n  const prefixId = createUniqueId();\n  const size = () => normalizeComboBoxSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const direction = () => local.direction ?? \"bottom\";\n  const align = () => local.align ?? \"start\";\n  const shouldFlip = () => local.shouldFlip ?? true;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  // Faithful to upstream S2 `ComboBox` (`style={pressScale(buttonRef)}` on the\n  // chevron Button): the trigger carries the Spectrum press-scale effect, which\n  // also emits the resting `will-change: transform` hint.\n  const [chevronEl, setChevronEl] = createSignal<HTMLButtonElement | null>(null);\n\n  const rootClassName = (renderProps: ComboBoxRenderProps) =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      comboBoxRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    comboBoxLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const buttonClass = (renderProps: ComboBoxButtonRenderProps) =>\n    inputButton({\n      ...renderProps,\n      size: size(),\n      isOpen: renderProps.isOpen,\n    });\n\n  const helpClass = (renderProps: ComboBoxRenderProps, isInvalid: boolean) =>\n    helpTextStyles({\n      ...renderProps,\n      size: size(),\n      isInvalid,\n    });\n\n  const listBoxChildren = typeof local.children === \"function\" ? local.children : undefined;\n\n  return (\n    <ComboBoxSizeContext.Provider value={size()}>\n      <HeadlessComboBox\n        {...headlessProps}\n        items={headlessProps.items ?? props.defaultItems}\n        defaultItems={props.defaultItems}\n        allowsEmptyCollection\n        label={local.label}\n        description={local.isInvalid ? undefined : local.description}\n        errorMessage={local.errorMessage}\n        isInvalid={local.isInvalid}\n        slot={local.slot ?? undefined}\n        rootRef={(element) => assignRootRef(element)}\n        class={rootClassName}\n        style={mergedUnsafeStyle()}\n        children={(renderProps: ComboBoxRenderProps) => (\n          <>\n            <Show when={local.label}>\n              <div class={labelWrapperClass()}>\n                {/* Upstream FieldLabel puts the label class + text directly on the\n                    `<Label>` (`<label>`) element (Field.tsx:118) — the text node's\n                    nearest element is the `<label>` itself. Match that: class on\n                    `HeadlessComboBoxLabel`, content inline (no wrapper `<span>`). */}\n                <HeadlessComboBoxLabel\n                  class={comboBoxLabel({\n                    size: size(),\n                    isDisabled: renderProps.isDisabled,\n                    isRequired: renderProps.isRequired,\n                    labelPosition: labelPosition(),\n                    labelAlign: labelAlign(),\n                    isStaticColor: false,\n                  })}\n                >\n                  <ComboBoxFieldLabel\n                    label={local.label}\n                    size={size()}\n                    isRequired={renderProps.isRequired}\n                    necessityIndicator={necessityIndicator()}\n                  />\n                </HeadlessComboBoxLabel>\n                <Show when={local.contextualHelp}>\n                  <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n                </Show>\n              </div>\n            </Show>\n\n            <ComboBoxFieldGroup renderProps={renderProps} size={size}>\n              <Show when={local.prefix} fallback={<HeadlessComboBoxInput class={comboBoxInput} />}>\n                <FieldPrefix id={prefixId}>{local.prefix}</FieldPrefix>\n                <PrefixInputProvider\n                  context={HeadlessComboBoxContext}\n                  prefixId={prefixId}\n                  inputPropsIsFunction\n                >\n                  <HeadlessComboBoxInput class={comboBoxInput} />\n                </PrefixInputProvider>\n              </Show>\n              <Show when={renderProps.isInvalid && !renderProps.isDisabled}>\n                <CenterBaseline>\n                  <AlertTriangleIcon styles={fieldErrorIcon} />\n                </CenterBaseline>\n              </Show>\n              <HeadlessComboBoxButton\n                ref={setChevronEl}\n                class={buttonClass}\n                style={(buttonProps) => pressScale(() => chevronEl())(buttonProps)}\n              >\n                <ChevronIcon\n                  size={size()}\n                  styles={comboBoxChevron}\n                  style={comboBoxChevronIconStyle(size())}\n                />\n              </HeadlessComboBoxButton>\n            </ComboBoxFieldGroup>\n\n            <Show when={local.description && !renderProps.isInvalid}>\n              <HeadlessComboBoxDescription class={helpClass(renderProps, false)}>\n                {local.description}\n              </HeadlessComboBoxDescription>\n            </Show>\n\n            <Show when={local.errorMessage && renderProps.isInvalid}>\n              <HeadlessComboBoxErrorMessage class={helpClass(renderProps, true)}>\n                {local.errorMessage}\n              </HeadlessComboBoxErrorMessage>\n            </Show>\n\n            <ComboBoxListBoxPopover\n              size={size}\n              direction={direction}\n              align={align}\n              menuWidth={() => local.menuWidth}\n              shouldFlip={shouldFlip}\n            >\n              <FormContext.Provider\n                value={{\n                  ...(formContext ?? {}),\n                  get size() {\n                    return size();\n                  },\n                  isRequired: undefined,\n                }}\n              >\n                <HeadlessComboBoxListBox\n                  class={(listBoxProps) => comboBoxListBox({ ...listBoxProps, size: size() })}\n                >\n                  {listBoxChildren}\n                </HeadlessComboBoxListBox>\n              </FormContext.Provider>\n            </ComboBoxListBoxPopover>\n          </>\n        )}\n      />\n    </ComboBoxSizeContext.Provider>\n  );\n}\n\nexport function ComboBoxInputGroup(props: { children: JSX.Element; class?: string }): JSX.Element {\n  const context = useContext(HeadlessComboBoxContext) as {\n    setTriggerRef?: (el: HTMLElement | null) => void;\n  } | null;\n\n  onCleanup(() => context?.setTriggerRef?.(null));\n\n  return (\n    <div ref={(el) => context?.setTriggerRef?.(el)} class={props.class}>\n      {props.children}\n    </div>\n  );\n}\n\nexport function ComboBoxInput(props: ComboBoxInputProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  return (\n    <HeadlessComboBoxInput\n      {...headlessProps}\n      class={[comboBoxInput, local.class].filter(Boolean).join(\" \")}\n    />\n  );\n}\n\nexport function ComboBoxButton(props: ComboBoxButtonProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"ref\"]);\n  const size = useContext(ComboBoxSizeContext);\n  const [buttonEl, setButtonEl] = createSignal<HTMLButtonElement | null>(null);\n  const buttonClass = (renderProps: ComboBoxButtonRenderProps) =>\n    [\n      inputButton({\n        ...renderProps,\n        size,\n        isOpen: renderProps.isOpen,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessComboBoxButton\n      {...headlessProps}\n      ref={(el) => {\n        setButtonEl(el);\n        assignRef(local.ref, el);\n      }}\n      class={buttonClass}\n      // Faithful to upstream S2 `ComboBox` chevron `style={pressScale(buttonRef)}`.\n      style={(buttonProps) => pressScale(() => buttonEl())(buttonProps)}\n    >\n      {props.children || (\n        <ChevronIcon size={size} styles={comboBoxChevron} style={comboBoxChevronIconStyle(size)} />\n      )}\n    </HeadlessComboBoxButton>\n  );\n}\n\nexport function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  const size = useContext(ComboBoxSizeContext);\n  const listClass = (renderProps: ComboBoxListBoxRenderProps) =>\n    [comboBoxListBox({ ...renderProps, size }), local.class].filter(Boolean).join(\" \");\n\n  return <HeadlessComboBoxListBox {...headlessProps} class={listClass} children={props.children} />;\n}\n\nexport function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"children\", \"ref\", \"UNSAFE_style\"]);\n  const size = useContext(ComboBoxSizeContext);\n  const [optionEl, setOptionEl] = createSignal<HTMLElement | null>(null);\n  const isLink = () => (props as Record<string, unknown>).href != null;\n  const textLabel = () =>\n    isTextOnlyChildren(local.children)\n      ? Array.isArray(local.children)\n        ? local.children.join(\"\")\n        : String(local.children)\n      : undefined;\n  const optionClass = (renderProps: ComboBoxOptionRenderProps) =>\n    [\n      comboBoxOption({\n        ...renderProps,\n        size,\n        isLink: isLink(),\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const checkClass = (renderProps: ComboBoxOptionRenderProps) =>\n    comboBoxCheckmark({ ...renderProps, size });\n\n  return (\n    <HeadlessComboBoxOption\n      {...headlessProps}\n      ref={(el) => {\n        setOptionEl(el);\n        assignRef(local.ref, el);\n      }}\n      aria-label={headlessProps[\"aria-label\"] ?? textLabel()}\n      class={optionClass}\n      // Faithful to upstream S2 `ComboBoxItem` `style={pressScale(ref, UNSAFE_style)}`.\n      style={pressScale(() => optionEl(), local.UNSAFE_style)}\n    >\n      {(renderProps: ComboBoxOptionRenderProps) => (\n        <>\n          <CheckmarkIcon\n            size={size === \"S\" ? \"XS\" : size}\n            // Apply via `class` (raw), not `styles`: the icon `styles` path\n            // filters through `iconAllowedOverrides`, which omits `visibility`\n            // and would strip the checkmark's `visibility` toggle, leaving it\n            // visible on every option. Mirrors upstream S2 ComboBox `className`.\n            class={checkClass(renderProps)}\n            style={comboBoxCheckmarkIconStyle(size)}\n          />\n          {isTextOnlyChildren(local.children) ? (\n            <span slot=\"label\" class={comboBoxOptionLabel({ size })} data-rsp-slot=\"text\">\n              {local.children}\n            </span>\n          ) : (\n            local.children\n          )}\n        </>\n      )}\n    </HeadlessComboBoxOption>\n  );\n}\n\nexport interface ComboBoxTagGroupProps extends Omit<\n  HeadlessComboBoxTagGroupProps,\n  \"class\" | \"style\"\n> {\n  class?: string;\n}\n\nexport function ComboBoxTagGroup(props: ComboBoxTagGroupProps): JSX.Element {\n  return <HeadlessComboBoxTagGroup {...props} />;\n}\n\nexport interface ComboBoxTagProps extends Omit<HeadlessComboBoxTagProps, \"class\" | \"style\"> {\n  class?: string;\n}\n\nexport function ComboBoxTag(props: ComboBoxTagProps): JSX.Element {\n  return <HeadlessComboBoxTag {...props} />;\n}\n\nexport interface ComboBoxSectionProps<T> extends Omit<\n  HeadlessListBoxSectionProps,\n  \"style\" | \"class\" | \"render\"\n> {}\n\n/**\n * A section within a `<ComboBox>`, mirroring React S2's `ComboBoxSection`. Renders\n * a headless list-box section followed by a size-matched `<Divider>`; the size is\n * read from the internal combobox context.\n */\nexport function ComboBoxSection<T>(props: ComboBoxSectionProps<T>): JSX.Element {\n  const size = useContext(ComboBoxSizeContext);\n  return (\n    <>\n      <HeadlessListBoxSection {...props}>{props.children}</HeadlessListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n\nComboBox.InputGroup = ComboBoxInputGroup;\nComboBox.Input = ComboBoxInput;\nComboBox.Button = ComboBoxButton;\nComboBox.ListBox = ComboBoxListBox;\nComboBox.Option = ComboBoxOption;\nComboBox.Section = ComboBoxSection;\nComboBox.TagGroup = ComboBoxTagGroup;\nComboBox.Tag = ComboBoxTag;\n\nexport const Item = ComboBoxOption;\n\nexport type { FilterFn, Key, MenuTriggerAction };\nexport { defaultContainsFilter };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/combobox/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ComboBox.tsx\n\n// Port of packages/@react-spectrum/s2/src/ComboBox.tsx.\n\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  Show,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  mergeProps,\n  createHover,\n  createFocusVisibleListener,\n  getInteractionModality,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  ComboBox as HeadlessComboBox,\n  ComboBoxButton as HeadlessComboBoxButton,\n  ComboBoxContext as HeadlessComboBoxContext,\n  ComboBoxInput as HeadlessComboBoxInput,\n  ComboBoxLabel as HeadlessComboBoxLabel,\n  ComboBoxListBox as HeadlessComboBoxListBox,\n  ComboBoxOption as HeadlessComboBoxOption,\n  ComboBoxTag as HeadlessComboBoxTag,\n  ComboBoxTagGroup as HeadlessComboBoxTagGroup,\n  ListBoxSection as HeadlessListBoxSection,\n  Text as HeadlessText,\n  TextContext as HeadlessTextContext,\n  ListLayout,\n  Virtualizer,\n  defaultContainsFilter,\n  type ListBoxSectionProps as HeadlessListBoxSectionProps,\n  type ComboBoxButtonProps as HeadlessComboBoxButtonProps,\n  type ComboBoxButtonRenderProps,\n  type ComboBoxInputProps as HeadlessComboBoxInputProps,\n  type ComboBoxInputRenderProps,\n  type ComboBoxListBoxProps as HeadlessComboBoxListBoxProps,\n  type ComboBoxListBoxRenderProps,\n  type ComboBoxOptionProps as HeadlessComboBoxOptionProps,\n  type ComboBoxOptionRenderProps,\n  type ComboBoxProps as HeadlessComboBoxProps,\n  type ComboBoxRenderProps,\n  type ComboBoxTagGroupProps as HeadlessComboBoxTagGroupProps,\n  type ComboBoxTagProps as HeadlessComboBoxTagProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type {\n  FilterFn,\n  Key,\n  LoadingState,\n  MenuTriggerAction,\n} from \"@proyecto-viviana/solid-stately\";\nimport { ProgressCircle } from \"../progress/ProgressCircle\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, space, style } from \"../style\" with { type: \"macro\" };\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport {\n  centerPadding,\n  control,\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline, centerBaseline } from \"../icon/center-baseline\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { AvatarContext } from \"../avatar\";\nimport { FieldPrefix, PrefixInputProvider } from \"../field/prefix\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport CheckmarkIcon from \"../icon/ui-icons/Checkmark\";\nimport ChevronIcon from \"../icon/ui-icons/Chevron\";\nimport { pressScale } from \"../pressScale\";\nimport { useProviderProps } from \"../provider\";\nimport { Popover } from \"../popover\";\nimport { createMediaQuery } from \"../utils/createMediaQuery\";\nimport { Divider } from \"../divider\";\nimport { FormContext, useFormProps, useIsInForm } from \"../form\";\nimport {\n  assignRef,\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { HelpText } from \"../form/HelpText\";\nimport { HeaderContext, HeadingContext, TextContext } from \"../text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  menuItemDescription,\n  menuItemIcon,\n  menuItemIconCenterWrapper,\n  menuItemLabel,\n  menuSectionHeading,\n} from \"../menu/s2-menu-styles\";\n\nexport type ComboBoxSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2ComboBoxSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ComboBoxLabelPosition = \"top\" | \"side\";\nexport type ComboBoxLabelAlign = \"start\" | \"end\";\nexport type ComboBoxNecessityIndicator = \"icon\" | \"label\";\nexport type ComboBoxLoadingState = LoadingState;\n\nexport interface ComboBoxProps<T> extends Omit<\n  HeadlessComboBoxProps<T>,\n  \"class\" | \"style\" | \"children\" | \"slot\" | \"ref\" | \"rootRef\"\n> {\n  size?: ComboBoxSize;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  class?: string;\n  label?: JSX.Element;\n  description?: JSX.Element;\n  errorMessage?: JSX.Element;\n  isInvalid?: boolean;\n  labelPosition?: ComboBoxLabelPosition;\n  labelAlign?: ComboBoxLabelAlign;\n  necessityIndicator?: ComboBoxNecessityIndicator;\n  contextualHelp?: JSX.Element;\n  /** An icon or text rendered before the input. */\n  prefix?: JSX.Element;\n  direction?: \"bottom\" | \"top\";\n  align?: \"start\" | \"end\";\n  menuWidth?: number;\n  shouldFlip?: boolean;\n  /** The current loading state of the ComboBox. Determines whether or not the progress circle should be shown. */\n  loadingState?: LoadingState;\n  /** Handler that is called when more items should be loaded. */\n  onLoadMore?: () => void | Promise<void>;\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface ComboBoxInputProps extends Omit<HeadlessComboBoxInputProps, \"class\" | \"style\"> {\n  class?: string;\n}\n\nexport interface ComboBoxButtonProps extends Omit<HeadlessComboBoxButtonProps, \"class\" | \"style\"> {\n  class?: string;\n}\n\nexport interface ComboBoxListBoxProps<T> extends Omit<\n  HeadlessComboBoxListBoxProps<T>,\n  \"class\" | \"style\"\n> {\n  class?: string;\n}\n\nexport interface ComboBoxOptionProps<T> extends Omit<\n  HeadlessComboBoxOptionProps<T>,\n  \"class\" | \"style\"\n> {\n  class?: string;\n}\n\ninterface ComboBoxStyleProps extends ComboBoxRenderProps {\n  size?: S2ComboBoxSize;\n  labelPosition?: ComboBoxLabelPosition;\n  labelAlign?: ComboBoxLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n}\n\ninterface ComboBoxButtonStyleProps extends ComboBoxButtonRenderProps {\n  size?: S2ComboBoxSize;\n  isOpen?: boolean;\n}\n\ninterface ComboBoxOptionStyleProps extends ComboBoxOptionRenderProps {\n  size?: S2ComboBoxSize;\n  isLink?: boolean;\n}\n\nconst ComboBoxSizeContext = createContext<S2ComboBoxSize>(\"M\");\nexport const ComboBoxContext = createContext<SpectrumContextValue<ComboBoxProps<any>>>(null);\n\nconst comboBoxRoot = style<ComboBoxStyleProps>(\n  {\n    ...field(),\n  },\n  getAllowedOverrides(),\n);\n\nconst comboBoxLabelWrapper = style<ComboBoxStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst comboBoxLabel = style<ComboBoxStyleProps>({\n  ...fieldLabel(),\n});\n\nconst comboBoxFieldGroup = style<ComboBoxStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  paddingStart: \"edge-to-text\",\n  paddingEnd: \"calc(self(height, self(minHeight)) * 3 / 16 - self(borderEndWidth, 2px))\",\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst comboBoxInput = style({\n  padding: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      default: \"gray-600\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  width: \"full\",\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  truncate: true,\n});\n\nconst inputButton = style<ComboBoxButtonStyleProps>({\n  ...controlBorderRadius(\"sm\"),\n  display: \"flex\",\n  outlineStyle: \"none\",\n  textAlign: \"center\",\n  borderStyle: \"none\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32,\n    },\n  },\n  marginStart: \"text-to-control\",\n  aspectRatio: \"square\",\n  flexShrink: 0,\n  transition: {\n    default: \"default\",\n    forcedColors: \"none\",\n  },\n  // Put the chevron trigger on the field's own size ramp. This object declares no\n  // font/fontSize/fontFamily/fontWeight key and spreads no `control()`, so the button\n  // inherited the island's global `[data-glasselated] button` font instead of the size\n  // the surrounding field group gets from `control()` -> `controlFont()`. `size` is a\n  // declared style state on ComboBoxButtonStyleProps, so the S/M/L/XL ramp resolves.\n  // Declared before `color` below, which still wins over the shorthand's own color.\n  font: controlFont(),\n  // No fill. The button sits inside the matte well `comboBoxFieldGroup` already paints\n  // (`control({register: \"matte\"})` plus `backgroundColor: \"well\"` above), so a second\n  // surface stacked on top answers to no register token — `gray-100` is a raw ramp\n  // stop, not one of the well/raised/card surfaces. State is carried as ink instead:\n  // `color` below is `baseColor(\"neutral\")`, which expands to its own hovered/pressed/\n  // focus-visible steps, and holds the `isDisabled` branch. `isOpen` goes with the\n  // fill; nothing outside the forced-colors branch reads it. That branch is left\n  // untouched — HCM needs the solid fill to keep the trigger visible.\n  backgroundColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isHovered: \"Highlight\",\n      isOpen: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: \"ButtonFace\",\n  },\n});\n\nconst comboBoxChevron = style({\n  flexShrink: 0,\n  rotate: 90,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst comboBoxListBox = style<ComboBoxListBoxRenderProps & { size?: S2ComboBoxSize }>({\n  width: \"full\",\n  boxSizing: \"border-box\",\n  maxHeight: \"[inherit]\",\n  overflowY: \"auto\",\n  overflowX: \"hidden\",\n  fontFamily: \"sans\",\n  fontSize: controlFont(),\n  outlineStyle: \"none\",\n});\n\n// S2 ComboBox.tsx:765-768 — width additions on the composed Popover `styles` prop.\nconst comboBoxMenuWidth = style({\n  minWidth: \"--trigger-width\",\n  width: \"--trigger-width\",\n});\n\nconst comboBoxListBoxFrame = style({\n  display: \"flex\",\n  width: \"full\",\n  height: \"full\",\n});\n\n// S2 ComboBox.tsx:315-328 — Header slot styles for listbox sections. Picker\n// imports the same export (`s2/Picker.tsx:71`).\nexport const listboxHeader = style<{ size?: S2ComboBoxSize }>({\n  color: \"neutral\",\n  boxSizing: \"border-box\",\n  minHeight: controlSize(),\n  paddingY: centerPadding(),\n  marginX: {\n    size: {\n      S: `[${edgeToText(24)}]`,\n      M: `[${edgeToText(32)}]`,\n      L: `[${edgeToText(40)}]`,\n      XL: `[${edgeToText(48)}]`,\n    },\n  },\n});\n\nconst comboBoxLoadingWrapper = style({\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginY: 8,\n});\n\nconst comboBoxProgressCircle = style<{ isInput?: boolean }>({\n  size: \"1lh\",\n  marginStart: {\n    isInput: \"text-to-visual\",\n  },\n});\n\nconst comboBoxEmptyStateText = style<{ size?: S2ComboBoxSize }>({\n  height: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n      XL: 48,\n    },\n  },\n  font: {\n    size: {\n      S: \"ui-sm\",\n      M: \"ui\",\n      L: \"ui-lg\",\n      XL: \"ui-xl\",\n    },\n  },\n  display: \"flex\",\n  alignItems: \"center\",\n  paddingStart: \"edge-to-text\",\n});\n\n// Not from any design, just following the sizing of the existing rows\nexport const LOADER_ROW_HEIGHTS = {\n  S: {\n    medium: 24,\n    large: 30,\n  },\n  M: {\n    medium: 32,\n    large: 40,\n  },\n  L: {\n    medium: 40,\n    large: 50,\n  },\n  XL: {\n    medium: 48,\n    large: 60,\n  },\n};\n\nconst comboBoxOption = style<ComboBoxOptionStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", wrap: true, icon: true, register: \"row\" }),\n  columnGap: 0,\n  paddingX: 0,\n  paddingBottom: \"--labelPadding\",\n  // A register row is never painted — its state is ink, not fill.\n  // `baseColor(\"gray-100\").isFocusVisible` baked an opaque ramp stop as a highlight\n  // bar, a surface the row register does not draw. The fill came from this key alone:\n  // `control({register: \"row\"})` above deliberately contributes no backgroundColor\n  // (only the `matte` register paints one), so nothing else reintroduces it.\n  //\n  // Keyboard focus is still drawn by `focusRing()` above. S2 listbox padding is\n  // 0; ListLayout `padding: 8` insets the absolutely positioned rows the same\n  // way RAC does, so the ring sits in that layout gutter. No forced-colors\n  // branch is needed either: this option sets no `forcedColorAdjust`, so\n  // high-contrast mode still paints its own highlight.\n  backgroundColor: \"transparent\",\n  color: {\n    // Highlight is full-strength `accent` rather than a dimmed tint: an option has no\n    // persistent selected-LABEL state to reserve the stronger ink for — selection is\n    // signalled in the `checkmark` grid area (`comboBoxCheckmark` below toggles\n    // `visibility` on `isSelected`), so the two signals never compete.\n    default: baseColor(\"neutral\"),\n    isFocused: \"accent\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  position: \"relative\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\". checkmark icon label .\", \". . . description .\"],\n  gridTemplateColumns: {\n    size: {\n      S: [edgeToText(24), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(24)],\n      M: [edgeToText(32), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(32)],\n      L: [edgeToText(40), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(40)],\n      XL: [edgeToText(48), \"auto\", \"auto\", \"minmax(0, 1fr)\", edgeToText(48)],\n    },\n  },\n  gridTemplateRows: {\n    default: \"auto minmax(0, min-content)\",\n    \":has([slot=description])\": \"auto auto\",\n  },\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  alignItems: \"baseline\",\n  minHeight: controlSize(),\n  height: \"min\",\n  textDecoration: \"none\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"default\",\n  },\n  transition: \"transform\",\n});\n\nconst comboBoxOptionLabel = style<{ size?: S2ComboBoxSize }>({\n  gridArea: \"label\",\n  display: \"block\",\n  flexGrow: 1,\n  font: controlFont(),\n  color: \"inherit\",\n  fontWeight: \"medium\",\n  marginTop: \"--labelPadding\",\n  truncate: true,\n});\n\n// S2 ComboBox.tsx:354-357 — AvatarContext styles on ComboBoxItem.\nconst comboBoxAvatar = style({\n  gridArea: \"icon\",\n  marginEnd: \"text-to-visual\",\n});\n\nconst comboBoxCheckmark = style<ComboBoxOptionStyleProps>({\n  gridArea: \"checkmark\",\n  visibility: {\n    default: \"hidden\",\n    isSelected: \"visible\",\n  },\n  color: baseColor(\"accent\"),\n  marginEnd: \"text-to-control\",\n  aspectRatio: \"square\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"currentColor\",\n      forcedColors: {\n        default: \"Highlight\",\n        isFocused: \"HighlightText\",\n      },\n    },\n  },\n});\n\nconst fieldErrorIcon = style({\n  size: \"1lh\",\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nfunction isPrimitiveText(value: unknown): value is string | number {\n  return typeof value === \"string\" || typeof value === \"number\";\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  return isPrimitiveText(value) || (Array.isArray(value) && value.every(isPrimitiveText));\n}\n\nfunction normalizeComboBoxSize(size: ComboBoxSize | undefined): S2ComboBoxSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction requiredIconStyle(size: S2ComboBoxSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction comboBoxChevronIconStyle(size: S2ComboBoxSize): JSX.CSSProperties {\n  const pixelSize = size === \"XL\" ? 14 : size === \"L\" ? 12 : 10;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction comboBoxMenuOffset(size: S2ComboBoxSize): number {\n  switch (size) {\n    case \"S\":\n    case \"M\":\n      return 6;\n    case \"L\":\n      return 7;\n    case \"XL\":\n      return 8;\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction ComboBoxFieldGroup(props: {\n  renderProps: ComboBoxRenderProps;\n  size: () => S2ComboBoxSize;\n  children: JSX.Element;\n}) {\n  const context = useContext(HeadlessComboBoxContext) as {\n    isFocused?: () => boolean;\n    setTriggerRef?: (el: HTMLElement | null) => void;\n  } | null;\n  const isFocused = () => context?.isFocused?.() ?? props.renderProps.isFocused;\n\n  // S2 FieldGroup is a RAC `<Group>` with `useFocusRing({ within: true })`, not\n  // the ComboBox input's `useFocusRing({ isTextInput: true })`. Copying the\n  // input ring lit the group after pointer-open + ArrowDown + Enter: RAC\n  // `dispatchVirtualFocus` re-samples global keyboard modality on the already-\n  // focused input, and the group inherited that. `createFocusRing({ within:\n  // true })` cannot be used here — Solid `onFocus` does not bubble to a\n  // container (DateField FieldGroup uses the same workaround). Track the\n  // group's own keyboard-modality flag; `isKeyboardFocusEvent` auto-detects\n  // the text input so ArrowDown/type/Enter do not flip it.\n  const [isFocusVisibleModality, setIsFocusVisibleModality] = createSignal(\n    getInteractionModality() !== \"pointer\",\n  );\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const cleanup = createFocusVisibleListener((visible) => setIsFocusVisibleModality(visible));\n    _s2Cleanups.push(cleanup);\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n  const isFocusVisible = () => isFocused() && isFocusVisibleModality();\n\n  // Upstream FieldGroup renders a RAC `<Group>`, whose own `useHover` drives the\n  // `isHovered` render prop that `fieldGroupStyles` reads to brighten the text to\n  // `neutral:hovered` (Field.tsx:229-230 `baseColor('neutral')`, Group.tsx:111).\n  // RAC's ComboBox root exposes no `isHovered` (ComboBoxRenderProps has none), so\n  // the hover state must come from the group element itself — mirror it here.\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return props.renderProps.isDisabled;\n    },\n  });\n\n  onCleanup(() => context?.setTriggerRef?.(null));\n\n  return (\n    <div\n      {...hoverProps}\n      ref={(el) => context?.setTriggerRef?.(el)}\n      role=\"presentation\"\n      class={comboBoxFieldGroup({\n        ...props.renderProps,\n        size: props.size(),\n        isFocusWithin: isFocused(),\n        isFocusVisible: isFocusVisible(),\n        isHovered: isHovered(),\n      })}\n      onPointerDown={(event) => {\n        if (event.pointerType === \"mouse\") {\n          focusFieldInput(event);\n        }\n      }}\n      onTouchEnd={focusFieldInput}\n      data-hovered={isHovered() ? \"true\" : undefined}\n      data-focus-within={isFocused() ? \"true\" : undefined}\n      data-focus-visible={isFocusVisible() ? \"true\" : undefined}\n      data-disabled={props.renderProps.isDisabled ? \"true\" : undefined}\n      data-invalid={props.renderProps.isInvalid ? \"true\" : undefined}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nfunction ComboBoxFieldSpinner(props: {\n  loadingState: () => LoadingState | undefined;\n  menuTrigger: () => MenuTriggerAction | undefined;\n  label: string;\n}) {\n  const comboBoxContext = useContext(HeadlessComboBoxContext) as {\n    state?: { inputValue?: () => string };\n    isOpen?: () => boolean;\n  } | null;\n  const [showLoading, setShowLoading] = createSignal(false);\n  const spinnerId = createUniqueId();\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n  let lastInputValue: string | undefined;\n\n  const isLoadingOrFiltering = () =>\n    props.loadingState() === \"loading\" || props.loadingState() === \"filtering\";\n\n  createTrackedEffect(() => {\n    const loading = isLoadingOrFiltering();\n    const inputValue = comboBoxContext?.state?.inputValue?.();\n    const currentlyShowing = showLoading();\n\n    if (loading && !currentlyShowing) {\n      if (timeout === null) {\n        timeout = setTimeout(() => {\n          setShowLoading(true);\n        }, 500);\n      }\n      if (inputValue !== lastInputValue) {\n        if (timeout) {\n          clearTimeout(timeout);\n        }\n        timeout = setTimeout(() => {\n          setShowLoading(true);\n        }, 500);\n      }\n    } else if (!loading) {\n      setShowLoading(false);\n      if (timeout) {\n        clearTimeout(timeout);\n        timeout = null;\n      }\n    }\n\n    lastInputValue = inputValue;\n  });\n\n  onCleanup(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n      timeout = null;\n    }\n  });\n\n  const showFieldSpinner = () =>\n    showLoading() &&\n    (comboBoxContext?.isOpen?.() === true ||\n      props.menuTrigger() === \"manual\" ||\n      props.loadingState() === \"loading\");\n\n  return (\n    <Show when={showFieldSpinner()}>\n      <ProgressCircle\n        id={spinnerId}\n        isIndeterminate\n        size=\"S\"\n        styles={comboBoxProgressCircle({ isInput: true })}\n        aria-label={props.label}\n      />\n    </Show>\n  );\n}\n\nfunction ComboBoxListBoxPopover(props: {\n  size: () => S2ComboBoxSize;\n  direction: () => \"bottom\" | \"top\";\n  align: () => \"start\" | \"end\";\n  menuWidth: () => number | undefined;\n  shouldFlip: () => boolean;\n  children: JSX.Element;\n}) {\n  const comboBoxContext = useContext(HeadlessComboBoxContext) as {\n    state?: { close?: () => void };\n    isOpen?: () => boolean;\n    triggerRef?: () => HTMLElement | null;\n    inputRef?: () => HTMLElement | null;\n    buttonRef?: () => HTMLElement | null;\n  } | null;\n\n  const triggerRef = () =>\n    comboBoxContext?.triggerRef?.() ??\n    comboBoxContext?.inputRef?.()?.parentElement ??\n    comboBoxContext?.inputRef?.() ??\n    comboBoxContext?.buttonRef?.() ??\n    null;\n\n  // RAC useOverlay has no document focusin closer. Solid createOverlay does,\n  // and ComboBox is non-modal with DOM focus remaining on the input. Treat the\n  // trigger as inside the overlay so menuTrigger=focus is not dismissed on the\n  // same focus that opened it.\n  const shouldCloseOnInteractOutside = (element: Element) => {\n    const trigger = triggerRef();\n    if (trigger === element || trigger?.contains(element)) {\n      return false;\n    }\n    const input = comboBoxContext?.inputRef?.();\n    if (input === element || input?.contains(element)) {\n      return false;\n    }\n    const button = comboBoxContext?.buttonRef?.();\n    if (button === element || button?.contains(element)) {\n      return false;\n    }\n    return true;\n  };\n\n  return (\n    <Popover\n      hideArrow\n      padding=\"none\"\n      trigger=\"ComboBox\"\n      triggerRef={triggerRef}\n      isOpen={comboBoxContext?.isOpen?.() ?? false}\n      onOpenChange={(open) => {\n        if (!open) {\n          comboBoxContext?.state?.close?.();\n        }\n      }}\n      isNonModal\n      shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n      placement={`${props.direction()} ${props.align()}`}\n      offset={comboBoxMenuOffset(props.size())}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      UNSAFE_style={{\n        \"--trigger-width\": props.menuWidth() != null ? `${props.menuWidth()}px` : undefined,\n      }}\n      styles={comboBoxMenuWidth}\n    >\n      <div class={comboBoxListBoxFrame}>{props.children}</div>\n    </Popover>\n  );\n}\n\nfunction ComboBoxFieldLabel(props: {\n  label: JSX.Element;\n  size: S2ComboBoxSize;\n  isRequired: boolean;\n  necessityIndicator: ComboBoxNecessityIndicator;\n}) {\n  // Renders the label text + necessity indicator as the direct children of the\n  // `<label>` (the class lives on `HeadlessComboBoxLabel`), so the label text's\n  // nearest element is the `<label>` — matching upstream FieldLabel.\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  return (\n    <>\n      {props.label}\n      <Show when={props.isRequired || props.necessityIndicator === \"label\"}>\n        <span class={noWrap}>\n          &nbsp;\n          <Show\n            when={props.necessityIndicator === \"icon\"}\n            fallback={\n              <span aria-hidden={props.isRequired ? true : undefined}>\n                {stringFormatter().format(\n                  props.isRequired ? \"label.(required)\" : \"label.(optional)\",\n                )}\n              </span>\n            }\n          >\n            <AsteriskIcon\n              size={props.size === \"S\" ? \"M\" : props.size}\n              styles={requiredIcon}\n              style={requiredIconStyle(props.size)}\n              aria-hidden=\"true\"\n            />\n          </Show>\n        </span>\n      </Show>\n    </>\n  );\n}\n\nexport function ComboBox<T>(props: ComboBoxProps<T>): JSX.Element {\n  const isInForm = useIsInForm();\n  const formContext = useContext(FormContext);\n  const providerProps = useProviderProps(useFormProps(props));\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(ComboBoxContext), props.slot);\n  const defaultProps: Partial<ComboBoxProps<T>> = {\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n    direction: \"bottom\",\n    align: \"start\",\n    shouldFlip: true,\n  };\n  const mergedProps = mergeProps(defaultProps, flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"isInvalid\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"prefix\",\n    \"direction\",\n    \"align\",\n    \"menuWidth\",\n    \"shouldFlip\",\n    \"loadingState\",\n    \"onLoadMore\",\n    \"children\",\n    \"slot\",\n    \"ref\",\n  ]);\n\n  const prefixId = createUniqueId();\n  const size = () => normalizeComboBoxSize(local.size);\n  // S2 `useScale()` (`packages/@react-spectrum/s2/src/utils.ts`): coarse pointer → large.\n  const matchesCoarsePointer = createMediaQuery(\"not ((hover: hover) and (pointer: fine))\");\n  const scale = (): \"medium\" | \"large\" => (matchesCoarsePointer() ? \"large\" : \"medium\");\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const direction = () => local.direction ?? \"bottom\";\n  const align = () => local.align ?? \"start\";\n  const shouldFlip = () => local.shouldFlip ?? true;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  // Faithful to upstream S2 `ComboBox` (`style={pressScale(buttonRef)}` on the\n  // chevron Button): the trigger carries the Spectrum press-scale effect, which\n  // also emits the resting `will-change: transform` hint.\n  const [chevronEl, setChevronEl] = createSignal<HTMLButtonElement | null>(null);\n\n  const rootClassName = (renderProps: ComboBoxRenderProps) =>\n    [\n      contextProps?.UNSAFE_className,\n      local.UNSAFE_className,\n      local.class,\n      comboBoxRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    comboBoxLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const buttonClass = (renderProps: ComboBoxButtonRenderProps) =>\n    inputButton({\n      ...renderProps,\n      size: size(),\n      isOpen: renderProps.isOpen,\n    });\n\n  const listBoxChildren = typeof local.children === \"function\" ? local.children : undefined;\n\n  return (\n    <ComboBoxSizeContext value={size()}>\n      {/* RAC S2 ComboBox.tsx:401-404 — `{...comboBoxProps}` onto AriaComboBox\n          keeps `items` and `defaultItems` distinct. RAC ComboBox.tsx:208-209\n          passes `items: props.items` into useComboBoxState; coalescing\n          defaultItems onto items here skips defaultFilter\n          (useComboBoxState.ts:297-302). */}\n      <HeadlessComboBox\n        {...headlessProps}\n        allowsEmptyCollection\n        label={local.label}\n        isInvalid={local.isInvalid}\n        slot={local.slot ?? undefined}\n        rootRef={(element) => assignRootRef(element)}\n        class={rootClassName}\n        style={mergedUnsafeStyle()}\n        children={(renderProps: ComboBoxRenderProps) => (\n          <>\n            <Show when={local.label}>\n              <div class={labelWrapperClass()}>\n                {/* Upstream FieldLabel puts the label class + text directly on the\n                    `<Label>` (`<label>`) element (Field.tsx:118) — the text node's\n                    nearest element is the `<label>` itself. Match that: class on\n                    `HeadlessComboBoxLabel`, content inline (no wrapper `<span>`). */}\n                <HeadlessComboBoxLabel\n                  class={comboBoxLabel({\n                    size: size(),\n                    isDisabled: renderProps.isDisabled,\n                    isRequired: renderProps.isRequired,\n                    labelPosition: labelPosition(),\n                    labelAlign: labelAlign(),\n                    isStaticColor: false,\n                  })}\n                >\n                  <ComboBoxFieldLabel\n                    label={local.label}\n                    size={size()}\n                    isRequired={renderProps.isRequired}\n                    necessityIndicator={necessityIndicator()}\n                  />\n                </HeadlessComboBoxLabel>\n                <Show when={local.contextualHelp}>\n                  <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n                </Show>\n              </div>\n            </Show>\n\n            <ComboBoxFieldGroup renderProps={renderProps} size={size}>\n              <Show when={local.prefix} fallback={<HeadlessComboBoxInput class={comboBoxInput} />}>\n                <FieldPrefix id={prefixId}>{local.prefix}</FieldPrefix>\n                <PrefixInputProvider\n                  context={HeadlessComboBoxContext}\n                  prefixId={prefixId}\n                  inputPropsIsFunction\n                >\n                  <HeadlessComboBoxInput class={comboBoxInput} />\n                </PrefixInputProvider>\n              </Show>\n              <Show when={renderProps.isInvalid && !renderProps.isDisabled}>\n                <CenterBaseline>\n                  <AlertTriangleIcon styles={fieldErrorIcon} />\n                </CenterBaseline>\n              </Show>\n              <ComboBoxFieldSpinner\n                loadingState={() => local.loadingState}\n                menuTrigger={() =>\n                  (headlessProps as { menuTrigger?: MenuTriggerAction }).menuTrigger\n                }\n                label={stringFormatter().format(\"table.loading\")}\n              />\n              <HeadlessComboBoxButton\n                ref={setChevronEl}\n                class={buttonClass}\n                style={(buttonProps) => pressScale(() => chevronEl())(buttonProps)}\n              >\n                <ChevronIcon\n                  size={size()}\n                  styles={comboBoxChevron}\n                  style={comboBoxChevronIconStyle(size())}\n                />\n              </HeadlessComboBoxButton>\n            </ComboBoxFieldGroup>\n\n            <HelpText\n              size={size()}\n              isDisabled={renderProps.isDisabled}\n              isInvalid={renderProps.isInvalid || local.isInvalid}\n              description={local.description}\n            >\n              {local.errorMessage}\n            </HelpText>\n\n            <ComboBoxListBoxPopover\n              size={size}\n              direction={direction}\n              align={align}\n              menuWidth={() => local.menuWidth}\n              shouldFlip={shouldFlip}\n            >\n              <FormContext\n                value={{\n                  ...(formContext ?? {}),\n                  get size() {\n                    return size();\n                  },\n                  isRequired: undefined,\n                }}\n              >\n                <HeaderContext value={{ styles: () => listboxHeader({ size: size() }) }}>\n                  <HeadingContext\n                    value={{\n                      role: \"presentation\",\n                      styles: menuSectionHeading,\n                    }}\n                  >\n                    <TextContext\n                      value={{\n                        slots: {\n                          description: {\n                            styles: () =>\n                              menuItemDescription({\n                                size: size(),\n                                isFocused: false,\n                                isDisabled: false,\n                              }),\n                          },\n                        },\n                      }}\n                    >\n                      <Virtualizer\n                        layout={ListLayout}\n                        layoutOptions={{\n                          estimatedRowHeight: 32,\n                          padding: 8,\n                          estimatedHeadingHeight: 50,\n                          loaderHeight: LOADER_ROW_HEIGHTS[size()][scale()],\n                        }}\n                      >\n                        <HeadlessComboBoxListBox\n                          class={(listBoxProps) =>\n                            comboBoxListBox({ ...listBoxProps, size: size() })\n                          }\n                          onLoadMore={local.onLoadMore}\n                          isLoading={local.loadingState === \"loadingMore\"}\n                          loadMoreClass={comboBoxLoadingWrapper}\n                          renderLoadMore={() =>\n                            local.loadingState === \"loadingMore\" ? (\n                              <ProgressCircle\n                                isIndeterminate\n                                size=\"S\"\n                                styles={comboBoxProgressCircle({})}\n                                aria-label={stringFormatter().format(\"table.loadingMore\")}\n                              />\n                            ) : undefined\n                          }\n                          renderEmptyState={() => (\n                            <span class={comboBoxEmptyStateText({ size: size() })}>\n                              {stringFormatter().format(\n                                local.loadingState === \"loading\"\n                                  ? \"table.loading\"\n                                  : \"combobox.noResults\",\n                              )}\n                            </span>\n                          )}\n                        >\n                          {listBoxChildren}\n                        </HeadlessComboBoxListBox>\n                      </Virtualizer>\n                    </TextContext>\n                  </HeadingContext>\n                </HeaderContext>\n              </FormContext>\n            </ComboBoxListBoxPopover>\n          </>\n        )}\n      />\n    </ComboBoxSizeContext>\n  );\n}\n\nexport function ComboBoxInputGroup(props: { children: JSX.Element; class?: string }): JSX.Element {\n  const context = useContext(HeadlessComboBoxContext) as {\n    setTriggerRef?: (el: HTMLElement | null) => void;\n  } | null;\n\n  onCleanup(() => context?.setTriggerRef?.(null));\n\n  return (\n    <div ref={(el) => context?.setTriggerRef?.(el)} class={props.class}>\n      {props.children}\n    </div>\n  );\n}\n\nexport function ComboBoxInput(props: ComboBoxInputProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  return (\n    <HeadlessComboBoxInput\n      {...headlessProps}\n      class={[comboBoxInput, local.class].filter(Boolean).join(\" \")}\n    />\n  );\n}\n\nexport function ComboBoxButton(props: ComboBoxButtonProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"ref\"]);\n  const size = useContext(ComboBoxSizeContext);\n  const [buttonEl, setButtonEl] = createSignal<HTMLButtonElement | null>(null);\n  const buttonClass = (renderProps: ComboBoxButtonRenderProps) =>\n    [\n      inputButton({\n        ...renderProps,\n        size,\n        isOpen: renderProps.isOpen,\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessComboBoxButton\n      {...headlessProps}\n      ref={(el) => {\n        setButtonEl(el);\n        assignRef(local.ref, el);\n      }}\n      class={buttonClass}\n      // Faithful to upstream S2 `ComboBox` chevron `style={pressScale(buttonRef)}`.\n      style={(buttonProps) => pressScale(() => buttonEl())(buttonProps)}\n    >\n      {props.children || (\n        <ChevronIcon size={size} styles={comboBoxChevron} style={comboBoxChevronIconStyle(size)} />\n      )}\n    </HeadlessComboBoxButton>\n  );\n}\n\nexport function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  const size = useContext(ComboBoxSizeContext);\n  const listClass = (renderProps: ComboBoxListBoxRenderProps) =>\n    [comboBoxListBox({ ...renderProps, size }), local.class].filter(Boolean).join(\" \");\n\n  return <HeadlessComboBoxListBox {...headlessProps} class={listClass} children={props.children} />;\n}\n\n/**\n * @deprecated Use {@link ComboBoxItem}. Removed in a future minor.\n */\nexport function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"children\", \"ref\", \"UNSAFE_style\"]);\n  const size = useContext(ComboBoxSizeContext);\n  const [optionEl, setOptionEl] = createSignal<HTMLElement | null>(null);\n  const isLink = () => (props as Record<string, unknown>).href != null;\n  const optionClass = (renderProps: ComboBoxOptionRenderProps) =>\n    [\n      comboBoxOption({\n        ...renderProps,\n        size,\n        isLink: isLink(),\n      }),\n      local.class,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const checkClass = (renderProps: ComboBoxOptionRenderProps) =>\n    comboBoxCheckmark({ ...renderProps, size });\n  // Consume children in a nested component so the tracked read runs under the\n  // item Icon/Avatar/Text providers. A memo on ComboBoxOption itself would\n  // create `<Text slot=\"label\">` against the overlay description-only\n  // TextContext (Invalid slot \"label\"). MenuItemContents is the same pattern.\n  // Copy headless label/description ids into Spectrum TextContext (MenuItem\n  // does the same) so S2 `<Text>` gets `aria-labelledby` without RAC Text.\n  const ComboBoxOptionChrome = (contentProps: { renderProps: ComboBoxOptionRenderProps }) => {\n    const headlessText = useContext(HeadlessTextContext) as {\n      slots?: Record<string, { id?: string } | undefined>;\n    } | null;\n    const labelId = headlessText?.slots?.label?.id ?? headlessText?.slots?.default?.id;\n    const descriptionId = headlessText?.slots?.description?.id;\n    return (\n      <TextContext\n        value={{\n          slots: {\n            label: {\n              styles: () => menuItemLabel({ size }),\n              \"data-rsp-slot\": \"text\",\n              id: labelId,\n            },\n            description: {\n              styles: () =>\n                menuItemDescription({\n                  size,\n                  isFocused: contentProps.renderProps.isFocused,\n                  isDisabled: contentProps.renderProps.isDisabled,\n                }),\n              \"data-rsp-slot\": \"text\",\n              id: descriptionId,\n            },\n          },\n        }}\n      >\n        <ComboBoxOptionContents renderProps={contentProps.renderProps} />\n      </TextContext>\n    );\n  };\n  const ComboBoxOptionContents = (contentProps: { renderProps: ComboBoxOptionRenderProps }) => {\n    // Share one tracked child value between classification and insertion.\n    // Re-evaluation can construct children; keep reactive inputs live rather\n    // than capturing an untracked setup-time snapshot.\n    const content = createMemo(() => local.children);\n    const checkClassName = createMemo(() => checkClass(contentProps.renderProps));\n    return (\n      <>\n        <CheckmarkIcon\n          size={size === \"S\" ? \"XS\" : size}\n          // Apply via `class` (raw), not `styles`: the icon `styles` path\n          // filters through `iconAllowedOverrides`, which omits `visibility`\n          // and would strip the checkmark's `visibility` toggle, leaving it\n          // visible on every option. Mirrors upstream S2 ComboBox `className`.\n          class={checkClassName()}\n        />\n        {isTextOnlyChildren(content()) ? (\n          // S2 ComboBoxItem wraps string children in `<Text slot=\"label\">` so\n          // RAC TextContext supplies the option's labelledby id as a prop.\n          // A raw span lost that id when the render-prop tree remounted on End.\n          <HeadlessText slot=\"label\" class={comboBoxOptionLabel({ size })} data-rsp-slot=\"text\">\n            {content()}\n          </HeadlessText>\n        ) : (\n          content()\n        )}\n      </>\n    );\n  };\n\n  return (\n    <HeadlessComboBoxOption\n      {...headlessProps}\n      ref={(el) => {\n        setOptionEl(el);\n        assignRef(local.ref, el);\n      }}\n      aria-label={headlessProps[\"aria-label\"]}\n      class={optionClass}\n      // Faithful to upstream S2 `ComboBoxItem` `style={pressScale(ref, UNSAFE_style)}`.\n      style={pressScale(() => optionEl(), local.UNSAFE_style)}\n    >\n      {(renderProps: ComboBoxOptionRenderProps) => (\n        <IconContext\n          value={{\n            slot: \"icon\",\n            render: centerBaseline({\n              slot: \"icon\",\n              styles: menuItemIconCenterWrapper,\n            }),\n            styles: menuItemIcon,\n          }}\n        >\n          <AvatarContext\n            value={{\n              slots: {\n                default: { size: \"1lh\", styles: comboBoxAvatar },\n                avatar: { size: \"1lh\", styles: comboBoxAvatar },\n              },\n            }}\n          >\n            <ComboBoxOptionChrome renderProps={renderProps} />\n          </AvatarContext>\n        </IconContext>\n      )}\n    </HeadlessComboBoxOption>\n  );\n}\n\n/** S2 canonical item name. */\nexport const ComboBoxItem = ComboBoxOption;\nexport type ComboBoxItemProps<T> = ComboBoxOptionProps<T>;\n\nexport interface ComboBoxTagGroupProps extends Omit<\n  HeadlessComboBoxTagGroupProps,\n  \"class\" | \"style\"\n> {\n  class?: string;\n}\n\nexport function ComboBoxTagGroup(props: ComboBoxTagGroupProps): JSX.Element {\n  return <HeadlessComboBoxTagGroup {...props} />;\n}\n\nexport interface ComboBoxTagProps extends Omit<HeadlessComboBoxTagProps, \"class\" | \"style\"> {\n  class?: string;\n}\n\nexport function ComboBoxTag(props: ComboBoxTagProps): JSX.Element {\n  return <HeadlessComboBoxTag {...props} />;\n}\n\nexport interface ComboBoxSectionProps<T> extends Omit<\n  HeadlessListBoxSectionProps,\n  \"style\" | \"class\" | \"render\"\n> {}\n\n/**\n * A section within a `<ComboBox>`, mirroring React S2's `ComboBoxSection`. Renders\n * a headless list-box section followed by a size-matched `<Divider>`; the size is\n * read from the internal combobox context.\n */\nexport function ComboBoxSection<T>(props: ComboBoxSectionProps<T>): JSX.Element {\n  const size = useContext(ComboBoxSizeContext);\n  return (\n    <>\n      <HeadlessListBoxSection {...props}>{props.children}</HeadlessListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n\nComboBox.InputGroup = ComboBoxInputGroup;\nComboBox.Input = ComboBoxInput;\nComboBox.Button = ComboBoxButton;\nComboBox.ListBox = ComboBoxListBox;\nComboBox.Option = ComboBoxOption;\nComboBox.Section = ComboBoxSection;\nComboBox.TagGroup = ComboBoxTagGroup;\nComboBox.Tag = ComboBoxTag;\n\nexport const Item = ComboBoxOption;\n\nexport type { FilterFn, Key, MenuTriggerAction };\nexport { defaultContainsFilter };\n"],"mappings":"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"}