@proyecto-viviana/ui 0.6.1 → 0.6.3

package/dist/tree/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/tree/index.tsx"],"sourcesContent":["import {\n  children as resolveChildren,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  Tree as HeadlessTree,\n  TreeItem as HeadlessTreeItem,\n  TreeItemContent as HeadlessTreeItemContent,\n  TreeExpandButton as HeadlessTreeExpandButton,\n  TreeSelectionCheckbox as HeadlessTreeSelectionCheckbox,\n  TreeLoadMoreItem as HeadlessTreeLoadMoreItem,\n  TreeStateContext as HeadlessTreeStateContext,\n  TreeItemContext as HeadlessTreeItemContext,\n  type TreeProps as HeadlessTreeProps,\n  type TreeItemProps as HeadlessTreeItemProps,\n  type TreeItemContentProps as HeadlessTreeItemContentProps,\n  type TreeItemContentRenderProps as HeadlessTreeItemContentRenderProps,\n  type TreeExpandButtonProps as HeadlessTreeExpandButtonProps,\n  type TreeRenderProps,\n  type TreeItemRenderProps,\n  type TreeRenderItemState,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key, TreeItemData } from \"@proyecto-viviana/solid-stately\";\nimport { ActionButtonGroupContext } from \"../button/group-context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { IconContext } from \"../icon\";\nimport Checkmark from \"../icon/ui-icons/Checkmark\";\nimport Chevron from \"../icon/ui-icons/Chevron\";\nimport { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { ProgressCircle } from \"../progress/ProgressCircle\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  colorMix,\n  focusRing,\n  fontRelative,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { Text, TextContext } from \"../text\";\n\nexport type TreeSelectionStyle = \"checkbox\" | \"highlight\";\nexport type TreeLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface TreeProps<T extends object> extends Omit<\n  HeadlessTreeProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"selectionBehavior\" | \"isLoading\" | \"slot\" | \"ref\"\n> {\n  /** TreeView content. Use a render function with `items` for S2 dynamic collections. */\n  children: JSX.Element | ((item: TreeItemData<T>, state: TreeRenderItemState) => JSX.Element);\n  /** Dynamic hierarchical items. Supports either `id` or `key`, matching React Spectrum examples. */\n  items?: TreeItemData<T>[];\n  /** Whether selection is shown with checkboxes or highlighted rows. @default 'checkbox' */\n  selectionStyle?: TreeSelectionStyle;\n  /** Loading state forwarded to load-more behavior. */\n  loadingState?: TreeLoadingState;\n  /** Provides an action bar when items are selected. */\n  renderActionBar?: (selectedKeys: \"all\" | Set<Key>) => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | 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  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the tree root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Legacy label helper. Prefer aria-label or aria-labelledby. */\n  label?: JSX.Element;\n  /** Legacy description helper. */\n  description?: JSX.Element;\n}\n\nexport interface TreeItemProps<T extends object> extends Omit<\n  HeadlessTreeItemProps<T>,\n  \"class\" | \"style\" | \"children\" | \"ref\"\n> {\n  /** The unique id of the TreeViewItem. */\n  id: Key;\n  /** TreeViewItem content. Text-only children are wrapped in the S2 label slot. */\n  children?: JSX.Element | ((renderProps: TreeItemRenderProps) => JSX.Element);\n  /** Whether this item is disabled. Dynamic collections should prefer item data `isDisabled`. */\n  isDisabled?: boolean;\n  /** Whether this item has children that may not be loaded yet. */\n  hasChildItems?: boolean;\n  /** Link target metadata. */\n  href?: HeadlessTreeItemProps<T>[\"href\"];\n  target?: HeadlessTreeItemProps<T>[\"target\"];\n  download?: HeadlessTreeItemProps<T>[\"download\"];\n  rel?: HeadlessTreeItemProps<T>[\"rel\"];\n  hrefLang?: HeadlessTreeItemProps<T>[\"hrefLang\"];\n  ping?: HeadlessTreeItemProps<T>[\"ping\"];\n  referrerPolicy?: HeadlessTreeItemProps<T>[\"referrerPolicy\"];\n  routerOptions?: HeadlessTreeItemProps<T>[\"routerOptions\"];\n  /** Optional description text. Prefer `<Text slot=\"description\">`. */\n  description?: JSX.Element;\n  /** Optional icon helper retained from the older Tree API. Prefer an icon child. */\n  icon?: () => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | 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  /** Ref for the rendered row element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface TreeExpandButtonProps extends Omit<\n  HeadlessTreeExpandButtonProps,\n  \"class\" | \"style\"\n> {\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}\n\nexport interface TreeItemContentProps extends Omit<\n  HeadlessTreeItemContentProps,\n  \"class\" | \"style\"\n> {\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}\n\nexport interface TreeLoadMoreItemProps {\n  onLoadMore: () => void | Promise<void>;\n  isLoading?: boolean;\n  loadingState?: TreeLoadingState;\n  level?: number;\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\ntype StaticTreeItem = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  hasChildItems?: boolean;\n  props: TreeItemProps<object>;\n};\n\ntype ItemRegistration = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  hasChildItems?: boolean;\n  props?: TreeItemProps<object>;\n};\n\ninterface StaticCollectionContextValue {\n  mode: \"static\" | \"dynamic\";\n  registerItem(item: ItemRegistration): void;\n  unregisterItem(id: Key): void;\n}\n\ninterface TreeViewContextValue {\n  selectionStyle: TreeSelectionStyle;\n}\n\nexport const TreeViewContext = createContext<SpectrumContextValue<TreeProps<object>>>(null);\nconst InternalTreeViewContext = createContext<TreeViewContextValue>({\n  selectionStyle: \"checkbox\",\n});\nconst StaticTreeCollectionContext = createContext<StaticCollectionContextValue | null>(null);\n\nconst treeViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: \"flex\",\n    flexDirection: \"column\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    overflow: \"clip\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst treeView = style<TreeRenderProps & { isActionBar?: boolean }>(\n  {\n    ...focusRing(),\n    outlineOffset: -2,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    minHeight: 0,\n    minWidth: 0,\n    width: \"full\",\n    height: {\n      isActionBar: \"full\",\n    },\n    boxSizing: \"border-box\",\n    overflow: \"auto\",\n    fontSize: controlFont(),\n    backgroundColor: \"transparent\",\n    borderWidth: 0,\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst legacyLabel = style({\n  font: controlFont(),\n  fontWeight: \"medium\",\n  color: baseColor(\"neutral\"),\n  marginBottom: 4,\n});\n\nconst legacyDescription = style({\n  font: \"body-sm\",\n  color: baseColor(\"neutral-subdued\"),\n  marginTop: 4,\n});\n\nconst emptyState = style({\n  minHeight: 112,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral\",\n  font: \"body-sm\",\n});\n\nconst selectedBackground = colorMix(\"gray-25\", \"gray-900\", 7);\nconst selectedActiveBackground = colorMix(\"gray-25\", \"gray-900\", 10);\n\ntype TreeRowLayerProps = Partial<TreeItemRenderProps> & {\n  isLink?: boolean;\n  selectionStyle?: TreeSelectionStyle;\n};\n\nconst treeViewItem = style<TreeRowLayerProps>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  borderRadius: \"row\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\n    \". checkbox level-padding expand-button icon label actions actionmenu\",\n    \". checkbox level-padding expand-button icon description actions actionmenu\",\n  ],\n  gridTemplateColumns: [\n    edgeToText(40),\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    \"minmax(0,1fr)\",\n    \"minmax(0,auto)\",\n    \"auto\",\n  ],\n  gridTemplateRows: \"1fr auto\",\n  alignItems: \"baseline\",\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  columnGap: 0,\n  paddingX: 0,\n  minHeight: 40,\n  paddingY: 0,\n  boxSizing: \"border-box\",\n  textDecoration: \"none\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n    forcedColors: \"ButtonText\",\n    selectionStyle: {\n      highlight: {\n        isSelected: {\n          forcedColors: \"HighlightText\",\n        },\n      },\n    },\n  },\n  backgroundColor: \"transparent\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"not-allowed\",\n  },\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n});\n\nconst treeViewRowBackground = style<TreeRowLayerProps>({\n  position: \"absolute\",\n  zIndex: -1,\n  inset: 0,\n  backgroundColor: {\n    default: \"gray-25\",\n    isHovered: {\n      default: \"gray-900/5\",\n      selectionStyle: {\n        checkbox: selectedBackground,\n      },\n    },\n    isPressed: {\n      default: \"gray-900/10\",\n      selectionStyle: {\n        checkbox: selectedActiveBackground,\n      },\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground,\n        },\n        highlight: {\n          default: colorMix(\"gray-25\", \"blue-900\", 10),\n          isHovered: colorMix(\"gray-25\", \"blue-900\", 15),\n          isPressed: colorMix(\"gray-25\", \"blue-900\", 15),\n        },\n      },\n    },\n    forcedColors: {\n      default: \"Background\",\n      selectionStyle: {\n        highlight: {\n          isSelected: \"Highlight\",\n        },\n      },\n    },\n  },\n  borderRadius: \"row\",\n});\n\nconst treeViewRowFocusRing = style<TreeRowLayerProps>({\n  ...focusRing(),\n  outlineOffset: -2,\n  outlineWidth: {\n    default: 2,\n    forcedColors: \"[3px]\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: {\n      default: \"Highlight\",\n      selectionStyle: {\n        highlight: \"ButtonBorder\",\n      },\n    },\n  },\n  position: \"absolute\",\n  inset: 0,\n  borderRadius: \"default\",\n  zIndex: 1,\n  pointerEvents: \"none\",\n});\n\nconst treeViewItemCell = style({\n  display: \"contents\",\n});\n\nconst treeLevelPadding = style({\n  gridArea: \"level-padding\",\n  alignSelf: \"stretch\",\n  width: \"[calc(var(--tree-item-level, 0) * var(--tree-indent, 16px))]\",\n});\n\nconst treeExpandButton = style<TreeRowLayerProps>({\n  gridArea: \"expand-button\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: 40,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  borderRadius: \"default\",\n  visibility: {\n    default: \"hidden\",\n    isExpandable: \"visible\",\n  },\n  cursor: {\n    default: \"default\",\n    isDisabled: \"not-allowed\",\n  },\n  disableTapHighlight: true,\n});\n\nconst treeExpandIcon = style<TreeRowLayerProps>({\n  rotate: {\n    isExpanded: 90,\n  },\n  transition: \"default\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst treeCheckbox = style({\n  gridArea: \"checkbox\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  marginEnd: 8,\n  position: \"relative\",\n  width: 16,\n  height: 16,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n});\n\nconst treeCheckboxInput = style({\n  position: \"absolute\",\n  inset: 0,\n  margin: 0,\n  opacity: 0,\n  cursor: \"inherit\",\n});\n\nconst treeCheckboxBox = style<TreeRowLayerProps>({\n  ...focusRing(),\n  size: 16,\n  pointerEvents: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderRadius: \"row\",\n  boxSizing: \"border-box\",\n  backgroundColor: {\n    default: \"gray-25\",\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    isSelected: \"transparent\",\n    isDisabled: \"disabled\",\n  },\n});\n\nconst treeCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst treeSlotIcon = style({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  display: \"block\",\n  size: fontRelative(20),\n  alignSelf: \"center\",\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst treeLabel = style<TreeRowLayerProps>({\n  gridArea: \"label\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: controlFont(),\n  color: \"inherit\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst treeDescription = style<TreeRowLayerProps>({\n  gridArea: \"description\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: \"ui-sm\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst treeActions = style({\n  gridArea: \"actions\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n});\n\nconst treeActionMenu = style({\n  gridArea: \"actionmenu\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n});\n\nconst treeLoadMore = style({\n  minHeight: 32,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral-subdued\",\n});\n\nfunction replaceManagedClass(element: Element, dataAttribute: string, nextClass: string): void {\n  const previousClass = element.getAttribute(dataAttribute);\n\n  for (const className of previousClass?.split(/\\s+/).filter(Boolean) ?? []) {\n    element.classList.remove(className);\n  }\n\n  for (const className of nextClass.split(/\\s+/).filter(Boolean)) {\n    element.classList.add(className);\n  }\n\n  element.setAttribute(dataAttribute, nextClass);\n}\n\nfunction applyItemSlotClasses(\n  root: HTMLElement | undefined,\n  renderProps: TreeItemRenderProps,\n  context: TreeViewContextValue,\n): void {\n  if (!root) {\n    return;\n  }\n\n  const state = {\n    ...renderProps,\n    selectionStyle: context.selectionStyle,\n  };\n\n  const gridCell = root.querySelector('[role=\"gridcell\"]');\n  if (gridCell) {\n    replaceManagedClass(gridCell, \"data-s2-treeview-cell-class\", treeViewItemCell);\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll('[slot=\"label\"], [data-slot=\"label\"], [data-rsp-slot=\"label\"]'),\n  )) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeLabel(state));\n    element.setAttribute(\"data-rsp-slot\", \"label\");\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll(\n      '[slot=\"description\"], [data-slot=\"description\"], [data-rsp-slot=\"description\"]',\n    ),\n  )) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeDescription(state));\n    element.setAttribute(\"data-rsp-slot\", \"description\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"icon\"], [data-slot=\"icon\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeSlotIcon);\n    element.setAttribute(\"data-rsp-slot\", \"icon\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actions\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeActions);\n    element.setAttribute(\"data-rsp-slot\", \"actions\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actionmenu\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeActionMenu);\n    element.setAttribute(\"data-rsp-slot\", \"actionmenu\");\n  }\n}\n\nfunction selectedKeySet(keys: \"all\" | Iterable<Key> | undefined): \"all\" | Set<Key> {\n  if (keys === \"all\") {\n    return \"all\";\n  }\n\n  return new Set(keys ?? []);\n}\n\nfunction getItemKey<T extends object>(item: TreeItemData<T>, index: number): Key {\n  return item.id ?? item.key ?? index;\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  return Array.isArray(value) && value.every(isTextOnlyChildren);\n}\n\nfunction treeItemFromStatic(item: StaticTreeItem): TreeItemData<object> {\n  return {\n    id: item.id,\n    key: item.id,\n    value: item.props as object,\n    textValue: item.textValue ?? String(item.id),\n    isDisabled: item.isDisabled,\n    hasChildItems: item.hasChildItems,\n  };\n}\n\nfunction mergeRegisteredTreeItems<T extends object>(\n  items: TreeItemData<T>[],\n  registeredItems: Map<Key, ItemRegistration>,\n): TreeItemData<T>[] {\n  return items.map((item, index) => {\n    const key = getItemKey(item, index);\n    const registered = registeredItems.get(key);\n    const children = item.children\n      ? mergeRegisteredTreeItems(item.children as TreeItemData<T>[], registeredItems)\n      : item.children;\n\n    if (!registered) {\n      return children === item.children ? item : { ...item, children };\n    }\n\n    return {\n      ...item,\n      id: item.id ?? key,\n      key: item.key ?? key,\n      isDisabled: item.isDisabled ?? registered.isDisabled,\n      hasChildItems: item.hasChildItems ?? registered.hasChildItems,\n      children,\n    };\n  });\n}\n\nexport function Tree<T extends object>(props: TreeProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(\n    useContext(TreeViewContext) as SpectrumContextValue<TreeProps<T>>,\n    props.slot,\n  );\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props) as TreeProps<T>;\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"children\",\n    \"items\",\n    \"selectionStyle\",\n    \"loadingState\",\n    \"renderActionBar\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n    \"label\",\n    \"description\",\n    \"hasMore\",\n    \"onLoadMore\",\n  ]);\n  const selectionStyle = (): TreeSelectionStyle => local.selectionStyle ?? \"checkbox\";\n  const isLoading = () => local.loadingState === \"loading\" || local.loadingState === \"loadingMore\";\n  const [staticItems, setStaticItems] = createSignal<StaticTreeItem[]>([]);\n  const [registrationVersion, setRegistrationVersion] = createSignal(0);\n  const registeredItems = new Map<Key, ItemRegistration>();\n  const usesStaticChildren = () => local.items == null;\n  const syncRegisteredItems = () => {\n    setStaticItems(\n      Array.from(registeredItems.values())\n        .filter((item) => item.props)\n        .map((item) => ({\n          id: item.id,\n          textValue: item.textValue,\n          isDisabled: item.isDisabled,\n          hasChildItems: item.hasChildItems,\n          props: item.props!,\n        })),\n    );\n    setRegistrationVersion((version) => version + 1);\n  };\n  const registrationContext: StaticCollectionContextValue = {\n    get mode() {\n      return usesStaticChildren() ? \"static\" : \"dynamic\";\n    },\n    registerItem(item) {\n      const previous = registeredItems.get(item.id);\n      if (\n        previous &&\n        previous.textValue === item.textValue &&\n        previous.isDisabled === item.isDisabled &&\n        previous.hasChildItems === item.hasChildItems &&\n        previous.props === item.props\n      ) {\n        return;\n      }\n\n      registeredItems.set(item.id, item);\n      syncRegisteredItems();\n    },\n    unregisterItem(id) {\n      if (registeredItems.delete(id)) {\n        syncRegisteredItems();\n      }\n    },\n  };\n  const treeContext = createMemo<TreeViewContextValue>(() => ({\n    selectionStyle: selectionStyle(),\n  }));\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const collectionItems = createMemo(() => {\n    registrationVersion();\n    if (usesStaticChildren()) {\n      return staticItems().map(treeItemFromStatic) as TreeItemData<T>[];\n    }\n\n    return (local.items ?? []) as TreeItemData<T>[];\n  });\n  const collectionItemsWithDisabled = createMemo(() =>\n    mergeRegisteredTreeItems(collectionItems(), registeredItems),\n  );\n  const [actionSelectedKeys, setActionSelectedKeys] = createSignal<\"all\" | Set<Key>>(\n    selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n  );\n  createEffect(() => {\n    setActionSelectedKeys(\n      selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    );\n  });\n  const onSelectionChange = (keys: \"all\" | Set<Key>) => {\n    setActionSelectedKeys(keys === \"all\" ? \"all\" : new Set(keys));\n    headlessProps.onSelectionChange?.(keys);\n  };\n  const className = (renderProps: TreeRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      mergeStyles(\n        treeView({ ...renderProps, isActionBar: !!local.renderActionBar }),\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderEmptyState = () => (\n    <div class={emptyState}>{headlessProps.renderEmptyState?.() ?? \"No items\"}</div>\n  );\n  const renderItem = (item: TreeItemData<T>, state: TreeRenderItemState) =>\n    usesStaticChildren() ? (\n      <TreeItem {...((item.value ?? item) as TreeItemProps<T>)} />\n    ) : typeof local.children === \"function\" ? (\n      local.children(item, state)\n    ) : null;\n  const renderRegistrationItems = (items: TreeItemData<T>[], level = 0): JSX.Element[] => {\n    const rendered: JSX.Element[] = [];\n    const renderChild = local.children;\n\n    if (typeof renderChild !== \"function\") {\n      return rendered;\n    }\n\n    for (const item of items) {\n      const isExpandable = Boolean(item.children?.length || item.hasChildItems);\n      rendered.push(\n        renderChild(item, {\n          isExpanded: false,\n          isExpandable,\n          level,\n        }),\n      );\n\n      if (item.children?.length) {\n        rendered.push(...renderRegistrationItems(item.children as TreeItemData<T>[], level + 1));\n      }\n    }\n\n    return rendered;\n  };\n  const registrationChildren = () => {\n    if (usesStaticChildren()) {\n      const resolved = resolveChildren(() => local.children as JSX.Element);\n      return resolved();\n    }\n\n    if (typeof local.children !== \"function\") {\n      return null;\n    }\n\n    return renderRegistrationItems(local.items ?? []);\n  };\n  const loadMoreContent = () => (\n    <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n      {isLoading() ? <ProgressCircle isIndeterminate size=\"S\" aria-label=\"Loading more\" /> : null}\n    </div>\n  );\n\n  // One return shape, always framed — load-bearing for hydration (caught by\n  // Tree.hydrate.test.tsx): never build two eager JSX branches and return one.\n  // Client JSX consts are real DOM nodes, so an unused detached wrapper\n  // embedding `collection` MOVES the just-claimed server nodes into itself and\n  // the returned branch hydrates empty. SSR output is unaffected (strings\n  // don't move), which is why only the live page lost the tree. A single\n  // always-framed shape leaves exactly one construction path; without chrome\n  // the wrapper is `display: contents`, so layout is untouched.\n  // (A Tree hydration abort that once looked like a return-shape problem was\n  // actually a repeated `local.children` read in ResolvedItemContent /\n  // TreeItemContent — see the read-once comments there.)\n  const collection = () => (\n    <InternalTreeViewContext.Provider value={treeContext()}>\n      <div hidden inert aria-hidden=\"true\" style={{ display: \"none\" }}>\n        <StaticTreeCollectionContext.Provider value={registrationContext}>\n          {registrationChildren()}\n        </StaticTreeCollectionContext.Provider>\n      </div>\n      <HeadlessTree\n        {...headlessProps}\n        ref={(element: HTMLDivElement) => assignRootRef(element)}\n        items={collectionItemsWithDisabled() ?? []}\n        selectionBehavior={selectionStyle() === \"highlight\" ? \"replace\" : \"toggle\"}\n        onSelectionChange={onSelectionChange}\n        isLoading={isLoading()}\n        hasMore={local.hasMore ?? !!local.onLoadMore}\n        onLoadMore={local.onLoadMore}\n        loadingState={local.loadingState}\n        renderLoadMoreItem={loadMoreContent}\n        renderEmptyState={renderEmptyState}\n        slot={local.slot ?? undefined}\n        class={className}\n        style={mergedUnsafeStyle()}\n        data-tree-view=\"\"\n        data-selection-style={selectionStyle()}\n        data-loading-state={local.loadingState ?? undefined}\n      >\n        {(item: TreeItemData<T>, state: TreeRenderItemState) => renderItem(item, state)}\n      </HeadlessTree>\n    </InternalTreeViewContext.Provider>\n  );\n\n  const hasChrome = () => Boolean(local.label || local.description || local.renderActionBar);\n\n  return (\n    <div\n      class={hasChrome() ? treeViewWrapper(null, mergedStyles()) : undefined}\n      style={hasChrome() ? mergedUnsafeStyle() : { display: \"contents\" }}\n    >\n      {local.label ? <div class={legacyLabel({})}>{local.label}</div> : null}\n      {collection()}\n      {local.description ? <div class={legacyDescription({})}>{local.description}</div> : null}\n      {local.renderActionBar ? local.renderActionBar(actionSelectedKeys()) : null}\n    </div>\n  );\n}\n\nexport function TreeItem<T extends object>(props: TreeItemProps<T>): JSX.Element {\n  const context = useContext(InternalTreeViewContext);\n  const staticCollection = useContext(StaticTreeCollectionContext);\n  const collectionState = useContext(HeadlessTreeStateContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"isDisabled\",\n    \"hasChildItems\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"rel\",\n    \"hrefLang\",\n    \"ping\",\n    \"referrerPolicy\",\n    \"routerOptions\",\n    \"description\",\n    \"icon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  createEffect(() => {\n    if (!staticCollection) {\n      return;\n    }\n\n    staticCollection.registerItem({\n      id: props.id,\n      textValue: headlessProps.textValue ?? headlessProps[\"aria-label\"],\n      isDisabled: !!local.isDisabled,\n      hasChildItems: !!local.hasChildItems,\n      props: staticCollection.mode === \"static\" ? (props as TreeItemProps<object>) : undefined,\n    });\n  });\n\n  onCleanup(() => {\n    staticCollection?.unregisterItem(props.id);\n  });\n\n  if (staticCollection) {\n    return null;\n  }\n\n  let itemElement: HTMLElement | undefined;\n  const assignItemRef = mergeContextRefs(local.ref, (element: HTMLElement) => {\n    itemElement = element;\n  });\n  const getRowLayerProps = (renderProps: TreeItemRenderProps): TreeRowLayerProps => ({\n    ...renderProps,\n    selectionStyle: context.selectionStyle,\n    isLink: !!local.href,\n  });\n  const getClassName = (renderProps: TreeItemRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        treeViewItem({\n          ...getRowLayerProps(renderProps),\n          isLink: !!local.href,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getStyle = (renderProps: TreeItemRenderProps): JSX.CSSProperties => ({\n    \"--tree-item-level\": String(renderProps.level),\n    \"--tree-indent\": \"16px\",\n    ...local.UNSAFE_style,\n  });\n  const textContext = (renderProps: TreeItemRenderProps) => ({\n    slots: {\n      default: {\n        slot: \"label\",\n        styles: () => treeLabel(getRowLayerProps(renderProps)),\n      },\n      label: {\n        slot: \"label\",\n        styles: () => treeLabel(getRowLayerProps(renderProps)),\n      },\n      description: {\n        slot: \"description\",\n        styles: () => treeDescription(getRowLayerProps(renderProps)),\n      },\n    },\n  });\n  const shouldShowCheckbox = (renderProps: TreeItemRenderProps) =>\n    renderProps.selectionMode !== \"none\" &&\n    renderProps.selectionBehavior === \"toggle\" &&\n    !renderProps.isDisabled;\n\n  function ItemChildren(renderProps: TreeItemRenderProps) {\n    createEffect(() => applyItemSlotClasses(itemElement, renderProps, context));\n\n    function ResolvedItemContent() {\n      const resolvedChildren = resolveChildren(() => {\n        // Read `local.children` once — a repeated props-children read re-instantiates child\n        // components on the server only, desynchronizing Solid's hydration keys and aborting\n        // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n        const rawChildren = local.children;\n        return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n      });\n      const childrenValue = () => resolvedChildren();\n      const isTextOnly = () => isTextOnlyChildren(childrenValue());\n\n      return (\n        <>\n          {isTextOnly() ? (\n            <TreeItemContent>\n              <Text slot=\"label\">{childrenValue()}</Text>\n              {local.description ? <Text slot=\"description\">{local.description}</Text> : null}\n            </TreeItemContent>\n          ) : (\n            childrenValue()\n          )}\n          {!isTextOnly() && local.description ? (\n            <Text slot=\"description\">{local.description}</Text>\n          ) : null}\n        </>\n      );\n    }\n\n    return (\n      <TextContext.Provider value={textContext(renderProps) as SpectrumContextValue<any>}>\n        <IconContext.Provider\n          value={{\n            slot: \"icon\",\n            styles: treeSlotIcon,\n          }}\n        >\n          <ActionButtonGroupContext.Provider\n            value={{\n              slot: \"actions\",\n              size: \"S\",\n              styles: treeActions,\n            }}\n          >\n            <ActionMenuContext.Provider\n              value={{\n                slot: \"actionmenu\",\n                size: \"S\",\n                menuSize: \"S\",\n                styles: treeActionMenu,\n              }}\n            >\n              {shouldShowCheckbox(renderProps) ? (\n                <TreeSelectionCheckbox itemKey={props.id} renderProps={renderProps} />\n              ) : null}\n              <div\n                class={treeViewRowBackground(getRowLayerProps(renderProps))}\n                aria-hidden=\"true\"\n              />\n              {renderProps.isFocusVisible ? (\n                <div\n                  class={treeViewRowFocusRing(getRowLayerProps(renderProps))}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n              <span class={treeLevelPadding} aria-hidden=\"true\" />\n              <TreeExpandButton renderProps={renderProps} />\n              {local.icon ? (\n                <span slot=\"icon\" class={treeSlotIcon} data-rsp-slot=\"icon\">\n                  {local.icon()}\n                </span>\n              ) : null}\n              <ResolvedItemContent />\n            </ActionMenuContext.Provider>\n          </ActionButtonGroupContext.Provider>\n        </IconContext.Provider>\n      </TextContext.Provider>\n    );\n  }\n\n  return (\n    <HeadlessTreeItem\n      {...headlessProps}\n      ref={(element) => assignItemRef(element)}\n      hasChildItems={local.hasChildItems}\n      isDisabled={local.isDisabled}\n      href={local.href}\n      target={local.target}\n      download={local.download}\n      rel={local.rel}\n      hrefLang={local.hrefLang}\n      ping={local.ping}\n      referrerPolicy={local.referrerPolicy}\n      routerOptions={local.routerOptions}\n      class={getClassName}\n      style={getStyle}\n      data-tree-view-item=\"\"\n      data-disabled={local.isDisabled || undefined}\n      data-href={local.href || undefined}\n      data-target={local.target || undefined}\n      data-has-child-items={local.hasChildItems || undefined}\n    >\n      {(renderProps: TreeItemRenderProps) => <ItemChildren {...renderProps} />}\n    </HeadlessTreeItem>\n  );\n}\n\nexport function TreeItemContent(props: TreeItemContentProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n\n  return (\n    <HeadlessTreeItemContent {...headlessProps}>\n      {(renderProps: HeadlessTreeItemContentRenderProps) => {\n        const content = () => {\n          // Read `local.children` once — a repeated props-children read re-instantiates child\n          // components on the server only, desynchronizing Solid's hydration keys and aborting\n          // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n        };\n        return (\n          <span\n            class={[treeViewItemCell, local.class].filter(Boolean).join(\" \")}\n            style={local.style}\n          >\n            {content()}\n          </span>\n        );\n      }}\n    </HeadlessTreeItemContent>\n  );\n}\n\nexport function TreeExpandButton(\n  props: TreeExpandButtonProps & { renderProps?: TreeItemRenderProps },\n): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"style\", \"children\", \"renderProps\"]);\n  const itemContext = useContext(HeadlessTreeItemContext);\n  const isExpandable = () => Boolean(itemContext?.isExpandable ?? local.renderProps?.isExpandable);\n  const renderState = () => ({\n    ...(local.renderProps ?? {}),\n    isExpandable: isExpandable(),\n    isExpanded: Boolean(itemContext?.isExpanded ?? local.renderProps?.isExpanded),\n  });\n  const className = () => [treeExpandButton(renderState()), local.class].filter(Boolean).join(\" \");\n  const stopPlaceholderExpansion = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  if (!isExpandable()) {\n    return (\n      <button\n        {...headlessProps}\n        type=\"button\"\n        tabIndex={-1}\n        class={className()}\n        style={local.style}\n        aria-label=\"Expand\"\n        onClick={stopPlaceholderExpansion}\n        onPointerDown={stopPlaceholderExpansion}\n        onPointerUp={stopPlaceholderExpansion}\n        onMouseDown={stopPlaceholderExpansion}\n        onMouseUp={stopPlaceholderExpansion}\n        data-rsp-slot=\"expand-button\"\n      >\n        {(() => {\n          // Read `local.children` once — a repeated props-children read re-instantiates child\n          // components on the server only, desynchronizing Solid's hydration keys and aborting\n          // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\"\n            ? rawChildren(renderState())\n            : (rawChildren ?? (\n                <Chevron\n                  size=\"S\"\n                  class={treeExpandIcon({ ...renderState(), isExpanded: false })}\n                />\n              ));\n        })()}\n      </button>\n    );\n  }\n\n  return (\n    <HeadlessTreeExpandButton\n      {...headlessProps}\n      class={className()}\n      style={local.style}\n      data-rsp-slot=\"expand-button\"\n    >\n      {local.children ??\n        (({ isExpanded }: { isExpanded: boolean }) => (\n          <Chevron\n            size=\"S\"\n            class={treeExpandIcon({ ...renderState(), isExpanded })}\n          />\n        ))}\n    </HeadlessTreeExpandButton>\n  );\n}\n\nexport function TreeSelectionCheckbox(props: {\n  itemKey: Key;\n  renderProps?: TreeItemRenderProps;\n  class?: string;\n  style?: JSX.CSSProperties;\n  excludeFromTabOrder?: boolean;\n  \"aria-label\"?: string;\n}): JSX.Element {\n  const state = useContext(HeadlessTreeStateContext);\n  const isSelected = () => Boolean(state?.isSelected?.(props.itemKey));\n  const renderProps = createMemo<TreeRowLayerProps>(() => ({\n    isSelected: props.renderProps?.isSelected ?? isSelected(),\n    isFocused: props.renderProps?.isFocused ?? false,\n    isFocusVisible: props.renderProps?.isFocusVisible ?? false,\n    isPressed: props.renderProps?.isPressed ?? false,\n    isHovered: props.renderProps?.isHovered ?? false,\n    isDisabled: props.renderProps?.isDisabled ?? false,\n    isExpanded: props.renderProps?.isExpanded ?? false,\n    isExpandable: props.renderProps?.isExpandable ?? false,\n    level: props.renderProps?.level ?? 0,\n    selectionStyle: \"checkbox\",\n  }));\n\n  return (\n    <span\n      class={[treeCheckbox, props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n      data-rsp-slot=\"selection-indicator\"\n    >\n      <HeadlessTreeSelectionCheckbox\n        itemKey={props.itemKey}\n        class={treeCheckboxInput}\n        excludeFromTabOrder={props.excludeFromTabOrder}\n        aria-label={props[\"aria-label\"] ?? \"Select\"}\n      />\n      <span class={treeCheckboxBox(renderProps())}>\n        {renderProps().isSelected ? (\n          <Checkmark size=\"XS\" class={treeCheckboxIcon} />\n        ) : null}\n      </span>\n    </span>\n  );\n}\n\nexport function TreeLoadMoreItem(props: TreeLoadMoreItemProps): JSX.Element {\n  const staticCollection = useContext(StaticTreeCollectionContext);\n  const isLoading = () =>\n    props.isLoading || props.loadingState === \"loading\" || props.loadingState === \"loadingMore\";\n\n  if (staticCollection) {\n    return null;\n  }\n\n  return (\n    <HeadlessTreeLoadMoreItem\n      onLoadMore={props.onLoadMore}\n      isLoading={isLoading()}\n      loadingState={props.loadingState}\n      level={props.level}\n      class={[\"\", props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n    >\n      <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n        {props.children ??\n          (isLoading() ? (\n            <ProgressCircle isIndeterminate size=\"S\" aria-label=\"Loading more\" />\n          ) : null)}\n      </div>\n    </HeadlessTreeLoadMoreItem>\n  );\n}\n\nTree.Item = TreeItem;\nTree.Content = TreeItemContent;\nTree.ExpandButton = TreeExpandButton;\nTree.SelectionCheckbox = TreeSelectionCheckbox;\nTree.LoadMoreItem = TreeLoadMoreItem;\n\nexport const TreeView = Tree;\nexport const TreeViewItem = TreeItem;\nexport const TreeViewItemContent = TreeItemContent;\nexport const TreeViewLoadMoreItem = TreeLoadMoreItem;\nexport { Collection } from \"@proyecto-viviana/solidaria-components\";\nexport { Text } from \"../text\";\n\nexport type { Key, TreeItemData, TreeRenderItemState };\n"],"mappings":"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"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/tree/index.tsx"],"sourcesContent":["import {\n  children as resolveChildren,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  Tree as HeadlessTree,\n  TreeItem as HeadlessTreeItem,\n  TreeItemContent as HeadlessTreeItemContent,\n  TreeExpandButton as HeadlessTreeExpandButton,\n  TreeSelectionCheckbox as HeadlessTreeSelectionCheckbox,\n  TreeLoadMoreItem as HeadlessTreeLoadMoreItem,\n  TreeStateContext as HeadlessTreeStateContext,\n  TreeItemContext as HeadlessTreeItemContext,\n  type TreeProps as HeadlessTreeProps,\n  type TreeItemProps as HeadlessTreeItemProps,\n  type TreeItemContentProps as HeadlessTreeItemContentProps,\n  type TreeItemContentRenderProps as HeadlessTreeItemContentRenderProps,\n  type TreeExpandButtonProps as HeadlessTreeExpandButtonProps,\n  type TreeRenderProps,\n  type TreeItemRenderProps,\n  type TreeRenderItemState,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key, TreeItemData } from \"@proyecto-viviana/solid-stately\";\nimport { ActionButtonGroupContext } from \"../button/group-context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { IconContext } from \"../icon\";\nimport Checkmark from \"../icon/ui-icons/Checkmark\";\nimport Chevron from \"../icon/ui-icons/Chevron\";\nimport { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { ProgressCircle } from \"../progress/ProgressCircle\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  colorMix,\n  focusRing,\n  fontRelative,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { Text, TextContext } from \"../text\";\n\nexport type TreeSelectionStyle = \"checkbox\" | \"highlight\";\nexport type TreeLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface TreeProps<T extends object> extends Omit<\n  HeadlessTreeProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"selectionBehavior\" | \"isLoading\" | \"slot\" | \"ref\"\n> {\n  /** TreeView content. Use a render function with `items` for S2 dynamic collections. */\n  children: JSX.Element | ((item: TreeItemData<T>, state: TreeRenderItemState) => JSX.Element);\n  /** Dynamic hierarchical items. Supports either `id` or `key`, matching React Spectrum examples. */\n  items?: TreeItemData<T>[];\n  /** Whether selection is shown with checkboxes or highlighted rows. @default 'checkbox' */\n  selectionStyle?: TreeSelectionStyle;\n  /** Loading state forwarded to load-more behavior. */\n  loadingState?: TreeLoadingState;\n  /** Provides an action bar when items are selected. */\n  renderActionBar?: (selectedKeys: \"all\" | Set<Key>) => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | 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  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the tree root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Legacy label helper. Prefer aria-label or aria-labelledby. */\n  label?: JSX.Element;\n  /** Legacy description helper. */\n  description?: JSX.Element;\n}\n\nexport interface TreeItemProps<T extends object> extends Omit<\n  HeadlessTreeItemProps<T>,\n  \"class\" | \"style\" | \"children\" | \"ref\"\n> {\n  /** The unique id of the TreeViewItem. */\n  id: Key;\n  /** TreeViewItem content. Text-only children are wrapped in the S2 label slot. */\n  children?: JSX.Element | ((renderProps: TreeItemRenderProps) => JSX.Element);\n  /** Whether this item is disabled. Dynamic collections should prefer item data `isDisabled`. */\n  isDisabled?: boolean;\n  /** Whether this item has children that may not be loaded yet. */\n  hasChildItems?: boolean;\n  /** Link target metadata. */\n  href?: HeadlessTreeItemProps<T>[\"href\"];\n  target?: HeadlessTreeItemProps<T>[\"target\"];\n  download?: HeadlessTreeItemProps<T>[\"download\"];\n  rel?: HeadlessTreeItemProps<T>[\"rel\"];\n  hrefLang?: HeadlessTreeItemProps<T>[\"hrefLang\"];\n  ping?: HeadlessTreeItemProps<T>[\"ping\"];\n  referrerPolicy?: HeadlessTreeItemProps<T>[\"referrerPolicy\"];\n  routerOptions?: HeadlessTreeItemProps<T>[\"routerOptions\"];\n  /** Optional description text. Prefer `<Text slot=\"description\">`. */\n  description?: JSX.Element;\n  /** Optional icon helper retained from the older Tree API. Prefer an icon child. */\n  icon?: () => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | 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  /** Ref for the rendered row element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface TreeExpandButtonProps extends Omit<\n  HeadlessTreeExpandButtonProps,\n  \"class\" | \"style\"\n> {\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}\n\nexport interface TreeItemContentProps extends Omit<\n  HeadlessTreeItemContentProps,\n  \"class\" | \"style\"\n> {\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}\n\nexport interface TreeLoadMoreItemProps {\n  onLoadMore: () => void | Promise<void>;\n  isLoading?: boolean;\n  loadingState?: TreeLoadingState;\n  level?: number;\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\ntype StaticTreeItem = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  hasChildItems?: boolean;\n  props: TreeItemProps<object>;\n};\n\ntype ItemRegistration = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  hasChildItems?: boolean;\n  props?: TreeItemProps<object>;\n};\n\ninterface StaticCollectionContextValue {\n  mode: \"static\" | \"dynamic\";\n  registerItem(item: ItemRegistration): void;\n  unregisterItem(id: Key): void;\n}\n\ninterface TreeViewContextValue {\n  selectionStyle: TreeSelectionStyle;\n}\n\nexport const TreeViewContext = createContext<SpectrumContextValue<TreeProps<object>>>(null);\nconst InternalTreeViewContext = createContext<TreeViewContextValue>({\n  selectionStyle: \"checkbox\",\n});\nconst StaticTreeCollectionContext = createContext<StaticCollectionContextValue | null>(null);\n\nconst treeViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: \"flex\",\n    flexDirection: \"column\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    overflow: \"clip\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst treeView = style<TreeRenderProps & { isActionBar?: boolean }>(\n  {\n    ...focusRing(),\n    outlineOffset: -2,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    minHeight: 0,\n    minWidth: 0,\n    width: \"full\",\n    height: {\n      isActionBar: \"full\",\n    },\n    boxSizing: \"border-box\",\n    overflow: \"auto\",\n    fontSize: controlFont(),\n    backgroundColor: \"transparent\",\n    borderWidth: 0,\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst legacyLabel = style({\n  font: controlFont(),\n  fontWeight: \"medium\",\n  color: baseColor(\"neutral\"),\n  marginBottom: 4,\n});\n\nconst legacyDescription = style({\n  font: \"body-sm\",\n  color: baseColor(\"neutral-subdued\"),\n  marginTop: 4,\n});\n\nconst emptyState = style({\n  minHeight: 112,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral\",\n  font: \"body-sm\",\n});\n\nconst selectedBackground = colorMix(\"gray-25\", \"gray-900\", 7);\nconst selectedActiveBackground = colorMix(\"gray-25\", \"gray-900\", 10);\n\ntype TreeRowLayerProps = Partial<TreeItemRenderProps> & {\n  isLink?: boolean;\n  selectionStyle?: TreeSelectionStyle;\n};\n\nconst treeViewItem = style<TreeRowLayerProps>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  borderRadius: \"row\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\n    \". checkbox level-padding expand-button icon label actions actionmenu\",\n    \". checkbox level-padding expand-button icon description actions actionmenu\",\n  ],\n  gridTemplateColumns: [\n    edgeToText(40),\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    \"minmax(0,1fr)\",\n    \"minmax(0,auto)\",\n    \"auto\",\n  ],\n  gridTemplateRows: \"1fr auto\",\n  alignItems: \"baseline\",\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  columnGap: 0,\n  paddingX: 0,\n  minHeight: 40,\n  paddingY: 0,\n  boxSizing: \"border-box\",\n  textDecoration: \"none\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n    forcedColors: \"ButtonText\",\n    selectionStyle: {\n      highlight: {\n        isSelected: {\n          forcedColors: \"HighlightText\",\n        },\n      },\n    },\n  },\n  backgroundColor: \"transparent\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"not-allowed\",\n  },\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n});\n\nconst treeViewRowBackground = style<TreeRowLayerProps>({\n  position: \"absolute\",\n  zIndex: -1,\n  inset: 0,\n  backgroundColor: {\n    default: \"gray-25\",\n    isHovered: {\n      default: \"gray-900/5\",\n      selectionStyle: {\n        checkbox: selectedBackground,\n      },\n    },\n    isPressed: {\n      default: \"gray-900/10\",\n      selectionStyle: {\n        checkbox: selectedActiveBackground,\n      },\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground,\n        },\n        highlight: {\n          default: colorMix(\"gray-25\", \"blue-900\", 10),\n          isHovered: colorMix(\"gray-25\", \"blue-900\", 15),\n          isPressed: colorMix(\"gray-25\", \"blue-900\", 15),\n        },\n      },\n    },\n    forcedColors: {\n      default: \"Background\",\n      selectionStyle: {\n        highlight: {\n          isSelected: \"Highlight\",\n        },\n      },\n    },\n  },\n  borderRadius: \"row\",\n});\n\nconst treeViewRowFocusRing = style<TreeRowLayerProps>({\n  ...focusRing(),\n  outlineOffset: -2,\n  outlineWidth: {\n    default: 2,\n    forcedColors: \"[3px]\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: {\n      default: \"Highlight\",\n      selectionStyle: {\n        highlight: \"ButtonBorder\",\n      },\n    },\n  },\n  position: \"absolute\",\n  inset: 0,\n  borderRadius: \"default\",\n  zIndex: 1,\n  pointerEvents: \"none\",\n});\n\nconst treeViewItemCell = style({\n  display: \"contents\",\n});\n\nconst treeLevelPadding = style({\n  gridArea: \"level-padding\",\n  alignSelf: \"stretch\",\n  width: \"[calc(var(--tree-item-level, 0) * var(--tree-indent, 16px))]\",\n});\n\nconst treeExpandButton = style<TreeRowLayerProps>({\n  gridArea: \"expand-button\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: 40,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  borderRadius: \"default\",\n  visibility: {\n    default: \"hidden\",\n    isExpandable: \"visible\",\n  },\n  cursor: {\n    default: \"default\",\n    isDisabled: \"not-allowed\",\n  },\n  disableTapHighlight: true,\n});\n\nconst treeExpandIcon = style<TreeRowLayerProps>({\n  rotate: {\n    isExpanded: 90,\n  },\n  transition: \"default\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst treeCheckbox = style({\n  gridArea: \"checkbox\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  marginEnd: 8,\n  position: \"relative\",\n  width: 16,\n  height: 16,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n});\n\nconst treeCheckboxInput = style({\n  position: \"absolute\",\n  inset: 0,\n  margin: 0,\n  opacity: 0,\n  cursor: \"inherit\",\n});\n\nconst treeCheckboxBox = style<TreeRowLayerProps>({\n  ...focusRing(),\n  size: 16,\n  pointerEvents: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderRadius: \"row\",\n  boxSizing: \"border-box\",\n  backgroundColor: {\n    default: \"gray-25\",\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    isSelected: \"transparent\",\n    isDisabled: \"disabled\",\n  },\n});\n\nconst treeCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst treeSlotIcon = style({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  display: \"block\",\n  size: fontRelative(20),\n  alignSelf: \"center\",\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst treeLabel = style<TreeRowLayerProps>({\n  gridArea: \"label\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: controlFont(),\n  color: \"inherit\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst treeDescription = style<TreeRowLayerProps>({\n  gridArea: \"description\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: \"ui-sm\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst treeActions = style({\n  gridArea: \"actions\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n});\n\nconst treeActionMenu = style({\n  gridArea: \"actionmenu\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n});\n\nconst treeLoadMore = style({\n  minHeight: 32,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral-subdued\",\n});\n\nfunction replaceManagedClass(element: Element, dataAttribute: string, nextClass: string): void {\n  const previousClass = element.getAttribute(dataAttribute);\n\n  for (const className of previousClass?.split(/\\s+/).filter(Boolean) ?? []) {\n    element.classList.remove(className);\n  }\n\n  for (const className of nextClass.split(/\\s+/).filter(Boolean)) {\n    element.classList.add(className);\n  }\n\n  element.setAttribute(dataAttribute, nextClass);\n}\n\nfunction applyItemSlotClasses(\n  root: HTMLElement | undefined,\n  renderProps: TreeItemRenderProps,\n  context: TreeViewContextValue,\n): void {\n  if (!root) {\n    return;\n  }\n\n  const state = {\n    ...renderProps,\n    selectionStyle: context.selectionStyle,\n  };\n\n  const gridCell = root.querySelector('[role=\"gridcell\"]');\n  if (gridCell) {\n    replaceManagedClass(gridCell, \"data-s2-treeview-cell-class\", treeViewItemCell);\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll('[slot=\"label\"], [data-slot=\"label\"], [data-rsp-slot=\"label\"]'),\n  )) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeLabel(state));\n    element.setAttribute(\"data-rsp-slot\", \"label\");\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll(\n      '[slot=\"description\"], [data-slot=\"description\"], [data-rsp-slot=\"description\"]',\n    ),\n  )) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeDescription(state));\n    element.setAttribute(\"data-rsp-slot\", \"description\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"icon\"], [data-slot=\"icon\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeSlotIcon);\n    element.setAttribute(\"data-rsp-slot\", \"icon\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actions\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeActions);\n    element.setAttribute(\"data-rsp-slot\", \"actions\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actionmenu\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeActionMenu);\n    element.setAttribute(\"data-rsp-slot\", \"actionmenu\");\n  }\n}\n\nfunction selectedKeySet(keys: \"all\" | Iterable<Key> | undefined): \"all\" | Set<Key> {\n  if (keys === \"all\") {\n    return \"all\";\n  }\n\n  return new Set(keys ?? []);\n}\n\nfunction getItemKey<T extends object>(item: TreeItemData<T>, index: number): Key {\n  return item.id ?? item.key ?? index;\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  return Array.isArray(value) && value.every(isTextOnlyChildren);\n}\n\nfunction treeItemFromStatic(item: StaticTreeItem): TreeItemData<object> {\n  return {\n    id: item.id,\n    key: item.id,\n    value: item.props as object,\n    textValue: item.textValue ?? String(item.id),\n    isDisabled: item.isDisabled,\n    hasChildItems: item.hasChildItems,\n  };\n}\n\nfunction mergeRegisteredTreeItems<T extends object>(\n  items: TreeItemData<T>[],\n  registeredItems: Map<Key, ItemRegistration>,\n): TreeItemData<T>[] {\n  return items.map((item, index) => {\n    const key = getItemKey(item, index);\n    const registered = registeredItems.get(key);\n    const children = item.children\n      ? mergeRegisteredTreeItems(item.children as TreeItemData<T>[], registeredItems)\n      : item.children;\n\n    if (!registered) {\n      return children === item.children ? item : { ...item, children };\n    }\n\n    return {\n      ...item,\n      id: item.id ?? key,\n      key: item.key ?? key,\n      isDisabled: item.isDisabled ?? registered.isDisabled,\n      hasChildItems: item.hasChildItems ?? registered.hasChildItems,\n      children,\n    };\n  });\n}\n\nexport function Tree<T extends object>(props: TreeProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(\n    useContext(TreeViewContext) as SpectrumContextValue<TreeProps<T>>,\n    props.slot,\n  );\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props) as TreeProps<T>;\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"children\",\n    \"items\",\n    \"selectionStyle\",\n    \"loadingState\",\n    \"renderActionBar\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n    \"label\",\n    \"description\",\n    \"hasMore\",\n    \"onLoadMore\",\n  ]);\n  const selectionStyle = (): TreeSelectionStyle => local.selectionStyle ?? \"checkbox\";\n  const isLoading = () => local.loadingState === \"loading\" || local.loadingState === \"loadingMore\";\n  const [staticItems, setStaticItems] = createSignal<StaticTreeItem[]>([]);\n  const [registrationVersion, setRegistrationVersion] = createSignal(0);\n  const registeredItems = new Map<Key, ItemRegistration>();\n  const usesStaticChildren = () => local.items == null;\n  const syncRegisteredItems = () => {\n    setStaticItems(\n      Array.from(registeredItems.values())\n        .filter((item) => item.props)\n        .map((item) => ({\n          id: item.id,\n          textValue: item.textValue,\n          isDisabled: item.isDisabled,\n          hasChildItems: item.hasChildItems,\n          props: item.props!,\n        })),\n    );\n    setRegistrationVersion((version) => version + 1);\n  };\n  const registrationContext: StaticCollectionContextValue = {\n    get mode() {\n      return usesStaticChildren() ? \"static\" : \"dynamic\";\n    },\n    registerItem(item) {\n      const previous = registeredItems.get(item.id);\n      if (\n        previous &&\n        previous.textValue === item.textValue &&\n        previous.isDisabled === item.isDisabled &&\n        previous.hasChildItems === item.hasChildItems &&\n        previous.props === item.props\n      ) {\n        return;\n      }\n\n      registeredItems.set(item.id, item);\n      syncRegisteredItems();\n    },\n    unregisterItem(id) {\n      if (registeredItems.delete(id)) {\n        syncRegisteredItems();\n      }\n    },\n  };\n  const treeContext = createMemo<TreeViewContextValue>(() => ({\n    selectionStyle: selectionStyle(),\n  }));\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const collectionItems = createMemo(() => {\n    registrationVersion();\n    if (usesStaticChildren()) {\n      return staticItems().map(treeItemFromStatic) as TreeItemData<T>[];\n    }\n\n    return (local.items ?? []) as TreeItemData<T>[];\n  });\n  const collectionItemsWithDisabled = createMemo(() =>\n    mergeRegisteredTreeItems(collectionItems(), registeredItems),\n  );\n  const [actionSelectedKeys, setActionSelectedKeys] = createSignal<\"all\" | Set<Key>>(\n    selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n  );\n  createEffect(() => {\n    setActionSelectedKeys(\n      selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    );\n  });\n  const onSelectionChange = (keys: \"all\" | Set<Key>) => {\n    setActionSelectedKeys(keys === \"all\" ? \"all\" : new Set(keys));\n    headlessProps.onSelectionChange?.(keys);\n  };\n  const className = (renderProps: TreeRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      mergeStyles(\n        treeView({ ...renderProps, isActionBar: !!local.renderActionBar }),\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderEmptyState = () => (\n    <div class={emptyState}>{headlessProps.renderEmptyState?.() ?? \"No items\"}</div>\n  );\n  const renderItem = (item: TreeItemData<T>, state: TreeRenderItemState) =>\n    usesStaticChildren() ? (\n      <TreeItem {...((item.value ?? item) as TreeItemProps<T>)} />\n    ) : typeof local.children === \"function\" ? (\n      local.children(item, state)\n    ) : null;\n  const renderRegistrationItems = (items: TreeItemData<T>[], level = 0): JSX.Element[] => {\n    const rendered: JSX.Element[] = [];\n    const renderChild = local.children;\n\n    if (typeof renderChild !== \"function\") {\n      return rendered;\n    }\n\n    for (const item of items) {\n      const isExpandable = Boolean(item.children?.length || item.hasChildItems);\n      rendered.push(\n        renderChild(item, {\n          isExpanded: false,\n          isExpandable,\n          level,\n        }),\n      );\n\n      if (item.children?.length) {\n        rendered.push(...renderRegistrationItems(item.children as TreeItemData<T>[], level + 1));\n      }\n    }\n\n    return rendered;\n  };\n  const registrationChildren = () => {\n    if (usesStaticChildren()) {\n      const resolved = resolveChildren(() => local.children as JSX.Element);\n      return resolved();\n    }\n\n    if (typeof local.children !== \"function\") {\n      return null;\n    }\n\n    return renderRegistrationItems(local.items ?? []);\n  };\n  const loadMoreContent = () => (\n    <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n      {isLoading() ? <ProgressCircle isIndeterminate size=\"S\" aria-label=\"Loading more\" /> : null}\n    </div>\n  );\n\n  // One return shape, always framed — load-bearing for hydration (caught by\n  // Tree.hydrate.test.tsx): never build two eager JSX branches and return one.\n  // Client JSX consts are real DOM nodes, so an unused detached wrapper\n  // embedding `collection` MOVES the just-claimed server nodes into itself and\n  // the returned branch hydrates empty. SSR output is unaffected (strings\n  // don't move), which is why only the live page lost the tree. A single\n  // always-framed shape leaves exactly one construction path; without chrome\n  // the wrapper is `display: contents`, so layout is untouched.\n  // (A Tree hydration abort that once looked like a return-shape problem was\n  // actually a repeated `local.children` read in ResolvedItemContent /\n  // TreeItemContent — see the read-once comments there.)\n  const collection = () => (\n    <InternalTreeViewContext.Provider value={treeContext()}>\n      <div hidden inert aria-hidden=\"true\" style={{ display: \"none\" }}>\n        <StaticTreeCollectionContext.Provider value={registrationContext}>\n          {registrationChildren()}\n        </StaticTreeCollectionContext.Provider>\n      </div>\n      <HeadlessTree\n        {...headlessProps}\n        ref={(element: HTMLDivElement) => assignRootRef(element)}\n        items={collectionItemsWithDisabled() ?? []}\n        selectionBehavior={selectionStyle() === \"highlight\" ? \"replace\" : \"toggle\"}\n        onSelectionChange={onSelectionChange}\n        isLoading={isLoading()}\n        hasMore={local.hasMore ?? !!local.onLoadMore}\n        onLoadMore={local.onLoadMore}\n        loadingState={local.loadingState}\n        renderLoadMoreItem={loadMoreContent}\n        renderEmptyState={renderEmptyState}\n        slot={local.slot ?? undefined}\n        class={className}\n        style={mergedUnsafeStyle()}\n        data-tree-view=\"\"\n        data-selection-style={selectionStyle()}\n        data-loading-state={local.loadingState ?? undefined}\n      >\n        {(item: TreeItemData<T>, state: TreeRenderItemState) => renderItem(item, state)}\n      </HeadlessTree>\n    </InternalTreeViewContext.Provider>\n  );\n\n  const hasChrome = () => Boolean(local.label || local.description || local.renderActionBar);\n\n  return (\n    <div\n      class={hasChrome() ? treeViewWrapper(null, mergedStyles()) : undefined}\n      style={hasChrome() ? mergedUnsafeStyle() : { display: \"contents\" }}\n    >\n      {local.label ? <div class={legacyLabel({})}>{local.label}</div> : null}\n      {collection()}\n      {local.description ? <div class={legacyDescription({})}>{local.description}</div> : null}\n      {local.renderActionBar ? local.renderActionBar(actionSelectedKeys()) : null}\n    </div>\n  );\n}\n\nexport function TreeItem<T extends object>(props: TreeItemProps<T>): JSX.Element {\n  const context = useContext(InternalTreeViewContext);\n  const staticCollection = useContext(StaticTreeCollectionContext);\n  const collectionState = useContext(HeadlessTreeStateContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"isDisabled\",\n    \"hasChildItems\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"rel\",\n    \"hrefLang\",\n    \"ping\",\n    \"referrerPolicy\",\n    \"routerOptions\",\n    \"description\",\n    \"icon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  createEffect(() => {\n    if (!staticCollection) {\n      return;\n    }\n\n    staticCollection.registerItem({\n      id: props.id,\n      textValue: headlessProps.textValue ?? headlessProps[\"aria-label\"],\n      isDisabled: !!local.isDisabled,\n      hasChildItems: !!local.hasChildItems,\n      props: staticCollection.mode === \"static\" ? (props as TreeItemProps<object>) : undefined,\n    });\n  });\n\n  onCleanup(() => {\n    staticCollection?.unregisterItem(props.id);\n  });\n\n  if (staticCollection) {\n    return null;\n  }\n\n  let itemElement: HTMLElement | undefined;\n  const assignItemRef = mergeContextRefs(local.ref, (element: HTMLElement) => {\n    itemElement = element;\n  });\n  const getRowLayerProps = (renderProps: TreeItemRenderProps): TreeRowLayerProps => ({\n    ...renderProps,\n    selectionStyle: context.selectionStyle,\n    isLink: !!local.href,\n  });\n  const getClassName = (renderProps: TreeItemRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        treeViewItem({\n          ...getRowLayerProps(renderProps),\n          isLink: !!local.href,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getStyle = (renderProps: TreeItemRenderProps): JSX.CSSProperties => ({\n    \"--tree-item-level\": String(renderProps.level),\n    \"--tree-indent\": \"16px\",\n    ...local.UNSAFE_style,\n  });\n  const textContext = (renderProps: TreeItemRenderProps) => ({\n    slots: {\n      default: {\n        slot: \"label\",\n        styles: () => treeLabel(getRowLayerProps(renderProps)),\n      },\n      label: {\n        slot: \"label\",\n        styles: () => treeLabel(getRowLayerProps(renderProps)),\n      },\n      description: {\n        slot: \"description\",\n        styles: () => treeDescription(getRowLayerProps(renderProps)),\n      },\n    },\n  });\n  const shouldShowCheckbox = (renderProps: TreeItemRenderProps) =>\n    renderProps.selectionMode !== \"none\" &&\n    renderProps.selectionBehavior === \"toggle\" &&\n    !renderProps.isDisabled;\n\n  function ItemChildren(renderProps: TreeItemRenderProps) {\n    createEffect(() => applyItemSlotClasses(itemElement, renderProps, context));\n\n    function ResolvedItemContent() {\n      const resolvedChildren = resolveChildren(() => {\n        // Read `local.children` once — a repeated props-children read re-instantiates child\n        // components on the server only, desynchronizing Solid's hydration keys and aborting\n        // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n        const rawChildren = local.children;\n        return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n      });\n      const childrenValue = () => resolvedChildren();\n      const isTextOnly = () => isTextOnlyChildren(childrenValue());\n\n      return (\n        <>\n          {isTextOnly() ? (\n            <TreeItemContent>\n              <Text slot=\"label\">{childrenValue()}</Text>\n              {local.description ? <Text slot=\"description\">{local.description}</Text> : null}\n            </TreeItemContent>\n          ) : (\n            childrenValue()\n          )}\n          {!isTextOnly() && local.description ? (\n            <Text slot=\"description\">{local.description}</Text>\n          ) : null}\n        </>\n      );\n    }\n\n    return (\n      <TextContext.Provider value={textContext(renderProps) as SpectrumContextValue<any>}>\n        <IconContext.Provider\n          value={{\n            slot: \"icon\",\n            styles: treeSlotIcon,\n          }}\n        >\n          <ActionButtonGroupContext.Provider\n            value={{\n              slot: \"actions\",\n              size: \"S\",\n              styles: treeActions,\n            }}\n          >\n            <ActionMenuContext.Provider\n              value={{\n                slot: \"actionmenu\",\n                size: \"S\",\n                menuSize: \"S\",\n                styles: treeActionMenu,\n              }}\n            >\n              {shouldShowCheckbox(renderProps) ? (\n                <TreeSelectionCheckbox itemKey={props.id} renderProps={renderProps} />\n              ) : null}\n              <div\n                class={treeViewRowBackground(getRowLayerProps(renderProps))}\n                aria-hidden=\"true\"\n              />\n              {renderProps.isFocusVisible ? (\n                <div\n                  class={treeViewRowFocusRing(getRowLayerProps(renderProps))}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n              <span class={treeLevelPadding} aria-hidden=\"true\" />\n              <TreeExpandButton renderProps={renderProps} />\n              {local.icon ? (\n                <span slot=\"icon\" class={treeSlotIcon} data-rsp-slot=\"icon\">\n                  {local.icon()}\n                </span>\n              ) : null}\n              <ResolvedItemContent />\n            </ActionMenuContext.Provider>\n          </ActionButtonGroupContext.Provider>\n        </IconContext.Provider>\n      </TextContext.Provider>\n    );\n  }\n\n  return (\n    <HeadlessTreeItem\n      {...headlessProps}\n      ref={(element) => assignItemRef(element)}\n      hasChildItems={local.hasChildItems}\n      isDisabled={local.isDisabled}\n      href={local.href}\n      target={local.target}\n      download={local.download}\n      rel={local.rel}\n      hrefLang={local.hrefLang}\n      ping={local.ping}\n      referrerPolicy={local.referrerPolicy}\n      routerOptions={local.routerOptions}\n      class={getClassName}\n      style={getStyle}\n      data-tree-view-item=\"\"\n      data-disabled={local.isDisabled || undefined}\n      data-href={local.href || undefined}\n      data-target={local.target || undefined}\n      data-has-child-items={local.hasChildItems || undefined}\n    >\n      {(renderProps: TreeItemRenderProps) => <ItemChildren {...renderProps} />}\n    </HeadlessTreeItem>\n  );\n}\n\nexport function TreeItemContent(props: TreeItemContentProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n\n  return (\n    <HeadlessTreeItemContent {...headlessProps}>\n      {(renderProps: HeadlessTreeItemContentRenderProps) => {\n        const content = () => {\n          // Read `local.children` once — a repeated props-children read re-instantiates child\n          // components on the server only, desynchronizing Solid's hydration keys and aborting\n          // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n        };\n        return (\n          <span\n            class={[treeViewItemCell, local.class].filter(Boolean).join(\" \")}\n            style={local.style}\n          >\n            {content()}\n          </span>\n        );\n      }}\n    </HeadlessTreeItemContent>\n  );\n}\n\nexport function TreeExpandButton(\n  props: TreeExpandButtonProps & { renderProps?: TreeItemRenderProps },\n): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"style\", \"children\", \"renderProps\"]);\n  const itemContext = useContext(HeadlessTreeItemContext);\n  const isExpandable = () => Boolean(itemContext?.isExpandable ?? local.renderProps?.isExpandable);\n  const renderState = () => ({\n    ...(local.renderProps ?? {}),\n    isExpandable: isExpandable(),\n    isExpanded: Boolean(itemContext?.isExpanded ?? local.renderProps?.isExpanded),\n  });\n  const className = () => [treeExpandButton(renderState()), local.class].filter(Boolean).join(\" \");\n  const stopPlaceholderExpansion = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  if (!isExpandable()) {\n    return (\n      <button\n        {...headlessProps}\n        type=\"button\"\n        tabIndex={-1}\n        class={className()}\n        style={local.style}\n        aria-label=\"Expand\"\n        onClick={stopPlaceholderExpansion}\n        onPointerDown={stopPlaceholderExpansion}\n        onPointerUp={stopPlaceholderExpansion}\n        onMouseDown={stopPlaceholderExpansion}\n        onMouseUp={stopPlaceholderExpansion}\n        data-rsp-slot=\"expand-button\"\n      >\n        {(() => {\n          // Read `local.children` once — a repeated props-children read re-instantiates child\n          // components on the server only, desynchronizing Solid's hydration keys and aborting\n          // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\"\n            ? rawChildren(renderState())\n            : (rawChildren ?? (\n                <Chevron size=\"S\" class={treeExpandIcon({ ...renderState(), isExpanded: false })} />\n              ));\n        })()}\n      </button>\n    );\n  }\n\n  return (\n    <HeadlessTreeExpandButton\n      {...headlessProps}\n      class={className()}\n      style={local.style}\n      data-rsp-slot=\"expand-button\"\n    >\n      {local.children ??\n        (({ isExpanded }: { isExpanded: boolean }) => (\n          <Chevron size=\"S\" class={treeExpandIcon({ ...renderState(), isExpanded })} />\n        ))}\n    </HeadlessTreeExpandButton>\n  );\n}\n\nexport function TreeSelectionCheckbox(props: {\n  itemKey: Key;\n  renderProps?: TreeItemRenderProps;\n  class?: string;\n  style?: JSX.CSSProperties;\n  excludeFromTabOrder?: boolean;\n  \"aria-label\"?: string;\n}): JSX.Element {\n  const state = useContext(HeadlessTreeStateContext);\n  const isSelected = () => Boolean(state?.isSelected?.(props.itemKey));\n  const renderProps = createMemo<TreeRowLayerProps>(() => ({\n    isSelected: props.renderProps?.isSelected ?? isSelected(),\n    isFocused: props.renderProps?.isFocused ?? false,\n    isFocusVisible: props.renderProps?.isFocusVisible ?? false,\n    isPressed: props.renderProps?.isPressed ?? false,\n    isHovered: props.renderProps?.isHovered ?? false,\n    isDisabled: props.renderProps?.isDisabled ?? false,\n    isExpanded: props.renderProps?.isExpanded ?? false,\n    isExpandable: props.renderProps?.isExpandable ?? false,\n    level: props.renderProps?.level ?? 0,\n    selectionStyle: \"checkbox\",\n  }));\n\n  return (\n    <span\n      class={[treeCheckbox, props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n      data-rsp-slot=\"selection-indicator\"\n    >\n      <HeadlessTreeSelectionCheckbox\n        itemKey={props.itemKey}\n        class={treeCheckboxInput}\n        excludeFromTabOrder={props.excludeFromTabOrder}\n        aria-label={props[\"aria-label\"] ?? \"Select\"}\n      />\n      <span class={treeCheckboxBox(renderProps())}>\n        {renderProps().isSelected ? <Checkmark size=\"XS\" class={treeCheckboxIcon} /> : null}\n      </span>\n    </span>\n  );\n}\n\nexport function TreeLoadMoreItem(props: TreeLoadMoreItemProps): JSX.Element {\n  const staticCollection = useContext(StaticTreeCollectionContext);\n  const isLoading = () =>\n    props.isLoading || props.loadingState === \"loading\" || props.loadingState === \"loadingMore\";\n\n  if (staticCollection) {\n    return null;\n  }\n\n  return (\n    <HeadlessTreeLoadMoreItem\n      onLoadMore={props.onLoadMore}\n      isLoading={isLoading()}\n      loadingState={props.loadingState}\n      level={props.level}\n      class={[\"\", props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n    >\n      <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n        {props.children ??\n          (isLoading() ? (\n            <ProgressCircle isIndeterminate size=\"S\" aria-label=\"Loading more\" />\n          ) : null)}\n      </div>\n    </HeadlessTreeLoadMoreItem>\n  );\n}\n\nTree.Item = TreeItem;\nTree.Content = TreeItemContent;\nTree.ExpandButton = TreeExpandButton;\nTree.SelectionCheckbox = TreeSelectionCheckbox;\nTree.LoadMoreItem = TreeLoadMoreItem;\n\nexport const TreeView = Tree;\nexport const TreeViewItem = TreeItem;\nexport const TreeViewItemContent = TreeItemContent;\nexport const TreeViewLoadMoreItem = TreeLoadMoreItem;\nexport { Collection } from \"@proyecto-viviana/solidaria-components\";\nexport { Text } from \"../text\";\n\nexport type { Key, TreeItemData, TreeRenderItemState };\n"],"mappings":"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"}

