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

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":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/TreeView.tsx\n\n// Port of packages/@react-spectrum/s2/src/TreeView.tsx.\n\nimport {\n  children as resolveChildren,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\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 { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { ProgressCircle } from \"../progress/ProgressCircle\";\nimport { mergeProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, space, style } 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\";\nimport { attrString, splitProps } from \"@proyecto-viviana/solidaria/utils\";\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\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    /* Glasselated: the register paints tree rows with its own three-step row\n     * vocabulary — `--surface-hover` under the pointer, `--surface-active-soft`\n     * on the current row, `--surface-active` when the current row is also\n     * hovered or pressed. It draws one \"current row\" look regardless of how the\n     * row got selected, so both selection styles land on the same fills. */\n    isHovered: {\n      default: \"surface-hover\",\n      selectionStyle: {\n        checkbox: \"[var(--surface-active-soft)]\",\n      },\n    },\n    isPressed: {\n      default: \"[var(--surface-active)]\",\n      selectionStyle: {\n        checkbox: \"[var(--surface-active)]\",\n      },\n    },\n    isSelected: {\n      default: \"[var(--surface-active-soft)]\",\n      selectionStyle: {\n        checkbox: {\n          default: \"[var(--surface-active-soft)]\",\n          isHovered: \"[var(--surface-active)]\",\n          isPressed: \"[var(--surface-active)]\",\n          isFocusVisible: \"[var(--surface-active)]\",\n        },\n        highlight: {\n          default: \"[var(--surface-active-soft)]\",\n          isHovered: \"[var(--surface-active)]\",\n          isPressed: \"[var(--surface-active)]\",\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\n/* Glasselated: the register draws an OUTLINE tree — the disclosure affordance is\n * the same mono \">\" mark the nav rail and the list rows use, rotated 90° when the\n * branch is open, not a filled chevron glyph. */\nconst treeExpandMark = style<TreeRowLayerProps>({\n  fontFamily: \"code\",\n  fontSize: \"[12px]\",\n  fontWeight: \"semi-bold\",\n  lineHeight: \"[1]\",\n  color: {\n    default: \"[var(--accent-primary)]\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  rotate: {\n    isExpanded: 90,\n  },\n  transition: \"default\",\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: \"1lh\",\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  /* Glasselated: tree rows are list rows — mono 12.5/600, same as ListView. */\n  fontFamily: \"code\",\n  fontSize: \"[12.5px]\",\n  fontWeight: \"semi-bold\",\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  fontFamily: \"code\",\n  fontSize: \"[11px]\",\n  color: {\n    default: \"[var(--terminal-dim)]\",\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) as TreeProps<T> & ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(\n    useContext(TreeViewContext) as SpectrumContextValue<TreeProps<T>>,\n    props.slot,\n  );\n  const mergedProps = mergeProps<TreeProps<T>>(flags, contextProps ?? {}, props);\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[]>([], { ownedWrite: true });\n  const [registrationVersion, setRegistrationVersion] = createSignal(0, { ownedWrite: true });\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    { ownedWrite: true },\n  );\n  createEffect(\n    () => selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    (keys) => {\n      setActionSelectedKeys(keys);\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 stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const loadMoreContent = () => (\n    <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n      {isLoading() ? (\n        <ProgressCircle\n          isIndeterminate\n          size=\"S\"\n          aria-label={stringFormatter().format(\"table.loadingMore\")}\n        />\n      ) : 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 shared-evaluation comments there.)\n  const collection = () => (\n    <InternalTreeViewContext value={treeContext()}>\n      <div hidden inert aria-hidden=\"true\" style={{ display: \"none\" }}>\n        <StaticTreeCollectionContext value={registrationContext}>\n          {registrationChildren()}\n        </StaticTreeCollectionContext>\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>\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  createTrackedEffect(() => {\n    if (!staticCollection) {\n      return;\n    }\n\n    staticCollection.registerItem({\n      id: props.id,\n      textValue: attrString(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    createTrackedEffect(() => applyItemSlotClasses(itemElement, renderProps, context));\n\n    function ResolvedItemContent() {\n      const resolvedChildren = resolveChildren(() => {\n        // Share the authored-child value for classification and insertion here.\n        // Keep evaluation under this owner; repeated construction is not a\n        // universal getter-read rule or a global hydration-counter model.\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 value={textContext(renderProps) as SpectrumContextValue<any>}>\n        <IconContext\n          value={{\n            slot: \"icon\",\n            styles: treeSlotIcon,\n          }}\n        >\n          <ActionButtonGroupContext\n            value={{\n              slot: \"actions\",\n              size: \"S\",\n              styles: treeActions,\n            }}\n          >\n            <ActionMenuContext\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>\n          </ActionButtonGroupContext>\n        </IconContext>\n      </TextContext>\n    );\n  }\n\n  return (\n    <HeadlessTreeItem\n      {...headlessProps}\n      id={props.id}\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          // Share the authored-child value for classification and insertion here.\n          // Keep evaluation under this owner; repeated construction is not a\n          // universal getter-read rule or a global hydration-counter model.\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          // Share the authored-child value for classification and insertion here.\n          // Keep evaluation under this owner; repeated construction is not a\n          // universal getter-read rule or a global hydration-counter model.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\"\n            ? rawChildren(renderState())\n            : (rawChildren ?? (\n                <span\n                  aria-hidden=\"true\"\n                  class={treeExpandMark({ ...renderState(), isExpanded: false })}\n                >\n                  {\">\"}\n                </span>\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          <span aria-hidden=\"true\" class={treeExpandMark({ ...renderState(), isExpanded })}>\n            {\">\"}\n          </span>\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 stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\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\n              isIndeterminate\n              size=\"S\"\n              aria-label={stringFormatter().format(\"table.loadingMore\")}\n            />\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/utils/createMediaQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createMediaQuery.d.ts","sourceRoot":"","sources":["../../src/utils/createMediaQuery.ts"],"names":[],"mappings":"AAUA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,CA6B7D"}
+{"version":3,"file":"createMediaQuery.d.ts","sourceRoot":"","sources":["../../src/utils/createMediaQuery.ts"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,CAkC7D"}

package/dist/view/Content.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export interface ContentProps {
     /** Additional CSS class name. */
     class?: string;

package/dist/view/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/view/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAGhD,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAOD;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAOxD;AAED,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAYD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAO9D;AAED,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAaD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAO9D"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/view/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAIxC,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAOD;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAOxD;AAED,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAYD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAO9D;AAED,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAaD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAO9D"}

package/dist/view/SceneBackdrop.d.ts

@@ -0,0 +1,29 @@
+import type { JSX } from "@solidjs/web";
+import type { UnsafeClassName } from "../s2-internal/style-utils";
+export interface SceneBackdropProps {
+    /** The scene image. Omit it to keep only the generated layers. */
+    src?: string;
+    /** Darken the scene under the content with the register's veil. @default true */
+    veil?: boolean;
+    /** Run a scan line down the scene. @default false */
+    sweep?: boolean;
+    /** Draw the pixel skyline along the horizon. @default false */
+    skyline?: boolean;
+    /** Draw the perspective floor grid. @default false */
+    grid?: boolean;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: UnsafeClassName | string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    id?: string;
+}
+/**
+ * The scene behind a hero: a pixelated, colour-graded image under the register's
+ * veil, with an optional pixel skyline, perspective floor grid and scan sweep.
+ *
+ * Local addition — no S2 counterpart. It is scenery, so it is `aria-hidden` and
+ * `pointer-events: none` throughout, and it positions itself `absolute; inset: 0`
+ * — give it a positioned parent and put the content after it.
+ */
+export declare function SceneBackdrop(props: SceneBackdropProps): JSX.Element;
+//# sourceMappingURL=SceneBackdrop.d.ts.map

package/dist/view/SceneBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneBackdrop.d.ts","sourceRoot":"","sources":["../../src/view/SceneBackdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAIxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAmHD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA+CpE"}

package/dist/view/index.d.ts

@@ -1,8 +1,10 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export interface ViewProps extends JSX.HTMLAttributes<HTMLDivElement> {
     class?: string;
 }
 export declare function View(props: ViewProps): JSX.Element;
 export { Content, ViewHeader, ViewHeader as Header, ViewFooter, ViewFooter as Footer, } from "./Content";
 export type { ContentProps, ViewHeaderProps, ViewFooterProps } from "./Content";
+export { SceneBackdrop } from "./SceneBackdrop";
+export type { SceneBackdropProps } from "./SceneBackdrop";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,SAAU,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAOlD;AAED,OAAO,EACL,OAAO,EACP,UAAU,EACV,UAAU,IAAI,MAAM,EACpB,UAAU,EACV,UAAU,IAAI,MAAM,GACrB,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,WAAW,SAAU,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAOlD;AAED,OAAO,EACL,OAAO,EACP,UAAU,EACV,UAAU,IAAI,MAAM,EACpB,UAAU,EACV,UAAU,IAAI,MAAM,GACrB,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/view/index.js

@@ -0,0 +1,2 @@
+import { a as ViewHeader, i as ViewFooter, n as SceneBackdrop, r as Content, t as View } from "../_chunk/view.js";
+export { Content, ViewFooter as Footer, ViewFooter, ViewHeader as Header, ViewHeader, SceneBackdrop, View };

package/dist/view/index.jsx

@@ -0,0 +1,2 @@
+import { a as ViewHeader, i as ViewFooter, n as SceneBackdrop, r as Content, t as View } from "../_chunk/view.jsx";
+export { Content, ViewFooter as Footer, ViewFooter, ViewHeader as Header, ViewHeader, SceneBackdrop, View };

package/dist/vite.d.ts

@@ -1,15 +1,24 @@
+type MacroCssResult = string | null | undefined | void | {
+    code?: string;
+};
+type MacroResolvedId = string | false | null | undefined | void | {
+    id: string;
+};
+type MacroLoaded = string | null | undefined | void | {
+    code: string;
+};
 interface MacroPlugin {
-    name?: string;
-    transformInclude?: (id: string) => boolean | void;
-    transform?: (this: unknown, code: string, id: string) => unknown;
-    resolveId?: (this: unknown, id: string, importer?: string, options?: object) => unknown;
-    loadInclude?: (id: string) => boolean | void;
-    load?: (this: unknown, id: string) => unknown;
-    [key: string]: unknown;
+    name: string;
+    transformInclude?: (id: string) => boolean | null | undefined | void;
+    transform?: (this: unknown, code: string, id: string, options?: object) => MacroCssResult | Promise<MacroCssResult>;
+    resolveId?: (this: unknown, id: string, importer?: string, options?: object) => MacroResolvedId | Promise<MacroResolvedId>;
+    loadInclude?: (id: string) => boolean | null | undefined | void;
+    load?: (this: unknown, id: string, options?: object) => MacroLoaded | Promise<MacroLoaded>;
+    renderChunk?: (this: unknown, code: string, chunk?: object, outputOptions?: object, meta?: object) => string | null | undefined | void;
 }
 /**
  * Returns the S2 style() macro plugin wrapped so its emitted CSS resolves and
- * loads correctly under rolldown-vite. Place it before `vite-plugin-solid`.
+ * loads correctly under rolldown-vite. Place it before `@solidjs/vite-plugin`.
  */
 export declare function vivianaMacros(): MacroPlugin;
 export {};

package/dist/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AA8CA,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACxF,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAmCD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,WAAW,CAsE3C"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAqDA,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC3E,KAAK,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AACjF,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,MAAM,KACb,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,OAAO,EACb,EAAE,EAAE,MAAM,EACV,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,KACb,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3F,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,MAAM,EACd,aAAa,CAAC,EAAE,MAAM,EACtB,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CACvC;AAmCD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,WAAW,CAsE3C"}

package/dist/vite.js

@@ -24,7 +24,7 @@ function getMacroCssContent(content) {
 }
 /**
 * Returns the S2 style() macro plugin wrapped so its emitted CSS resolves and
-* loads correctly under rolldown-vite. Place it before `vite-plugin-solid`.
+* loads correctly under rolldown-vite. Place it before `@solidjs/vite-plugin`.
 */
 function vivianaMacros() {
 	const plugin = macros.rolldown();

package/dist/vite.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.js","names":[],"sources":["../src/vite.ts"],"sourcesContent":["// The supported Vite macro preset for apps that author their own `style()` calls\n// against `@proyecto-viviana/ui/style`.\n//\n// Consuming the *pre-built* components needs no macro plugin — their style()\n// calls are already expanded in the published build. But an app that writes its\n// own macro calls must run the S2 style() macro at its own build. The bare\n// `unplugin-parcel-macros` plugin isn't enough under rolldown-vite: the macro\n// emits `import \"macro-<hash>.css\"` statements plus matching virtual CSS modules,\n// and rolldown doesn't honor the plugin's resolveId/load for those virtual ids\n// (\"failed to resolve import macro-….css\"). So we wrap it: cache each macro CSS\n// body as it's transformed, resolve/serve those ids ourselves (with a `.css`\n// extension so Vite's CSS pipeline bundles them), then strip the now-redundant JS\n// import. This is the single source of truth for that wrapper — apps import it\n// instead of copying it into their config.\n//\n// `unplugin-parcel-macros` is a peerDependency: every app that authors style()\n// already installs it, and it must be the app's instance (it runs at the app's\n// build), so we never bundle it.\n//\n// Usage (a dual-target app build, e.g. TanStack Start / solid-start):\n//\n//   import { defineConfig } from \"vite\";\n//   import solid from \"vite-plugin-solid\";\n//   import { vivianaMacros } from \"@proyecto-viviana/ui/vite\";\n//\n//   export default defineConfig({\n//     plugins: [vivianaMacros(), solid({ ssr: true })],\n//     // Keep our Solid packages out of the optimizer and bundle them into SSR:\n//     optimizeDeps: { exclude: [\"@proyecto-viviana/ui\", \"@proyecto-viviana/solid-spectrum\"] },\n//     ssr: { noExternal: [\"@proyecto-viviana/ui\", \"@proyecto-viviana/solid-spectrum\"] },\n//   });\n//\n// Plugin order: place `vivianaMacros()` before `vite-plugin-solid` (the macro\n// must expand style() before Solid compiles JSX), and before framework plugins\n// (TanStack Start / Cloudflare) that wrap the build. The macro plugin only\n// touches macro CSS resolution/loading and import stripping; the\n// `optimizeDeps.exclude` / `ssr.noExternal` of our Solid packages stays\n// app-owned (it depends on whether the app links sources or pre-built dists).\nimport macros from \"unplugin-parcel-macros\";\n\n// A minimal structural view of the rolldown plugin that\n// `unplugin-parcel-macros` returns — only the hooks we wrap. Kept local (and\n// self-contained, with no rolldown/vite type imports) so the emitted\n// `dist/vite.d.ts` is portable: consumers don't need rolldown's types resolvable\n// to use the helper, and tsc can name the return type. `macros.rolldown()` is\n// typed `Plugin | Plugin[]`; we always get the single-plugin form.\ninterface MacroPlugin {\n  name?: string;\n  transformInclude?: (id: string) => boolean | void;\n  transform?: (this: unknown, code: string, id: string) => unknown;\n  resolveId?: (this: unknown, id: string, importer?: string, options?: object) => unknown;\n  loadInclude?: (id: string) => boolean | void;\n  load?: (this: unknown, id: string) => unknown;\n  [key: string]: unknown;\n}\n\nconst macroCssIdPattern = /^macro-[a-f0-9]+\\.css$/;\nconst macroCssImportPattern = /import\\s+[\"']macro-[a-f0-9]+\\.css[\"'];\\n?/g;\n\nfunction getMacroSourceFilePath(id: string) {\n  const queryIndex = id.indexOf(\"?\");\n  if (queryIndex === -1 || !/^\\?tsr-split=[^&#]+(?:#.*)?$/.test(id.slice(queryIndex))) {\n    return id;\n  }\n  return id.slice(0, queryIndex);\n}\n\nfunction getMacroCssFileName(id: string) {\n  const fileName = id.split(\"/\").pop();\n  return fileName && macroCssIdPattern.test(fileName) ? fileName : null;\n}\n\nfunction removeMacroCssImports(code: string) {\n  return code.replace(macroCssImportPattern, \"\");\n}\n\nfunction getMacroCssContent(content: unknown) {\n  if (typeof content === \"string\") {\n    return content;\n  }\n\n  if (content && typeof content === \"object\" && \"code\" in content) {\n    const code = (content as { code: unknown }).code;\n    return typeof code === \"string\" ? code : null;\n  }\n\n  return null;\n}\n\n/**\n * Returns the S2 style() macro plugin wrapped so its emitted CSS resolves and\n * loads correctly under rolldown-vite. Place it before `vite-plugin-solid`.\n */\nexport function vivianaMacros(): MacroPlugin {\n  const plugin = macros.rolldown() as unknown as MacroPlugin;\n  const macroCssCache = new Map<string, string>();\n\n  const cacheMacroCss = (id: string, content: unknown) => {\n    const fileName = getMacroCssFileName(id);\n    const css = getMacroCssContent(content);\n    if (fileName && css != null) {\n      macroCssCache.set(fileName, css);\n    }\n    return css;\n  };\n\n  return {\n    ...plugin,\n    transformInclude(id: string) {\n      return plugin.transformInclude?.(getMacroSourceFilePath(id)) ?? false;\n    },\n    async transform(this: unknown, code: string, id: string) {\n      const result = await plugin.transform?.call(this, code, getMacroSourceFilePath(id));\n      const transformedCode =\n        typeof result === \"string\"\n          ? result\n          : result && typeof result === \"object\" && \"code\" in result\n            ? String(result.code)\n            : \"\";\n\n      for (const match of transformedCode.matchAll(/import\\s+[\"'](macro-[a-f0-9]+\\.css)[\"'];/g)) {\n        const content = await plugin.load?.call(this, match[1]);\n        cacheMacroCss(match[1], content);\n      }\n\n      return result;\n    },\n    async resolveId(this: unknown, id: string, importer?: string, options?: object) {\n      const resolved = await plugin.resolveId?.call(this, id, importer, options);\n      if (resolved) {\n        return resolved;\n      }\n      const fileName = getMacroCssFileName(id);\n      if (fileName && macroCssCache.has(fileName)) {\n        return fileName;\n      }\n      return resolved;\n    },\n    loadInclude(id: string) {\n      const fileName = getMacroCssFileName(id);\n      return (\n        (fileName != null && macroCssCache.has(fileName)) || (plugin.loadInclude?.(id) ?? false)\n      );\n    },\n    async load(this: unknown, id: string) {\n      if (plugin.loadInclude?.(id)) {\n        const content = await plugin.load?.call(this, id);\n        const css = cacheMacroCss(id, content);\n        if (css != null) {\n          return css;\n        }\n        return content;\n      }\n      const fileName = getMacroCssFileName(id);\n      if (fileName) {\n        return macroCssCache.get(fileName);\n      }\n      return null;\n    },\n    renderChunk(code: string) {\n      return removeMacroCssImports(code);\n    },\n  };\n}\n"],"mappings":";;AAwDA,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAE9B,SAAS,uBAAuB,IAAY;CAC1C,MAAM,aAAa,GAAG,QAAQ,GAAG;CACjC,IAAI,eAAe,MAAM,CAAC,+BAA+B,KAAK,GAAG,MAAM,UAAU,CAAC,GAChF,OAAO;CAET,OAAO,GAAG,MAAM,GAAG,UAAU;AAC/B;AAEA,SAAS,oBAAoB,IAAY;CACvC,MAAM,WAAW,GAAG,MAAM,GAAG,EAAE,IAAI;CACnC,OAAO,YAAY,kBAAkB,KAAK,QAAQ,IAAI,WAAW;AACnE;AAEA,SAAS,sBAAsB,MAAc;CAC3C,OAAO,KAAK,QAAQ,uBAAuB,EAAE;AAC/C;AAEA,SAAS,mBAAmB,SAAkB;CAC5C,IAAI,OAAO,YAAY,UACrB,OAAO;CAGT,IAAI,WAAW,OAAO,YAAY,YAAY,UAAU,SAAS;EAC/D,MAAM,OAAQ,QAA8B;EAC5C,OAAO,OAAO,SAAS,WAAW,OAAO;CAC3C;CAEA,OAAO;AACT;;;;;AAMA,SAAgB,gBAA6B;CAC3C,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,gCAAgB,IAAI,IAAoB;CAE9C,MAAM,iBAAiB,IAAY,YAAqB;EACtD,MAAM,WAAW,oBAAoB,EAAE;EACvC,MAAM,MAAM,mBAAmB,OAAO;EACtC,IAAI,YAAY,OAAO,MACrB,cAAc,IAAI,UAAU,GAAG;EAEjC,OAAO;CACT;CAEA,OAAO;EACL,GAAG;EACH,iBAAiB,IAAY;GAC3B,OAAO,OAAO,mBAAmB,uBAAuB,EAAE,CAAC,KAAK;EAClE;EACA,MAAM,UAAyB,MAAc,IAAY;GACvD,MAAM,SAAS,MAAM,OAAO,WAAW,KAAK,MAAM,MAAM,uBAAuB,EAAE,CAAC;GAClF,MAAM,kBACJ,OAAO,WAAW,WACd,SACA,UAAU,OAAO,WAAW,YAAY,UAAU,SAChD,OAAO,OAAO,IAAI,IAClB;GAER,KAAK,MAAM,SAAS,gBAAgB,SAAS,2CAA2C,GAAG;IACzF,MAAM,UAAU,MAAM,OAAO,MAAM,KAAK,MAAM,MAAM,EAAE;IACtD,cAAc,MAAM,IAAI,OAAO;GACjC;GAEA,OAAO;EACT;EACA,MAAM,UAAyB,IAAY,UAAmB,SAAkB;GAC9E,MAAM,WAAW,MAAM,OAAO,WAAW,KAAK,MAAM,IAAI,UAAU,OAAO;GACzE,IAAI,UACF,OAAO;GAET,MAAM,WAAW,oBAAoB,EAAE;GACvC,IAAI,YAAY,cAAc,IAAI,QAAQ,GACxC,OAAO;GAET,OAAO;EACT;EACA,YAAY,IAAY;GACtB,MAAM,WAAW,oBAAoB,EAAE;GACvC,OACG,YAAY,QAAQ,cAAc,IAAI,QAAQ,MAAO,OAAO,cAAc,EAAE,KAAK;EAEtF;EACA,MAAM,KAAoB,IAAY;GACpC,IAAI,OAAO,cAAc,EAAE,GAAG;IAC5B,MAAM,UAAU,MAAM,OAAO,MAAM,KAAK,MAAM,EAAE;IAChD,MAAM,MAAM,cAAc,IAAI,OAAO;IACrC,IAAI,OAAO,MACT,OAAO;IAET,OAAO;GACT;GACA,MAAM,WAAW,oBAAoB,EAAE;GACvC,IAAI,UACF,OAAO,cAAc,IAAI,QAAQ;GAEnC,OAAO;EACT;EACA,YAAY,MAAc;GACxB,OAAO,sBAAsB,IAAI;EACnC;CACF;AACF"}
+{"version":3,"file":"vite.js","names":[],"sources":["../src/vite.ts"],"sourcesContent":["// The supported Vite macro preset for apps that author their own `style()` calls\n// against `@proyecto-viviana/ui/style`.\n//\n// Consuming the *pre-built* components needs no macro plugin — their style()\n// calls are already expanded in the published build. But an app that writes its\n// own macro calls must run the S2 style() macro at its own build. The bare\n// `unplugin-parcel-macros` plugin isn't enough under rolldown-vite: the macro\n// emits `import \"macro-<hash>.css\"` statements plus matching virtual CSS modules,\n// and rolldown doesn't honor the plugin's resolveId/load for those virtual ids\n// (\"failed to resolve import macro-….css\"). So we wrap it: cache each macro CSS\n// body as it's transformed, resolve/serve those ids ourselves (with a `.css`\n// extension so Vite's CSS pipeline bundles them), then strip the now-redundant JS\n// import. This is the single source of truth for that wrapper — apps import it\n// instead of copying it into their config.\n//\n// `unplugin-parcel-macros` is a peerDependency: every app that authors style()\n// already installs it, and it must be the app's instance (it runs at the app's\n// build), so we never bundle it.\n//\n// Usage (a dual-target app build, e.g. TanStack Start / solid-start):\n//\n//   import { defineConfig } from \"vite\";\n//   import solid from \"@solidjs/vite-plugin\";\n//   import { vivianaMacros } from \"@proyecto-viviana/ui/vite\";\n//\n//   export default defineConfig({\n//     plugins: [vivianaMacros(), solid({ ssr: true })],\n//     optimizeDeps: {\n//       exclude: [\"@proyecto-viviana/ui\"],\n//     },\n//     ssr: {\n//       noExternal: [\"@proyecto-viviana/ui\"],\n//     },\n//   });\n//\n// Plugin order: place `vivianaMacros()` before `@solidjs/vite-plugin` (the macro\n// must expand style() before Solid compiles JSX), and before framework plugins\n// (TanStack Start / Cloudflare) that wrap the build. The macro plugin only\n// touches macro CSS resolution/loading and import stripping; the\n// `optimizeDeps.exclude` / `ssr.noExternal` of our Solid packages stays\n// app-owned (it depends on whether the app links sources or pre-built dists).\nimport macros from \"unplugin-parcel-macros\";\n\n// Structural Vite plugin. `vite` is not a peerDependency, so this file does not\n// import Vite's `Plugin` and `dist/vite.d.ts` still has no vite or rolldown\n// types. The hook signatures are what Vite 8's `Plugin` accepts under\n// strictFunctionTypes: `name` is required, each result is a subset of that\n// hook's Vite result (`unknown` is not assignable to it), `this` stays\n// `unknown` because Vite's plugin context is assignable to `unknown`, and\n// `options?: object` accepts the options object Vite passes. There is no\n// string index signature — `[key: string]: unknown` types every hook as\n// `unknown`, which Vite rejects inside `plugins`. `macros.rolldown()` is typed\n// `Plugin | Plugin[]`; we always get the single-plugin form.\ntype MacroCssResult = string | null | undefined | void | { code?: string };\ntype MacroResolvedId = string | false | null | undefined | void | { id: string };\ntype MacroLoaded = string | null | undefined | void | { code: string };\n\ninterface MacroPlugin {\n  name: string;\n  transformInclude?: (id: string) => boolean | null | undefined | void;\n  transform?: (\n    this: unknown,\n    code: string,\n    id: string,\n    options?: object,\n  ) => MacroCssResult | Promise<MacroCssResult>;\n  resolveId?: (\n    this: unknown,\n    id: string,\n    importer?: string,\n    options?: object,\n  ) => MacroResolvedId | Promise<MacroResolvedId>;\n  loadInclude?: (id: string) => boolean | null | undefined | void;\n  load?: (this: unknown, id: string, options?: object) => MacroLoaded | Promise<MacroLoaded>;\n  renderChunk?: (\n    this: unknown,\n    code: string,\n    chunk?: object,\n    outputOptions?: object,\n    meta?: object,\n  ) => string | null | undefined | void;\n}\n\nconst macroCssIdPattern = /^macro-[a-f0-9]+\\.css$/;\nconst macroCssImportPattern = /import\\s+[\"']macro-[a-f0-9]+\\.css[\"'];\\n?/g;\n\nfunction getMacroSourceFilePath(id: string) {\n  const queryIndex = id.indexOf(\"?\");\n  if (queryIndex === -1 || !/^\\?tsr-split=[^&#]+(?:#.*)?$/.test(id.slice(queryIndex))) {\n    return id;\n  }\n  return id.slice(0, queryIndex);\n}\n\nfunction getMacroCssFileName(id: string) {\n  const fileName = id.split(\"/\").pop();\n  return fileName && macroCssIdPattern.test(fileName) ? fileName : null;\n}\n\nfunction removeMacroCssImports(code: string) {\n  return code.replace(macroCssImportPattern, \"\");\n}\n\nfunction getMacroCssContent(content: unknown) {\n  if (typeof content === \"string\") {\n    return content;\n  }\n\n  if (content && typeof content === \"object\" && \"code\" in content) {\n    const code = (content as { code: unknown }).code;\n    return typeof code === \"string\" ? code : null;\n  }\n\n  return null;\n}\n\n/**\n * Returns the S2 style() macro plugin wrapped so its emitted CSS resolves and\n * loads correctly under rolldown-vite. Place it before `@solidjs/vite-plugin`.\n */\nexport function vivianaMacros(): MacroPlugin {\n  const plugin = macros.rolldown() as unknown as MacroPlugin;\n  const macroCssCache = new Map<string, string>();\n\n  const cacheMacroCss = (id: string, content: unknown) => {\n    const fileName = getMacroCssFileName(id);\n    const css = getMacroCssContent(content);\n    if (fileName && css != null) {\n      macroCssCache.set(fileName, css);\n    }\n    return css;\n  };\n\n  return {\n    ...plugin,\n    transformInclude(id: string) {\n      return plugin.transformInclude?.(getMacroSourceFilePath(id)) ?? false;\n    },\n    async transform(this: unknown, code: string, id: string) {\n      const result = await plugin.transform?.call(this, code, getMacroSourceFilePath(id));\n      const transformedCode =\n        typeof result === \"string\"\n          ? result\n          : result && typeof result === \"object\" && \"code\" in result\n            ? String(result.code)\n            : \"\";\n\n      for (const match of transformedCode.matchAll(/import\\s+[\"'](macro-[a-f0-9]+\\.css)[\"'];/g)) {\n        const content = await plugin.load?.call(this, match[1]);\n        cacheMacroCss(match[1], content);\n      }\n\n      return result;\n    },\n    async resolveId(this: unknown, id: string, importer?: string, options?: object) {\n      const resolved = await plugin.resolveId?.call(this, id, importer, options);\n      if (resolved) {\n        return resolved;\n      }\n      const fileName = getMacroCssFileName(id);\n      if (fileName && macroCssCache.has(fileName)) {\n        return fileName;\n      }\n      return resolved;\n    },\n    loadInclude(id: string) {\n      const fileName = getMacroCssFileName(id);\n      return (\n        (fileName != null && macroCssCache.has(fileName)) || (plugin.loadInclude?.(id) ?? false)\n      );\n    },\n    async load(this: unknown, id: string) {\n      if (plugin.loadInclude?.(id)) {\n        const content = await plugin.load?.call(this, id);\n        const css = cacheMacroCss(id, content);\n        if (css != null) {\n          return css;\n        }\n        return content;\n      }\n      const fileName = getMacroCssFileName(id);\n      if (fileName) {\n        return macroCssCache.get(fileName);\n      }\n      return null;\n    },\n    renderChunk(code: string) {\n      return removeMacroCssImports(code);\n    },\n  };\n}\n"],"mappings":";;AAmFA,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAE9B,SAAS,uBAAuB,IAAY;CAC1C,MAAM,aAAa,GAAG,QAAQ,GAAG;CACjC,IAAI,eAAe,MAAM,CAAC,+BAA+B,KAAK,GAAG,MAAM,UAAU,CAAC,GAChF,OAAO;CAET,OAAO,GAAG,MAAM,GAAG,UAAU;AAC/B;AAEA,SAAS,oBAAoB,IAAY;CACvC,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI;CACnC,OAAO,YAAY,kBAAkB,KAAK,QAAQ,IAAI,WAAW;AACnE;AAEA,SAAS,sBAAsB,MAAc;CAC3C,OAAO,KAAK,QAAQ,uBAAuB,EAAE;AAC/C;AAEA,SAAS,mBAAmB,SAAkB;CAC5C,IAAI,OAAO,YAAY,UACrB,OAAO;CAGT,IAAI,WAAW,OAAO,YAAY,YAAY,UAAU,SAAS;EAC/D,MAAM,OAAQ,QAA8B;EAC5C,OAAO,OAAO,SAAS,WAAW,OAAO;CAC3C;CAEA,OAAO;AACT;;;;;AAMA,SAAgB,gBAA6B;CAC3C,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,gCAAgB,IAAI,IAAoB;CAE9C,MAAM,iBAAiB,IAAY,YAAqB;EACtD,MAAM,WAAW,oBAAoB,EAAE;EACvC,MAAM,MAAM,mBAAmB,OAAO;EACtC,IAAI,YAAY,OAAO,MACrB,cAAc,IAAI,UAAU,GAAG;EAEjC,OAAO;CACT;CAEA,OAAO;EACL,GAAG;EACH,iBAAiB,IAAY;GAC3B,OAAO,OAAO,mBAAmB,uBAAuB,EAAE,CAAC,KAAK;EAClE;EACA,MAAM,UAAyB,MAAc,IAAY;GACvD,MAAM,SAAS,MAAM,OAAO,WAAW,KAAK,MAAM,MAAM,uBAAuB,EAAE,CAAC;GAClF,MAAM,kBACJ,OAAO,WAAW,WACd,SACA,UAAU,OAAO,WAAW,YAAY,UAAU,SAChD,OAAO,OAAO,IAAI,IAClB;GAER,KAAK,MAAM,SAAS,gBAAgB,SAAS,2CAA2C,GAAG;IACzF,MAAM,UAAU,MAAM,OAAO,MAAM,KAAK,MAAM,MAAM,EAAE;IACtD,cAAc,MAAM,IAAI,OAAO;GACjC;GAEA,OAAO;EACT;EACA,MAAM,UAAyB,IAAY,UAAmB,SAAkB;GAC9E,MAAM,WAAW,MAAM,OAAO,WAAW,KAAK,MAAM,IAAI,UAAU,OAAO;GACzE,IAAI,UACF,OAAO;GAET,MAAM,WAAW,oBAAoB,EAAE;GACvC,IAAI,YAAY,cAAc,IAAI,QAAQ,GACxC,OAAO;GAET,OAAO;EACT;EACA,YAAY,IAAY;GACtB,MAAM,WAAW,oBAAoB,EAAE;GACvC,OACG,YAAY,QAAQ,cAAc,IAAI,QAAQ,MAAO,OAAO,cAAc,EAAE,KAAK;EAEtF;EACA,MAAM,KAAoB,IAAY;GACpC,IAAI,OAAO,cAAc,EAAE,GAAG;IAC5B,MAAM,UAAU,MAAM,OAAO,MAAM,KAAK,MAAM,EAAE;IAChD,MAAM,MAAM,cAAc,IAAI,OAAO;IACrC,IAAI,OAAO,MACT,OAAO;IAET,OAAO;GACT;GACA,MAAM,WAAW,oBAAoB,EAAE;GACvC,IAAI,UACF,OAAO,cAAc,IAAI,QAAQ;GAEnC,OAAO;EACT;EACA,YAAY,MAAc;GACxB,OAAO,sBAAsB,IAAI;EACnC;CACF;AACF"}