@proyecto-viviana/ui 0.6.1 → 0.6.3

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

@@ -1 +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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"}
+{"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: \"interactive-fill\",\n        isHovered: lightDark(\"accent-1000\", \"accent-600\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-600\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-600\"),\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: \"interactive-fill\",\n        isHovered: lightDark(\"accent-1000\", \"accent-600\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-600\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-600\"),\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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"}

package/dist/tag-group/index.jsx

@@ -173,7 +173,7 @@ const labelStyle = function anonymous(props) {
 	}
 	if (props.isStaticColor) rules += " pl151";
 	else if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	rules += " plb151";
 	rules += " ri151";
 	return rules;
@@ -296,10 +296,10 @@ const tagStyle = function anonymous(props) {
 	rules += " lb151";
 	rules += " _jf151";
 	if (props.isDisabled) rules += " ifbAdGe151";
-	else if (props.isSelected) if (props.isEmphasized) if (props.isFocusVisible) rules += " iJLwrv151";
-	else if (props.isPressed) rules += " iJLwrv151";
-	else if (props.isHovered) rules += " iJLwrv151";
-	else rules += " iI9Ko6c151";
+	else if (props.isSelected) if (props.isEmphasized) if (props.isFocusVisible) rules += " iKDgA3151";
+	else if (props.isPressed) rules += " iKDgA3151";
+	else if (props.isHovered) rules += " iKDgA3151";
+	else rules += " inhAeB151";
 	else if (props.isPressed) rules += " iMwyHo151";
 	else if (props.isFocusVisible) rules += " iMwyHo151";
 	else if (props.isHovered) rules += " iMwyHo151";
@@ -320,10 +320,10 @@ const tagStyle = function anonymous(props) {
 	rules += " Xb151";
 	rules += " _2b151";
 	if (props.isDisabled) rules += " gkDWoNd151";
-	else if (props.isSelected) if (props.isEmphasized) if (props.isFocusVisible) rules += " gJLwrv151";
-	else if (props.isPressed) rules += " gJLwrv151";
-	else if (props.isHovered) rules += " gJLwrv151";
-	else rules += " gI9Ko6c151";
+	else if (props.isSelected) if (props.isEmphasized) if (props.isFocusVisible) rules += " gKDgA3151";
+	else if (props.isPressed) rules += " gKDgA3151";
+	else if (props.isHovered) rules += " gKDgA3151";
+	else rules += " gnhAeB151";
 	else if (props.isPressed) rules += " gMwyHo151";
 	else if (props.isFocusVisible) rules += " gMwyHo151";
 	else if (props.isHovered) rules += " gMwyHo151";
@@ -463,7 +463,7 @@ const helpTextStyle = function anonymous(props) {
 	} else if (props.isInvalid) {
 		rules += " pYjUhNc151";
 		rules += " plQBRyrc151";
-	} else rules += " pUUi0Fe151";
+	} else rules += " pWQ7V3d151";
 	rules += " -_8sjo0b-t5ZbAob151";
 	rules += " _qb151";
 	rules += " TgOnRt151";

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","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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"}
+{"version":3,"file":"index.jsx","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: \"interactive-fill\",\n        isHovered: lightDark(\"accent-1000\", \"accent-600\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-600\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-600\"),\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: \"interactive-fill\",\n        isHovered: lightDark(\"accent-1000\", \"accent-600\"),\n        isPressed: lightDark(\"accent-1000\", \"accent-600\"),\n        isFocusVisible: lightDark(\"accent-1000\", \"accent-600\"),\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAGhD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC;AA0BhD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAWxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAGhD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC;AA0BhD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAcxD"}

package/dist/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: 8,\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [toolbarStyles({ orientation: rp.orientation }), typeof cls === \"function\" ? cls(rp) : cls]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;;AAgBA,MAAM,gBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO,CAAC,OAAA,CAAQ;CAE1D,MAAM,eAAe,OAA+B;EAClD,MAAM,MAAM,MAAM;EAClB,OAAO,CAAC,cAAc,EAAE,aAAa,GAAG,YAAY,CAAA,GAAI,OAAO,QAAQ,aAAa,IAAI,EAAA,IAAM,GAAA,EAC3F,OAAO,OAAA,EACP,KAAK,GAAA;CACV;CAEA,OAAA,gBAAQ,WAAA,WAAoB,eAAa,EAAA,SAAS,YAAA,CAAA,CAAA;AACpD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: 8,\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [\n      toolbarStyles({ orientation: rp.orientation }),\n      typeof cls === \"function\" ? cls(rp) : cls,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;;AAgBA,MAAM,gBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO,CAAC,OAAA,CAAQ;CAE1D,MAAM,eAAe,OAA+B;EAClD,MAAM,MAAM,MAAM;EAClB,OAAO,CACL,cAAc,EAAE,aAAa,GAAG,YAAY,CAAA,GAC5C,OAAO,QAAQ,aAAa,IAAI,EAAA,IAAM,GAAA,EAErC,OAAO,OAAA,EACP,KAAK,GAAA;CACV;CAEA,OAAA,gBAAQ,WAAA,WAAoB,eAAa,EAAA,SAAS,YAAA,CAAA,CAAA;AACpD"}

package/dist/toolbar/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/toolbar/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: 8,\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [toolbarStyles({ orientation: rp.orientation }), typeof cls === \"function\" ? cls(rp) : cls]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;AASA,MAAM,gBAAM,SAAe,UAAA,OAAoB;;CAE5C,SAAS;CACT,SAAQ;CACR,SAAS;CACT,SAAO;CACP,SAAM;CACT,IAAM,MAAA,gBAAwB,YAC5B,SAAe;MACN,IAAG,MAAM,gBAAA,cAClB,SAAc;CAEd,IAAA,MAAA,gBAAe,YACb,SAAa;MACX,IAAA,MAAa,gBAAI,cACjB,SAAW;CAEd,OAAA;AACH;;;;;;;;;;;;;GAaI,SAAE,QAAA,OAAA;CACF,MAAA,CAAO,OAAM,iBAAY,WAAW,OAAA,CAClC,OACF,CAAC;CACD,MAAE,eAAkB,OAAM;EACzB,MAAO,MAAA,MAAA;EACP,OAAA,CACH,cAAA,EACc,aAAa,GAAE,YACtB,CAAA,GAAA,OAAA,QAAA,aAAA,IAAA,EAAA,IAAA,GAED,EAAA,OAAA,OAAe,EAAG,KAAC,GAAA;CACvB;CACA,OAAO,CAAC,cAAgB,eAAgB,OAAA;AAC5C"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/toolbar/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: 8,\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [\n      toolbarStyles({ orientation: rp.orientation }),\n      typeof cls === \"function\" ? cls(rp) : cls,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;AASA,MAAM,gBAAM,SAAe,UAAA,OAAoB;;CAE5C,SAAS;CACT,SAAQ;CACR,SAAS;CACT,SAAO;CACP,SAAM;CACT,IAAM,MAAA,gBAAwB,YAC5B,SAAe;MACN,IAAG,MAAM,gBAAA,cAClB,SAAc;CAEd,IAAA,MAAA,gBAAe,YACb,SAAa;MACX,IAAA,MAAa,gBAAI,cACjB,SAAW;CAEd,OAAA;AACH;;;;;;;;;;;;;GAaI,SAAE,QAAA,OAAA;CACF,MAAA,CAAO,OAAM,iBAAY,WAAW,OAAA,CAClC,OACF,CAAC;CACD,MAAE,eAAkB,OAAM;EACzB,MAAO,MAAA,MAAA;EACP,OAAA,CACH,cAAA,EACc,aAAa,GAAE,YACtB,CAAA,GAAA,OAAA,QAAA,aAAA,IAAA,EAAA,IAAA,GAED,EAAA,OAAA,OAAe,EAAG,KAAC,GAAA;CACvB;CACA,OAAO,CAAA,cAAA,eAAA,OAAA;AACX"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,GAAG,EACT,MAAM,UAAU,CAAC;AAClB,OAAO,EASL,KAAK,SAAS,IAAI,iBAAiB,EACnC,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,oBAAoB,IAAI,4BAA4B,EAEzD,KAAK,qBAAqB,IAAI,6BAA6B,EAE3D,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAOpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOlE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,CAAC;AAEZ,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACvD,iBAAiB,CAAC,CAAC,CAAC,EACpB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,mBAAmB,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,CAC9F;IACC,uFAAuF;IACvF,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IAC7F,mGAAmG;IACnG,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,0FAA0F;IAC1F,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,qDAAqD;IACrD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,sDAAsD;IACtD,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAClE,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,qCAAqC;IACrC,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,iCAAiC;IACjC,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAC3D,qBAAqB,CAAC,CAAC,CAAC,EACxB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CACvC;IACC,yCAAyC;IACzC,EAAE,EAAE,GAAG,CAAC;IACR,iFAAiF;IACjF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IAC7E,+FAA+F;IAC/F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,6BAA6B,EAC7B,OAAO,GAAG,OAAO,CAClB;IACC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,4BAA4B,EAC5B,OAAO,GAAG,OAAO,CAClB;IACC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA4BD,eAAO,MAAM,eAAe,qEAA+D,CAAC;AAwe5F,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA6NvE;yBA7Ne,IAAI;;;;;;;AA+NpB,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2M/E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAwBxE;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,qBAAqB,GAAG;IAAE,WAAW,CAAC,EAAE,mBAAmB,CAAA;CAAE,GACnE,GAAG,CAAC,OAAO,CAiEb;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAC3C,OAAO,EAAE,GAAG,CAAC;IACb,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,GAAG,CAAC,OAAO,CAmCd;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CA0B1E;AAQD,eAAO,MAAM,QAAQ,aAAO,CAAC;AAC7B,eAAO,MAAM,YAAY,iBAAW,CAAC;AACrC,eAAO,MAAM,mBAAmB,wBAAkB,CAAC;AACnD,eAAO,MAAM,oBAAoB,yBAAmB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/index.tsx"],"names":[],"mappings":"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"}

package/dist/tree/index.js

@@ -17,7 +17,7 @@ import { className, createComponent, effect, getNextElement, getNextMarker, inse
 import { children, createContext, createEffect, createMemo, createSignal, mergeProps as mergeProps$1, onCleanup, splitProps, useContext } from "solid-js";
 import { Collection, Tree as Tree$1, TreeExpandButton as TreeExpandButton$1, TreeItem as TreeItem$1, TreeItemContent as TreeItemContent$1, TreeItemContext, TreeLoadMoreItem as TreeLoadMoreItem$1, TreeSelectionCheckbox as TreeSelectionCheckbox$1, TreeStateContext } from "@proyecto-viviana/solidaria-components";
 //#region src/tree/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div class=" MkDJKOc151 sd151 eb151 _Ca151 pHKLAu151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151">`), _tmpl$2 = /*#__PURE__*/ template(`<div class=" Mi151 sd151 eb151 _Ca151 pUUi0Fe151"data-rsp-slot=load-more>`), _tmpl$3 = /*#__PURE__*/ template(`<div hidden inert aria-hidden=true style=display:none>`), _tmpl$4 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /*#__PURE__*/ template(`<div>`), _tmpl$6 = /*#__PURE__*/ template(`<div aria-hidden=true>`), _tmpl$7 = /*#__PURE__*/ template(`<span class=" z7fSmKc151 y7fSmKc151 B7fSmKc151 A7fSmKc151 _df151 ZatWdwc151"aria-hidden=true>`), _tmpl$8 = /*#__PURE__*/ template(`<span slot=icon class=" z2U5Crc151 y2U5Crc151 B2U5Crc151 AvoofG151 sb151 ZuUmpre151 FuUmpre151 _dc151 Ht151 Hsu151 -_8sjo0b-t5ZbAob151"data-rsp-slot=icon>`), _tmpl$9 = /*#__PURE__*/ template(`<span>`), _tmpl$0 = /*#__PURE__*/ template(`<button>`), _tmpl$1 = /*#__PURE__*/ template(`<span data-rsp-slot=selection-indicator><!$><!/><span>`);
+var _tmpl$ = /*#__PURE__*/ template(`<div class=" MkDJKOc151 sd151 eb151 _Ca151 pHKLAu151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151">`), _tmpl$2 = /*#__PURE__*/ template(`<div class=" Mi151 sd151 eb151 _Ca151 pWQ7V3d151"data-rsp-slot=load-more>`), _tmpl$3 = /*#__PURE__*/ template(`<div hidden inert aria-hidden=true style=display:none>`), _tmpl$4 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$5 = /*#__PURE__*/ template(`<div>`), _tmpl$6 = /*#__PURE__*/ template(`<div aria-hidden=true>`), _tmpl$7 = /*#__PURE__*/ template(`<span class=" z7fSmKc151 y7fSmKc151 B7fSmKc151 A7fSmKc151 _df151 ZatWdwc151"aria-hidden=true>`), _tmpl$8 = /*#__PURE__*/ template(`<span slot=icon class=" z2U5Crc151 y2U5Crc151 B2U5Crc151 AvoofG151 sb151 ZuUmpre151 FuUmpre151 _dc151 Ht151 Hsu151 -_8sjo0b-t5ZbAob151"data-rsp-slot=icon>`), _tmpl$9 = /*#__PURE__*/ template(`<span>`), _tmpl$0 = /*#__PURE__*/ template(`<button>`), _tmpl$1 = /*#__PURE__*/ template(`<span data-rsp-slot=selection-indicator><!$><!/><span>`);
 const TreeViewContext = createContext(null);
 const InternalTreeViewContext = createContext({ selectionStyle: "checkbox" });
 const StaticTreeCollectionContext = createContext(null);
@@ -164,7 +164,7 @@ const legacyDescription = function anonymous(props) {
 	if (props.isPressed) rules += " pQKeKoe151";
 	else if (props.isFocusVisible) rules += " pQKeKoe151";
 	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	rules += " Js151";
 	return rules;
 };
@@ -196,7 +196,7 @@ const treeViewItem = function anonymous(props) {
 	else if (props.isPressed) rules += " pQKeKoe151";
 	else if (props.isFocusVisible) rules += " pQKeKoe151";
 	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	else {
 		if (props.isDisabled) rules += " pUvnvv151";
 		else if (props.isSelected) if (props.isPressed) rules += " pMwyHo151";
@@ -206,7 +206,7 @@ const treeViewItem = function anonymous(props) {
 		else if (props.isPressed) rules += " pQKeKoe151";
 		else if (props.isFocusVisible) rules += " pQKeKoe151";
 		else if (props.isHovered) rules += " pQKeKoe151";
-		else rules += " pUUi0Fe151";
+		else rules += " pWQ7V3d151";
 		rules += " plb151";
 	}
 	rules += " g9151";
@@ -446,7 +446,7 @@ const treeDescription = function anonymous(props) {
 	} else if (props.isPressed) rules += " pQKeKoe151";
 	else if (props.isFocusVisible) rules += " pQKeKoe151";
 	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	rules += " _Nc151";
 	rules += " Pc151";
 	rules += " _Yb151";