package/dist/viviana-tokens.css

@@ -228,7 +228,8 @@
    * Keep both in step with the `edgeGlassShadow` / `edgeGlassSurfaceShadow`
    * fallbacks in style/spectrum-theme.ts. */
   --edge-glass: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
-  --edge-glass-surface: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.09);
+  --edge-glass-surface:
+    inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.09);
 
   /* ── Shadow + glow family (glow follows the accent, never the chrome) ── */
   --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.4);
@@ -270,11 +271,15 @@
   --slate-100: rgba(255, 255, 255, 0.06);
   --white: #ffffff;
 
-  /* Text */
+  /* Text — see the light block for why the two ink roles below are pinned to
+     WCAG AA rather than to a ramp rung. Dark's binding surface is the opaque
+     `--surface-raised` #333a44, not the near-black app background: #9aa0a8 read
+     7.4:1 on the app and 4.36:1 there, and #55a6f6 4.47:1. Both now clear 4.5:1
+     on the raised panel and sit comfortably above 6:1 everywhere else. */
   --text-primary: #f2f3f5;
-  --text-secondary: #9aa0a8;
+  --text-secondary: #a0a6ae;
   --text-tertiary: #6e747c;
-  --text-link: #55a6f6;
+  --text-link: #5faaf7;
   --text-on-accent: #ffffff;
 
   /* Terminal wells — matte / opaque, NEVER glass */
