@proyecto-viviana/ui 0.6.1 → 0.6.3

package/dist/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":";;;;;;;;;;;;;;;;;;;;AAsMA,MAAa,kBAAkB,cAAuD,IAAA;AACtF,MAAM,0BAA0B,cAAoC,EAClE,gBAAgB,WAClB,CAAA;AACA,MAAM,8BAA8B,cAAmD,IAAA;AAEvF,MAAM,kBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM,WAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBN,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAON,MAAM,oBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;AAuBN,MAAM,eAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DN,MAAM,wBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CN,MAAM,uBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBN,MAAM,mBAAA;AAUN,MAAM,mBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BN,MAAM,iBAAA,SAAA,UAAA,OAAA;;;;;;;;;AAWN,MAAM,eAAA;AAcN,MAAM,oBAAA;AAQN,MAAM,kBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBN,MAAM,mBAAA;AAWN,MAAM,eAAA;AAaN,MAAM,YAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWN,MAAM,kBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBN,MAAM,cAAA;AAQN,MAAM,iBAAA;AAcN,SAAS,oBAAoB,SAAkB,eAAuB,WAAwB;CAC5F,MAAM,gBAAgB,QAAQ,aAAa,aAAA;CAE3C,KAAK,MAAM,aAAa,eAAe,MAAM,KAAA,EAAO,OAAO,OAAA,KAAY,CAAA,GACrE,QAAQ,UAAU,OAAO,SAAA;CAG3B,KAAK,MAAM,aAAa,UAAU,MAAM,KAAA,EAAO,OAAO,OAAA,GACpD,QAAQ,UAAU,IAAI,SAAA;CAGxB,QAAQ,aAAa,eAAe,SAAA;AACtC;AAEA,SAAS,qBACP,MACA,aACA,SACK;CACL,IAAI,CAAC,MACH;CAGF,MAAM,QAAQ;EACZ,GAAG;EACH,gBAAgB,QAAQ;CAC1B;CAEA,MAAM,WAAW,KAAK,cAAc,qBAAA;CACpC,IAAI,UACF,oBAAoB,UAAU,+BAA+B,gBAAA;CAG/D,KAAK,MAAM,WAAW,MAAM,KAC1B,KAAK,iBAAiB,oEAAA,CAAA,GACrB;EACD,oBAAoB,SAAS,+BAA+B,UAAU,KAAA,CAAA;EACtE,QAAQ,aAAa,iBAAiB,OAAA;CACxC;CAEA,KAAK,MAAM,WAAW,MAAM,KAC1B,KAAK,iBACH,sFAAA,CAAA,GAED;EACD,oBAAoB,SAAS,+BAA+B,gBAAgB,KAAA,CAAA;EAC5E,QAAQ,aAAa,iBAAiB,aAAA;CACxC;CAEA,KAAK,MAAM,WAAW,MAAM,KAAK,KAAK,iBAAiB,uCAAA,CAAA,GAAuC;EAC5F,oBAAoB,SAAS,+BAA+B,YAAA;EAC5D,QAAQ,aAAa,iBAAiB,MAAA;CACxC;CAEA,KAAK,MAAM,WAAW,MAAM,KAAK,KAAK,iBAAiB,oBAAA,CAAA,GAAsB;EAC3E,oBAAoB,SAAS,+BAA+B,WAAA;EAC5D,QAAQ,aAAa,iBAAiB,SAAA;CACxC;CAEA,KAAK,MAAM,WAAW,MAAM,KAAK,KAAK,iBAAiB,uBAAA,CAAA,GAAyB;EAC9E,oBAAoB,SAAS,+BAA+B,cAAA;EAC5D,QAAQ,aAAa,iBAAiB,YAAA;CACxC;AACF;AAEA,SAAS,eAAe,MAAsD;CAC5E,IAAI,SAAS,OACX,OAAO;CAGT,OAAO,IAAI,IAAI,QAAQ,CAAA,CAAE;AAC3B;AAEA,SAAS,WAA6B,MAAuB,OAAgB;CAC3E,OAAO,KAAK,MAAM,KAAK,OAAO;AAChC;AAEA,SAAS,mBAAmB,OAAwB;CAClD,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO;CAGT,OAAO,MAAM,QAAQ,KAAA,KAAU,MAAM,MAAM,kBAAA;AAC7C;AAEA,SAAS,mBAAmB,MAA0C;CACpE,OAAO;EACL,IAAI,KAAK;EACT,KAAK,KAAK;EACV,OAAO,KAAK;EACZ,WAAW,KAAK,aAAa,OAAO,KAAK,EAAE;EAC3C,YAAY,KAAK;EACjB,eAAe,KAAK;CACtB;AACF;AAEA,SAAS,yBACP,OACA,iBACc;CACd,OAAO,MAAM,KAAK,MAAM,UAAA;EACtB,MAAM,MAAM,WAAW,MAAM,KAAA;EAC7B,MAAM,aAAa,gBAAgB,IAAI,GAAA;EACvC,MAAM,WAAW,KAAK,WAClB,yBAAyB,KAAK,UAA+B,eAAA,IAC7D,KAAK;EAET,IAAI,CAAC,YACH,OAAO,aAAa,KAAK,WAAW,OAAO;GAAE,GAAG;GAAM;EAAS;EAGjE,OAAO;GACL,GAAG;GACH,IAAI,KAAK,MAAM;GACf,KAAK,KAAK,OAAO;GACjB,YAAY,KAAK,cAAc,WAAW;GAC1C,eAAe,KAAK,iBAAiB,WAAW;GAChD;EACF;CACF,CAAA;AACF;AAEA,SAAgB,KAAuB,OAA0B;CAC/D,MAAM,gBAAgB,iBAAiB,KAAA;CACvC,MAAM,eAAe,uBACnB,WAAW,eAAA,GACX,MAAM,IAAI;CAGZ,MAAM,CAAC,OAAO,iBAAiB,WADX,aAAW,eAAe,gBAAgB,CAAC,GAAG,KACxB,GAAa;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,uBAA2C,MAAM,kBAAkB;CACzE,MAAM,kBAAkB,MAAM,iBAAiB,aAAa,MAAM,iBAAiB;CACnF,MAAM,CAAC,aAAa,kBAAkB,aAA+B,CAAA,CAAE;CACvE,MAAM,CAAC,qBAAqB,0BAA0B,aAAa,CAAA;CACnE,MAAM,kCAAkB,IAAI,IAAS;CACrC,MAAM,2BAA2B,MAAM,SAAS;CAChD,MAAM,4BAAsB;EAC1B,eACE,MAAM,KAAK,gBAAgB,OAAM,CAAA,EAC9B,QAAQ,SAAS,KAAK,KAAK,EAC3B,KAAK,UAAU;GACd,IAAI,KAAK;GACT,WAAW,KAAK;GAChB,YAAY,KAAK;GACjB,eAAe,KAAK;GACpB,OAAO,KAAK;EACd,EAAC,CAAA;EAEL,wBAAwB,YAAY,UAAU,CAAA;CAChD;CACA,MAAM,sBAAoD;EACxD,IAAI,OAAO;GACT,OAAO,mBAAA,IAAuB,WAAW;EAC3C;EACA,aAAa,MAAI;GACf,MAAM,WAAW,gBAAgB,IAAI,KAAK,EAAE;GAC5C,IACE,YACA,SAAS,cAAc,KAAK,aAC5B,SAAS,eAAe,KAAK,cAC7B,SAAS,kBAAkB,KAAK,iBAChC,SAAS,UAAU,KAAK,OAExB;GAGF,gBAAgB,IAAI,KAAK,IAAI,IAAA;GAC7B,oBAAA;EACF;EACA,eAAe,IAAE;GACf,IAAI,gBAAgB,OAAO,EAAA,GACzB,oBAAA;EAEJ;CACF;CACA,MAAM,cAAc,kBAAwC,EAC1D,gBAAgB,eAAA,EAClB,EAAC;CACD,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,gBAAgB,iBACnB,cAA2D,KAC5D,MAAM,GAAG;CAEX,MAAM,kBAAkB,iBAAW;EACjC,oBAAA;EACA,IAAI,mBAAA,GACF,OAAO,YAAA,EAAc,IAAI,kBAAA;EAG3B,OAAQ,MAAM,SAAS,CAAA;CACzB,CAAA;CACA,MAAM,8BAA8B,iBAClC,yBAAyB,gBAAA,GAAmB,eAAA,CAAA;CAE9C,MAAM,CAAC,oBAAoB,yBAAyB,aAClD,eAAe,cAAc,gBAAgB,cAAc,mBAAmB,CAAA;CAEhF,mBAAa;EACX,sBACE,eAAe,cAAc,gBAAgB,cAAc,mBAAmB,CAAA;CAElF,CAAA;CACA,MAAM,qBAAqB,SAAkB;EAC3C,sBAAsB,SAAS,QAAQ,QAAQ,IAAI,IAAI,IAAA,CAAA;EACvD,cAAc,oBAAoB,IAAA;CACpC;CACA,MAAM,eAAa,gBACjB;EACE,cAAc;EACd,MAAM;EACN,MAAM;EACN,YACE,SAAS;GAAE,GAAG;GAAa,aAAa,CAAC,CAAC,MAAM;EAAgB,CAAA,GAChE,aAAA,CAAA;CAAA,EAGD,OAAO,OAAA,EACP,KAAK,GAAA;CACV,MAAM,gCAAmB;EAAA,IAAA,OAAA,eAAA,MAAA;EAAA,OAAA,YACE,cAAc,mBAAgB,KAAQ,UAAA;EAAA,OAAA;CAAA,GAAA;CAEjE,MAAM,cAAc,MAAuB,UACzC,mBAAA,IAAA,gBACG,UAAA,iBAAe,KAAK,SAAS,IAAyB,CAAA,IACrD,OAAO,MAAM,aAAa,aAC5B,MAAM,SAAS,MAAM,KAAA,IACnB;CACN,MAAM,2BAA2B,OAA0B,QAAQ,MAAQ;EACzE,MAAM,WAA0B,CAAA;EAChC,MAAM,cAAc,MAAM;EAE1B,IAAI,OAAO,gBAAgB,YACzB,OAAO;EAGT,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,eAAe,QAAQ,KAAK,UAAU,UAAU,KAAK,aAAa;GACxE,SAAS,KACP,YAAY,MAAM;IAChB,YAAY;IACZ;IACA;GACF,CAAA,CAAA;GAGF,IAAI,KAAK,UAAU,QACjB,SAAS,KAAI,GAAI,wBAAwB,KAAK,UAA+B,QAAQ,CAAA,CAAA;EAEzF;EAEA,OAAO;CACT;CACA,MAAM,6BAAuB;EAC3B,IAAI,mBAAA,GAEF,OADiB,eAAsB,MAAM,QACtC,EAAA;EAGT,IAAI,OAAO,MAAM,aAAa,YAC5B,OAAO;EAGT,OAAO,wBAAwB,MAAM,SAAS,CAAA,CAAE;CAClD;CACA,MAAM,+BAAkB;EAAA,IAAA,QAAA,eAAA,OAAA;EAAA,OAAA,cAAA;GAAA,IAAA,MAAA,WAAA,CAAA,CAEnB,UAAA,CAAA;GAAA,aAAA,IAAA,IAAA,gBAAe,gBAAA;IAAe,iBAAA;IAAgB,MAAA;IAAA,cAAA;GAAA,CAAA,IAAwC;EAAA,GAAA,CAAA;EAAA,OAAA;CAAA,GAAA;CAe3F,MAAM,mBAAa,gBAChB,wBAAwB,UAAA;EAAA,IAAS,QAAA;GAAA,OAAO,YAAA;EAAA;EAAA,IAAA,WAAA;GAAA,OAAA,QAAA;IAAA,IAAA,QAAA,eAAA,OAAA;IAAA,OAAA,OAAA,gBAEpC,4BAA4B,UAAA;KAAS,OAAO;KAAA,IAAA,WAAA;MAAA,OAC1C,qBAAA;KAAA;IAAA,CAAA,CAAA;IAAA,OAAA;GAAA,GAAA,GAAA,gBAGJ,QAAA,WACK,eAAa;IAAA,MACX,YAA4B,cAAc,OAAA;IAAA,IAChD,QAAA;KAAA,OAAO,4BAAA,KAAiC,CAAA;IAAE;IAAA,IAC1C,oBAAA;KAAA,OAAmB,eAAA,MAAqB,cAAc,YAAY;IAAA;IAC/C;IAAA,IACnB,YAAA;KAAA,OAAW,UAAA;IAAA;IAAA,IACX,UAAA;KAAA,OAAS,MAAM,WAAW,CAAC,CAAC,MAAM;IAAU;IAAA,IAC5C,aAAA;KAAA,OAAY,MAAM;IAAU;IAAA,IAC5B,eAAA;KAAA,OAAc,MAAM;IAAY;IAChC,oBAAoB;IACF;IAAA,IAClB,OAAA;KAAA,OAAM,MAAM,QAAQ,KAAA;IAAA;IAAA,SACb;IAAA,IACP,QAAA;KAAA,OAAO,kBAAA;IAAA;IAAA,kBAAA;IAAA,KAAA,0BAAA;KAAA,OAEe,eAAA;IAAA;IAAA,KAAA,wBAAA;KAAA,OACF,MAAM,gBAAgB,KAAA;IAAA;IAAA,WAExC,MAAuB,UAA+B,WAAW,MAAM,KAAA;GAAA,CAAA,CAAA,CAAA;EAAA;CAAA,CAAA;CAK/E,MAAM,kBAAkB,QAAQ,MAAM,SAAS,MAAM,eAAe,MAAM,eAAe;CAEzF,cAAA;EAAA,IAAA,QAAA,eAAA,OAAA,GAAA,QAAA,MAAA,YAAA,CAAA,OAAA,QAAA,cAAA,MAAA,WAAA,GAAA,QAAA,MAAA,aAAA,CAAA,OAAA,SAAA,cAAA,MAAA,WAAA,GAAA,QAAA,MAAA,aAAA,CAAA,OAAA,SAAA,cAAA,MAAA,WAAA,GAAA,QAAA,MAAA,aAAA,CAAA,QAAA,SAAA,cAAA,MAAA,WAAA;EAAA,OAAA,cAAA;GAAA,IAAA,OAAA,WAAA,CAAA,CAKK,MAAM,KAAK;GAAA,aAAX,KAAA,WAAA;IAAA,IAAA,SAAA,eAAA,OAAA;IAAA,OAAA,cAA4C,MAAM,KAAK;IAAA,aAAA,UAAA,QAA7B,YAAY,CAAC,CAAA,CAAA,CAAA;IAAA,OAAA;GAAA,GAAA,IAA0B;EAAA,GAAA,GAAA,OAAA,IAAA;EAAA,OAAA,OACjE,YAAA,OAAA,KAAA;EAAA,OAAA,cAAA;GAAA,IAAA,OAAA,WAAA,CAAA,CACA,MAAM,WAAW;GAAA,aAAjB,KAAA,WAAA;IAAA,IAAA,SAAA,eAAA,OAAA;IAAA,OAAA,cAAwD,MAAM,WAAW;IAAA,aAAA,UAAA,QAAzC,kBAAkB,CAAC,CAAA,CAAA,CAAA;IAAA,OAAA;GAAA,GAAA,IAAgC;EAAA,GAAA,GAAA,OAAA,KAAA;EAAA,OAAA,cAAA;GAAA,IAAA,OAAA,WAAA,CAAA,CACnF,MAAM,eAAe;GAAA,aAArB,KAAA,IAAwB,MAAM,gBAAgB,mBAAA,CAAA,IAAwB;EAAA,GAAA,GAAA,QAAA,KAAA;EAAA,QAAA,QAAA;GAAA,IAAA,MANhE,UAAA,IAAc,gBAAgB,MAAM,aAAA,CAAA,IAAkB,KAAA,GAAA,OACtD,UAAA,IAAc,kBAAA,IAAsB,EAAE,SAAS,WAAW;GAAA,QAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,GAAA;GAAA,IAAA,IAAA,MAAA,OAAA,MAAA,IAAA,CAAA;GAAA,OAAA;EAAA,GAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;EAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AAQvE;AAEA,SAAgB,SAA2B,OAA8B;CACvE,MAAM,UAAU,WAAW,uBAAA;CAC3B,MAAM,mBAAmB,WAAW,2BAAA;CACZ,WAAW,gBAAA;CACnC,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAC/C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CAED,mBAAa;EACX,IAAI,CAAC,kBACH;EAGF,iBAAiB,aAAa;GAC5B,IAAI,MAAM;GACV,WAAW,cAAc,aAAa,cAAc;GACpD,YAAY,CAAC,CAAC,MAAM;GACpB,eAAe,CAAC,CAAC,MAAM;GACvB,OAAO,iBAAiB,SAAS,WAAY,QAAkC,KAAA;EACjF,CAAA;CACF,CAAA;CAEA,gBAAU;EACR,kBAAkB,eAAe,MAAM,EAAE;CAC3C,CAAA;CAEA,IAAI,kBACF,OAAO;CAGT,IAAI;CACJ,MAAM,gBAAgB,iBAAiB,MAAM,MAAM,YAAS;EAC1D,cAAc;CAChB,CAAA;CACA,MAAM,oBAAoB,iBAAyD;EACjF,GAAG;EACH,gBAAgB,QAAQ;EACxB,QAAQ,CAAC,CAAC,MAAM;CAClB;CACA,MAAM,gBAAgB,gBACpB;EACE,MAAM;EACN,MAAM;EACN,YACE,aAAa;GACX,GAAG,iBAAiB,WAAA;GACpB,QAAQ,CAAC,CAAC,MAAM;EAClB,CAAA,GACA,MAAM,MAAM;CAAA,EAGb,OAAO,OAAA,EACP,KAAK,GAAA;CACV,MAAM,YAAY,iBAAyD;EACzE,qBAAqB,OAAO,YAAY,KAAK;EAC7C,iBAAiB;EACjB,GAAG,MAAM;CACX;CACA,MAAM,eAAe,iBAAsC,EACzD,OAAO;EACL,SAAS;GACP,MAAM;GACN,cAAc,UAAU,iBAAiB,WAAA,CAAA;EAC3C;EACA,OAAO;GACL,MAAM;GACN,cAAc,UAAU,iBAAiB,WAAA,CAAA;EAC3C;EACA,aAAa;GACX,MAAM;GACN,cAAc,gBAAgB,iBAAiB,WAAA,CAAA;EACjD;CACF,EACF;CACA,MAAM,sBAAsB,gBAC1B,YAAY,kBAAkB,UAC9B,YAAY,sBAAsB,YAClC,CAAC,YAAY;CAEf,SAAS,aAAa,aAAgC;EACpD,mBAAmB,qBAAqB,aAAa,aAAa,OAAA,CAAA;EAElE,SAAS,sBAAA;GACP,MAAM,mBAAmB,eAAgB;IAIvC,MAAM,cAAc,MAAM;IAC1B,OAAO,OAAO,gBAAgB,aAAa,YAAY,WAAA,IAAe;GACxE,CAAA;GACA,MAAM,sBAAsB,iBAAA;GAC5B,MAAM,mBAAmB,mBAAmB,cAAA,CAAA;GAE5C,OAAA,CAAA,WAEK,WAAA,CAAA,CAAA,WAAA,CAAA,EAAA,IAAA,gBACE,iBAAA,EAAA,IAAA,WAAA;IAAA,OAAA,CAAA,gBACE,MAAA;KAAK,MAAA;KAAA,IAAA,WAAA;MAAA,OAAc,cAAA;KAAA;IAAA,CAAA,GAAA,WACnB,WAAA,CAAA,CAAA,MAAM,WAAW,EAAA,IAAA,gBAAI,MAAA;KAAK,MAAA;KAAA,IAAA,WAAA;MAAA,OAAoB,MAAM;KAAW;IAAA,CAAA,IAAW,IAAA,CAAA;GAAA,EAAA,CAAA,IAG7E,cAAA,CACF,GAAA,WACC,WAAA,CAAA,EAAA,CAAC,WAAA,KAAgB,MAAM,YAAW,EAAA,IAAA,gBAChC,MAAA;IAAK,MAAA;IAAA,IAAA,WAAA;KAAA,OAAoB,MAAM;IAAW;GAAA,CAAA,IACzC,IAAA,CAAA;EAGV;EAEA,OAAA,gBACG,YAAY,UAAA;GAAA,IAAS,QAAA;IAAA,OAAO,YAAY,WAAA;GAAwC;GAAA,IAAA,WAAA;IAAA,OAAA,gBAC9E,YAAY,UAAA;KACX,OAAO;MACL,MAAM;MACN,QAAQ;KACV;KAAA,IAAA,WAAA;MAAA,OAAA,gBAEC,yBAAyB,UAAA;OACxB,OAAO;QACL,MAAM;QACN,MAAM;QACN,QAAQ;OACV;OAAA,IAAA,WAAA;QAAA,OAAA,gBAEC,kBAAkB,UAAA;SACjB,OAAO;UACL,MAAM;UACN,MAAM;UACN,UAAU;UACV,QAAQ;SACV;SAAA,IAAA,WAAA;UAAA,OAAA;WAAA,WAEC,WAAA,CAAA,CAAA,mBAAmB,WAAA,CAAA,EAAA,IAAA,gBACjB,uBAAA;YAAA,IAAsB,UAAA;aAAA,OAAS,MAAM;YAAE;YAAe;WAAA,CAAA,IACrD,IAAA;kBAAA;YAAA,IAAA,SAAA,eAAA,OAAA;YAAA,aAAA,UAAA,QAEK,sBAAsB,iBAAiB,WAAA,CAAA,CAAA,CAAA;YAAA,OAAA;WAAA,GAAA;WAAA,WAG/C,WAAA,CAAA,CAAA,YAAY,cAAc,EAAA,WAAA;YAAA,IAAA,SAAA,eAAA,OAAA;YAAA,aAAA,UAAA,QAEhB,qBAAqB,iBAAiB,WAAA,CAAA,CAAA,CAAA;YAAA,OAAA;WAAA,GAAA,IAG7C,IAAA;WAAA,eAAA,OAAA;WAAA,gBAEH,kBAAA,EAA8B,YAAA,CAAA;WAAA,WAC9B,WAAA,CAAA,CAAA,MAAM,IAAI,EAAA,WAAA;YAAA,IAAA,SAAA,eAAA,OAAA;YAAA,OAAA,cAEN,MAAM,KAAI,CAAA;YAAA,OAAA;WAAA,GAAA,IAEX,IAAA;WAAA,gBACH,qBAAA,CAAA,CAAA;UAAA;SAAA;QAAA,CAAA;OAAA;MAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA;CAMb;CAEA,OAAA,gBACG,YAAA,WACK,eAAa;EAAA,MACX,YAAY,cAAc,OAAA;EAAA,IAChC,gBAAA;GAAA,OAAe,MAAM;EAAa;EAAA,IAClC,aAAA;GAAA,OAAY,MAAM;EAAU;EAAA,IAC5B,OAAA;GAAA,OAAM,MAAM;EAAI;EAAA,IAChB,SAAA;GAAA,OAAQ,MAAM;EAAM;EAAA,IACpB,WAAA;GAAA,OAAU,MAAM;EAAQ;EAAA,IACxB,MAAA;GAAA,OAAK,MAAM;EAAG;EAAA,IACd,WAAA;GAAA,OAAU,MAAM;EAAQ;EAAA,IACxB,OAAA;GAAA,OAAM,MAAM;EAAI;EAAA,IAChB,iBAAA;GAAA,OAAgB,MAAM;EAAc;EAAA,IACpC,gBAAA;GAAA,OAAe,MAAM;EAAa;EAAA,SAC3B;EACP,OAAO;EAAA,uBAAA;EAAA,KAAA,mBAAA;GAAA,OAEQ,MAAM,cAAc,KAAA;EAAA;EAAA,KAAA,eAAA;GAAA,OACxB,MAAM,QAAQ,KAAA;EAAA;EAAA,KAAA,iBAAA;GAAA,OACZ,MAAM,UAAU,KAAA;EAAA;EAAA,KAAA,0BAAA;GAAA,OACP,MAAM,iBAAiB,KAAA;EAAA;EAAA,WAE3C,gBAAa,gBAAyB,cAAiB,WAAW;CAAA,CAAA,CAAA;AAG1E;AAEA,SAAgB,gBAAgB,OAAkC;CAChE,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAAC;EAAY;EAAS;CAAA,CAAQ;CAE/E,OAAA,gBACG,mBAAA,WAA4B,eAAa,EAAA,WACtC,gBAAa;EACb,MAAM,gBAAU;GAId,MAAM,cAAc,MAAM;GAC1B,OAAO,OAAO,gBAAgB,aAAa,YAAY,WAAA,IAAe;EACxE;EACA,cAAA;GAAA,IAAA,SAAA,eAAA,OAAA;GAAA,OAAA,QAKK,OAAA;GAAA,QAAA,QAAA;IAAA,IAAA,OAHM,CAAC,kBAAkB,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA,GAAA,OACrD,MAAM;IAAK,SAAA,IAAA,KAAA,UAAA,QAAA,IAAA,IAAA,IAAA;IAAA,IAAA,IAAA,MAAA,QAAA,MAAA,IAAA,CAAA;IAAA,OAAA;GAAA,GAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;GAAA,CAAA;GAAA,OAAA;EAAA,GAAA;CAKxB,EAAA,CAAA,CAAA;AAGN;AAEA,SAAgB,iBACd,OACK;CACL,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAAC;EAAS;EAAS;EAAY;CAAA,CAAc;CAC9F,MAAM,cAAc,WAAW,eAAA;CAC/B,MAAM,qBAAqB,QAAQ,aAAa,gBAAgB,MAAM,aAAa,YAAA;CACnF,MAAM,qBAAqB;EACzB,GAAI,MAAM,eAAe,CAAC;EAC1B,cAAc,aAAA;EACd,YAAY,QAAQ,aAAa,cAAc,MAAM,aAAa,UAAA;CACpE;CACA,MAAM,kBAAkB,CAAC,iBAAiB,YAAA,CAAA,GAAgB,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA;CAC5F,MAAM,4BAA4B,UAAO;EACvC,MAAM,eAAc;EACpB,MAAM,gBAAe;CACvB;CAEA,IAAI,CAAC,aAAA,GACH,cAAA;EAAA,IAAA,SAAA,eAAA,OAAA;EAAA,OAAA,QAAA,WAEQ,eAAa;GAAA,QACZ;GAAA,YAAA;GAAA,KAAA,WAAA;IAAA,OAEE,UAAA;GAAA;GAAA,IACP,QAAA;IAAA,OAAO,MAAM;GAAK;GAAA,cACP;GAAA,WACF;GAAA,iBACM;GAAA,eACF;GAAA,eACA;GAAA,aACF;GAAA,iBACG;EAAA,CAAA,GAAA,OAAA,IAAA;EAAA,OAAA,cAEZ;GAIA,MAAM,cAAc,MAAM;GAC1B,OAAO,OAAO,gBAAgB,aAC1B,YAAY,YAAA,CAAA,IACX,eAAA,gBACE,SAAA;IACC,MAAA;IAAA,KAAA,WAAA;KAAA,OACO,eAAe;MAAE,GAAG,YAAA;MAAe,YAAY;KAAM,CAAA;IAAA;GAAA,CAAA;EAGtE,CAAC;EAAA,mBAAA;EAAA,OAAA;CAAA,GAAA;CAKP,OAAA,gBACG,oBAAA,WACK,eAAa;EAAA,KAAA,WAAA;GAAA,OACV,UAAA;EAAA;EAAA,IACP,QAAA;GAAA,OAAO,MAAM;EAAK;EAAA,iBAAA;EAAA,IAAA,WAAA;GAAA,OAGjB,MAAM,cACH,EAAE,iBAAqC,gBACtC,SAAA;IACC,MAAA;IAAA,KAAA,WAAA;KAAA,OACO,eAAe;MAAE,GAAG,YAAA;MAAe;KAAW,CAAA;IAAA;GAAA,CAAA;EAExD;CAAA,CAAA,CAAA;AAGT;AAEA,SAAgB,sBAAsB,OAO9B;CACN,MAAM,QAAQ,WAAW,gBAAA;CACzB,MAAM,mBAAmB,QAAQ,OAAO,aAAa,MAAM,OAAO,CAAA;CAClE,MAAM,cAAc,kBAAqC;EACvD,YAAY,MAAM,aAAa,cAAc,WAAA;EAC7C,WAAW,MAAM,aAAa,aAAa;EAC3C,gBAAgB,MAAM,aAAa,kBAAkB;EACrD,WAAW,MAAM,aAAa,aAAa;EAC3C,WAAW,MAAM,aAAa,aAAa;EAC3C,YAAY,MAAM,aAAa,cAAc;EAC7C,YAAY,MAAM,aAAa,cAAc;EAC7C,cAAc,MAAM,aAAa,gBAAgB;EACjD,OAAO,MAAM,aAAa,SAAS;EACnC,gBAAgB;CAClB,EAAC;CAED,cAAA;EAAA,IAAA,SAAA,eAAA,OAAA,GAAA,SAAA,OAAA,YAAA,CAAA,QAAA,SAAA,cAAA,OAAA,WAAA,GAAA,SAAA,OAAA;EAAA,OAAA,QAAA,gBAMK,yBAAA;GAAA,IACC,UAAA;IAAA,OAAS,MAAM;GAAO;GAAA,SACf;GAAA,IACP,sBAAA;IAAA,OAAqB,MAAM;GAAmB;GAAA,KAAA,gBAAA;IAAA,OAClC,MAAM,iBAAiB;GAAA;EAAA,CAAA,GAAA,QAAA,KAAA;EAAA,OAAA,eAAA;GAAA,IAAA,OAAA,WAAA,CAAA,CAGlC,YAAA,EAAc,UAAU;GAAA,aAAxB,KAAA,IAAA,gBACE,WAAA;IAAU,MAAA;IAAA,SAAiB;GAAA,CAAA,IAC1B;EAAA,GAAA,CAAA;EAAA,QAAA,QAAA;GAAA,IAAA,OAbC,CAAC,cAAc,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA,GAAA,OACjD,MAAM,OAAK,OASL,gBAAgB,YAAA,CAAA;GAAA,SAAA,IAAA,KAAA,UAAA,QAAA,IAAA,IAAA,IAAA;GAAA,IAAA,IAAA,MAAA,QAAA,MAAA,IAAA,CAAA;GAAA,SAAA,IAAA,KAAA,UAAA,QAAA,IAAA,IAAA,IAAA;GAAA,OAAA;EAAA,GAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;EAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AAOnC;AAEA,SAAgB,iBAAiB,OAAmC;CAClE,MAAM,mBAAmB,WAAW,2BAAA;CACpC,MAAM,kBACJ,MAAM,aAAa,MAAM,iBAAiB,aAAa,MAAM,iBAAiB;CAEhF,IAAI,kBACF,OAAO;CAGT,OAAA,gBACG,oBAAA;EAAA,IACC,aAAA;GAAA,OAAY,MAAM;EAAU;EAAA,IAC5B,YAAA;GAAA,OAAW,UAAA;EAAA;EAAA,IACX,eAAA;GAAA,OAAc,MAAM;EAAY;EAAA,IAChC,QAAA;GAAA,OAAO,MAAM;EAAK;EAAA,KAAA,WAAA;GAAA,OACX,CAAC,IAAI,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA;EAAA;EAAA,IAC9C,QAAA;GAAA,OAAO,MAAM;EAAK;EAAA,IAAA,WAAA;GAAA,IAAA,SAAA,eAAA,OAAA;GAAA,OAAA,cAGf,MAAM,aACJ,UAAA,IAAA,gBACE,gBAAA;IAAe,iBAAA;IAAgB,MAAA;IAAA,cAAA;GAAA,CAAA,IAC9B,KAAI;GAAA,OAAA;EAAA;CAAA,CAAA;AAIlB;AAEA,KAAK,OAAO;AACZ,KAAK,UAAU;AACf,KAAK,eAAe;AACpB,KAAK,oBAAoB;AACzB,KAAK,eAAe;AAEpB,MAAa,WAAW;AACxB,MAAa,eAAe;AAC5B,MAAa,sBAAsB;AACnC,MAAa,uBAAuB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tree/index.tsx"],"sourcesContent":["import {\n  children as resolveChildren,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  Tree as HeadlessTree,\n  TreeItem as HeadlessTreeItem,\n  TreeItemContent as HeadlessTreeItemContent,\n  TreeExpandButton as HeadlessTreeExpandButton,\n  TreeSelectionCheckbox as HeadlessTreeSelectionCheckbox,\n  TreeLoadMoreItem as HeadlessTreeLoadMoreItem,\n  TreeStateContext as HeadlessTreeStateContext,\n  TreeItemContext as HeadlessTreeItemContext,\n  type TreeProps as HeadlessTreeProps,\n  type TreeItemProps as HeadlessTreeItemProps,\n  type TreeItemContentProps as HeadlessTreeItemContentProps,\n  type TreeItemContentRenderProps as HeadlessTreeItemContentRenderProps,\n  type TreeExpandButtonProps as HeadlessTreeExpandButtonProps,\n  type TreeRenderProps,\n  type TreeItemRenderProps,\n  type TreeRenderItemState,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key, TreeItemData } from \"@proyecto-viviana/solid-stately\";\nimport { ActionButtonGroupContext } from \"../button/group-context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { IconContext } from \"../icon\";\nimport Checkmark from \"../icon/ui-icons/Checkmark\";\nimport Chevron from \"../icon/ui-icons/Chevron\";\nimport { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { ProgressCircle } from \"../progress/ProgressCircle\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  colorMix,\n  focusRing,\n  fontRelative,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { Text, TextContext } from \"../text\";\n\nexport type TreeSelectionStyle = \"checkbox\" | \"highlight\";\nexport type TreeLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface TreeProps<T extends object> extends Omit<\n  HeadlessTreeProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"selectionBehavior\" | \"isLoading\" | \"slot\" | \"ref\"\n> {\n  /** TreeView content. Use a render function with `items` for S2 dynamic collections. */\n  children: JSX.Element | ((item: TreeItemData<T>, state: TreeRenderItemState) => JSX.Element);\n  /** Dynamic hierarchical items. Supports either `id` or `key`, matching React Spectrum examples. */\n  items?: TreeItemData<T>[];\n  /** Whether selection is shown with checkboxes or highlighted rows. @default 'checkbox' */\n  selectionStyle?: TreeSelectionStyle;\n  /** Loading state forwarded to load-more behavior. */\n  loadingState?: TreeLoadingState;\n  /** Provides an action bar when items are selected. */\n  renderActionBar?: (selectedKeys: \"all\" | Set<Key>) => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the tree root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Legacy label helper. Prefer aria-label or aria-labelledby. */\n  label?: JSX.Element;\n  /** Legacy description helper. */\n  description?: JSX.Element;\n}\n\nexport interface TreeItemProps<T extends object> extends Omit<\n  HeadlessTreeItemProps<T>,\n  \"class\" | \"style\" | \"children\" | \"ref\"\n> {\n  /** The unique id of the TreeViewItem. */\n  id: Key;\n  /** TreeViewItem content. Text-only children are wrapped in the S2 label slot. */\n  children?: JSX.Element | ((renderProps: TreeItemRenderProps) => JSX.Element);\n  /** Whether this item is disabled. Dynamic collections should prefer item data `isDisabled`. */\n  isDisabled?: boolean;\n  /** Whether this item has children that may not be loaded yet. */\n  hasChildItems?: boolean;\n  /** Link target metadata. */\n  href?: HeadlessTreeItemProps<T>[\"href\"];\n  target?: HeadlessTreeItemProps<T>[\"target\"];\n  download?: HeadlessTreeItemProps<T>[\"download\"];\n  rel?: HeadlessTreeItemProps<T>[\"rel\"];\n  hrefLang?: HeadlessTreeItemProps<T>[\"hrefLang\"];\n  ping?: HeadlessTreeItemProps<T>[\"ping\"];\n  referrerPolicy?: HeadlessTreeItemProps<T>[\"referrerPolicy\"];\n  routerOptions?: HeadlessTreeItemProps<T>[\"routerOptions\"];\n  /** Optional description text. Prefer `<Text slot=\"description\">`. */\n  description?: JSX.Element;\n  /** Optional icon helper retained from the older Tree API. Prefer an icon child. */\n  icon?: () => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Ref for the rendered row element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface TreeExpandButtonProps extends Omit<\n  HeadlessTreeExpandButtonProps,\n  \"class\" | \"style\"\n> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  style?: JSX.CSSProperties;\n}\n\nexport interface TreeItemContentProps extends Omit<\n  HeadlessTreeItemContentProps,\n  \"class\" | \"style\"\n> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  style?: JSX.CSSProperties;\n}\n\nexport interface TreeLoadMoreItemProps {\n  onLoadMore: () => void | Promise<void>;\n  isLoading?: boolean;\n  loadingState?: TreeLoadingState;\n  level?: number;\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\ntype StaticTreeItem = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  hasChildItems?: boolean;\n  props: TreeItemProps<object>;\n};\n\ntype ItemRegistration = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  hasChildItems?: boolean;\n  props?: TreeItemProps<object>;\n};\n\ninterface StaticCollectionContextValue {\n  mode: \"static\" | \"dynamic\";\n  registerItem(item: ItemRegistration): void;\n  unregisterItem(id: Key): void;\n}\n\ninterface TreeViewContextValue {\n  selectionStyle: TreeSelectionStyle;\n}\n\nexport const TreeViewContext = createContext<SpectrumContextValue<TreeProps<object>>>(null);\nconst InternalTreeViewContext = createContext<TreeViewContextValue>({\n  selectionStyle: \"checkbox\",\n});\nconst StaticTreeCollectionContext = createContext<StaticCollectionContextValue | null>(null);\n\nconst treeViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: \"flex\",\n    flexDirection: \"column\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    overflow: \"clip\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst treeView = style<TreeRenderProps & { isActionBar?: boolean }>(\n  {\n    ...focusRing(),\n    outlineOffset: -2,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    minHeight: 0,\n    minWidth: 0,\n    width: \"full\",\n    height: {\n      isActionBar: \"full\",\n    },\n    boxSizing: \"border-box\",\n    overflow: \"auto\",\n    fontSize: controlFont(),\n    backgroundColor: \"transparent\",\n    borderWidth: 0,\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst legacyLabel = style({\n  font: controlFont(),\n  fontWeight: \"medium\",\n  color: baseColor(\"neutral\"),\n  marginBottom: 4,\n});\n\nconst legacyDescription = style({\n  font: \"body-sm\",\n  color: baseColor(\"neutral-subdued\"),\n  marginTop: 4,\n});\n\nconst emptyState = style({\n  minHeight: 112,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral\",\n  font: \"body-sm\",\n});\n\nconst selectedBackground = colorMix(\"gray-25\", \"gray-900\", 7);\nconst selectedActiveBackground = colorMix(\"gray-25\", \"gray-900\", 10);\n\ntype TreeRowLayerProps = Partial<TreeItemRenderProps> & {\n  isLink?: boolean;\n  selectionStyle?: TreeSelectionStyle;\n};\n\nconst treeViewItem = style<TreeRowLayerProps>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  borderRadius: \"row\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\n    \". checkbox level-padding expand-button icon label actions actionmenu\",\n    \". checkbox level-padding expand-button icon description actions actionmenu\",\n  ],\n  gridTemplateColumns: [\n    edgeToText(40),\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    \"minmax(0,1fr)\",\n    \"minmax(0,auto)\",\n    \"auto\",\n  ],\n  gridTemplateRows: \"1fr auto\",\n  alignItems: \"baseline\",\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  columnGap: 0,\n  paddingX: 0,\n  minHeight: 40,\n  paddingY: 0,\n  boxSizing: \"border-box\",\n  textDecoration: \"none\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n    forcedColors: \"ButtonText\",\n    selectionStyle: {\n      highlight: {\n        isSelected: {\n          forcedColors: \"HighlightText\",\n        },\n      },\n    },\n  },\n  backgroundColor: \"transparent\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n    isDisabled: \"not-allowed\",\n  },\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n});\n\nconst treeViewRowBackground = style<TreeRowLayerProps>({\n  position: \"absolute\",\n  zIndex: -1,\n  inset: 0,\n  backgroundColor: {\n    default: \"gray-25\",\n    isHovered: {\n      default: \"gray-900/5\",\n      selectionStyle: {\n        checkbox: selectedBackground,\n      },\n    },\n    isPressed: {\n      default: \"gray-900/10\",\n      selectionStyle: {\n        checkbox: selectedActiveBackground,\n      },\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground,\n        },\n        highlight: {\n          default: colorMix(\"gray-25\", \"blue-900\", 10),\n          isHovered: colorMix(\"gray-25\", \"blue-900\", 15),\n          isPressed: colorMix(\"gray-25\", \"blue-900\", 15),\n        },\n      },\n    },\n    forcedColors: {\n      default: \"Background\",\n      selectionStyle: {\n        highlight: {\n          isSelected: \"Highlight\",\n        },\n      },\n    },\n  },\n  borderRadius: \"row\",\n});\n\nconst treeViewRowFocusRing = style<TreeRowLayerProps>({\n  ...focusRing(),\n  outlineOffset: -2,\n  outlineWidth: {\n    default: 2,\n    forcedColors: \"[3px]\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: {\n      default: \"Highlight\",\n      selectionStyle: {\n        highlight: \"ButtonBorder\",\n      },\n    },\n  },\n  position: \"absolute\",\n  inset: 0,\n  borderRadius: \"default\",\n  zIndex: 1,\n  pointerEvents: \"none\",\n});\n\nconst treeViewItemCell = style({\n  display: \"contents\",\n});\n\nconst treeLevelPadding = style({\n  gridArea: \"level-padding\",\n  alignSelf: \"stretch\",\n  width: \"[calc(var(--tree-item-level, 0) * var(--tree-indent, 16px))]\",\n});\n\nconst treeExpandButton = style<TreeRowLayerProps>({\n  gridArea: \"expand-button\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: 40,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  borderRadius: \"default\",\n  visibility: {\n    default: \"hidden\",\n    isExpandable: \"visible\",\n  },\n  cursor: {\n    default: \"default\",\n    isDisabled: \"not-allowed\",\n  },\n  disableTapHighlight: true,\n});\n\nconst treeExpandIcon = style<TreeRowLayerProps>({\n  rotate: {\n    isExpanded: 90,\n  },\n  transition: \"default\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst treeCheckbox = style({\n  gridArea: \"checkbox\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  marginEnd: 8,\n  position: \"relative\",\n  width: 16,\n  height: 16,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n});\n\nconst treeCheckboxInput = style({\n  position: \"absolute\",\n  inset: 0,\n  margin: 0,\n  opacity: 0,\n  cursor: \"inherit\",\n});\n\nconst treeCheckboxBox = style<TreeRowLayerProps>({\n  ...focusRing(),\n  size: 16,\n  pointerEvents: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderRadius: \"row\",\n  boxSizing: \"border-box\",\n  backgroundColor: {\n    default: \"gray-25\",\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    isSelected: \"transparent\",\n    isDisabled: \"disabled\",\n  },\n});\n\nconst treeCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst treeSlotIcon = style({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  display: \"block\",\n  size: fontRelative(20),\n  alignSelf: \"center\",\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst treeLabel = style<TreeRowLayerProps>({\n  gridArea: \"label\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: controlFont(),\n  color: \"inherit\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst treeDescription = style<TreeRowLayerProps>({\n  gridArea: \"description\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: \"ui-sm\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nconst treeActions = style({\n  gridArea: \"actions\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n});\n\nconst treeActionMenu = style({\n  gridArea: \"actionmenu\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n});\n\nconst treeLoadMore = style({\n  minHeight: 32,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral-subdued\",\n});\n\nfunction replaceManagedClass(element: Element, dataAttribute: string, nextClass: string): void {\n  const previousClass = element.getAttribute(dataAttribute);\n\n  for (const className of previousClass?.split(/\\s+/).filter(Boolean) ?? []) {\n    element.classList.remove(className);\n  }\n\n  for (const className of nextClass.split(/\\s+/).filter(Boolean)) {\n    element.classList.add(className);\n  }\n\n  element.setAttribute(dataAttribute, nextClass);\n}\n\nfunction applyItemSlotClasses(\n  root: HTMLElement | undefined,\n  renderProps: TreeItemRenderProps,\n  context: TreeViewContextValue,\n): void {\n  if (!root) {\n    return;\n  }\n\n  const state = {\n    ...renderProps,\n    selectionStyle: context.selectionStyle,\n  };\n\n  const gridCell = root.querySelector('[role=\"gridcell\"]');\n  if (gridCell) {\n    replaceManagedClass(gridCell, \"data-s2-treeview-cell-class\", treeViewItemCell);\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll('[slot=\"label\"], [data-slot=\"label\"], [data-rsp-slot=\"label\"]'),\n  )) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeLabel(state));\n    element.setAttribute(\"data-rsp-slot\", \"label\");\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll(\n      '[slot=\"description\"], [data-slot=\"description\"], [data-rsp-slot=\"description\"]',\n    ),\n  )) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeDescription(state));\n    element.setAttribute(\"data-rsp-slot\", \"description\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"icon\"], [data-slot=\"icon\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeSlotIcon);\n    element.setAttribute(\"data-rsp-slot\", \"icon\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actions\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeActions);\n    element.setAttribute(\"data-rsp-slot\", \"actions\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actionmenu\"]'))) {\n    replaceManagedClass(element, \"data-s2-treeview-slot-class\", treeActionMenu);\n    element.setAttribute(\"data-rsp-slot\", \"actionmenu\");\n  }\n}\n\nfunction selectedKeySet(keys: \"all\" | Iterable<Key> | undefined): \"all\" | Set<Key> {\n  if (keys === \"all\") {\n    return \"all\";\n  }\n\n  return new Set(keys ?? []);\n}\n\nfunction getItemKey<T extends object>(item: TreeItemData<T>, index: number): Key {\n  return item.id ?? item.key ?? index;\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  return Array.isArray(value) && value.every(isTextOnlyChildren);\n}\n\nfunction treeItemFromStatic(item: StaticTreeItem): TreeItemData<object> {\n  return {\n    id: item.id,\n    key: item.id,\n    value: item.props as object,\n    textValue: item.textValue ?? String(item.id),\n    isDisabled: item.isDisabled,\n    hasChildItems: item.hasChildItems,\n  };\n}\n\nfunction mergeRegisteredTreeItems<T extends object>(\n  items: TreeItemData<T>[],\n  registeredItems: Map<Key, ItemRegistration>,\n): TreeItemData<T>[] {\n  return items.map((item, index) => {\n    const key = getItemKey(item, index);\n    const registered = registeredItems.get(key);\n    const children = item.children\n      ? mergeRegisteredTreeItems(item.children as TreeItemData<T>[], registeredItems)\n      : item.children;\n\n    if (!registered) {\n      return children === item.children ? item : { ...item, children };\n    }\n\n    return {\n      ...item,\n      id: item.id ?? key,\n      key: item.key ?? key,\n      isDisabled: item.isDisabled ?? registered.isDisabled,\n      hasChildItems: item.hasChildItems ?? registered.hasChildItems,\n      children,\n    };\n  });\n}\n\nexport function Tree<T extends object>(props: TreeProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(\n    useContext(TreeViewContext) as SpectrumContextValue<TreeProps<T>>,\n    props.slot,\n  );\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props) as TreeProps<T>;\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"children\",\n    \"items\",\n    \"selectionStyle\",\n    \"loadingState\",\n    \"renderActionBar\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n    \"label\",\n    \"description\",\n    \"hasMore\",\n    \"onLoadMore\",\n  ]);\n  const selectionStyle = (): TreeSelectionStyle => local.selectionStyle ?? \"checkbox\";\n  const isLoading = () => local.loadingState === \"loading\" || local.loadingState === \"loadingMore\";\n  const [staticItems, setStaticItems] = createSignal<StaticTreeItem[]>([]);\n  const [registrationVersion, setRegistrationVersion] = createSignal(0);\n  const registeredItems = new Map<Key, ItemRegistration>();\n  const usesStaticChildren = () => local.items == null;\n  const syncRegisteredItems = () => {\n    setStaticItems(\n      Array.from(registeredItems.values())\n        .filter((item) => item.props)\n        .map((item) => ({\n          id: item.id,\n          textValue: item.textValue,\n          isDisabled: item.isDisabled,\n          hasChildItems: item.hasChildItems,\n          props: item.props!,\n        })),\n    );\n    setRegistrationVersion((version) => version + 1);\n  };\n  const registrationContext: StaticCollectionContextValue = {\n    get mode() {\n      return usesStaticChildren() ? \"static\" : \"dynamic\";\n    },\n    registerItem(item) {\n      const previous = registeredItems.get(item.id);\n      if (\n        previous &&\n        previous.textValue === item.textValue &&\n        previous.isDisabled === item.isDisabled &&\n        previous.hasChildItems === item.hasChildItems &&\n        previous.props === item.props\n      ) {\n        return;\n      }\n\n      registeredItems.set(item.id, item);\n      syncRegisteredItems();\n    },\n    unregisterItem(id) {\n      if (registeredItems.delete(id)) {\n        syncRegisteredItems();\n      }\n    },\n  };\n  const treeContext = createMemo<TreeViewContextValue>(() => ({\n    selectionStyle: selectionStyle(),\n  }));\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const collectionItems = createMemo(() => {\n    registrationVersion();\n    if (usesStaticChildren()) {\n      return staticItems().map(treeItemFromStatic) as TreeItemData<T>[];\n    }\n\n    return (local.items ?? []) as TreeItemData<T>[];\n  });\n  const collectionItemsWithDisabled = createMemo(() =>\n    mergeRegisteredTreeItems(collectionItems(), registeredItems),\n  );\n  const [actionSelectedKeys, setActionSelectedKeys] = createSignal<\"all\" | Set<Key>>(\n    selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n  );\n  createEffect(() => {\n    setActionSelectedKeys(\n      selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    );\n  });\n  const onSelectionChange = (keys: \"all\" | Set<Key>) => {\n    setActionSelectedKeys(keys === \"all\" ? \"all\" : new Set(keys));\n    headlessProps.onSelectionChange?.(keys);\n  };\n  const className = (renderProps: TreeRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      mergeStyles(\n        treeView({ ...renderProps, isActionBar: !!local.renderActionBar }),\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderEmptyState = () => (\n    <div class={emptyState}>{headlessProps.renderEmptyState?.() ?? \"No items\"}</div>\n  );\n  const renderItem = (item: TreeItemData<T>, state: TreeRenderItemState) =>\n    usesStaticChildren() ? (\n      <TreeItem {...((item.value ?? item) as TreeItemProps<T>)} />\n    ) : typeof local.children === \"function\" ? (\n      local.children(item, state)\n    ) : null;\n  const renderRegistrationItems = (items: TreeItemData<T>[], level = 0): JSX.Element[] => {\n    const rendered: JSX.Element[] = [];\n    const renderChild = local.children;\n\n    if (typeof renderChild !== \"function\") {\n      return rendered;\n    }\n\n    for (const item of items) {\n      const isExpandable = Boolean(item.children?.length || item.hasChildItems);\n      rendered.push(\n        renderChild(item, {\n          isExpanded: false,\n          isExpandable,\n          level,\n        }),\n      );\n\n      if (item.children?.length) {\n        rendered.push(...renderRegistrationItems(item.children as TreeItemData<T>[], level + 1));\n      }\n    }\n\n    return rendered;\n  };\n  const registrationChildren = () => {\n    if (usesStaticChildren()) {\n      const resolved = resolveChildren(() => local.children as JSX.Element);\n      return resolved();\n    }\n\n    if (typeof local.children !== \"function\") {\n      return null;\n    }\n\n    return renderRegistrationItems(local.items ?? []);\n  };\n  const loadMoreContent = () => (\n    <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n      {isLoading() ? <ProgressCircle isIndeterminate size=\"S\" aria-label=\"Loading more\" /> : null}\n    </div>\n  );\n\n  // One return shape, always framed — load-bearing for hydration (caught by\n  // Tree.hydrate.test.tsx): never build two eager JSX branches and return one.\n  // Client JSX consts are real DOM nodes, so an unused detached wrapper\n  // embedding `collection` MOVES the just-claimed server nodes into itself and\n  // the returned branch hydrates empty. SSR output is unaffected (strings\n  // don't move), which is why only the live page lost the tree. A single\n  // always-framed shape leaves exactly one construction path; without chrome\n  // the wrapper is `display: contents`, so layout is untouched.\n  // (A Tree hydration abort that once looked like a return-shape problem was\n  // actually a repeated `local.children` read in ResolvedItemContent /\n  // TreeItemContent — see the read-once comments there.)\n  const collection = () => (\n    <InternalTreeViewContext.Provider value={treeContext()}>\n      <div hidden inert aria-hidden=\"true\" style={{ display: \"none\" }}>\n        <StaticTreeCollectionContext.Provider value={registrationContext}>\n          {registrationChildren()}\n        </StaticTreeCollectionContext.Provider>\n      </div>\n      <HeadlessTree\n        {...headlessProps}\n        ref={(element: HTMLDivElement) => assignRootRef(element)}\n        items={collectionItemsWithDisabled() ?? []}\n        selectionBehavior={selectionStyle() === \"highlight\" ? \"replace\" : \"toggle\"}\n        onSelectionChange={onSelectionChange}\n        isLoading={isLoading()}\n        hasMore={local.hasMore ?? !!local.onLoadMore}\n        onLoadMore={local.onLoadMore}\n        loadingState={local.loadingState}\n        renderLoadMoreItem={loadMoreContent}\n        renderEmptyState={renderEmptyState}\n        slot={local.slot ?? undefined}\n        class={className}\n        style={mergedUnsafeStyle()}\n        data-tree-view=\"\"\n        data-selection-style={selectionStyle()}\n        data-loading-state={local.loadingState ?? undefined}\n      >\n        {(item: TreeItemData<T>, state: TreeRenderItemState) => renderItem(item, state)}\n      </HeadlessTree>\n    </InternalTreeViewContext.Provider>\n  );\n\n  const hasChrome = () => Boolean(local.label || local.description || local.renderActionBar);\n\n  return (\n    <div\n      class={hasChrome() ? treeViewWrapper(null, mergedStyles()) : undefined}\n      style={hasChrome() ? mergedUnsafeStyle() : { display: \"contents\" }}\n    >\n      {local.label ? <div class={legacyLabel({})}>{local.label}</div> : null}\n      {collection()}\n      {local.description ? <div class={legacyDescription({})}>{local.description}</div> : null}\n      {local.renderActionBar ? local.renderActionBar(actionSelectedKeys()) : null}\n    </div>\n  );\n}\n\nexport function TreeItem<T extends object>(props: TreeItemProps<T>): JSX.Element {\n  const context = useContext(InternalTreeViewContext);\n  const staticCollection = useContext(StaticTreeCollectionContext);\n  const collectionState = useContext(HeadlessTreeStateContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"isDisabled\",\n    \"hasChildItems\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"rel\",\n    \"hrefLang\",\n    \"ping\",\n    \"referrerPolicy\",\n    \"routerOptions\",\n    \"description\",\n    \"icon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  createEffect(() => {\n    if (!staticCollection) {\n      return;\n    }\n\n    staticCollection.registerItem({\n      id: props.id,\n      textValue: headlessProps.textValue ?? headlessProps[\"aria-label\"],\n      isDisabled: !!local.isDisabled,\n      hasChildItems: !!local.hasChildItems,\n      props: staticCollection.mode === \"static\" ? (props as TreeItemProps<object>) : undefined,\n    });\n  });\n\n  onCleanup(() => {\n    staticCollection?.unregisterItem(props.id);\n  });\n\n  if (staticCollection) {\n    return null;\n  }\n\n  let itemElement: HTMLElement | undefined;\n  const assignItemRef = mergeContextRefs(local.ref, (element: HTMLElement) => {\n    itemElement = element;\n  });\n  const getRowLayerProps = (renderProps: TreeItemRenderProps): TreeRowLayerProps => ({\n    ...renderProps,\n    selectionStyle: context.selectionStyle,\n    isLink: !!local.href,\n  });\n  const getClassName = (renderProps: TreeItemRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        treeViewItem({\n          ...getRowLayerProps(renderProps),\n          isLink: !!local.href,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getStyle = (renderProps: TreeItemRenderProps): JSX.CSSProperties => ({\n    \"--tree-item-level\": String(renderProps.level),\n    \"--tree-indent\": \"16px\",\n    ...local.UNSAFE_style,\n  });\n  const textContext = (renderProps: TreeItemRenderProps) => ({\n    slots: {\n      default: {\n        slot: \"label\",\n        styles: () => treeLabel(getRowLayerProps(renderProps)),\n      },\n      label: {\n        slot: \"label\",\n        styles: () => treeLabel(getRowLayerProps(renderProps)),\n      },\n      description: {\n        slot: \"description\",\n        styles: () => treeDescription(getRowLayerProps(renderProps)),\n      },\n    },\n  });\n  const shouldShowCheckbox = (renderProps: TreeItemRenderProps) =>\n    renderProps.selectionMode !== \"none\" &&\n    renderProps.selectionBehavior === \"toggle\" &&\n    !renderProps.isDisabled;\n\n  function ItemChildren(renderProps: TreeItemRenderProps) {\n    createEffect(() => applyItemSlotClasses(itemElement, renderProps, context));\n\n    function ResolvedItemContent() {\n      const resolvedChildren = resolveChildren(() => {\n        // Read `local.children` once — a repeated props-children read re-instantiates child\n        // components on the server only, desynchronizing Solid's hydration keys and aborting\n        // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n        const rawChildren = local.children;\n        return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n      });\n      const childrenValue = () => resolvedChildren();\n      const isTextOnly = () => isTextOnlyChildren(childrenValue());\n\n      return (\n        <>\n          {isTextOnly() ? (\n            <TreeItemContent>\n              <Text slot=\"label\">{childrenValue()}</Text>\n              {local.description ? <Text slot=\"description\">{local.description}</Text> : null}\n            </TreeItemContent>\n          ) : (\n            childrenValue()\n          )}\n          {!isTextOnly() && local.description ? (\n            <Text slot=\"description\">{local.description}</Text>\n          ) : null}\n        </>\n      );\n    }\n\n    return (\n      <TextContext.Provider value={textContext(renderProps) as SpectrumContextValue<any>}>\n        <IconContext.Provider\n          value={{\n            slot: \"icon\",\n            styles: treeSlotIcon,\n          }}\n        >\n          <ActionButtonGroupContext.Provider\n            value={{\n              slot: \"actions\",\n              size: \"S\",\n              styles: treeActions,\n            }}\n          >\n            <ActionMenuContext.Provider\n              value={{\n                slot: \"actionmenu\",\n                size: \"S\",\n                menuSize: \"S\",\n                styles: treeActionMenu,\n              }}\n            >\n              {shouldShowCheckbox(renderProps) ? (\n                <TreeSelectionCheckbox itemKey={props.id} renderProps={renderProps} />\n              ) : null}\n              <div\n                class={treeViewRowBackground(getRowLayerProps(renderProps))}\n                aria-hidden=\"true\"\n              />\n              {renderProps.isFocusVisible ? (\n                <div\n                  class={treeViewRowFocusRing(getRowLayerProps(renderProps))}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n              <span class={treeLevelPadding} aria-hidden=\"true\" />\n              <TreeExpandButton renderProps={renderProps} />\n              {local.icon ? (\n                <span slot=\"icon\" class={treeSlotIcon} data-rsp-slot=\"icon\">\n                  {local.icon()}\n                </span>\n              ) : null}\n              <ResolvedItemContent />\n            </ActionMenuContext.Provider>\n          </ActionButtonGroupContext.Provider>\n        </IconContext.Provider>\n      </TextContext.Provider>\n    );\n  }\n\n  return (\n    <HeadlessTreeItem\n      {...headlessProps}\n      ref={(element) => assignItemRef(element)}\n      hasChildItems={local.hasChildItems}\n      isDisabled={local.isDisabled}\n      href={local.href}\n      target={local.target}\n      download={local.download}\n      rel={local.rel}\n      hrefLang={local.hrefLang}\n      ping={local.ping}\n      referrerPolicy={local.referrerPolicy}\n      routerOptions={local.routerOptions}\n      class={getClassName}\n      style={getStyle}\n      data-tree-view-item=\"\"\n      data-disabled={local.isDisabled || undefined}\n      data-href={local.href || undefined}\n      data-target={local.target || undefined}\n      data-has-child-items={local.hasChildItems || undefined}\n    >\n      {(renderProps: TreeItemRenderProps) => <ItemChildren {...renderProps} />}\n    </HeadlessTreeItem>\n  );\n}\n\nexport function TreeItemContent(props: TreeItemContentProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"children\", \"class\", \"style\"]);\n\n  return (\n    <HeadlessTreeItemContent {...headlessProps}>\n      {(renderProps: HeadlessTreeItemContentRenderProps) => {\n        const content = () => {\n          // Read `local.children` once — a repeated props-children read re-instantiates child\n          // components on the server only, desynchronizing Solid's hydration keys and aborting\n          // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n        };\n        return (\n          <span\n            class={[treeViewItemCell, local.class].filter(Boolean).join(\" \")}\n            style={local.style}\n          >\n            {content()}\n          </span>\n        );\n      }}\n    </HeadlessTreeItemContent>\n  );\n}\n\nexport function TreeExpandButton(\n  props: TreeExpandButtonProps & { renderProps?: TreeItemRenderProps },\n): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"style\", \"children\", \"renderProps\"]);\n  const itemContext = useContext(HeadlessTreeItemContext);\n  const isExpandable = () => Boolean(itemContext?.isExpandable ?? local.renderProps?.isExpandable);\n  const renderState = () => ({\n    ...(local.renderProps ?? {}),\n    isExpandable: isExpandable(),\n    isExpanded: Boolean(itemContext?.isExpanded ?? local.renderProps?.isExpanded),\n  });\n  const className = () => [treeExpandButton(renderState()), local.class].filter(Boolean).join(\" \");\n  const stopPlaceholderExpansion = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  if (!isExpandable()) {\n    return (\n      <button\n        {...headlessProps}\n        type=\"button\"\n        tabIndex={-1}\n        class={className()}\n        style={local.style}\n        aria-label=\"Expand\"\n        onClick={stopPlaceholderExpansion}\n        onPointerDown={stopPlaceholderExpansion}\n        onPointerUp={stopPlaceholderExpansion}\n        onMouseDown={stopPlaceholderExpansion}\n        onMouseUp={stopPlaceholderExpansion}\n        data-rsp-slot=\"expand-button\"\n      >\n        {(() => {\n          // Read `local.children` once — a repeated props-children read re-instantiates child\n          // components on the server only, desynchronizing Solid's hydration keys and aborting\n          // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n          const rawChildren = local.children;\n          return typeof rawChildren === \"function\"\n            ? rawChildren(renderState())\n            : (rawChildren ?? (\n                <Chevron size=\"S\" class={treeExpandIcon({ ...renderState(), isExpanded: false })} />\n              ));\n        })()}\n      </button>\n    );\n  }\n\n  return (\n    <HeadlessTreeExpandButton\n      {...headlessProps}\n      class={className()}\n      style={local.style}\n      data-rsp-slot=\"expand-button\"\n    >\n      {local.children ??\n        (({ isExpanded }: { isExpanded: boolean }) => (\n          <Chevron size=\"S\" class={treeExpandIcon({ ...renderState(), isExpanded })} />\n        ))}\n    </HeadlessTreeExpandButton>\n  );\n}\n\nexport function TreeSelectionCheckbox(props: {\n  itemKey: Key;\n  renderProps?: TreeItemRenderProps;\n  class?: string;\n  style?: JSX.CSSProperties;\n  excludeFromTabOrder?: boolean;\n  \"aria-label\"?: string;\n}): JSX.Element {\n  const state = useContext(HeadlessTreeStateContext);\n  const isSelected = () => Boolean(state?.isSelected?.(props.itemKey));\n  const renderProps = createMemo<TreeRowLayerProps>(() => ({\n    isSelected: props.renderProps?.isSelected ?? isSelected(),\n    isFocused: props.renderProps?.isFocused ?? false,\n    isFocusVisible: props.renderProps?.isFocusVisible ?? false,\n    isPressed: props.renderProps?.isPressed ?? false,\n    isHovered: props.renderProps?.isHovered ?? false,\n    isDisabled: props.renderProps?.isDisabled ?? false,\n    isExpanded: props.renderProps?.isExpanded ?? false,\n    isExpandable: props.renderProps?.isExpandable ?? false,\n    level: props.renderProps?.level ?? 0,\n    selectionStyle: \"checkbox\",\n  }));\n\n  return (\n    <span\n      class={[treeCheckbox, props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n      data-rsp-slot=\"selection-indicator\"\n    >\n      <HeadlessTreeSelectionCheckbox\n        itemKey={props.itemKey}\n        class={treeCheckboxInput}\n        excludeFromTabOrder={props.excludeFromTabOrder}\n        aria-label={props[\"aria-label\"] ?? \"Select\"}\n      />\n      <span class={treeCheckboxBox(renderProps())}>\n        {renderProps().isSelected ? <Checkmark size=\"XS\" class={treeCheckboxIcon} /> : null}\n      </span>\n    </span>\n  );\n}\n\nexport function TreeLoadMoreItem(props: TreeLoadMoreItemProps): JSX.Element {\n  const staticCollection = useContext(StaticTreeCollectionContext);\n  const isLoading = () =>\n    props.isLoading || props.loadingState === \"loading\" || props.loadingState === \"loadingMore\";\n\n  if (staticCollection) {\n    return null;\n  }\n\n  return (\n    <HeadlessTreeLoadMoreItem\n      onLoadMore={props.onLoadMore}\n      isLoading={isLoading()}\n      loadingState={props.loadingState}\n      level={props.level}\n      class={[\"\", props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n    >\n      <div class={treeLoadMore} data-rsp-slot=\"load-more\">\n        {props.children ??\n          (isLoading() ? (\n            <ProgressCircle isIndeterminate size=\"S\" aria-label=\"Loading more\" />\n          ) : null)}\n      </div>\n    </HeadlessTreeLoadMoreItem>\n  );\n}\n\nTree.Item = TreeItem;\nTree.Content = TreeItemContent;\nTree.ExpandButton = TreeExpandButton;\nTree.SelectionCheckbox = TreeSelectionCheckbox;\nTree.LoadMoreItem = TreeLoadMoreItem;\n\nexport const TreeView = Tree;\nexport const TreeViewItem = TreeItem;\nexport const TreeViewItemContent = TreeItemContent;\nexport const TreeViewLoadMoreItem = TreeLoadMoreItem;\nexport { Collection } from \"@proyecto-viviana/solidaria-components\";\nexport { Text } from \"../text\";\n\nexport type { Key, TreeItemData, TreeRenderItemState };\n"],"mappings":"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"}

