@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/combobox/index.js.map

@@ -0,0 +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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"}