@@ -293,9 +298,15 @@
   --well-tutor-ink: #eaf2fb;
   --btn-secondary-bg: var(--surface-raised);
 
-  /* Accents (app) — live pulse · create CTA · interactive fill */
+  /* Accents (app) — live pulse · create CTA · interactive fill
+     The fill is damped in dark (a filled accent button is a large area of
+     colour) but it still carries white label text: #407fc1 gave 4.18:1, just
+     under AA, so it steps down to #3670ae for 5.14:1 while staying above the
+     3:1 non-text floor against the app, panel and card surfaces it sits on.
+     Kept in lockstep with blue-700's dark column in style/glasselated-ramps.ts,
+     which is the same fill for macro-styled components. */
   --accent-live: #ff6b35;
-  --interactive-fill: #407fc1;
+  --interactive-fill: #3670ae;
   --accent-create-bg: rgb(255 222 129);
   --accent-create-border: rgb(255 222 129);
   --accent-create-ink: #3a2e00;
@@ -530,7 +541,8 @@
    * declared anyway so a surface never inherits the night value across a scheme
    * boundary. */
   --edge-glass: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
-  --edge-glass-surface: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+  --edge-glass-surface:
+    inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
   --shadow-card: 0 2px 8px rgba(99, 115, 139, 0.08), 0 8px 24px rgba(99, 115, 139, 0.1);
   --shadow-panel: 0 12px 40px rgba(99, 115, 139, 0.14);
   --shadow-float: 0 16px 48px rgba(99, 115, 139, 0.22);
