@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/picker/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","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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"}

package/dist/popover/index.d.ts

@@ -0,0 +1,96 @@
+import { type JSX } from "solid-js";
+import { type PopoverProps as HeadlessPopoverProps, type PopoverTriggerProps as HeadlessPopoverTriggerProps, type PopoverRenderProps } from "@proyecto-viviana/solidaria-components";
+import type { StyleString } from "../style";
+export type PopoverPlacement = NonNullable<HeadlessPopoverProps["placement"]>;
+export type Placement = PopoverPlacement;
+export type PlacementAxis = NonNullable<PopoverRenderProps["placement"]>;
+export type PopoverSize = "S" | "M" | "L";
+/** Mirrors upstream S2: padding is applied to the popover's inner content div. */
+export type PopoverPadding = "default" | "none";
+export interface PopoverTriggerProps extends HeadlessPopoverTriggerProps {
+    /** The children of the popover trigger (trigger element and popover). */
+    children: JSX.Element;
+}
+export interface PopoverProps extends Omit<HeadlessPopoverProps, "class" | "style" | "children"> {
+    /** The content of the popover. */
+    children: JSX.Element;
+    /** DOM id for the popover element. */
+    id?: string;
+    /** Accessible label for the popover. */
+    "aria-label"?: string;
+    /** Id of the element that labels the popover. */
+    "aria-labelledby"?: string;
+    /** Id of the element that describes the popover. */
+    "aria-describedby"?: string;
+    /** The position of the popover relative to the trigger. */
+    placement?: PopoverPlacement;
+    /** Size variant of the popover. */
+    size?: PopoverSize;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Whether to hide the arrow pointing to the trigger. */
+    hideArrow?: boolean;
+    /** Custom padding inside the popover. */
+    padding?: PopoverPadding;
+}
+/**
+ * PopoverTrigger wraps around a trigger element and a Popover.
+ * It handles opening and closing the Popover when the user interacts
+ * with the trigger.
+ *
+ * @example
+ * ```tsx
+ * <PopoverTrigger>
+ *   <Button>Open Popover</Button>
+ *   <Popover>
+ *     <p>Popover content here!</p>
+ *   </Popover>
+ * </PopoverTrigger>
+ * ```
+ */
+export declare function PopoverTrigger(props: PopoverTriggerProps): JSX.Element;
+/**
+ * Styled popover component that displays content in an overlay.
+ *
+ * @example
+ * ```tsx
+ * <PopoverTrigger>
+ *   <Button>Settings</Button>
+ *   <Popover placement="bottom" size="M">
+ *     <h3>Settings</h3>
+ *     <p>Configure your preferences here.</p>
+ *   </Popover>
+ * </PopoverTrigger>
+ * ```
+ */
+export declare function Popover(props: PopoverProps): JSX.Element;
+export interface PopoverHeaderProps {
+    /** The title of the popover. */
+    title: string;
+    /** Optional description text. */
+    description?: string;
+    /** Additional CSS class. */
+    class?: string;
+}
+/**
+ * Header section for popover with title and optional description.
+ */
+export declare function PopoverHeader(props: PopoverHeaderProps): JSX.Element;
+export interface PopoverFooterProps {
+    /** Footer content, typically buttons. */
+    children: JSX.Element;
+    /** Additional CSS class. */
+    class?: string;
+}
+/**
+ * Footer section for popover actions.
+ */
+export declare function PopoverFooter(props: PopoverFooterProps): JSX.Element;
+export type { PopoverRenderProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AACtD,OAAO,EAIL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,mBAAmB,IAAI,2BAA2B,EACvD,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;AAC9E,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC;AACzC,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC1C,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,2BAA2B;IACtE,yEAAyE;IACzE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9F,kCAAkC;IAClC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AA0KD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAwExD;AA4CD,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CASpE;AAED,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAcD;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAIpE;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/popover/index.js

@@ -0,0 +1,311 @@
+import { useTheme } from "../provider/index.js";
+/* empty css                                                                               */
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, mergeProps, setAttribute, style, template, use } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+import { OverlayArrow, Popover as Popover$1, PopoverTrigger as PopoverTrigger$1 } from "@proyecto-viviana/solidaria-components";
+//#region src/popover/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`), _tmpl$2 = /*#__PURE__*/ template(`<svg viewBox="0 0 18 10"><path transform="translate(0 -1)"d="M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1">`), _tmpl$3 = /*#__PURE__*/ template(`<p class=" uxe7h4151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fd151 _FnuYUweb151 pUUi0Fe151 Js151">`), _tmpl$4 = /*#__PURE__*/ template(`<div><h3 class=" uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-e151 vx151 xe151 _xa151 xX0cczbd151 _xX0cczba151 xfe151 _xfa151 xfX0cczbd151 _xfX0cczba151 _Fd151 _FnuYUweb151 pHKLAu151"></h3><!$><!/>`);
+const popoverStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
+	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
+	rules += " _pK8eoyd151";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -NvXmrd-_ZN8Gi4c151";
+		rules += " -NvXmrd-D1v0V_ZLmU151";
+	}
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU151";
+		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+	}
+	rules += " -Ovbhqd-gNU7lMd151";
+	rules += " -Ovbhqd-lga151";
+	rules += " gEzkoQe151";
+	rules += " -Jvcevd-xkGPz151";
+	rules += " oY4qurc151";
+	rules += " nY4qurc151";
+	rules += " kY4qurc151";
+	rules += " jY4qurc151";
+	rules += " _nfRoCnb151";
+	rules += " _Lf151";
+	rules += " _Mb151";
+	rules += " OrHHOgb151";
+	rules += " Ola151";
+	if (props.size === "L") rules += " ZE151";
+	else if (props.size === "M") rules += " ZB151";
+	else if (props.size === "S") rules += " Zz151";
+	rules += " LEmL1Zb151";
+	rules += " _oa151";
+	rules += " sd151";
+	if (props.isExiting) rules += " _Ia151";
+	else if (props.isEntering) rules += " _Ia151";
+	if (props.isSubmenu) {
+		rules += " -_8PloMd-s151";
+		rules += " __Ya151";
+	} else if (props.placement === "bottom") {
+		if (props.isExiting) {
+			rules += " -_8PloMd-l151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_8PloMd-l151";
+			rules += " __Ya151";
+		}
+	} else if (props.placement === "top") {
+		if (props.isExiting) {
+			rules += " -_8PloMd-F151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_8PloMd-F151";
+			rules += " __Ya151";
+		}
+	}
+	if (props.isSubmenu) {
+		rules += " -_7PloMd-s151";
+		rules += " __Ya151";
+	} else if (props.placement === "right") {
+		if (props.isExiting) {
+			rules += " -_7PloMd-m151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_7PloMd-m151";
+			rules += " __Ya151";
+		}
+	} else if (props.placement === "left") {
+		if (props.isExiting) {
+			rules += " -_7PloMd-G151";
+			rules += " __Ya151";
+		} else if (props.isEntering) {
+			rules += " -_7PloMd-G151";
+			rules += " __Ya151";
+		}
+	}
+	rules += " YmenWad151";
+	rules += " Xc151";
+	if (props.isExiting) rules += " _2c151";
+	rules += " _Bb151";
+	if (props.isExiting) rules += " _Ob151";
+	return rules;
+};
+const innerDivStyle = function anonymous(props, overrides) {
+	let rules = " ";
+	let position = false;
+	let width = false;
+	let maxWidth = false;
+	let maxHeight = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "_P") position = true;
+		if (p[1] === "Z") width = true;
+		if (p[1] === "L") maxWidth = true;
+		if (p[1] === "K") maxHeight = true;
+		rules += p[0];
+	}
+	if (props.padding === "none") rules += " Td151";
+	else if (props.padding === "default") rules += " Tt151";
+	if (props.padding === "none") rules += " Qd151";
+	else if (props.padding === "default") rules += " Qt151";
+	if (props.padding === "none") rules += " Sd151";
+	else if (props.padding === "default") rules += " St151";
+	if (props.padding === "none") rules += " Rd151";
+	else if (props.padding === "default") rules += " Rt151";
+	rules += " _oa151";
+	rules += " _Le151";
+	rules += " oi151";
+	rules += " ni151";
+	rules += " ki151";
+	rules += " ji151";
+	rules += " _Na151";
+	rules += " Pa151";
+	if (!position) rules += " _Pc151";
+	if (!width) rules += " Za151";
+	if (!maxWidth) rules += " L40ub4c151";
+	if (!maxHeight) rules += " K40ub4c151";
+	return rules;
+};
+const arrowStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sb151";
+	rules += " tEzkoQe151";
+	rules += " Zl151";
+	rules += " Fh151";
+	if (props.placement === "right") rules += " _Sd151";
+	else if (props.placement === "left") rules += " _Sa151";
+	else if (props.placement === "bottom") rules += " _Sc151";
+	else if (props.placement === "top") rules += " _Sb151";
+	else rules += " _Sc151";
+	if (props.placement === "right") {
+		rules += " -_7PloMd-y151";
+		rules += " __Ya151";
+	} else if (props.placement === "left") {
+		rules += " -_7PloMd-e151";
+		rules += " __Ya151";
+	}
+	rules += " _Vb151";
+	rules += " VrHHOgb151";
+	rules += " Vlb151";
+	return rules;
+};
+/**
+* PopoverTrigger wraps around a trigger element and a Popover.
+* It handles opening and closing the Popover when the user interacts
+* with the trigger.
+*
+* @example
+* ```tsx
+* <PopoverTrigger>
+*   <Button>Open Popover</Button>
+*   <Popover>
+*     <p>Popover content here!</p>
+*   </Popover>
+* </PopoverTrigger>
+* ```
+*/
+function PopoverTrigger(props) {
+	return createComponent(PopoverTrigger$1, props);
+}
+/**
+* Styled popover component that displays content in an overlay.
+*
+* @example
+* ```tsx
+* <PopoverTrigger>
+*   <Button>Settings</Button>
+*   <Popover placement="bottom" size="M">
+*     <h3>Settings</h3>
+*     <p>Configure your preferences here.</p>
+*   </Popover>
+* </PopoverTrigger>
+* ```
+*/
+function Popover(props) {
+	const theme = useTheme();
+	let arrowElement = null;
+	const [local, rest] = splitProps(props, [
+		"placement",
+		"size",
+		"class",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"hideArrow",
+		"padding",
+		"offset",
+		"arrowRef"
+	]);
+	const placement = () => local.placement ?? "bottom";
+	const padding = () => local.padding ?? "default";
+	const offset = () => (local.offset ?? 8) + (local.hideArrow ? 0 : 8);
+	const setArrowElement = (element) => {
+		arrowElement = element;
+	};
+	const arrowRef = () => local.hideArrow ? local.arrowRef?.() ?? null : arrowElement;
+	return createComponent(Popover$1, mergeProps(rest, {
+		get placement() {
+			return placement();
+		},
+		get offset() {
+			return offset();
+		},
+		arrowRef,
+		"class": (renderProps) => popoverStyles({
+			...renderProps,
+			colorScheme: theme.colorScheme,
+			isArrowShown: !local.hideArrow,
+			isSubmenu: renderProps.trigger === "SubmenuTrigger",
+			size: local.size,
+			trigger: renderProps.trigger
+		}),
+		style: { "z-index": void 0 },
+		children: (renderProps) => [createComponent(Show, {
+			get when() {
+				return !local.hideArrow;
+			},
+			get children() {
+				return createComponent(PopoverArrow, {
+					get placement() {
+						return renderProps.placement;
+					},
+					setArrowElement
+				});
+			}
+		}), (() => {
+			var _el$ = getNextElement(_tmpl$);
+			insert(_el$, () => props.children);
+			effect((_p$) => {
+				var _v$ = local.UNSAFE_style, _v$2 = [
+					local.UNSAFE_className,
+					local.class,
+					innerDivStyle({ padding: padding() }, local.styles)
+				].filter(Boolean).join(" ");
+				_p$.e = style(_el$, _v$, _p$.e);
+				_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
+			});
+			return _el$;
+		})()]
+	}));
+}
+function PopoverArrow(props) {
+	const placement = () => props.placement ?? "bottom";
+	return createComponent(OverlayArrow, {
+		"class": "",
+		render: () => (() => {
+			var _el$2 = getNextElement(_tmpl$2);
+			var _ref$ = props.setArrowElement;
+			typeof _ref$ === "function" ? use(_ref$, _el$2) : props.setArrowElement = _el$2;
+			effect(() => setAttribute(_el$2, "class", arrowStyles({
+				trigger: null,
+				placement: placement(),
+				isEntering: false,
+				isExiting: false
+			})));
+			return _el$2;
+		})()
+	});
+}
+const popoverHeaderStyles = " Gx151";
+/**
+* Header section for popover with title and optional description.
+*/
+function PopoverHeader(props) {
+	return (() => {
+		var _el$3 = getNextElement(_tmpl$4), _el$4 = _el$3.firstChild, _el$6 = _el$4.nextSibling, [_el$7, _co$] = getNextMarker(_el$6.nextSibling);
+		insert(_el$4, () => props.title);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return props.description;
+			},
+			get children() {
+				var _el$5 = getNextElement(_tmpl$3);
+				insert(_el$5, () => props.description);
+				return _el$5;
+			}
+		}), _el$7, _co$);
+		effect(() => className(_el$3, [popoverHeaderStyles, props.class].filter(Boolean).join(" ")));
+		return _el$3;
+	})();
+}
+const popoverFooterStyles = " sd151 Ue151 qe151 _Cb151 JC151 Te151 _kb151 ha151 ma151 la151 _jf151 ifbAdGe151";
+/**
+* Footer section for popover actions.
+*/
+function PopoverFooter(props) {
+	return (() => {
+		var _el$8 = getNextElement(_tmpl$);
+		insert(_el$8, () => props.children);
+		effect(() => className(_el$8, [popoverFooterStyles, props.class].filter(Boolean).join(" ")));
+		return _el$8;
+	})();
+}
+//#endregion
+export { Popover, PopoverFooter, PopoverHeader, PopoverTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport {\n  Popover as HeadlessPopover,\n  PopoverTrigger as HeadlessPopoverTrigger,\n  OverlayArrow as HeadlessOverlayArrow,\n  type PopoverProps as HeadlessPopoverProps,\n  type PopoverTriggerProps as HeadlessPopoverTriggerProps,\n  type PopoverRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useTheme, type ColorScheme } from \"../provider\";\n\nexport type PopoverPlacement = NonNullable<HeadlessPopoverProps[\"placement\"]>;\nexport type Placement = PopoverPlacement;\nexport type PlacementAxis = NonNullable<PopoverRenderProps[\"placement\"]>;\nexport type PopoverSize = \"S\" | \"M\" | \"L\";\n/** Mirrors upstream S2: padding is applied to the popover's inner content div. */\nexport type PopoverPadding = \"default\" | \"none\";\n\nexport interface PopoverTriggerProps extends HeadlessPopoverTriggerProps {\n  /** The children of the popover trigger (trigger element and popover). */\n  children: JSX.Element;\n}\n\nexport interface PopoverProps extends Omit<HeadlessPopoverProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the popover. */\n  children: JSX.Element;\n  /** DOM id for the popover element. */\n  id?: string;\n  /** Accessible label for the popover. */\n  \"aria-label\"?: string;\n  /** Id of the element that labels the popover. */\n  \"aria-labelledby\"?: string;\n  /** Id of the element that describes the popover. */\n  \"aria-describedby\"?: string;\n  /** The position of the popover relative to the trigger. */\n  placement?: PopoverPlacement;\n  /** Size variant of the popover. */\n  size?: PopoverSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Whether to hide the arrow pointing to the trigger. */\n  hideArrow?: boolean;\n  /** Custom padding inside the popover. */\n  padding?: PopoverPadding;\n}\n\nconst popoverStyles = style<\n  PopoverRenderProps & {\n    colorScheme: ColorScheme | null;\n    isArrowShown: boolean;\n    isSubmenu: boolean;\n    size?: PopoverSize;\n  }\n>({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      /* Viviana UI v2 (Glasselated): a floating overlay wears the PANEL surface, and\n       * fill and blur have to agree. `layer-1` resolves to `var(--surface-panel)` in\n       * the theme's backgroundColor map (style/spectrum-theme.ts) and pairs with\n       * `--blur-panel` below. This was `layer-2` (= `var(--surface-card)`) carrying\n       * `--blur-card` on the 14px `panel` radius — the card's fill and blur wearing\n       * the panel's corner. Matches the sibling overlay at menu/s2-menu-styles.ts. */\n      default: \"layer-1\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  /* The panel register is open-coded here rather than spread from\n   * `glassSurface(\"panel\")` (s2-internal/style-utils.ts), for two reasons specific to\n   * this surface. (1) The fill has to stay behind the `--s2-container-bg` custom\n   * property: `arrowStyles` below paints the arrow with `fill: \"--s2-container-bg\"`,\n   * and the theme's auto/overlay color helpers compute against it as well\n   * (`autoStaticColor`/`generateOverlayColorScale`, style/tokens.ts) — replacing it\n   * with a direct `backgroundColor` would leave the arrow unfilled. (2) This surface\n   * paints its edge with `outline` (below) where the helper paints a `border`, so\n   * spreading it would draw a second 1px edge and shift the box metrics the arrow is\n   * positioned against. Blur is the load-bearing half: translucent fill plus blur is\n   * what reads as glass, and blur cannot ride on a background-color. */\n  backdropFilter: \"var(--blur-panel)\",\n  borderRadius: \"panel\",\n  /* The register's elevation cue is the inset rim, not a cast shadow. A popover is a\n   * translucent container over the page, so it takes the SURFACE rim — `elevated` and\n   * `emphasized` resolve to the same value (style/spectrum-theme.ts); the brighter\n   * `edge-glass` is for opaque controls, whose own fill contains the white.\n   * Unconditional, including when the arrow is shown: the previous\n   * `isArrowShown` branch dropped the rim to `none` and reached for the `filter` map\n   * instead, on the theory that a box-shadow cannot follow the arrow's silhouette.\n   * It does not need to. The rim is an INSET shadow, so it is clipped to the\n   * padding box and cannot spill onto the arrow at all; and the `filter` map is the\n   * one shadow map still resolving to a Spectrum cast drop-shadow, which is the\n   * elevation vocabulary this register does not use. The arrow carries its own edge\n   * via `stroke` in `arrowStyles` below. */\n  boxShadow: \"edge-glass-surface\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    /* Was `lightDark(\"transparent-white-25\", \"gray-200\")`. `transparent-white-25` is\n     * the 25th stop of Spectrum's transparent-white ramp — alpha 0, not 25% white —\n     * so that pair drew a solid gray edge in dark and NO edge at all in light. A\n     * scheme-asymmetric edge is wrong under any reading of the register; the glass\n     * edge is `--border-subtle` in both schemes. */\n    default: \"border-subtle\",\n    forcedColors: \"ButtonBorder\",\n  },\n  width: {\n    size: {\n      S: 336,\n      M: 416,\n      L: 576,\n    },\n  },\n  maxWidth: \"calc(100vw - 24px)\",\n  boxSizing: \"border-box\",\n  display: \"flex\",\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n    isSubmenu: 0,\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n    isSubmenu: 0,\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  isolation: \"isolate\",\n  pointerEvents: {\n    isExiting: \"none\",\n  },\n});\n\n// Byte-copied from upstream S2 `Popover.tsx` `innerDivStyle`. In upstream the\n// exported `Popover` paints TWO nested divs: the `AriaPopover` surface (the\n// `popover()`/`popoverStyles` box — bg, outline, radius, shadow, size width)\n// and an inner content div carrying the padding + scroll. `padding` defaults to\n// `'default'` (8px), `'none'` is 0 — the whole `none|sm|md|lg` scale (and its\n// `md`=16 default merged onto the surface) was a self-inflicted divergence.\nconst innerDivStyle = style<{ padding: PopoverPadding }>(\n  {\n    padding: {\n      padding: {\n        default: 8,\n        none: 0,\n      },\n    },\n    boxSizing: \"border-box\",\n    outlineStyle: \"none\",\n    borderRadius: \"inherit\",\n    overflow: \"auto\",\n    position: \"relative\",\n    width: \"full\",\n    maxSize: \"inherit\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst arrowStyles = style<PopoverRenderProps>({\n  display: \"block\",\n  fill: \"--s2-container-bg\",\n  width: 18,\n  height: 9,\n  rotate: {\n    default: 180,\n    placement: {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90,\n    },\n  },\n  translateX: {\n    placement: {\n      left: \"-25%\",\n      right: \"25%\",\n    },\n  },\n  strokeWidth: 1,\n  /* The arrow continues the surface's silhouette, so it wears the surface's edge:\n   * 1px `--border-subtle`, the same value `popoverStyles` puts on its `outline`.\n   * Was the same alpha-0-in-light `lightDark` pair as the outline — see the note\n   * there. This stroke is now the only thing drawing the arrow's edge, the\n   * `filter` drop-shadow having been removed from `popoverStyles`. */\n  stroke: {\n    default: \"border-subtle\",\n    forcedColors: \"ButtonBorder\",\n  },\n});\n\n/**\n * PopoverTrigger wraps around a trigger element and a Popover.\n * It handles opening and closing the Popover when the user interacts\n * with the trigger.\n *\n * @example\n * ```tsx\n * <PopoverTrigger>\n *   <Button>Open Popover</Button>\n *   <Popover>\n *     <p>Popover content here!</p>\n *   </Popover>\n * </PopoverTrigger>\n * ```\n */\nexport function PopoverTrigger(props: PopoverTriggerProps): JSX.Element {\n  return <HeadlessPopoverTrigger {...props} />;\n}\n\n/**\n * Styled popover component that displays content in an overlay.\n *\n * @example\n * ```tsx\n * <PopoverTrigger>\n *   <Button>Settings</Button>\n *   <Popover placement=\"bottom\" size=\"M\">\n *     <h3>Settings</h3>\n *     <p>Configure your preferences here.</p>\n *   </Popover>\n * </PopoverTrigger>\n * ```\n */\nexport function Popover(props: PopoverProps): JSX.Element {\n  const theme = useTheme();\n  let arrowElement: SVGSVGElement | null = null;\n  const [local, rest] = splitProps(props, [\n    \"placement\",\n    \"size\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"hideArrow\",\n    \"padding\",\n    \"offset\",\n    \"arrowRef\",\n  ]);\n\n  const placement = () => local.placement ?? \"bottom\";\n  const padding = () => local.padding ?? \"default\";\n  const offset = () => (local.offset ?? 8) + (local.hideArrow ? 0 : 8);\n  const setArrowElement = (element: SVGSVGElement | null) => {\n    arrowElement = element;\n  };\n  const arrowRef = () => (local.hideArrow ? (local.arrowRef?.() ?? null) : arrowElement);\n\n  return (\n    <HeadlessPopover\n      {...rest}\n      placement={placement()}\n      offset={offset()}\n      arrowRef={arrowRef}\n      // Mirror upstream `PopoverBase`: the surface class is PURELY `popoverStyles`\n      // (bg/outline/radius/shadow/size). `UNSAFE_className`/`class`/`styles` are\n      // NOT merged here — upstream routes them to the inner content div below.\n      class={(renderProps: PopoverRenderProps) =>\n        popoverStyles({\n          ...renderProps,\n          colorScheme: theme.colorScheme,\n          isArrowShown: !local.hideArrow,\n          isSubmenu: renderProps.trigger === \"SubmenuTrigger\",\n          size: local.size,\n          trigger: renderProps.trigger,\n        })\n      }\n      // Upstream sets `style={{...UNSAFE_style, zIndex: undefined}}` on the\n      // surface to strip the positioning z-index (our createOverlayPosition\n      // injects z-index:100000) and rely on `isolation: isolate` instead;\n      // `UNSAFE_style` itself moves to the inner div.\n      style={{ \"z-index\": undefined }}\n    >\n      {(renderProps: PopoverRenderProps) => (\n        <>\n          <Show when={!local.hideArrow}>\n            <PopoverArrow placement={renderProps.placement} setArrowElement={setArrowElement} />\n          </Show>\n          {/* Upstream's exported `Popover` inner content div: padding + scroll,\n              and the sink for UNSAFE/class/styles escape hatches. */}\n          <div\n            style={local.UNSAFE_style}\n            class={[\n              local.UNSAFE_className,\n              local.class,\n              innerDivStyle({ padding: padding() }, local.styles),\n            ]\n              .filter(Boolean)\n              .join(\" \")}\n          >\n            {props.children}\n          </div>\n        </>\n      )}\n    </HeadlessPopover>\n  );\n}\n\n/**\n * Arrow component for the popover.\n * Automatically positions itself based on the popover placement.\n */\ninterface PopoverArrowProps {\n  /** The current placement axis. */\n  placement: PlacementAxis | null;\n  /** Sets the arrow element for positioning measurements. */\n  setArrowElement: (element: SVGSVGElement | null) => void;\n}\n\nfunction PopoverArrow(props: PopoverArrowProps): JSX.Element {\n  const placement = () => props.placement ?? \"bottom\";\n\n  // Mirror upstream `<OverlayArrow className=\"\"><svg viewBox=\"0 0 18 10\"\n  // className={arrow(renderProps)}>`. The headless `OverlayArrow` self-positions\n  // (position:absolute + `[placement]:100%` + arrowProps cross-offset), so no\n  // positioning class is passed here — upstream passes an empty string.\n  return (\n    <HeadlessOverlayArrow\n      class=\"\"\n      render={() => (\n        <svg\n          ref={props.setArrowElement}\n          viewBox=\"0 0 18 10\"\n          class={arrowStyles({\n            trigger: null,\n            placement: placement(),\n            isEntering: false,\n            isExiting: false,\n          })}\n        >\n          <path\n            transform=\"translate(0 -1)\"\n            d=\"M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1\"\n          />\n        </svg>\n      )}\n    />\n  );\n}\n\nexport interface PopoverHeaderProps {\n  /** The title of the popover. */\n  title: string;\n  /** Optional description text. */\n  description?: string;\n  /** Additional CSS class. */\n  class?: string;\n}\n\nconst popoverHeaderStyles = style({ marginBottom: 12 });\nconst popoverTitleStyles = style({ font: \"heading-xs\", color: \"neutral\" });\nconst popoverDescriptionStyles = style({ font: \"ui-sm\", color: \"neutral-subdued\", marginTop: 4 });\n\n/**\n * Header section for popover with title and optional description.\n */\nexport function PopoverHeader(props: PopoverHeaderProps): JSX.Element {\n  return (\n    <div class={[popoverHeaderStyles, props.class].filter(Boolean).join(\" \")}>\n      <h3 class={popoverTitleStyles}>{props.title}</h3>\n      <Show when={props.description}>\n        <p class={popoverDescriptionStyles}>{props.description}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport interface PopoverFooterProps {\n  /** Footer content, typically buttons. */\n  children: JSX.Element;\n  /** Additional CSS class. */\n  class?: string;\n}\n\nconst popoverFooterStyles = style({\n  display: \"flex\",\n  gap: 8,\n  justifyContent: \"end\",\n  marginTop: 16,\n  paddingTop: 12,\n  borderWidth: 0,\n  borderTopWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\n/**\n * Footer section for popover actions.\n */\nexport function PopoverFooter(props: PopoverFooterProps): JSX.Element {\n  return (\n    <div class={[popoverFooterStyles, props.class].filter(Boolean).join(\" \")}>{props.children}</div>\n  );\n}\n\nexport type { PopoverRenderProps };\n"],"mappings":"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"}