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

package/dist/picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/picker/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 {\n  Select as HeadlessSelect,\n  SelectContext as HeadlessSelectContext,\n  SelectTrigger as HeadlessSelectTrigger,\n  SelectValue as HeadlessSelectValue,\n  SelectListBox as HeadlessSelectListBox,\n  SelectOption as HeadlessSelectOption,\n  ListBoxSection as HeadlessListBoxSection,\n  FieldError as HeadlessFieldError,\n  Popover as HeadlessPopover,\n  type ListBoxSectionProps as HeadlessListBoxSectionProps,\n  type SelectProps as HeadlessSelectProps,\n  type SelectRenderProps,\n  type SelectTriggerRenderProps,\n  type SelectValueRenderProps,\n  type SelectListBoxRenderProps,\n  type SelectOptionProps as HeadlessSelectOptionProps,\n  type SelectOptionRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  css,\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 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 { ProgressCircle } from \"../progress/ProgressCircle\";\nimport { useProviderProps, useTheme } from \"../provider\";\nimport { Divider } from \"../divider\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\n\nexport type PickerSize = \"S\" | \"M\" | \"L\" | \"XL\";\ntype S2PickerSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type PickerLabelPosition = \"top\" | \"side\";\nexport type PickerLabelAlign = \"start\" | \"end\";\nexport type PickerNecessityIndicator = \"icon\" | \"label\";\nexport type PickerDirection = \"bottom\" | \"top\";\nexport type PickerAlign = \"start\" | \"end\";\nexport type PickerLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface PickerProps<T> extends Omit<\n  HeadlessSelectProps<T>,\n  \"class\" | \"style\" | \"children\"\n> {\n  size?: PickerSize;\n  isQuiet?: boolean;\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?: PickerLabelPosition;\n  labelAlign?: PickerLabelAlign;\n  necessityIndicator?: PickerNecessityIndicator;\n  contextualHelp?: JSX.Element;\n  direction?: PickerDirection;\n  align?: PickerAlign;\n  menuWidth?: number;\n  shouldFlip?: boolean;\n  loadingState?: PickerLoadingState;\n  onLoadMore?: () => void | Promise<void>;\n  renderValue?: (selectedItems: T[]) => JSX.Element;\n  children?: JSX.Element | ((item: T) => JSX.Element);\n}\n\nexport interface PickerItemProps<T> extends Omit<\n  HeadlessSelectOptionProps<T>,\n  \"class\" | \"style\" | \"children\"\n> {\n  children?: JSX.Element;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  class?: string;\n}\n\ninterface PickerStyleProps extends SelectRenderProps {\n  size?: S2PickerSize;\n  labelPosition?: PickerLabelPosition;\n  labelAlign?: PickerLabelAlign;\n  isFocusWithin?: boolean;\n  isQuiet?: boolean;\n  isInvalid?: boolean;\n  isInForm?: boolean;\n}\n\ninterface PickerTriggerStyleProps extends SelectTriggerRenderProps {\n  size?: S2PickerSize;\n  isQuiet?: boolean;\n  isInvalid?: boolean;\n}\n\ninterface PickerValueStyleProps extends SelectValueRenderProps<unknown> {\n  isQuiet?: boolean;\n}\n\ninterface PickerOptionStyleProps extends SelectOptionRenderProps {\n  size?: S2PickerSize;\n}\n\nconst PickerSizeContext = createContext<S2PickerSize>(\"M\");\n\n// Mirrors upstream S2 `Picker`'s `InsideSelectValueContext` (Picker.tsx:315).\n// True while rendering a selected option's content inside the trigger's\n// `SelectValue`. `PickerItem` reads it to render only its slotted content\n// (icon/avatar/label) — no option row, checkmark, or press-scale — so the\n// trigger mirrors the full selected node, not just its text.\nconst InsidePickerValueContext = createContext<boolean>(false);\n\n// Mirrors React S2's `PickerContext`: slotted props injected by an ancestor\n// provider. No-op by default (`getSlottedContextProps(null, …)` returns null).\nexport const PickerContext = createContext<SpectrumContextValue<PickerProps<any>>>(null);\n\nconst pickerRoot = style<PickerStyleProps>(\n  {\n    ...field(),\n    position: \"relative\",\n  },\n  getAllowedOverrides(),\n);\n\nconst pickerLabelWrapper = style<PickerStyleProps>({\n  gridArea: \"label\",\n  display: \"inline-flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\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 pickerLabel = style<PickerStyleProps>({\n  ...fieldLabel(),\n});\n\nconst pickerTrigger = style<PickerTriggerStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", icon: true, register: \"matte\" }),\n  ...fieldInput(),\n  outlineStyle: {\n    default: \"none\",\n    isFocusVisible: \"solid\",\n    isQuiet: \"none\",\n  },\n  position: \"relative\",\n  textAlign: \"start\",\n  // These three keys DUPLICATE what `control({ register: \"matte\" })` spreads in\n  // above (see the `if (register === \"matte\")` branch in\n  // ../s2-internal/style-utils.ts, which sets borderWidth/borderStyle/borderColor/\n  // backgroundColor). In a JS object literal the later key wins OUTRIGHT — it does\n  // not merge — so whatever is written here IS the whole value, and the spread's\n  // `solid` / `well-border` / `well` never survived to the macro. That is how the\n  // closed trigger ended up a borderless gray-100 slab next to a ComboBox field\n  // group that renders correctly: `comboBoxFieldGroup` (combobox/index.tsx:196-223)\n  // spreads the identical `control()` and RESTATES the register values instead of\n  // silently erasing them.\n  //\n  // Each key below therefore restates the resting matte field — 1px solid\n  // var(--well-border) over var(--surface-well) (the handoff's `Well`,\n  // TerminalGlassLab.tsx:269-283) — and only then layers on per-component state.\n  // `default: \"solid\"` is load-bearing: dropping it would leave borderStyle with no\n  // default, which computes to `none` and keeps the border invisible even though\n  // borderWidth survives the spread. `isQuiet: \"none\"` is equally load-bearing —\n  // without it the quiet variant would newly grow a border it never had.\n  borderStyle: {\n    default: \"solid\",\n    isQuiet: \"none\",\n    forcedColors: \"solid\",\n  },\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  transition: \"default\",\n  paddingX: {\n    default: \"edge-to-text\",\n    isQuiet: 0,\n  },\n  // `isOpen: \"gray-200\"` is deliberately dropped rather than retinted: the handoff\n  // gives the well no open state, and --surface-well has no ramp to step to. The\n  // popover appearing plus focusRing() carry the feedback, as they already do on\n  // the ComboBox. `forcedColors: \"Field\"` mirrors comboBoxFieldGroup.\n  backgroundColor: {\n    default: \"well\",\n    isDisabled: \"disabled\",\n    isQuiet: \"transparent\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n  },\n  maxWidth: {\n    isQuiet: \"max\",\n  },\n  cursor: \"default\",\n  disableTapHighlight: true,\n});\n\nconst pickerInvalidBorder = style<PickerTriggerStyleProps>({\n  ...controlBorderRadius(),\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  pointerEvents: \"none\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  borderColor: baseColor(\"negative\"),\n  transition: \"default\",\n});\n\nconst quietFocusLine = style({\n  width: \"full\",\n  height: \"[2px]\",\n  position: \"absolute\",\n  bottom: 0,\n  borderRadius: \"full\",\n  backgroundColor: {\n    default: \"blue-800\",\n    forcedColors: \"Highlight\",\n  },\n});\n\nconst pickerValue = style<PickerValueStyleProps>({\n  flexGrow: {\n    default: 1,\n    isQuiet: 0,\n  },\n  truncate: true,\n  display: \"flex\",\n  alignItems: \"center\",\n  height: \"100%\",\n  color: {\n    default: \"inherit\",\n    \":is([data-placeholder])\": \"neutral-subdued\",\n  },\n});\n\n// Faithful to upstream S2 `Picker`: the selected value text is mirrored from the\n// option's rendered content, and `PickerItem` wraps a string child in\n// `<Text slot=\"label\">` (Picker.tsx:854). Inside `SelectValue` the `TextContext`\n// `label` slot styles that span `display: block; flex-grow: 1; truncate`\n// (Picker.tsx:718-731). Our port renders `selectedText` as a plain string, so we\n// wrap it in the equivalent label-slot span — otherwise the value text sits\n// directly on the flex `pickerValue` container and inherits its\n// `display: flex; align-items: center; height: 100%` instead of the block\n// text-height the `label` slot paints.\nconst pickerValueText = style({\n  display: \"block\",\n  flexGrow: 1,\n  truncate: true,\n});\n\n// Faithful to upstream S2 `Picker` (Picker.tsx:668-670): when no custom\n// `renderValue` is supplied, the trigger mirrors the selected option's full\n// content but hides anything that is NOT an icon/avatar/label slot (e.g. an\n// option `description`), so the trigger shows only the meaningful value slots.\nconst pickerValueContents = css(\n  \"&> :not([slot=icon], [slot=avatar], [slot=label], [data-slot=label]) {display: none;}\",\n);\n\nconst pickerChevron = style<{ size?: S2PickerSize; isLoading?: boolean }>({\n  size: {\n    size: {\n      S: 10,\n      M: 10,\n      L: 12,\n      XL: 14,\n    },\n  },\n  flexShrink: 0,\n  rotate: 90,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    isLoading: \"disabled\",\n  },\n});\n\nconst pickerLoadingWrapper = style({\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginY: 8,\n});\n\nconst pickerProgressCircle = style<{ size?: S2PickerSize }>({\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 22,\n      XL: 26,\n    },\n  },\n});\n\nconst pickerHelpText = style<PickerStyleProps>({\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  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n});\n\nconst pickerListBox = style<SelectListBoxRenderProps & { size?: S2PickerSize }>({\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  listStyleType: \"none\",\n  padding: 8,\n});\n\nconst pickerPopover = 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 pickerListBoxFrame = style({\n  display: \"flex\",\n  width: \"full\",\n  height: \"full\",\n});\n\nconst pickerOption = style<PickerOptionStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", wrap: true, icon: true, register: \"row\" }),\n  columnGap: 0,\n  paddingX: 0,\n  paddingBottom: \"--labelPadding\",\n  // Glasselated: a register row is NEVER painted. The handoff's row primitive is\n  // `.tgl-nav`, shared by the nav and the list rows, and all five of its rules are\n  // ink or mark-opacity only (design-handoff-v2.css:434, :441, :445, :449, :453) —\n  // there is no background-color in any of rest / hover / selected. The row\n  // elements carry none inline either (TerminalGlassLab.tsx:593-602 nav rows,\n  // :1020-1030 list rows: display/gap/padding/border-radius/cursor/--nav-fg only).\n  // `baseColor(\"gray-100\").isFocusVisible` baked an opaque ramp stop the register\n  // never draws, so state moves to ink below. Keyboard focus additionally keeps the\n  // outline from focusRing() above; `pickerListBox`'s `padding: 8` leaves room for\n  // its 2px width at 2px offset, so the ring is not clipped by that scroller's\n  // `overflowX: hidden`. No forced-colors branch is needed: this option sets no\n  // `forcedColorAdjust`, so high-contrast mode still paints its own highlight.\n  backgroundColor: \"transparent\",\n  color: {\n    default: baseColor(\"neutral\"),\n    // Full-strength `accent`, NOT the handoff's literal hover value\n    // `color-mix(in srgb, var(--accent-primary) 55%, var(--text-tertiary))`\n    // (design-handoff-v2.css:454). Two deliberate deviations. The mix is calibrated\n    // for a nav row resting at `--text-tertiary` (NAV_ITEMS, TerminalGlassLab.tsx:67-69);\n    // an option here rests at full-strength neutral, so the mix would DIM the label\n    // on highlight. And full accent is the handoff's SELECTED-row ink\n    // (NAV_ITEMS[0], :66), so borrowing it for highlight collapses a distinction the\n    // nav draws — acceptable here only because a Picker option carries persistent\n    // selection in the checkmark (`pickerCheckmark` below), not in its label color.\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    isDisabled: \"default\",\n  },\n  // Upstream `menuitem` (shared by Picker options) uses `transition: 'transform'`\n  // (transform-scoped, paired with `pressScale`), NOT the broad `'default'` set.\n  transition: \"transform\",\n});\n\nconst pickerOptionLabel = style<{ size?: S2PickerSize }>({\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 pickerCheckmark = style<PickerOptionStyleProps>({\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 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 normalizePickerSize(size: PickerSize | undefined): S2PickerSize {\n  switch (size) {\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: S2PickerSize): 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 pickerCheckmarkIconStyle(size: S2PickerSize): 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 pickerMenuOffset(size: S2PickerSize): 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 PickerListBoxPopover(props: {\n  size: () => S2PickerSize;\n  isQuiet: () => boolean;\n  direction: () => PickerDirection;\n  align: () => PickerAlign;\n  menuWidth: () => number | undefined;\n  shouldFlip: () => boolean;\n  children: JSX.Element;\n}) {\n  const theme = useTheme();\n  const selectContext = useContext(HeadlessSelectContext) as {\n    state?: { close?: () => void };\n    isOpen?: () => boolean;\n    triggerRef?: () => HTMLElement | null;\n    rootRef?: () => HTMLElement | null;\n  } | null;\n  const triggerRef = () =>\n    selectContext?.triggerRef?.() ??\n    selectContext?.rootRef?.()?.querySelector<HTMLElement>(\"button[aria-haspopup='listbox']\") ??\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=\"Select\"\n      triggerRef={triggerRef}\n      isOpen={selectContext?.isOpen?.() ?? false}\n      onOpenChange={(open) => {\n        if (!open) {\n          selectContext?.state?.close?.();\n        }\n      }}\n      placement={`${props.direction()} ${props.align()}`}\n      offset={pickerMenuOffset(props.size())}\n      crossOffset={props.isQuiet() ? -12 : undefined}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      class={(renderProps) =>\n        pickerPopover({\n          ...renderProps,\n          colorScheme: theme.colorScheme,\n          isArrowShown: false,\n          isSubmenu: false,\n        })\n      }\n      style={() => ({\n        \"--trigger-width\": resolvedTriggerWidth(),\n        minWidth: props.isQuiet() ? \"192px\" : \"var(--trigger-width)\",\n        width: props.isQuiet() ? \"calc(var(--trigger-width) - 24px)\" : \"var(--trigger-width)\",\n      })}\n    >\n      <div class={pickerListBoxFrame}>{props.children}</div>\n    </HeadlessPopover>\n  );\n}\n\nfunction PickerLabel(props: {\n  id?: string;\n  label: JSX.Element;\n  size: S2PickerSize;\n  isDisabled: boolean;\n  isRequired: boolean;\n  labelPosition: PickerLabelPosition;\n  labelAlign: PickerLabelAlign;\n  necessityIndicator: PickerNecessityIndicator;\n  contextualHelp?: JSX.Element;\n}) {\n  return (\n    <span\n      class={pickerLabelWrapper({\n        size: props.size,\n        isDisabled: props.isDisabled,\n        isRequired: props.isRequired,\n        labelPosition: props.labelPosition,\n        labelAlign: props.labelAlign,\n        isStaticColor: false,\n      })}\n    >\n      <span\n        id={props.id}\n        class={pickerLabel({\n          size: props.size,\n          isDisabled: props.isDisabled,\n          isRequired: props.isRequired,\n          labelPosition: props.labelPosition,\n          labelAlign: props.labelAlign,\n          isStaticColor: false,\n        })}\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      </span>\n      <Show when={props.contextualHelp}>\n        <span data-slot=\"contextualHelp\">{props.contextualHelp}</span>\n      </Show>\n    </span>\n  );\n}\n\nfunction selectedValues<T>(valueProps: SelectValueRenderProps<T>): T[] {\n  return valueProps.selectedItems\n    .map((item) => item.value ?? (item as unknown as T))\n    .filter((item): item is T => item != null);\n}\n\nfunction pickerValueContent<T>(\n  valueProps: SelectValueRenderProps<T>,\n  renderValue: ((selectedItems: T[]) => JSX.Element) | undefined,\n  renderItem: (item: T) => JSX.Element,\n) {\n  // Upstream wraps a custom `renderValue` in `<div style={{display:'contents'}}>`\n  // (Picker.tsx:743) so it lays out transparently in the flex value container.\n  // `InsidePickerValueContext` lets any `PickerItem` inside a custom `renderValue`\n  // back off its option chrome (checkmark/press-scale), matching upstream's\n  // `InsideSelectValueContext`/`DefaultProvider` handshake (Picker.tsx:864-880).\n  if (valueProps.selectedItems.length > 0 && renderValue) {\n    return (\n      <InsidePickerValueContext.Provider value={true}>\n        <div style={{ display: \"contents\" }}>{renderValue(selectedValues(valueProps))}</div>\n      </InsidePickerValueContext.Provider>\n    );\n  }\n\n  // Multiple selection collapses to an \"N selected\" summary (Picker.tsx:677-682),\n  // rendered in the label slot so the trigger's slot-hiding css keeps it.\n  if (valueProps.selectedItems.length > 1) {\n    return (\n      <span slot=\"label\" class={pickerValueText}>\n        {`${valueProps.selectedItems.length} selected`}\n      </span>\n    );\n  }\n\n  // Single selection mirrors the option's FULL rendered content (icon/avatar +\n  // label), not just its text — upstream's `defaultChildren` is `rendered[0]` =\n  // the selected item's children (Picker.tsx:374-392). We reconstruct that by\n  // re-rendering the item through the same render function the listbox uses,\n  // inside `InsidePickerValueContext` so `PickerItem` emits content-only.\n  const selected = valueProps.selectedItems[0];\n  if (selected != null && selected.value != null) {\n    return (\n      <InsidePickerValueContext.Provider value={true}>\n        {renderItem(selected.value as T)}\n      </InsidePickerValueContext.Provider>\n    );\n  }\n\n  // No selection: the placeholder text (block, flex-grow:1, truncate). Slotted so\n  // the trigger's slot-hiding css keeps it visible; `pickerValue`'s\n  // `[data-placeholder]` selector still paints the muted placeholder color.\n  return (\n    <span slot=\"label\" class={pickerValueText}>\n      {valueProps.placeholder ?? \"\"}\n    </span>\n  );\n}\n\nfunction loadingSpinnerLabel(loadingState: PickerLoadingState | undefined) {\n  return loadingState === \"loadingMore\" ? \"Loading more\" : \"Loading\";\n}\n\nfunction PickerProgressCircle(props: {\n  size: S2PickerSize;\n  loadingState: PickerLoadingState | undefined;\n}) {\n  return (\n    <ProgressCircle\n      aria-label={loadingSpinnerLabel(props.loadingState)}\n      isIndeterminate\n      size=\"S\"\n      styles={pickerProgressCircle({ size: props.size })}\n    />\n  );\n}\n\nexport function Picker<T>(props: PickerProps<T>): JSX.Element {\n  const defaultProps: Partial<PickerProps<T>> = {\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n    direction: \"bottom\",\n    align: \"start\",\n    shouldFlip: true,\n  };\n  const contextProps = getSlottedContextProps(useContext(PickerContext), props.slot);\n  const mergedProps = mergeProps(defaultProps, useProviderProps(props), contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"isQuiet\",\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    \"direction\",\n    \"align\",\n    \"menuWidth\",\n    \"shouldFlip\",\n    \"loadingState\",\n    \"onLoadMore\",\n    \"renderValue\",\n    \"children\",\n  ]);\n\n  const size = () => normalizePickerSize(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 isQuiet = () => local.isQuiet === true;\n  const isInvalid = () => local.isInvalid === true;\n  const isTriggerLoading = () => local.loadingState === \"loading\";\n  const isLoadingMore = () => local.loadingState === \"loadingMore\";\n  const propsRecord = () => headlessProps as Record<string, unknown>;\n  const isMultiple = () => propsRecord().selectionMode === \"multiple\";\n  const selectedKey = () => propsRecord().selectedKey as Key | null | undefined;\n  const defaultSelectedKey = () => propsRecord().defaultSelectedKey as Key | null | undefined;\n  const selectedKeys = () => propsRecord().selectedKeys as \"all\" | Iterable<Key> | undefined;\n  const defaultSelectedKeys = () =>\n    propsRecord().defaultSelectedKeys as \"all\" | Iterable<Key> | undefined;\n  const onSelectionChange = () =>\n    propsRecord().onSelectionChange as ((key: Key | null) => void) | undefined;\n  const onSelectionChangeKeys = () =>\n    propsRecord().onSelectionChangeKeys as ((keys: \"all\" | Set<Key>) => void) | undefined;\n  const selectProps = mergeProps(headlessProps, {\n    get selectedKey() {\n      return isMultiple() ? undefined : selectedKey();\n    },\n    get defaultSelectedKey() {\n      return isMultiple() ? undefined : defaultSelectedKey();\n    },\n    get selectedKeys() {\n      return isMultiple() ? selectedKeys() : propsRecord().selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return isMultiple() ? defaultSelectedKeys() : propsRecord().defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return isMultiple() ? undefined : onSelectionChange();\n    },\n    get onSelectionChangeKeys() {\n      return isMultiple() ? onSelectionChangeKeys() : undefined;\n    },\n  });\n  const descriptionId = createUniqueId();\n  const labelId = createUniqueId();\n  const [triggerEl, setTriggerEl] = createSignal<HTMLButtonElement | null>(null);\n  const selectDescribedBy = () => {\n    const explicitDescribedBy = (headlessProps as Record<string, unknown>)[\"aria-describedby\"] as\n      | string\n      | undefined;\n    const ids = [explicitDescribedBy, local.description && !isInvalid() ? descriptionId : undefined]\n      .filter(Boolean)\n      .join(\" \")\n      .split(\" \")\n      .filter(Boolean);\n    return ids.length ? Array.from(new Set(ids)).join(\" \") : undefined;\n  };\n\n  const rootClass = (renderProps: SelectRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      pickerRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isQuiet: isQuiet(),\n          isInvalid: isInvalid(),\n          isInForm: false,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelContent = (renderProps: SelectRenderProps) =>\n    local.label ? (\n      <PickerLabel\n        id={labelId}\n        label={local.label}\n        size={size()}\n        isDisabled={renderProps.isDisabled}\n        isRequired={renderProps.isRequired}\n        labelPosition={labelPosition()}\n        labelAlign={labelAlign()}\n        necessityIndicator={necessityIndicator()}\n        contextualHelp={local.contextualHelp}\n      />\n    ) : undefined;\n\n  const helpClass = (renderProps: SelectRenderProps) =>\n    pickerHelpText({\n      isDisabled: renderProps.isDisabled,\n      isRequired: renderProps.isRequired,\n      isSelected: renderProps.isSelected,\n      size: size(),\n      isInvalid: isInvalid(),\n    });\n  // Labelling mirrors upstream `useSelect`: a REAL visible label is associated by\n  // id (`aria-labelledby` → `labelId`), letting the headless hook fold the value\n  // into the trigger name (\"Pro Plan\") while the listbox is named by the label\n  // alone (\"Plan\"). We only synthesize an `aria-label` when there is NO visible\n  // label (nothing to point at) — using the caller's explicit `aria-label` if\n  // given. Previously the port ALWAYS synthesized \"value + label\" as an\n  // `aria-label`, which leaked the selected value onto the listbox name.\n  const ariaLabel = () => {\n    const propsRecord = headlessProps as Record<string, unknown>;\n    const explicitLabel = propsRecord[\"aria-label\"];\n    if (typeof explicitLabel === \"string\") {\n      return explicitLabel;\n    }\n    return undefined;\n  };\n  const ariaLabelledBy = () => {\n    const explicitLabelledBy = (headlessProps as Record<string, unknown>)[\"aria-labelledby\"] as\n      | string\n      | undefined;\n    if (!local.label) {\n      return explicitLabelledBy;\n    }\n    return [explicitLabelledBy, labelId].filter(Boolean).join(\" \") || undefined;\n  };\n\n  const listBoxChildren = (item: T) => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const propsRecord = headlessProps as Record<string, unknown>;\n    const getKey = propsRecord.getKey as ((item: T) => Key) | undefined;\n    const getTextValue = propsRecord.getTextValue as ((item: T) => string) | undefined;\n    const itemRecord = item as Record<string, unknown>;\n    const key = (getKey?.(item) ?? itemRecord.key ?? itemRecord.id ?? String(item)) as Key;\n    const textValue = String(\n      getTextValue?.(item) ?? itemRecord.textValue ?? itemRecord.label ?? item,\n    );\n    const label = (itemRecord.label ?? textValue) as JSX.Element;\n    return (\n      <PickerItem id={key} item={item} textValue={textValue}>\n        {label}\n      </PickerItem>\n    );\n  };\n\n  return (\n    <PickerSizeContext.Provider value={size()}>\n      <HeadlessSelect\n        {...selectProps}\n        aria-label={ariaLabel()}\n        aria-labelledby={ariaLabelledBy()}\n        aria-describedby={selectDescribedBy()}\n        isInvalid={isInvalid()}\n        class={rootClass}\n        style={local.UNSAFE_style}\n        children={(renderProps) => (\n          <>\n            <Show when={local.label}>{labelContent(renderProps)}</Show>\n            <HeadlessSelectTrigger\n              ref={setTriggerEl}\n              class={(triggerProps) =>\n                pickerTrigger({\n                  ...triggerProps,\n                  size: size(),\n                  isQuiet: isQuiet(),\n                  isInvalid: isInvalid(),\n                })\n              }\n              // Faithful to upstream S2 `Picker` (`style={pressScale(buttonRef)}`):\n              // the trigger carries the Spectrum press-scale effect, which also\n              // emits the resting `will-change: transform` hint.\n              style={(triggerProps) => pressScale(() => triggerEl())(triggerProps)}\n            >\n              {(triggerProps) => (\n                <>\n                  <HeadlessSelectValue\n                    class={(valueProps) =>\n                      pickerValue({\n                        ...valueProps,\n                        isQuiet: isQuiet(),\n                      }) + (local.renderValue ? \"\" : \" \" + pickerValueContents)\n                    }\n                  >\n                    {(valueProps) =>\n                      pickerValueContent(valueProps, local.renderValue, listBoxChildren)\n                    }\n                  </HeadlessSelectValue>\n                  <Show when={isInvalid() && !triggerProps.isDisabled}>\n                    <CenterBaseline>\n                      <AlertTriangleIcon styles={fieldErrorIcon} />\n                    </CenterBaseline>\n                  </Show>\n                  <Show when={isTriggerLoading() && !triggerProps.isOpen}>\n                    <CenterBaseline>\n                      <PickerProgressCircle size={size()} loadingState={local.loadingState} />\n                    </CenterBaseline>\n                  </Show>\n                  {/* Faithful to upstream S2 `Picker.tsx` (the ChevronIcon carries\n                      NO `aria-hidden`), the trigger chevron is exposed as an `img`\n                      in the AX tree — mirroring the selected-option checkmark. */}\n                  <ChevronIcon\n                    size={size()}\n                    styles={pickerChevron({ size: size(), isLoading: isTriggerLoading() })}\n                    data-open={triggerProps.isOpen ? \"true\" : undefined}\n                  />\n                  <Show when={triggerProps.isFocusVisible && isQuiet()}>\n                    <span class={quietFocusLine} />\n                  </Show>\n                  <Show when={isInvalid() && !triggerProps.isDisabled && !isQuiet()}>\n                    <div\n                      class={pickerInvalidBorder({\n                        ...triggerProps,\n                        size: size(),\n                        isQuiet: isQuiet(),\n                        isInvalid: isInvalid(),\n                      })}\n                    />\n                  </Show>\n                </>\n              )}\n            </HeadlessSelectTrigger>\n            <Show when={local.description && !isInvalid()}>\n              <p id={descriptionId} class={helpClass(renderProps)}>\n                {local.description}\n              </p>\n            </Show>\n            <Show when={local.errorMessage && isInvalid()}>\n              <HeadlessFieldError class={helpClass(renderProps)}>\n                {local.errorMessage}\n              </HeadlessFieldError>\n            </Show>\n            <PickerListBoxPopover\n              size={size}\n              isQuiet={isQuiet}\n              direction={direction}\n              align={align}\n              menuWidth={() => local.menuWidth}\n              shouldFlip={shouldFlip}\n            >\n              <HeadlessSelectListBox\n                isInPopover\n                class={(listBoxProps) => pickerListBox({ ...listBoxProps, size: size() })}\n                onLoadMore={local.onLoadMore}\n                isLoading={isLoadingMore()}\n                loadMoreClass={pickerLoadingWrapper}\n                renderLoadMore={() =>\n                  isLoadingMore() ? (\n                    <PickerProgressCircle size={size()} loadingState={local.loadingState} />\n                  ) : undefined\n                }\n              >\n                {listBoxChildren}\n              </HeadlessSelectListBox>\n            </PickerListBoxPopover>\n          </>\n        )}\n      />\n    </PickerSizeContext.Provider>\n  );\n}\n\nexport function PickerItem<T>(props: PickerItemProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"styles\",\n    \"children\",\n  ]);\n  const size = useContext(PickerSizeContext);\n  const insideValue = useContext(InsidePickerValueContext);\n  const [optionEl, setOptionEl] = createSignal<HTMLDivElement | null>(null);\n\n  // Trigger/value mode: mirror upstream, where `SelectValue`'s default children\n  // are the selected item's *content* (`item.props.children`), not a rendered\n  // option row. Emit only the slotted content — no `HeadlessSelectOption`\n  // wrapper, checkmark, or press-scale — so the trigger shows icon/avatar/label.\n  // A bare text child is wrapped in the label slot (block/flex-grow/truncate),\n  // matching upstream's `<Text slot=\"label\">` (Picker.tsx:854 → TextContext).\n  if (insideValue) {\n    return (\n      <>\n        {isTextOnlyChildren(local.children) ? (\n          <span slot=\"label\" class={pickerValueText} data-rsp-slot=\"text\">\n            {local.children}\n          </span>\n        ) : (\n          local.children\n        )}\n      </>\n    );\n  }\n\n  const optionClass = (renderProps: SelectOptionRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      pickerOption(\n        {\n          ...renderProps,\n          size,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessSelectOption\n      {...headlessProps}\n      ref={setOptionEl}\n      class={optionClass}\n      // Faithful to upstream S2 `Picker` (`style={pressScale(ref, props.UNSAFE_style)}`):\n      // options carry the press-scale effect + resting `will-change: transform`.\n      style={pressScale(() => optionEl(), local.UNSAFE_style)}\n    >\n      {(renderProps) => (\n        <>\n          <CheckmarkIcon\n            size={size === \"S\" ? \"XS\" : size}\n            // Mirror upstream S2 `Picker` (Picker.tsx): the checkmark style is\n            // applied via `className`, NOT the icon `styles` override. The icon\n            // `styles` path filters overrides through `iconAllowedOverrides`,\n            // which (faithfully) omits `visibility` — routing the checkmark\n            // through it silently strips the `visibility: { default: hidden,\n            // isSelected: visible }` atom, leaving the checkmark visible on\n            // every option. Upstream's hand-written ui-icon Checkmark applies\n            // the caller's `className` raw; our `class` prop is the raw path.\n            class={pickerCheckmark({ ...renderProps, size })}\n            style={pickerCheckmarkIconStyle(size)}\n            // No `aria-hidden`: upstream S2 `Picker` renders the selected-option\n            // checkmark as a bare `<CheckmarkIcon>` with NO `aria-hidden`, so the\n            // selected row exposes the checkmark as an `img` node in the AX tree\n            // (D6). Unselected rows' checkmarks are `visibility: hidden`, so they\n            // are pruned from the tree automatically — matching the React oracle.\n          />\n          {isTextOnlyChildren(local.children) ? (\n            <span slot=\"label\" class={pickerOptionLabel({ size })} data-rsp-slot=\"text\">\n              {local.children}\n            </span>\n          ) : (\n            local.children\n          )}\n        </>\n      )}\n    </HeadlessSelectOption>\n  );\n}\n\nexport interface PickerSectionProps<T> extends Omit<\n  HeadlessListBoxSectionProps,\n  \"style\" | \"class\" | \"render\"\n> {}\n\n/**\n * A section within a `<Picker>`, mirroring React S2's `PickerSection`. Renders a\n * headless list-box section followed by a size-matched `<Divider>`; the size is\n * read from the internal picker context.\n */\nexport function PickerSection<T>(props: PickerSectionProps<T>): JSX.Element {\n  const size = useContext(PickerSizeContext);\n  return (\n    <>\n      <HeadlessListBoxSection {...props}>{props.children}</HeadlessListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n\nexport const Item = PickerItem;\nexport type { Key };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/picker/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/Picker.tsx\n\n// Port of packages/@react-spectrum/s2/src/Picker.tsx.\n\nimport {\n  createContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  merge,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Select as HeadlessSelect,\n  SelectContext as HeadlessSelectContext,\n  SelectTrigger as HeadlessSelectTrigger,\n  SelectValue as HeadlessSelectValue,\n  SelectListBox as HeadlessSelectListBox,\n  SelectOption as HeadlessSelectOption,\n  TextContext as HeadlessTextContext,\n  ListBoxSection as HeadlessListBoxSection,\n  ListLayout,\n  Virtualizer,\n  type ListBoxSectionProps as HeadlessListBoxSectionProps,\n  type SelectProps as HeadlessSelectProps,\n  type SelectRenderProps,\n  type SelectTriggerRenderProps,\n  type SelectValueRenderProps,\n  type SelectListBoxRenderProps,\n  type SelectOptionProps as HeadlessSelectOptionProps,\n  type SelectOptionRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  css,\n  focusRing,\n  fontRelative,\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, centerBaseline } from \"../icon/center-baseline\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { AvatarContext } from \"../avatar\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { mergeProps as mergeAriaProps, 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 { ProgressCircle } from \"../progress/ProgressCircle\";\nimport { useProviderProps } from \"../provider\";\nimport { Popover } from \"../popover\";\nimport { createMediaQuery } from \"../utils/createMediaQuery\";\nimport { Divider } from \"../divider\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { listboxHeader, LOADER_ROW_HEIGHTS } from \"../combobox\";\nimport { HelpText } from \"../form/HelpText\";\nimport { HeaderContext, HeadingContext, TextContext } from \"../text\";\nimport { mergeProps, 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 PickerSize = \"S\" | \"M\" | \"L\" | \"XL\";\ntype S2PickerSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type PickerLabelPosition = \"top\" | \"side\";\nexport type PickerLabelAlign = \"start\" | \"end\";\nexport type PickerNecessityIndicator = \"icon\" | \"label\";\nexport type PickerDirection = \"bottom\" | \"top\";\nexport type PickerAlign = \"start\" | \"end\";\nexport type PickerLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface PickerProps<T> extends Omit<\n  HeadlessSelectProps<T>,\n  \"class\" | \"style\" | \"children\"\n> {\n  size?: PickerSize;\n  isQuiet?: boolean;\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?: PickerLabelPosition;\n  labelAlign?: PickerLabelAlign;\n  necessityIndicator?: PickerNecessityIndicator;\n  contextualHelp?: JSX.Element;\n  direction?: PickerDirection;\n  align?: PickerAlign;\n  menuWidth?: number;\n  shouldFlip?: boolean;\n  loadingState?: PickerLoadingState;\n  onLoadMore?: () => void | Promise<void>;\n  renderValue?: (selectedItems: T[]) => JSX.Element;\n  children?: JSX.Element | ((item: T) => JSX.Element);\n}\n\nexport interface PickerItemProps<T> extends Omit<\n  HeadlessSelectOptionProps<T>,\n  \"class\" | \"style\" | \"children\"\n> {\n  children?: JSX.Element;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  class?: string;\n}\n\ninterface PickerStyleProps extends SelectRenderProps {\n  size?: S2PickerSize;\n  labelPosition?: PickerLabelPosition;\n  labelAlign?: PickerLabelAlign;\n  isFocusWithin?: boolean;\n  isQuiet?: boolean;\n  isInvalid?: boolean;\n  isInForm?: boolean;\n}\n\ninterface PickerTriggerStyleProps extends SelectTriggerRenderProps {\n  size?: S2PickerSize;\n  isQuiet?: boolean;\n  isInvalid?: boolean;\n}\n\ninterface PickerValueStyleProps extends SelectValueRenderProps<unknown> {\n  isQuiet?: boolean;\n}\n\ninterface PickerOptionStyleProps extends SelectOptionRenderProps {\n  size?: S2PickerSize;\n}\n\nconst PickerSizeContext = createContext<S2PickerSize>(\"M\");\n\n// Mirrors upstream S2 `Picker`'s `InsideSelectValueContext` (Picker.tsx:315).\n// True while rendering a selected option's content inside the trigger's\n// `SelectValue`. `PickerItem` reads it to render only its slotted content\n// (icon/avatar/label) — no option row, checkmark, or press-scale — so the\n// trigger mirrors the full selected node, not just its text.\nconst InsidePickerValueContext = createContext<boolean>(false);\n\n// Mirrors React S2's `PickerContext`: slotted props injected by an ancestor\n// provider. No-op by default (`getSlottedContextProps(null, …)` returns null).\nexport const PickerContext = createContext<SpectrumContextValue<PickerProps<any>>>(null);\n\nconst pickerRoot = style<PickerStyleProps>(\n  {\n    ...field(),\n    position: \"relative\",\n  },\n  getAllowedOverrides(),\n);\n\nconst pickerLabelWrapper = style<PickerStyleProps>({\n  gridArea: \"label\",\n  display: \"inline-flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\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 pickerLabel = style<PickerStyleProps>({\n  ...fieldLabel(),\n});\n\nconst pickerTrigger = style<PickerTriggerStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", icon: true, register: \"matte\" }),\n  ...fieldInput(),\n  outlineStyle: {\n    default: \"none\",\n    isFocusVisible: \"solid\",\n    isQuiet: \"none\",\n  },\n  position: \"relative\",\n  textAlign: \"start\",\n  // These three keys DUPLICATE what `control({ register: \"matte\" })` spreads in\n  // above (see the `if (register === \"matte\")` branch in\n  // ../s2-internal/style-utils.ts, which sets borderWidth/borderStyle/borderColor/\n  // backgroundColor). In a JS object literal the later key wins OUTRIGHT — it does\n  // not merge — so whatever is written here IS the whole value, and the spread's\n  // `solid` / `well-border` / `well` never survived to the macro. That is how the\n  // closed trigger ended up a borderless gray-100 slab next to a ComboBox field\n  // group that renders correctly: `comboBoxFieldGroup` (combobox/index.tsx:196-223)\n  // spreads the identical `control()` and RESTATES the register values instead of\n  // silently erasing them.\n  //\n  // Each key below therefore restates the resting matte field — 1px solid\n  // var(--well-border) over var(--surface-well) (the handoff's `Well`,\n  // TerminalGlassLab.tsx:269-283) — and only then layers on per-component state.\n  // `default: \"solid\"` is load-bearing: dropping it would leave borderStyle with no\n  // default, which computes to `none` and keeps the border invisible even though\n  // borderWidth survives the spread. `isQuiet: \"none\"` is equally load-bearing —\n  // without it the quiet variant would newly grow a border it never had.\n  borderStyle: {\n    default: \"solid\",\n    isQuiet: \"none\",\n    forcedColors: \"solid\",\n  },\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  transition: \"default\",\n  paddingX: {\n    default: \"edge-to-text\",\n    isQuiet: 0,\n  },\n  // `isOpen: \"gray-200\"` is deliberately dropped rather than retinted: the handoff\n  // gives the well no open state, and --surface-well has no ramp to step to. The\n  // popover appearing plus focusRing() carry the feedback, as they already do on\n  // the ComboBox. `forcedColors: \"Field\"` mirrors comboBoxFieldGroup.\n  backgroundColor: {\n    default: \"well\",\n    isDisabled: \"disabled\",\n    isQuiet: \"transparent\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n  },\n  maxWidth: {\n    isQuiet: \"max\",\n  },\n  cursor: \"default\",\n  disableTapHighlight: true,\n});\n\nconst pickerInvalidBorder = style<PickerTriggerStyleProps>({\n  ...controlBorderRadius(),\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  pointerEvents: \"none\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  borderColor: baseColor(\"negative\"),\n  transition: \"default\",\n});\n\nconst quietFocusLine = style({\n  width: \"full\",\n  height: \"[2px]\",\n  position: \"absolute\",\n  bottom: 0,\n  borderRadius: \"full\",\n  backgroundColor: {\n    default: \"blue-800\",\n    forcedColors: \"Highlight\",\n  },\n});\n\nconst pickerValue = style<PickerValueStyleProps>({\n  flexGrow: {\n    default: 1,\n    isQuiet: 0,\n  },\n  truncate: true,\n  display: \"flex\",\n  alignItems: \"center\",\n  height: \"100%\",\n  color: {\n    default: \"inherit\",\n    \":is([data-placeholder])\": \"neutral-subdued\",\n  },\n});\n\n// Faithful to upstream S2 `Picker`: the selected value text is mirrored from the\n// option's rendered content, and `PickerItem` wraps a string child in\n// `<Text slot=\"label\">` (Picker.tsx:854). Inside `SelectValue` the `TextContext`\n// `label` slot styles that span `display: block; flex-grow: 1; truncate`\n// (Picker.tsx:718-731). Our port renders `selectedText` as a plain string, so we\n// wrap it in the equivalent label-slot span — otherwise the value text sits\n// directly on the flex `pickerValue` container and inherits its\n// `display: flex; align-items: center; height: 100%` instead of the block\n// text-height the `label` slot paints.\nconst pickerValueText = style({\n  display: \"block\",\n  flexGrow: 1,\n  truncate: true,\n});\n\n// Faithful to upstream S2 `Picker` (Picker.tsx:668-670): when no custom\n// `renderValue` is supplied, the trigger mirrors the selected option's full\n// content but hides anything that is NOT an icon/avatar/label slot (e.g. an\n// option `description`), so the trigger shows only the meaningful value slots.\nconst pickerValueContents = css(\n  \"&> :not([slot=icon], [slot=avatar], [slot=label], [data-slot=label]) {display: none;}\",\n);\n\nconst pickerChevron = style<{ size?: S2PickerSize; isLoading?: boolean }>({\n  size: {\n    size: {\n      S: 10,\n      M: 10,\n      L: 12,\n      XL: 14,\n    },\n  },\n  flexShrink: 0,\n  rotate: 90,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  color: {\n    isLoading: \"disabled\",\n  },\n});\n\nconst pickerLoadingWrapper = style({\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  marginY: 8,\n});\n\nconst pickerProgressCircle = style<{ size?: S2PickerSize }>({\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 22,\n      XL: 26,\n    },\n  },\n});\n\nconst pickerListBox = style<SelectListBoxRenderProps & { size?: S2PickerSize }>({\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 Picker.tsx:475-484 — width additions on the composed Popover `styles` prop.\nconst pickerMenuWidth = style<{ isQuiet?: boolean }>({\n  minWidth: {\n    default: \"--trigger-width\",\n    isQuiet: 192,\n  },\n  width: {\n    default: \"--trigger-width\",\n    isQuiet: \"[calc(var(--trigger-width) - 24)]\",\n  },\n});\n\nconst pickerListBoxFrame = style({\n  display: \"flex\",\n  width: \"full\",\n  height: \"full\",\n});\n\nconst pickerOption = style<PickerOptionStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", wrap: true, icon: true, register: \"row\" }),\n  columnGap: 0,\n  paddingX: 0,\n  paddingBottom: \"--labelPadding\",\n  // Glasselated: a register row is NEVER painted. The handoff's row primitive is\n  // `.tgl-nav`, shared by the nav and the list rows, and all five of its rules are\n  // ink or mark-opacity only (design-handoff-v2.css:434, :441, :445, :449, :453) —\n  // there is no background-color in any of rest / hover / selected. The row\n  // elements carry none inline either (TerminalGlassLab.tsx:593-602 nav rows,\n  // :1020-1030 list rows: display/gap/padding/border-radius/cursor/--nav-fg only).\n  // `baseColor(\"gray-100\").isFocusVisible` baked an opaque ramp stop the register\n  // never draws, so state moves to ink below. Keyboard focus additionally keeps the\n  // outline from focusRing() above; ListLayout `padding: 8` insets the rows so\n  // the ring is not clipped by the listbox scroller's `overflowX: hidden`. No\n  // forced-colors branch is needed: this option sets no `forcedColorAdjust`, so\n  // high-contrast mode still paints its own highlight.\n  backgroundColor: \"transparent\",\n  color: {\n    default: baseColor(\"neutral\"),\n    // Full-strength `accent`, NOT the handoff's literal hover value\n    // `color-mix(in srgb, var(--accent-primary) 55%, var(--text-tertiary))`\n    // (design-handoff-v2.css:454). Two deliberate deviations. The mix is calibrated\n    // for a nav row resting at `--text-tertiary` (NAV_ITEMS, TerminalGlassLab.tsx:67-69);\n    // an option here rests at full-strength neutral, so the mix would DIM the label\n    // on highlight. And full accent is the handoff's SELECTED-row ink\n    // (NAV_ITEMS[0], :66), so borrowing it for highlight collapses a distinction the\n    // nav draws — acceptable here only because a Picker option carries persistent\n    // selection in the checkmark (`pickerCheckmark` below), not in its label color.\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    isDisabled: \"default\",\n  },\n  // Upstream `menuitem` (shared by Picker options) uses `transition: 'transform'`\n  // (transform-scoped, paired with `pressScale`), NOT the broad `'default'` set.\n  transition: \"transform\",\n});\n\nconst pickerOptionLabel = style<{ size?: S2PickerSize }>({\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 Picker.tsx:289-292 / 542-547 — AvatarContext on PickerItem and SelectValue.\nconst pickerAvatar = style({\n  gridArea: \"icon\",\n  marginEnd: \"text-to-visual\",\n});\nconst pickerAvatarSize = {\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26,\n} as const;\n\nconst pickerCheckmark = style<PickerOptionStyleProps>({\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 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 normalizePickerSize(size: PickerSize | undefined): S2PickerSize {\n  switch (size) {\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: S2PickerSize): 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 pickerCheckmarkIconStyle(size: S2PickerSize): 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 pickerMenuOffset(size: S2PickerSize): 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 PickerListBoxPopover(props: {\n  size: () => S2PickerSize;\n  isQuiet: () => boolean;\n  direction: () => PickerDirection;\n  align: () => PickerAlign;\n  menuWidth: () => number | undefined;\n  shouldFlip: () => boolean;\n  children: JSX.Element;\n}) {\n  const selectContext = useContext(HeadlessSelectContext) as {\n    state?: { close?: () => void };\n    isOpen?: () => boolean;\n    triggerRef?: () => HTMLElement | null;\n    rootRef?: () => HTMLElement | null;\n  } | null;\n  const triggerRef = () =>\n    selectContext?.triggerRef?.() ??\n    selectContext?.rootRef?.()?.querySelector<HTMLElement>(\"button[aria-haspopup='listbox']\") ??\n    null;\n\n  return (\n    <Popover\n      hideArrow\n      padding=\"none\"\n      trigger=\"Select\"\n      triggerRef={triggerRef}\n      isOpen={selectContext?.isOpen?.() ?? false}\n      onOpenChange={(open) => {\n        if (!open) {\n          selectContext?.state?.close?.();\n        }\n      }}\n      placement={`${props.direction()} ${props.align()}`}\n      offset={pickerMenuOffset(props.size())}\n      crossOffset={props.isQuiet() ? -12 : undefined}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      UNSAFE_style={{\n        width: props.menuWidth() != null && !props.isQuiet() ? `${props.menuWidth()}px` : undefined,\n      }}\n      styles={pickerMenuWidth({ isQuiet: props.isQuiet() })}\n    >\n      <div class={pickerListBoxFrame}>{props.children}</div>\n    </Popover>\n  );\n}\n\nfunction PickerLabel(props: {\n  id?: string;\n  label: JSX.Element;\n  size: S2PickerSize;\n  isDisabled: boolean;\n  isRequired: boolean;\n  labelPosition: PickerLabelPosition;\n  labelAlign: PickerLabelAlign;\n  necessityIndicator: PickerNecessityIndicator;\n  contextualHelp?: JSX.Element;\n}) {\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  return (\n    <span\n      class={pickerLabelWrapper({\n        size: props.size,\n        isDisabled: props.isDisabled,\n        isRequired: props.isRequired,\n        labelPosition: props.labelPosition,\n        labelAlign: props.labelAlign,\n        isStaticColor: false,\n      })}\n    >\n      <span\n        id={props.id}\n        class={pickerLabel({\n          size: props.size,\n          isDisabled: props.isDisabled,\n          isRequired: props.isRequired,\n          labelPosition: props.labelPosition,\n          labelAlign: props.labelAlign,\n          isStaticColor: false,\n        })}\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      </span>\n      <Show when={props.contextualHelp}>\n        <span data-slot=\"contextualHelp\">{props.contextualHelp}</span>\n      </Show>\n    </span>\n  );\n}\n\nfunction selectedValues<T>(valueProps: SelectValueRenderProps<T>): T[] {\n  return valueProps.selectedItems\n    .map((item) => item.value ?? (item as unknown as T))\n    .filter((item): item is T => item != null);\n}\n\nfunction pickerValueContent<T>(\n  valueProps: SelectValueRenderProps<T>,\n  renderValue: ((selectedItems: T[]) => JSX.Element) | undefined,\n  renderItem: (item: T) => JSX.Element,\n  selectedCountLabel: string,\n) {\n  // Upstream wraps a custom `renderValue` in `<div style={{display:'contents'}}>`\n  // (Picker.tsx:743) so it lays out transparently in the flex value container.\n  // `InsidePickerValueContext` lets any `PickerItem` inside a custom `renderValue`\n  // back off its option chrome (checkmark/press-scale), matching upstream's\n  // `InsideSelectValueContext`/`DefaultProvider` handshake (Picker.tsx:864-880).\n  if (valueProps.selectedItems.length > 0 && renderValue) {\n    return (\n      <InsidePickerValueContext value={true}>\n        <div style={{ display: \"contents\" }}>{renderValue(selectedValues(valueProps))}</div>\n      </InsidePickerValueContext>\n    );\n  }\n\n  // Multiple selection collapses to an \"N selected\" summary (Picker.tsx:677-682),\n  // rendered in the label slot so the trigger's slot-hiding css keeps it.\n  if (valueProps.selectedItems.length > 1) {\n    return (\n      <span slot=\"label\" class={pickerValueText}>\n        {selectedCountLabel}\n      </span>\n    );\n  }\n\n  // Single selection mirrors the option's FULL rendered content (icon/avatar +\n  // label), not just its text — upstream's `defaultChildren` is `rendered[0]` =\n  // the selected item's children (Picker.tsx:374-392). We reconstruct that by\n  // re-rendering the item through the same render function the listbox uses,\n  // inside `InsidePickerValueContext` so `PickerItem` emits content-only.\n  const selected = valueProps.selectedItems[0];\n  if (selected != null && selected.value != null) {\n    return (\n      <InsidePickerValueContext value={true}>\n        {renderItem(selected.value as T)}\n      </InsidePickerValueContext>\n    );\n  }\n\n  // No selection: the placeholder text (block, flex-grow:1, truncate). Slotted so\n  // the trigger's slot-hiding css keeps it visible; `pickerValue`'s\n  // `[data-placeholder]` selector still paints the muted placeholder color.\n  return (\n    <span slot=\"label\" class={pickerValueText}>\n      {valueProps.placeholder ?? \"\"}\n    </span>\n  );\n}\n\nfunction PickerProgressCircle(props: { size: S2PickerSize; \"aria-label\": string }) {\n  return (\n    <ProgressCircle\n      aria-label={props[\"aria-label\"]}\n      isIndeterminate\n      size=\"S\"\n      styles={pickerProgressCircle({ size: props.size })}\n    />\n  );\n}\n\nexport function Picker<T>(props: PickerProps<T>): JSX.Element {\n  const defaultProps: Partial<PickerProps<T>> = {\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n    direction: \"bottom\",\n    align: \"start\",\n    shouldFlip: true,\n  };\n  const contextProps = getSlottedContextProps(useContext(PickerContext), props.slot);\n  const [flags] = splitProps(useProviderProps(props), [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const mergedProps = mergeAriaProps(defaultProps, flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"isQuiet\",\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    \"direction\",\n    \"align\",\n    \"menuWidth\",\n    \"shouldFlip\",\n    \"loadingState\",\n    \"onLoadMore\",\n    \"renderValue\",\n    \"children\",\n  ]);\n\n  const size = () => normalizePickerSize(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 isQuiet = () => local.isQuiet === true;\n  const isInvalid = () => local.isInvalid === true;\n  const isTriggerLoading = () => local.loadingState === \"loading\";\n  const isLoadingMore = () => local.loadingState === \"loadingMore\";\n  const propsRecord = () => headlessProps as Record<string, unknown>;\n  const isMultiple = () => propsRecord().selectionMode === \"multiple\";\n  const selectedKey = () => propsRecord().selectedKey as Key | null | undefined;\n  const defaultSelectedKey = () => propsRecord().defaultSelectedKey as Key | null | undefined;\n  const selectedKeys = () => propsRecord().selectedKeys as \"all\" | Iterable<Key> | undefined;\n  const defaultSelectedKeys = () =>\n    propsRecord().defaultSelectedKeys as \"all\" | Iterable<Key> | undefined;\n  const onSelectionChange = () =>\n    propsRecord().onSelectionChange as ((key: Key | null) => void) | undefined;\n  const onSelectionChangeKeys = () =>\n    propsRecord().onSelectionChangeKeys as ((keys: \"all\" | Set<Key>) => void) | undefined;\n  const selectProps = mergeProps(headlessProps, {\n    get selectedKey() {\n      return isMultiple() ? undefined : selectedKey();\n    },\n    get defaultSelectedKey() {\n      return isMultiple() ? undefined : defaultSelectedKey();\n    },\n    get selectedKeys() {\n      return isMultiple() ? selectedKeys() : propsRecord().selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return isMultiple() ? defaultSelectedKeys() : propsRecord().defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return isMultiple() ? undefined : onSelectionChange();\n    },\n    get onSelectionChangeKeys() {\n      return isMultiple() ? onSelectionChangeKeys() : undefined;\n    },\n  });\n  const labelId = createUniqueId();\n  const [triggerEl, setTriggerEl] = createSignal<HTMLButtonElement | null>(null);\n\n  const rootClass = (renderProps: SelectRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      pickerRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isQuiet: isQuiet(),\n          isInvalid: isInvalid(),\n          isInForm: false,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelContent = (renderProps: SelectRenderProps) =>\n    local.label ? (\n      <PickerLabel\n        id={labelId}\n        label={local.label}\n        size={size()}\n        isDisabled={renderProps.isDisabled}\n        isRequired={renderProps.isRequired}\n        labelPosition={labelPosition()}\n        labelAlign={labelAlign()}\n        necessityIndicator={necessityIndicator()}\n        contextualHelp={local.contextualHelp}\n      />\n    ) : undefined;\n\n  // Labelling mirrors upstream `useSelect`: a REAL visible label is associated by\n  // id (`aria-labelledby` → `labelId`), letting the headless hook fold the value\n  // into the trigger name (\"Pro Plan\") while the listbox is named by the label\n  // alone (\"Plan\"). We only synthesize an `aria-label` when there is NO visible\n  // label (nothing to point at) — using the caller's explicit `aria-label` if\n  // given. Previously the port ALWAYS synthesized \"value + label\" as an\n  // `aria-label`, which leaked the selected value onto the listbox name.\n  const ariaLabel = () => {\n    const propsRecord = headlessProps as Record<string, unknown>;\n    const explicitLabel = propsRecord[\"aria-label\"];\n    if (typeof explicitLabel === \"string\") {\n      return explicitLabel;\n    }\n    return undefined;\n  };\n  const ariaLabelledBy = () => {\n    const explicitLabelledBy = (headlessProps as Record<string, unknown>)[\"aria-labelledby\"] as\n      | string\n      | undefined;\n    if (!local.label) {\n      return explicitLabelledBy;\n    }\n    return [explicitLabelledBy, labelId].filter(Boolean).join(\" \") || undefined;\n  };\n\n  const listBoxChildren = (item: T) => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const propsRecord = headlessProps as Record<string, unknown>;\n    const getKey = propsRecord.getKey as ((item: T) => Key) | undefined;\n    const getTextValue = propsRecord.getTextValue as ((item: T) => string) | undefined;\n    const itemRecord = item as Record<string, unknown>;\n    const key = (getKey?.(item) ?? itemRecord.key ?? itemRecord.id ?? String(item)) as Key;\n    const textValue = String(\n      getTextValue?.(item) ?? itemRecord.textValue ?? itemRecord.label ?? item,\n    );\n    const label = (itemRecord.label ?? textValue) as JSX.Element;\n    return (\n      <PickerItem id={key} item={item} textValue={textValue}>\n        {label}\n      </PickerItem>\n    );\n  };\n\n  return (\n    <PickerSizeContext value={size()}>\n      <HeadlessSelect\n        {...selectProps}\n        placeholder={\n          (headlessProps as { placeholder?: string }).placeholder ??\n          stringFormatter().format(\"picker.placeholder\")\n        }\n        aria-label={ariaLabel()}\n        aria-labelledby={ariaLabelledBy()}\n        isInvalid={isInvalid()}\n        class={rootClass}\n        style={local.UNSAFE_style}\n        children={(renderProps) => (\n          <>\n            <Show when={local.label}>{labelContent(renderProps)}</Show>\n            <HeadlessSelectTrigger\n              ref={setTriggerEl}\n              class={(triggerProps) =>\n                pickerTrigger({\n                  ...triggerProps,\n                  size: size(),\n                  isQuiet: isQuiet(),\n                  isInvalid: isInvalid(),\n                })\n              }\n              // Faithful to upstream S2 `Picker` (`style={pressScale(buttonRef)}`):\n              // the trigger carries the Spectrum press-scale effect, which also\n              // emits the resting `will-change: transform` hint.\n              style={(triggerProps) => pressScale(() => triggerEl())(triggerProps)}\n            >\n              {(triggerProps) => (\n                <>\n                  <HeadlessSelectValue\n                    class={(valueProps) =>\n                      pickerValue({\n                        ...valueProps,\n                        isQuiet: isQuiet(),\n                      }) + (local.renderValue ? \"\" : \" \" + pickerValueContents)\n                    }\n                  >\n                    {(valueProps) => (\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: {\n                                size: pickerAvatarSize[size()],\n                                styles: pickerAvatar,\n                              },\n                              avatar: {\n                                size: pickerAvatarSize[size()],\n                                styles: pickerAvatar,\n                              },\n                            },\n                          }}\n                        >\n                          <TextContext\n                            value={{\n                              slots: {\n                                description: {},\n                                default: {\n                                  styles: pickerValueText,\n                                  \"data-slot\": \"label\",\n                                },\n                                label: {\n                                  styles: pickerValueText,\n                                  \"data-slot\": \"label\",\n                                },\n                              },\n                            }}\n                          >\n                            {pickerValueContent(\n                              valueProps,\n                              local.renderValue,\n                              listBoxChildren,\n                              stringFormatter().format(\"picker.selectedCount\", {\n                                count: valueProps.selectedItems.length,\n                              }),\n                            )}\n                          </TextContext>\n                        </AvatarContext>\n                      </IconContext>\n                    )}\n                  </HeadlessSelectValue>\n                  <Show when={isInvalid() && !triggerProps.isDisabled}>\n                    <CenterBaseline>\n                      <AlertTriangleIcon styles={fieldErrorIcon} />\n                    </CenterBaseline>\n                  </Show>\n                  <Show when={isTriggerLoading() && !triggerProps.isOpen}>\n                    <CenterBaseline>\n                      <PickerProgressCircle\n                        size={size()}\n                        aria-label={stringFormatter().format(\"table.loading\")}\n                      />\n                    </CenterBaseline>\n                  </Show>\n                  {/* Faithful to upstream S2 `Picker.tsx` (the ChevronIcon carries\n                      NO `aria-hidden`), the trigger chevron is exposed as an `img`\n                      in the AX tree — mirroring the selected-option checkmark. */}\n                  <ChevronIcon\n                    size={size()}\n                    styles={pickerChevron({ size: size(), isLoading: isTriggerLoading() })}\n                  />\n                  <Show when={triggerProps.isFocusVisible && isQuiet()}>\n                    <span class={quietFocusLine} />\n                  </Show>\n                  <Show when={isInvalid() && !triggerProps.isDisabled && !isQuiet()}>\n                    <div\n                      class={pickerInvalidBorder({\n                        ...triggerProps,\n                        size: size(),\n                        isQuiet: isQuiet(),\n                        isInvalid: isInvalid(),\n                      })}\n                    />\n                  </Show>\n                </>\n              )}\n            </HeadlessSelectTrigger>\n            <HelpText\n              size={size()}\n              isDisabled={renderProps.isDisabled}\n              isInvalid={isInvalid()}\n              description={local.description}\n            >\n              {local.errorMessage}\n            </HelpText>\n            <PickerListBoxPopover\n              size={size}\n              isQuiet={isQuiet}\n              direction={direction}\n              align={align}\n              menuWidth={() => local.menuWidth}\n              shouldFlip={shouldFlip}\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                        estimatedHeadingHeight: 50,\n                        padding: 8,\n                        loaderHeight: LOADER_ROW_HEIGHTS[size()][scale()],\n                      }}\n                    >\n                      <HeadlessSelectListBox\n                        isInPopover\n                        class={(listBoxProps) => pickerListBox({ ...listBoxProps, size: size() })}\n                        onLoadMore={local.onLoadMore}\n                        isLoading={isLoadingMore()}\n                        loadMoreClass={pickerLoadingWrapper}\n                        renderLoadMore={() =>\n                          isLoadingMore() ? (\n                            <PickerProgressCircle\n                              size={size()}\n                              aria-label={stringFormatter().format(\"table.loadingMore\")}\n                            />\n                          ) : undefined\n                        }\n                      >\n                        {listBoxChildren}\n                      </HeadlessSelectListBox>\n                    </Virtualizer>\n                  </TextContext>\n                </HeadingContext>\n              </HeaderContext>\n            </PickerListBoxPopover>\n          </>\n        )}\n      />\n    </PickerSizeContext>\n  );\n}\n\nexport function PickerItem<T>(props: PickerItemProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"styles\",\n    \"children\",\n  ]);\n  const size = useContext(PickerSizeContext);\n  const insideValue = useContext(InsidePickerValueContext);\n  const [optionEl, setOptionEl] = createSignal<HTMLDivElement | null>(null);\n\n  // Trigger/value mode: mirror upstream, where `SelectValue`'s default children\n  // are the selected item's *content* (`item.props.children`), not a rendered\n  // option row. Emit only the slotted content — no `HeadlessSelectOption`\n  // wrapper, checkmark, or press-scale — so the trigger shows icon/avatar/label.\n  // A bare text child is wrapped in the label slot (block/flex-grow/truncate),\n  // matching upstream's `<Text slot=\"label\">` (Picker.tsx:854 → TextContext).\n  if (insideValue) {\n    // PickerItem is already under SelectValue's TextContext here, so a memo\n    // at this owner is the correct nearest provider for trigger `<Text>`.\n    const content = createMemo(() => local.children);\n    return (\n      <>\n        {isTextOnlyChildren(content()) ? (\n          <span slot=\"label\" class={pickerValueText} data-rsp-slot=\"text\">\n            {content()}\n          </span>\n        ) : (\n          content()\n        )}\n      </>\n    );\n  }\n\n  const optionClass = (renderProps: SelectOptionRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      pickerOption(\n        {\n          ...renderProps,\n          size,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  // Consume children in a nested component so the tracked read runs under the\n  // item Icon/Avatar/Text providers. A memo on PickerItem itself would create\n  // `<Text>` / `<Text slot=\"label\">` against the overlay description-only\n  // TextContext (A slot prop is required / Invalid slot \"label\").\n  // Copy headless label/description ids into Spectrum TextContext (MenuItem\n  // does the same) so unslotted S2 `<Text>` is the option accessible name.\n  const PickerItemChrome = (contentProps: { renderProps: SelectOptionRenderProps }) => {\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            default: {\n              styles: () => menuItemLabel({ size }),\n              \"data-rsp-slot\": \"text\",\n              id: labelId,\n            },\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        <PickerItemContents renderProps={contentProps.renderProps} />\n      </TextContext>\n    );\n  };\n  const PickerItemContents = (contentProps: { renderProps: SelectOptionRenderProps }) => {\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(() => pickerCheckmark({ ...contentProps.renderProps, size }));\n    return (\n      <>\n        <CheckmarkIcon\n          size={size === \"S\" ? \"XS\" : size}\n          // Mirror upstream S2 `Picker` (Picker.tsx): the checkmark style is\n          // applied via `className`, NOT the icon `styles` override. The icon\n          // `styles` path filters overrides through `iconAllowedOverrides`,\n          // which (faithfully) omits `visibility` — routing the checkmark\n          // through it silently strips the `visibility: { default: hidden,\n          // isSelected: visible }` atom, leaving the checkmark visible on\n          // every option. Upstream's hand-written ui-icon Checkmark applies\n          // the caller's `className` raw; our `class` prop is the raw path.\n          class={checkClassName()}\n          style={pickerCheckmarkIconStyle(size)}\n          // No `aria-hidden`: upstream S2 `Picker` renders the selected-option\n          // checkmark as a bare `<CheckmarkIcon>` with NO `aria-hidden`, so the\n          // selected row exposes the checkmark as an `img` node in the AX tree\n          // (D6). Unselected rows' checkmarks are `visibility: hidden`, so they\n          // are pruned from the tree automatically — matching the React oracle.\n        />\n        {isTextOnlyChildren(content()) ? (\n          <span slot=\"label\" class={pickerOptionLabel({ size })} data-rsp-slot=\"text\">\n            {content()}\n          </span>\n        ) : (\n          content()\n        )}\n      </>\n    );\n  };\n\n  return (\n    <HeadlessSelectOption\n      {...headlessProps}\n      ref={setOptionEl}\n      class={optionClass}\n      // Faithful to upstream S2 `Picker` (`style={pressScale(ref, props.UNSAFE_style)}`):\n      // options carry the press-scale effect + resting `will-change: transform`.\n      style={pressScale(() => optionEl(), local.UNSAFE_style)}\n    >\n      {(renderProps) => (\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: pickerAvatarSize[size], styles: pickerAvatar },\n                avatar: { size: pickerAvatarSize[size], styles: pickerAvatar },\n              },\n            }}\n          >\n            <PickerItemChrome renderProps={renderProps} />\n          </AvatarContext>\n        </IconContext>\n      )}\n    </HeadlessSelectOption>\n  );\n}\n\nexport interface PickerSectionProps<T> extends Omit<\n  HeadlessListBoxSectionProps,\n  \"style\" | \"class\" | \"render\"\n> {}\n\n/**\n * A section within a `<Picker>`, mirroring React S2's `PickerSection`. Renders a\n * headless list-box section followed by a size-matched `<Divider>`; the size is\n * read from the internal picker context.\n */\nexport function PickerSection<T>(props: PickerSectionProps<T>): JSX.Element {\n  const size = useContext(PickerSizeContext);\n  return (\n    <>\n      <HeadlessListBoxSection {...props}>{props.children}</HeadlessListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n\nexport const Item = PickerItem;\nexport type { Key };\n"],"mappings":"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"}