@@ -570,11 +582,22 @@
   --slate-100: #eaeff6;
   --white: #ffffff;
 
-  /* Text */
+  /* Text
+     `--text-secondary` and `--text-link` are pinned to WCAG AA (4.5:1), not to
+     the nearest ramp rung, and that is why neither is an alias any more:
+       - `--slate-500` #64748b reads 3.67-4.38:1 across our light surfaces, so
+         the secondary ink steps one notch darker than the slate ramp. The rung
+         itself is unchanged — it is a palette entry, this is an ink role.
+       - `--text-link` was `var(--blue-500)`, i.e. the same #2e90fa as
+         `--accent-primary` (2.50-3.24:1). Accent-as-ink and accent-as-decoration
+         cannot share one value at AA, so the ink takes `--blue-700` and
+         `--accent-primary` keeps #2e90fa for glows, rings, borders and dots.
+     Worst case measured over every surface a docs page composites: secondary
+     4.65:1 on the accent-tinted chip, link 4.73:1 on the same. */
   --text-primary: var(--slate-900);
-  --text-secondary: var(--slate-500);
+  --text-secondary: #556478;
   --text-tertiary: var(--slate-400);
-  --text-link: var(--blue-500);
+  --text-link: var(--blue-700);
   --text-on-accent: var(--white);
 
   /* Terminal wells — matte, darker channel ink for daylight legibility */