package/dist/tree/index.jsx

@@ -157,7 +157,7 @@ const legacyDescription = function anonymous(props) {
 	if (props.isPressed) rules += " pQKeKoe151";
 	else if (props.isFocusVisible) rules += " pQKeKoe151";
 	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	rules += " Js151";
 	return rules;
 };
@@ -190,7 +190,7 @@ const treeViewItem = function anonymous(props) {
 	else if (props.isPressed) rules += " pQKeKoe151";
 	else if (props.isFocusVisible) rules += " pQKeKoe151";
 	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	else {
 		if (props.isDisabled) rules += " pUvnvv151";
 		else if (props.isSelected) if (props.isPressed) rules += " pMwyHo151";
@@ -200,7 +200,7 @@ const treeViewItem = function anonymous(props) {
 		else if (props.isPressed) rules += " pQKeKoe151";
 		else if (props.isFocusVisible) rules += " pQKeKoe151";
 		else if (props.isHovered) rules += " pQKeKoe151";
-		else rules += " pUUi0Fe151";
+		else rules += " pWQ7V3d151";
 		rules += " plb151";
 	}
 	rules += " g9151";
@@ -441,7 +441,7 @@ const treeDescription = function anonymous(props) {
 	} else if (props.isPressed) rules += " pQKeKoe151";
 	else if (props.isFocusVisible) rules += " pQKeKoe151";
 	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	else rules += " pWQ7V3d151";
 	rules += " _Nc151";
 	rules += " Pc151";
 	rules += " _Yb151";
@@ -450,7 +450,7 @@ const treeDescription = function anonymous(props) {
 };
 const treeActions = " zkG38H151 ykG38H151 BkG38H151 AvoofG151 _dc151 __Ac151 It151 Isu151";
 const treeActionMenu = " z6Nrfjc151 y6Nrfjc151 B6Nrfjc151 AvoofG151 _dc151";
-const treeLoadMore = " Mi151 sd151 eb151 _Ca151 pUUi0Fe151";
+const treeLoadMore = " Mi151 sd151 eb151 _Ca151 pWQ7V3d151";
 function replaceManagedClass(element, dataAttribute, nextClass) {
 	const previousClass = element.getAttribute(dataAttribute);
 	for (const className of previousClass?.split(/\s+/).filter(Boolean) ?? []) element.classList.remove(className);