@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/tag-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tag-group/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  type JSX,\n  children as resolveChildren,\n  createContext,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  TagList as HeadlessTagList,\n  Tag as HeadlessTag,\n  TagRemoveButton as HeadlessTagRemoveButton,\n  type TagListProps as HeadlessTagListProps,\n  type TagRenderProps,\n  type TagProps as HeadlessTagProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key, SelectionBehavior, SelectionMode } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, lightDark, style } from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useProviderProps } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CrossIcon } from \"../icon/ui-icons/Cross\";\nimport { ActionButton } from \"../button/ActionButton\";\n\nexport type TagGroupSize = \"S\" | \"M\" | \"L\" | \"sm\" | \"md\" | \"lg\";\ntype S2TagGroupSize = \"S\" | \"M\" | \"L\";\nexport type TagGroupVariant = \"default\" | \"outline\" | \"solid\";\nexport type TagGroupLabelPosition = \"top\" | \"side\";\nexport type TagGroupLabelAlign = \"start\" | \"end\";\n\nexport interface TagGroupProps<T extends { id?: Key; key?: Key }> extends Omit<\n  HeadlessTagListProps<T>,\n  \"class\" | \"style\" | \"children\" | \"label\"\n> {\n  /** The label for the tag group. */\n  label?: JSX.Element;\n  /** Function to render each tag or each tag's content. */\n  children: (item: T) => JSX.Element;\n  /** S2 tag size. Legacy sm/md/lg aliases map to S/M/L. @default 'M' */\n  size?: TagGroupSize;\n  /** Legacy visual variant. Prefer `isEmphasized` for S2 parity. */\n  variant?: TagGroupVariant;\n  /** Whether selected tags use the emphasized accent fill. */\n  isEmphasized?: boolean;\n  /** Description text shown below the tag list. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Whether the group is invalid. */\n  isInvalid?: boolean;\n  /** Position of the label relative to the tag list. */\n  labelPosition?: TagGroupLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: TagGroupLabelAlign;\n  /** Label for the optional group action button. */\n  groupActionLabel?: string;\n  /** Handler for the optional group action button. */\n  onGroupAction?: () => void;\n  /** Maximum visible rows. This is approximated with overflow clipping in Solid. */\n  maxRows?: number;\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  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Backward-compatible inline style alias. Prefer UNSAFE_style for S2 parity. */\n  style?: JSX.CSSProperties;\n  /** Handler called when a tag is activated. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface TagProps extends Omit<HeadlessTagProps, \"class\" | \"style\" | \"children\"> {\n  /** The content of the tag. */\n  children?: JSX.Element;\n  /** Whether selected tags use the emphasized accent fill. Inherited from TagGroup. */\n  isEmphasized?: boolean;\n  /** S2 tag size. Inherited from TagGroup. */\n  size?: TagGroupSize;\n  /** Href retained for API parity; rendered as a tag action in the current Solid primitive. */\n  href?: string;\n  /** Link target retained for API parity. */\n  target?: string;\n  /** Link relationship retained for API parity. */\n  rel?: string;\n  /** Handler called when this tag is activated. */\n  onAction?: (key: Key) => void;\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  style?: JSX.CSSProperties;\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}\n\nexport const TagGroupContext = createContext<SpectrumContextValue<TagGroupProps<any>>>(null);\n\ninterface TagGroupContextValue {\n  size: S2TagGroupSize;\n  isEmphasized: boolean;\n  onAction?: (key: Key) => void;\n}\n\ninterface TagGroupStyleProps extends TagRenderProps {\n  size?: S2TagGroupSize;\n  labelPosition?: TagGroupLabelPosition;\n  labelAlign?: TagGroupLabelAlign;\n  isEmphasized?: boolean;\n  isInvalid?: boolean;\n  isLink?: boolean;\n  isEmpty?: boolean;\n  isDisabled?: boolean;\n  allowsRemoving?: boolean;\n}\n\nconst StyledTagGroupContext = createContext<TagGroupContextValue>();\n\nconst tagGroupRoot = style<TagGroupStyleProps>(\n  {\n    ...field(),\n    font: controlFont(),\n    color: {\n      default: baseColor(\"neutral\"),\n      isDisabled: \"disabled\",\n      forcedColors: {\n        default: \"ButtonText\",\n        isDisabled: \"GrayText\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst labelWrapper = style<TagGroupStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst labelStyle = style({\n  ...fieldLabel(),\n});\n\nconst tagListContainer = style<TagGroupStyleProps>({\n  gridArea: \"input\",\n  minWidth: \"full\",\n  marginStart: {\n    default: -4,\n    isEmpty: 0,\n  },\n  marginEnd: {\n    default: 4,\n    isEmpty: 0,\n  },\n  position: \"relative\",\n});\n\nconst tagListStyle = style({\n  ...fieldInput(),\n  display: \"inline\",\n  minWidth: \"full\",\n  // S2's real `<TagList>` sets a FIXED `font: 'ui'` (14px) on the grid container —\n  // NOT the size-conditional `controlFont()`. The tags scale their own font via\n  // `control()`; the grid's font is a static default (D1 grid font-size diverges at\n  // size S/L when this ramps).\n  font: \"ui\",\n  outlineStyle: \"none\",\n});\n\nconst tagStyle = style<TagGroupStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", icon: true, register: \"chip\" }),\n  display: \"inline-flex\",\n  maxWidth: \"full\",\n  verticalAlign: \"middle\",\n  justifyContent: \"center\",\n  transition: \"default\",\n  /* The muted chip is a WELL, not a gray step. All three of the handoff's unselected\n   * chips are drawn `background: var(--surface-well)` inside `--well-border`\n   * (TerminalGlassLab.tsx:35-55) — the same matte surface as a terminal well, which is\n   * why `control({register:\"chip\"})` above already hands them the well's border. The\n   * fill was the last part still coming off the ramp, and `gray-100` is opaque on both\n   * columns (#e5eaf1 / #43474d), so the chips read as flat grey plates on a page whose\n   * every other surface is glass or well: 10 elements in dark, 10 in light.\n   *\n   * Hover has no drawn counterpart — the handoff's chips are static — so it takes\n   * `surface-hover`, the register's one hover surface, rather than a second ramp step. */\n  backgroundColor: {\n    default: \"well\",\n    isHovered: {\n      default: \"surface-hover\",\n    },\n    isFocusVisible: {\n      default: \"surface-hover\",\n    },\n    isSelected: {\n      default: baseColor(\"neutral\"),\n      isEmphasized: {\n        default: lightDark(\"accent-900\", \"accent-700\"),\n        isHovered: lightDark(\"accent-1000\", \"accent-800\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-800\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-800\"),\n      },\n    },\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonFace\",\n      isSelected: \"Highlight\",\n    },\n  },\n  /* ...and the well's dither with it. The handoff sets `scan: true` on exactly the three\n   * well-filled chips and `scan: false` on the selected one (TerminalGlassLab.tsx:33, :40),\n   * so the texture follows the fill: a chip that stops being a well stops being dithered.\n   *\n   * The gradient is `wellScan()`'s literal, restated rather than spread because that helper\n   * emits an unconditional `backgroundImage` and this needs the `isSelected` branch —\n   * spreading it and re-declaring the key in the same object is the duplicate-key trap.\n   * `wellScan()` remains the source of the value; if it moves, this moves with it. */\n  backgroundImage: {\n    default: \"[repeating-conic-gradient(var(--well-scan) 0% 25%, transparent 0% 50%)]\",\n    isSelected: \"none\",\n    forcedColors: \"none\",\n  },\n  backgroundSize: \"[4px 4px]\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isSelected: {\n      default: \"gray-25\",\n      isEmphasized: \"white\",\n    },\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isSelected: \"HighlightText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  /* The chip's 1px edge arrives with `control({register: \"chip\"})` above, which sets\n   * `borderWidth: 1`, `borderStyle: \"solid\"` and a resting `borderColor: \"well-border\"`\n   * (s2-internal/style-utils.ts). This slot previously held `borderStyle: \"none\"`, and\n   * because a literal key REPLACES the spread's value for that property, it cancelled the\n   * register's edge outright — the chip drew no border at all. Only the state colours\n   * belong here now; the width and style come from the register.\n   *\n   * A `default` stop is mandatory, not redundant with the spread: declaring `borderColor`\n   * as a literal key discards the register's `well-border` for every state this map does\n   * not name, and an unnamed state would fall back to `currentColor` (the tag's text).\n   *\n   * The stops mirror the `backgroundColor` map above so a selected chip's edge matches its\n   * own fill rather than outlining it in the muted well colour.\n   *\n   * `gray-800` here is deliberate and must not be \"corrected\" to `baseColor(\"neutral\")` for\n   * symmetry with the fill above: the theme's `borderColor` map (style/spectrum-theme.ts)\n   * exposes `...baseColors` plus `negative`, `disabled` and the three edge tokens, but no\n   * `neutral` — that key exists only on the `color`, `backgroundColor` and `fill` maps, so\n   * `neutral` throws `Invalid color neutral` at macro build time. This file is `@ts-nocheck`,\n   * so that surfaces as a build crash rather than a type error. The substitution is exact,\n   * not approximate: `neutral` on `backgroundColor` is `neutral-background-color-default`,\n   * which is a token `ref` to `{gray-800}`, and `nextColorStop` recurses through refs — so\n   * both spellings resolve to the same stop and both step to gray-900 on hover/press. */\n  borderColor: {\n    default: \"well-border\",\n    isSelected: {\n      default: baseColor(\"gray-800\"),\n      isEmphasized: {\n        default: lightDark(\"accent-900\", \"accent-700\"),\n        isHovered: lightDark(\"accent-1000\", \"accent-800\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-800\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-800\"),\n      },\n    },\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonBorder\",\n      isSelected: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  paddingEnd: {\n    default: \"edge-to-text\",\n    allowsRemoving: 0,\n  },\n  margin: 4,\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"default\",\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\n// S2's TagWrapper CONTENT DIV (a sibling of the ClearButton at the tag-row flex\n// level). It carries NO `order`, so it keeps DOM order (content before the remove\n// button). The `order`/`truncate` belong on the inner Text (`tagTextStyle`), NOT\n// here — putting them on the row-level element sorts the label AFTER the\n// `order: 0` remove button (`× Landscape` instead of `Landscape ×`).\nconst tagContentStyle = style({\n  display: \"flex\",\n  minWidth: 0,\n  alignItems: \"center\",\n  gap: \"text-to-visual\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: \"transparent\",\n});\n\n// S2's `TextContext` styles inside the content div: `{order: 1, truncate: true}`\n// (icon slots take `order: 0`, so the icon precedes the text regardless of DOM\n// order). Scoped to the inner text — see `tagContentStyle`.\nconst tagTextStyle = style({\n  order: 1,\n  truncate: true,\n});\n\n// Captured so the `outlineColor` static-color branch can reuse the focus ring's own\n// default (mirrors S2 `const focusRingStyles = focusRing()`).\nconst removeButtonFocusRing = focusRing();\n\nconst removeButtonStyle = style<TagGroupStyleProps>({\n  ...removeButtonFocusRing,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // Mirror S2 ClearButton (`visibleClearButton`): fill the tag height and width to\n  // the control-size ramp (`controlSize()` = {S: 24, M: 32, L: 40}). The port's\n  // local `controlSize` helper has a different meaning, so the ramp is inlined.\n  height: \"full\",\n  width: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n    },\n  },\n  flexShrink: 0,\n  borderRadius: \"full\",\n  borderStyle: \"none\",\n  backgroundColor: \"transparent\",\n  color: \"inherit\",\n  boxSizing: \"border-box\",\n  padding: 0,\n  outlineOffset: -4,\n  // Mirror S2 `visibleClearButton`: a static-color (emphasized + selected) tag uses\n  // a white focus outline against its accent fill; every other tag uses the default\n  // focus-ring colour. `isStaticColor` = `isEmphasized && isSelected` (threaded in\n  // by the TagWrapper — here at the render site).\n  outlineColor: {\n    default: removeButtonFocusRing.outlineColor,\n    isStaticColor: \"white\",\n  },\n  // S2 `visibleClearButton` sets NO cursor — the native `<button>` UA cursor\n  // (`default`) stands. Do NOT re-add the arrow→`pointer` override (an invented\n  // divergence: D1 pins React's native `default`).\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst helpTextStyle = style<TagGroupStyleProps>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  margin: 0,\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n});\n\nconst emptyStateStyle = style({\n  color: \"neutral-subdued\",\n  font: controlFont(),\n});\n\nconst actionRowStyle = style({\n  display: \"inline-flex\",\n  verticalAlign: \"middle\",\n  margin: 4,\n  gap: 4,\n});\n\nconst errorIconStyle = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  flexShrink: 0,\n});\n\nfunction normalizeSize(size: TagGroupSize | undefined): S2TagGroupSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction getItemKey<T extends { id?: Key; key?: Key }>(item: T, getKey?: (item: T) => Key): Key {\n  if (getKey) return getKey(item);\n  if (item.id !== undefined) return item.id;\n  if (item.key !== undefined) return item.key;\n  return String(item);\n}\n\nfunction hasKey(keys: Iterable<Key> | \"all\" | undefined, key: Key): boolean {\n  if (keys == null) {\n    return false;\n  }\n\n  if (keys === \"all\") {\n    return true;\n  }\n\n  if (\"has\" in keys && typeof keys.has === \"function\") {\n    return keys.has(key);\n  }\n\n  for (const value of keys) {\n    if (value === key) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n// Matches a `role=\"row\"` attribute in a serialized SSR node's markup, mirroring the client-side\n// `getAttribute(\"role\") === \"row\"` check below.\nconst SSR_TAG_ROW_PATTERN = /\\srole=\"row\"[\\s>]/;\n// Matches the `solidaria-Tag` token inside a `class=\"...\"` attribute, mirroring the client-side\n// `classList.contains(\"solidaria-Tag\")` check below.\nconst SSR_TAG_CLASS_PATTERN = /\\sclass=\"[^\"]*\\bsolidaria-Tag\\b[^\"]*\"/;\n\nfunction isRenderedTag(value: JSX.Element): boolean {\n  if (Array.isArray(value)) {\n    return value.length === 1 && isRenderedTag(value[0]);\n  }\n\n  if (isServer) {\n    // During renderToString, resolved children are Solid's server-side SSR node objects\n    // (`{ t: string }` holding the serialized HTML), not HTMLElement instances — `HTMLElement`\n    // isn't even a global in Node. Duck-type the same \"already a rendered Tag row\" signal the\n    // client checks for (a `role=\"row\"` gridcell wrapper carrying the Tag class) by inspecting\n    // the markup string directly, so the wrap/no-wrap decision matches what the client will\n    // compute once `HTMLElement` is real and hydration can walk a matching tree.\n    const markup = (value as { t?: unknown } | null | undefined)?.t;\n    if (typeof markup !== \"string\") {\n      return false;\n    }\n    return SSR_TAG_ROW_PATTERN.test(markup) || SSR_TAG_CLASS_PATTERN.test(markup);\n  }\n\n  if (typeof HTMLElement === \"undefined\" || !(value instanceof HTMLElement)) {\n    return false;\n  }\n  return value.getAttribute(\"role\") === \"row\" || value.classList.contains(\"solidaria-Tag\");\n}\n\nfunction joinIds(...ids: Array<string | undefined | false>) {\n  return ids.filter(Boolean).join(\" \") || undefined;\n}\n\nfunction maxRowsStyle(\n  maxRows: number | undefined,\n  size: S2TagGroupSize,\n): JSX.CSSProperties | undefined {\n  if (maxRows == null || maxRows <= 0) {\n    return undefined;\n  }\n\n  const rowHeight = size === \"L\" ? 44 : size === \"S\" ? 30 : 36;\n  return {\n    \"max-height\": `${rowHeight * maxRows}px`,\n    overflow: \"hidden\",\n  };\n}\n\nfunction resolveStyleClass<P extends Record<string, unknown>>(\n  styleValue: StyleString | ((props: P) => StyleString),\n  props: P,\n): string {\n  return typeof styleValue === \"function\" ? styleValue(props) : styleValue;\n}\n\n/**\n * An individual Tag for TagGroups.\n */\nexport function Tag(props: TagProps): JSX.Element {\n  const ctx = useContext(StyledTagGroupContext);\n  const [local, tagProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"id\",\n    \"isDisabled\",\n    \"isEmphasized\",\n    \"size\",\n    \"href\",\n    \"target\",\n    \"rel\",\n    \"onAction\",\n    \"textValue\",\n  ]);\n\n  // Mirror S2 Tag: derive the row's accessible text from string children when no\n  // explicit textValue is given. This names the row (and cascades to the remove\n  // button's `aria-labelledby` and the gridcell's name-from-contents), matching\n  // how S2 auto-derives `node.textValue` from string children.\n  const textValue = () =>\n    local.textValue ?? (typeof local.children === \"string\" ? local.children : undefined);\n  const size = () => normalizeSize(local.size ?? ctx?.size);\n  const isEmphasized = () => local.isEmphasized ?? ctx?.isEmphasized ?? false;\n  const isLink = () => local.href != null;\n  const actionHandler = () => local.onAction ?? ctx?.onAction;\n\n  // Mirror S2 Tag: `ref={domRef} style={pressScale(domRef)}` — the layer hint\n  // (`will-change: transform`) at rest, plus the press-scale transform on press.\n  let tagEl: HTMLDivElement | undefined;\n  const rowStyle = (renderProps: TagRenderProps): JSX.CSSProperties =>\n    pressScale(() => tagEl, local.UNSAFE_style ?? local.style)(renderProps);\n\n  // Mirror S2 ClearButton: `<Button style={pressScale(domRef)}>` — pressScale\n  // ALWAYS contributes the `will-change: transform` layer hint. The plain headless\n  // remove button carries no press state yet, so only the resting hint is mirrored\n  // here; the on-press scale lands with the CP9.44b interaction pass\n  // (tech-debt `taggroup-remove-pressscale`).\n  const removeButtonRestStyle = pressScale(undefined)({ isPressed: false });\n\n  const className = (renderProps: TagRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      tagStyle(\n        {\n          ...renderProps,\n          size: size(),\n          isEmphasized: isEmphasized(),\n          isLink: isLink(),\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessTag\n      {...tagProps}\n      id={local.id}\n      isDisabled={local.isDisabled}\n      textValue={textValue()}\n      class={className}\n      ref={(el: HTMLDivElement) => (tagEl = el)}\n      style={rowStyle}\n      data-href={local.href}\n      data-target={local.target}\n      data-rel={local.rel}\n      onAction={() => actionHandler()?.(local.id)}\n    >\n      {(renderProps) => (\n        <>\n          <div class={resolveStyleClass(tagContentStyle, {})}>\n            <span class={resolveStyleClass(tagTextStyle, {})}>{local.children}</span>\n          </div>\n          <Show when={renderProps.allowsRemoving}>\n            <HeadlessTagRemoveButton\n              buttonProps={renderProps.removeButtonProps}\n              class={removeButtonStyle({\n                ...renderProps,\n                size: size(),\n                isEmphasized: isEmphasized(),\n                // S2 TagWrapper: `isStaticColor={isEmphasized && isSelected}`.\n                isStaticColor: isEmphasized() && renderProps.isSelected,\n              })}\n              style={removeButtonRestStyle}\n            >\n              {/* S2 ClearButton renders `<CrossIcon size={props.size}/>` with the RAW\n                  control size — the ui-icon selects its own variant (S→Size75,\n                  M→Size100, L→Size200) and CSS width (S=M=8px, L=10px). Passing a\n                  down-mapped size renders the wrong Cross path variant. No\n                  `aria-hidden`: S2's ClearButton leaves the bare CrossIcon svg\n                  exposed (Chromium reports an unnamed `img` under the labelled\n                  remove button), so mirror that AX shape rather than hiding it. */}\n              <CrossIcon size={size()} />\n            </HeadlessTagRemoveButton>\n          </Show>\n        </>\n      )}\n    </HeadlessTag>\n  );\n}\n\n/**\n * A tag group displays a collection of tags that can be selected and/or removed.\n */\nexport function TagGroup<T extends { id?: Key; key?: Key }>(props: TagGroupProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(TagGroupContext), props.slot);\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, listProps] = splitProps(mergedProps, [\n    \"label\",\n    \"items\",\n    \"children\",\n    \"getKey\",\n    \"onRemove\",\n    \"size\",\n    \"variant\",\n    \"isEmphasized\",\n    \"description\",\n    \"errorMessage\",\n    \"isInvalid\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"groupActionLabel\",\n    \"onGroupAction\",\n    \"maxRows\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"renderEmptyState\",\n    \"selectionMode\",\n    \"selectionBehavior\",\n    \"selectedKeys\",\n    \"defaultSelectedKeys\",\n    \"onSelectionChange\",\n    \"disabledKeys\",\n    \"isDisabled\",\n    \"onAction\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n  ]);\n\n  const labelId = createUniqueId();\n  const descriptionId = createUniqueId();\n  const errorId = createUniqueId();\n  const size = () => normalizeSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const isInvalid = () => local.isInvalid === true;\n  const isEmphasized = () => local.isEmphasized ?? local.variant === \"solid\";\n  const hasItems = () => local.items.length > 0;\n  const keyForItem = (item: T) => getItemKey(item, local.getKey);\n  const renderedEmptyState = () => (\n    <span class={resolveStyleClass(emptyStateStyle, { size: size() })}>\n      {local.renderEmptyState?.() ?? \"No tags\"}\n    </span>\n  );\n\n  const describedBy = () =>\n    joinIds(\n      local[\"aria-describedby\"],\n      local.description && !isInvalid() ? descriptionId : undefined,\n      local.errorMessage && isInvalid() ? errorId : undefined,\n    );\n\n  const rootClass = () =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      tagGroupRoot(\n        {\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isDisabled: local.isDisabled,\n          isInvalid: isInvalid(),\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderItem = (item: T) => {\n    const resolved = resolveChildren(() => local.children(item));\n    const rendered = resolved();\n    if (isRenderedTag(rendered)) {\n      return rendered;\n    }\n\n    return (\n      <Tag id={keyForItem(item)} isDisabled={hasKey(local.disabledKeys, keyForItem(item))}>\n        {rendered}\n      </Tag>\n    );\n  };\n\n  const contextValue: TagGroupContextValue = {\n    get size() {\n      return size();\n    },\n    get isEmphasized() {\n      return isEmphasized();\n    },\n    get onAction() {\n      return local.onAction;\n    },\n  };\n\n  return (\n    <StyledTagGroupContext.Provider value={contextValue}>\n      <div\n        id={local.id}\n        class={rootClass()}\n        style={local.UNSAFE_style ?? local.style}\n        data-invalid={isInvalid() ? \"true\" : undefined}\n        data-disabled={local.isDisabled ? \"true\" : undefined}\n      >\n        <Show when={local.label}>\n          <div\n            class={labelWrapper({\n              size: size(),\n              labelPosition: labelPosition(),\n              labelAlign: labelAlign(),\n            })}\n          >\n            <span\n              id={labelId}\n              class={resolveStyleClass(labelStyle, { size: size(), isDisabled: local.isDisabled })}\n            >\n              {local.label}\n            </span>\n          </div>\n        </Show>\n\n        <div\n          class={tagListContainer({\n            size: size(),\n            isEmpty: local.items.length === 0,\n          })}\n          style={maxRowsStyle(local.maxRows, size())}\n        >\n          <HeadlessTagList\n            {...listProps}\n            items={local.items}\n            getKey={local.getKey}\n            onRemove={local.onRemove}\n            selectionMode={local.selectionMode}\n            selectionBehavior={local.selectionBehavior}\n            selectedKeys={local.selectedKeys}\n            defaultSelectedKeys={local.defaultSelectedKeys}\n            onSelectionChange={local.onSelectionChange}\n            disabledKeys={local.disabledKeys}\n            isDisabled={local.isDisabled}\n            aria-label={local[\"aria-label\"]}\n            aria-labelledby={local.label ? labelId : local[\"aria-labelledby\"]}\n            aria-describedby={describedBy()}\n            class={(renderProps) =>\n              resolveStyleClass(tagListStyle, {\n                ...renderProps,\n                size: size(),\n                isDisabled: local.isDisabled,\n              })\n            }\n            renderEmptyState={renderedEmptyState}\n          >\n            {renderItem}\n          </HeadlessTagList>\n\n          <Show when={hasItems() && local.groupActionLabel && local.onGroupAction}>\n            <span class={resolveStyleClass(actionRowStyle, { size: size() })}>\n              <ActionButton size={size()} isQuiet onPress={local.onGroupAction}>\n                {local.groupActionLabel}\n              </ActionButton>\n            </span>\n          </Show>\n        </div>\n\n        <Show when={local.description && !isInvalid()}>\n          <p\n            id={descriptionId}\n            class={helpTextStyle({\n              size: size(),\n              isInvalid: false,\n              isDisabled: local.isDisabled,\n            })}\n          >\n            {local.description}\n          </p>\n        </Show>\n\n        <Show when={local.errorMessage && isInvalid()}>\n          <p\n            id={errorId}\n            class={helpTextStyle({\n              size: size(),\n              isInvalid: true,\n              isDisabled: local.isDisabled,\n            })}\n          >\n            <AlertTriangleIcon styles={errorIconStyle} size={size()} aria-hidden=\"true\" />\n            {local.errorMessage}\n          </p>\n        </Show>\n      </div>\n    </StyledTagGroupContext.Provider>\n  );\n}\n\nexport type { Key, SelectionBehavior, SelectionMode };\n"],"mappings":"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"}