@@ -593,9 +616,13 @@
   --well-tutor-ink: var(--text-primary);
   --btn-secondary-bg: #e9eff6;
 
-  /* Accents (app) */
+  /* Accents (app)
+     `--interactive-fill` is the accent used as a FILL under `--text-on-accent`,
+     so it answers to 4.5:1 with white the way `--accent-primary` never has to.
+     It was `var(--accent-primary)`; white on #2e90fa is 3.24:1, the graphical
+     floor only, which is fine for an icon mask and wrong for a button label. */
   --accent-live: #ff6b35;
-  --interactive-fill: var(--accent-primary);
+  --interactive-fill: var(--blue-700);
   --accent-create-bg: #ffedb0;
   --accent-create-border: #f5d88a;
   --accent-create-ink: #7a5600;

package/package.json

@@ -1,7 +1,20 @@
 {
   "name": "@proyecto-viviana/ui",
-  "version": "0.6.1",
-  "description": "Viviana design system. A reskinned fork of @proyecto-viviana/solid-spectrum: the styled top layer is duplicated and remapped to the Viviana v2 (Glasselated) register, over the shared solidaria headless stack.",
+  "version": "0.6.3",
+  "description": "The Viviana design system for SolidJS: accessible, themeable components on a headless ARIA foundation",
+  "keywords": [
+    "a11y",
+    "accessibility",
+    "aria",
+    "components",
+    "design-system",
+    "solid",
+    "solidjs",
+    "ui",
+    "viviana"
+  ],
+  "homepage": "https://ui.proyectoviviana.org",
+  "bugs": "https://github.com/proyecto-viviana/ui/issues",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -249,9 +262,9 @@
     "@adobe/spectrum-tokens": "14.0.0",
     "@parcel/macros": "^2.16.4",
     "csstype": "^3.2.3",
-    "@proyecto-viviana/solid-stately": "0.5.0",
-    "@proyecto-viviana/solidaria": "0.4.2",
-    "@proyecto-viviana/solidaria-components": "0.5.0"
+    "@proyecto-viviana/solid-stately": "0.5.1",
+    "@proyecto-viviana/solidaria-components": "0.5.1",
+    "@proyecto-viviana/solidaria": "0.4.3"
   },
   "devDependencies": {
     "solid-js": "^1.9.11",

package/src/breadcrumbs/index.tsx

@@ -315,9 +315,9 @@ function renderBreadcrumbs<T>(props: BreadcrumbsProps<T>, disposeRoot: () => voi
       return;
     }
 
-    const hiddenItems = Array.from(
-      measureRoot.querySelectorAll("[data-hidden-breadcrumb]"),
-    ).filter((element): element is HTMLElement => element instanceof HTMLElement);
+    const hiddenItems = Array.from(measureRoot.querySelectorAll("[data-hidden-breadcrumb]")).filter(
+      (element): element is HTMLElement => element instanceof HTMLElement,
+    );
     const folder =
       measurementMenuButton ??
       (measureRoot.querySelector("[data-hidden-breadcrumb-menu-button]") as HTMLElement | null);
@@ -679,12 +679,19 @@ function renderBreadcrumbs<T>(props: BreadcrumbsProps<T>, disposeRoot: () => voi
           <For each={allItems()}>
             {(item, index) => {
               const isLast = () => index() === allItems().length - 1;
-              const itemKey = () =>
-                local.getKey?.(item) ?? defaultItemKey(item, index());
+              const itemKey = () => local.getKey?.(item) ?? defaultItemKey(item, index());
               return (
-                <div data-hidden-breadcrumb style={{ display: "inline-flex", "align-items": "center" }}>
+                <div
+                  data-hidden-breadcrumb
+                  style={{ display: "inline-flex", "align-items": "center" }}
+                >
                   <HeadlessBreadcrumbItemContext.Provider
-                    value={{ get itemKey() { return itemKey(); }, isLast }}
+                    value={{
+                      get itemKey() {
+                        return itemKey();
+                      },
+                      isLast,
+                    }}
                   >
                     {renderDynamicItem(item)}
                   </HeadlessBreadcrumbItemContext.Provider>

package/src/button/s2-action-button-styles.ts

@@ -128,10 +128,10 @@ export const s2ActionButton = style<S2ActionButtonStyleProps>(
       isSelected: {
         default: baseColor("neutral"),
         isEmphasized: {
-          default: lightDark("accent-900", "accent-700"),
-          isHovered: lightDark("accent-1000", "accent-800"),
-          isPressed: lightDark("accent-1000", "accent-800"),
-          isFocusVisible: lightDark("accent-1000", "accent-800"),
+          default: "interactive-fill",
+          isHovered: lightDark("accent-1000", "accent-600"),
+          isPressed: lightDark("accent-1000", "accent-600"),
+          isFocusVisible: lightDark("accent-1000", "accent-600"),
         },
         isDisabled: {
           default: "gray-100",
@@ -205,10 +205,10 @@ export const s2ActionButton = style<S2ActionButtonStyleProps>(
       isSelected: {
         default: baseColor("gray-800"),
         isEmphasized: {
-          default: lightDark("accent-900", "accent-700"),
-          isHovered: lightDark("accent-1000", "accent-800"),
-          isPressed: lightDark("accent-1000", "accent-800"),
-          isFocusVisible: lightDark("accent-1000", "accent-800"),
+          default: "interactive-fill",
+          isHovered: lightDark("accent-1000", "accent-600"),
+          isPressed: lightDark("accent-1000", "accent-600"),
+          isFocusVisible: lightDark("accent-1000", "accent-600"),
         },
       },
       isDisabled: {

package/src/button/s2-button-styles.ts

@@ -135,10 +135,10 @@ export const s2Button = style<S2ButtonStyleProps>(
             secondary: "border-subtle",
             create: "create-border",
             accent: {
-              default: lightDark("accent-900", "accent-700"),
-              isHovered: lightDark("accent-1000", "accent-800"),
-              isPressed: lightDark("accent-1000", "accent-800"),
-              isFocusVisible: lightDark("accent-1000", "accent-800"),
+              default: "interactive-fill",
+              isHovered: lightDark("accent-1000", "accent-600"),
+              isPressed: lightDark("accent-1000", "accent-600"),
+              isFocusVisible: lightDark("accent-1000", "accent-600"),
             },
             negative: {
               default: lightDark("negative-900", "negative-700"),
@@ -208,10 +208,10 @@ export const s2Button = style<S2ButtonStyleProps>(
               isFocusVisible: "gray-200",
             },
             accent: {
-              default: lightDark("accent-900", "accent-700"),
-              isHovered: lightDark("accent-1000", "accent-800"),
-              isPressed: lightDark("accent-1000", "accent-800"),
-              isFocusVisible: lightDark("accent-1000", "accent-800"),
+              default: "interactive-fill",
+              isHovered: lightDark("accent-1000", "accent-600"),
+              isPressed: lightDark("accent-1000", "accent-600"),
+              isFocusVisible: lightDark("accent-1000", "accent-600"),
             },
             negative: {
               default: lightDark("negative-900", "negative-700"),

package/src/calendar/DateField.tsx

@@ -345,13 +345,9 @@ function DateFieldContent(props: {
   // compose focus-visible from the global interaction modality — exactly how
   // createFocusRing derives `isFocusVisible = isFocused && focusVisibleFlag`.
   const [isFocusWithin, setIsFocusWithin] = createSignal(false);
-  const [isFocusVisibleModality, setIsFocusVisibleModality] = createSignal(
-    isGlobalFocusVisible(),
-  );
+  const [isFocusVisibleModality, setIsFocusVisibleModality] = createSignal(isGlobalFocusVisible());
   createEffect(() => {
-    const cleanup = createFocusVisibleListener((visible) =>
-      setIsFocusVisibleModality(visible),
-    );
+    const cleanup = createFocusVisibleListener((visible) => setIsFocusVisibleModality(visible));
     onCleanup(cleanup);
   });
   const isFocusVisibleWithin = () => isFocusWithin() && isFocusVisibleModality();

package/src/calendar/DatePicker.tsx

@@ -716,7 +716,14 @@ export function DatePicker<T extends DateValue = CalendarDate>(
         <DatePickerButton
           ref={setButtonEl}
           class={({ isDisabled, isOpen, isHovered, isPressed, isFocusVisible }) =>
-            calendarButton({ isDisabled, isOpen, isHovered, isPressed, isFocusVisible, size: size() })
+            calendarButton({
+              isDisabled,
+              isOpen,
+              isHovered,
+              isPressed,
+              isFocusVisible,
+              size: size(),
+            })
           }
           style={pressScale(buttonEl)}
         >

package/src/calendar/RangeCalendar.tsx

@@ -25,7 +25,13 @@ import {
 import { useLocale } from "@proyecto-viviana/solidaria";
 import { DateFormatter, type RangeCalendarStateProps } from "@proyecto-viviana/solid-stately";
 import type { StyleString } from "../style";
-import { baseColor, focusRing, lightDark, setColorScheme, style } from "../style" with { type: "macro" };
+import {
+  baseColor,
+  focusRing,
+  lightDark,
+  setColorScheme,
+  style,
+} from "../style" with { type: "macro" };
 import ChevronLeftIcon from "../icon/s2wf-icons/ChevronLeftIcon";
 import ChevronRightIcon from "../icon/s2wf-icons/ChevronRightIcon";
 import { pressScale } from "../pressScale";
@@ -370,9 +376,9 @@ const rangeCalendarCellInner = style<{
       },
     },
     isSelectionStart: {
-      default: lightDark("accent-900", "accent-700"),
-      isHovered: lightDark("accent-1000", "accent-800"),
-      isPressed: lightDark("accent-1000", "accent-800"),
+      default: "interactive-fill",
+      isHovered: lightDark("accent-1000", "accent-600"),
+      isPressed: lightDark("accent-1000", "accent-600"),
       isDisabled: "transparent",
       isInvalid: {
         default: lightDark("negative-900", "negative-700"),
@@ -384,9 +390,9 @@ const rangeCalendarCellInner = style<{
       },
     },
     isSelectionEnd: {
-      default: lightDark("accent-900", "accent-700"),
-      isHovered: lightDark("accent-1000", "accent-800"),
-      isPressed: lightDark("accent-1000", "accent-800"),
+      default: "interactive-fill",
+      isHovered: lightDark("accent-1000", "accent-600"),
+      isPressed: lightDark("accent-1000", "accent-600"),
       isDisabled: "transparent",
       isInvalid: {
         default: lightDark("negative-900", "negative-700"),

package/src/calendar/TimeField.tsx

@@ -339,13 +339,9 @@ function TimeFieldContent(props: {
   // and compose focus-visible from the global interaction modality — exactly how
   // createFocusRing derives `isFocusVisible = isFocused && focusVisibleFlag`.
   const [isFocusWithin, setIsFocusWithin] = createSignal(false);
-  const [isFocusVisibleModality, setIsFocusVisibleModality] = createSignal(
-    isGlobalFocusVisible(),
-  );
+  const [isFocusVisibleModality, setIsFocusVisibleModality] = createSignal(isGlobalFocusVisible());
   createEffect(() => {
-    const cleanup = createFocusVisibleListener((visible) =>
-      setIsFocusVisibleModality(visible),
-    );
+    const cleanup = createFocusVisibleListener((visible) => setIsFocusVisibleModality(visible));
     onCleanup(cleanup);
   });
   const isFocusVisibleWithin = () => isFocusWithin() && isFocusVisibleModality();