@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/tree/index.jsx.map

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

package/dist/utils/createMediaQuery.d.ts

@@ -0,0 +1,2 @@
+export declare function createMediaQuery(query: string): () => boolean;
+//# sourceMappingURL=createMediaQuery.d.ts.map

package/dist/utils/createMediaQuery.d.ts.map

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

package/dist/view/Content.d.ts

@@ -0,0 +1,32 @@
+import { type JSX } from "solid-js";
+export interface ContentProps {
+    /** Additional CSS class name. */
+    class?: string;
+    /** The content. */
+    children?: JSX.Element;
+}
+/**
+ * A content slot component for dialog or panel body.
+ */
+export declare function Content(props: ContentProps): JSX.Element;
+export interface ViewHeaderProps {
+    /** Additional CSS class name. */
+    class?: string;
+    /** The content. */
+    children?: JSX.Element;
+}
+/**
+ * A header slot component.
+ */
+export declare function ViewHeader(props: ViewHeaderProps): JSX.Element;
+export interface ViewFooterProps {
+    /** Additional CSS class name. */
+    class?: string;
+    /** The content. */
+    children?: JSX.Element;
+}
+/**
+ * A footer slot component.
+ */
+export declare function ViewFooter(props: ViewFooterProps): JSX.Element;
+//# sourceMappingURL=Content.d.ts.map

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

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

package/dist/view/index.d.ts

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

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

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

package/dist/viviana-tokens.css

@@ -1,5 +1,5 @@
 /*
- * Viviana UI design tokens — blue + amber frosted glass.
+ * Viviana UI design tokens — v2 register (blue + amber frosted glass + pixel/terminal).
  *
  * The brand's color palette + typography, owned by the design system itself so
  * the product components are self-contained. The S2 style() macro carries the
@@ -7,24 +7,34 @@
  * supply the *color* + the *frosted-glass effect* families, referenced from
  * components as arbitrary `[var(--color-*)]` / `[var(--surface-*)]` values.
  *
- * This is the retuned Viviana UI token layer authored on the
- * `design/visual-system-claude-v1` lane (see `.claude/current/visual-system-lane.md`).
- * It supersedes the earlier blue + pink "Silapse" palette: the accent family is
- * now amber (the single warm, one-per-screen action color), blue carries
- * wayfinding/selection, and new **surface / blur / edge-glass / glow / shadow**
- * families express the frosted-glass surface ladder. Semantic
- * success/warning/danger are unchanged. The values are the canonical spec
- * transcribed from the paired design handoff; the Education reference route keeps
- * the same semantic names under its `.vui` scope.
+ * Two audiences share this file. (1) The Adobe-Spectrum (S2) components consume
+ * the `--color-*` / `--surface-*` / `--accent-*` / `--blur-*` / `--edge-glass`
+ * families as arbitrary `[var(--…)]` values — the style() macro carries the
+ * *shape*, these vars carry the *color* + the *frosted-glass effect*. (2) Product
+ * screens consume the app vocabulary: the short palette ramps (`--blue-*`,
+ * `--amber-*`, `--slate-*`), semantic `--text-*` / `--border-*` / `--status-*`,
+ * the matte terminal wells (`--surface-well`, `--well-*`), spacing / radii, and
+ * the closed set of eight `--type-*` roles.
  *
- * Dark is the default (`:root`); light overrides bind to the same
- * `data-color-scheme` attribute solid-spectrum's theme uses, so a single scheme
- * switch flips both layers together. `apps/web` still ships its own copy of the
- * legacy palette until the Tailwind-removal Phase 4 restyle consumes this file
- * directly (`.claude/current/tailwind-removal.md`).
+ * This is the v2 register of the Viviana UI token layer (see
+ * `.claude/current/visual-system-lane.md`). It keeps the amber accent (the single
+ * warm, one-per-screen action color) and blue wayfinding/selection of the earlier
+ * frosted-glass pass, and adds the pixel/terminal register onto it: matte wells,
+ * the cyan/amber/sky-blue/red status channels, and eight type roles rendered in
+ * Geist Pixel (display), Geist (body/ui) and Geist Mono (terminal, loaded via
+ * `font-faces.css`). Semantic success/warning/danger are unchanged.
+ *
+ * Dark is the default (`:root`, re-asserted under `[data-color-scheme="dark"]` so
+ * a nested `<Provider colorScheme>` can flip a subtree back to night); light
+ * overrides bind to `[data-color-scheme="light"]`, the same attribute
+ * solid-spectrum's theme uses, so a single scheme switch flips both layers
+ * together. `apps/web` still ships its own copy of the legacy palette until the
+ * Tailwind-removal Phase 4 restyle consumes this file directly
+ * (`.claude/current/tailwind-removal.md`).
  */
 
-:root {
+:root,
+[data-color-scheme="dark"] {
   /* Grey scale — charcoal-slate neutral ramp */
   --color-grey-50: #f3f4f6;
   --color-grey-100: #d7dce2;
@@ -181,27 +191,44 @@
   --color-warning-bg: rgba(210, 153, 34, 0.1);
   --color-danger-bg: rgba(248, 81, 73, 0.1);
 
-  /* ── Frosted-glass surface family (translucent ladder over a lit scene) ── */
-  --surface-app: #1e2227;
-  --surface-panel: rgba(20, 26, 31, 0.94);
-  --surface-card: rgba(27, 36, 44, 0.9);
-  --surface-raised: rgba(35, 45, 55, 0.95);
-  --surface-inset: rgba(13, 17, 21, 0.72);
-  --surface-hover: rgba(42, 53, 64, 0.95);
+  /* ── Frosted-glass surface family — v2 neutral-charcoal night ──
+     (translucent ladder over a lit scene; wells below are matte, never glass) */
+  --surface-app: #0c0d10;
+  --surface-panel: rgba(23, 25, 30, 0.78);
+  --surface-card: rgba(30, 32, 38, 0.72);
+  --surface-raised: rgb(51, 58, 68);
+  --surface-inset: rgba(10, 11, 14, 0.38);
+  --surface-hover: rgba(58, 62, 70, 0.48);
   --surface-ghost: rgba(30, 36, 41, 0.28);
 
   /* Accent surface tints (soft fills for selected/warm states) */
-  --accent-primary: var(--color-primary);
-  --accent-primary-soft: rgba(46, 144, 250, 0.15);
-  --accent-warm: var(--color-accent);
+  --accent-primary: var(--blue-500);
+  --accent-primary-soft: #14283e;
+  --accent-warm: var(--amber-500);
   --accent-warm-soft: rgba(247, 144, 9, 0.15);
 
-  /* ── Blur family ── */
+  /* ── Blur family (panels/cards only) ── */
   --blur-panel: blur(18px);
-  --blur-card: blur(10px);
+  --blur-card: blur(14px);
 
   /* ── Edge-glass (inner highlight that catches the light) ── */
-  --edge-glass: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
+  /* Two rims, because the ground decides how much white a surface can carry.
+   *
+   * `--edge-glass` is the CONTROL rim — buttons, chips, badges, nav pills. Those
+   * are opaque, so their own fill contains the rim and it can match daylight
+   * exactly (0.9 / 0.35); it reads as the same lit edge in either scheme (was
+   * 0.14/0.06 at night — all but invisible).
+   *
+   * `--edge-glass-surface` is the SURFACE rim — the topbar, panels, cards, and
+   * every elevated overlay. Those are translucent over a dark blurred backdrop,
+   * where the control rim's white pops hard and draws a bright outline around
+   * the whole container instead of lifting its edge. Softening both stops (top
+   * 0.45, ring 0.09) keeps a refined lit-glass edge without the outline.
+   *
+   * Keep both in step with the `edgeGlassShadow` / `edgeGlassSurfaceShadow`
+   * fallbacks in style/spectrum-theme.ts. */
+  --edge-glass: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+  --edge-glass-surface: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.09);
 
   /* ── Shadow + glow family (glow follows the accent, never the chrome) ── */
   --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.4);
@@ -210,15 +237,135 @@
   --shadow-glow-blue: 0 0 24px rgba(46, 144, 250, 0.35);
   --shadow-glow-warm: 0 0 24px rgba(247, 144, 9, 0.3);
 
-  /* Typography */
-  --font-sen: "Sen", sans-serif;
-  --font-jost: "Jost", sans-serif;
-  --font-sans: "Sen", sans-serif;
-  --font-mono: "JetBrains Mono", monospace;
-  --font-title: "Jost", system-ui, sans-serif;
-  --font-body: "Sen", system-ui, sans-serif;
-  --font-display: var(--font-jost);
-  --font-ui: var(--font-sen);
+  /* ═══════════════════════════════════════════════════════════════════════
+     v2 app + terminal vocabulary — Night. Product screens consume these; the
+     S2 --color-* families above stay in lockstep for the Spectrum components.
+     ═══════════════════════════════════════════════════════════════════════ */
+
+  /* Short palette ramps — the app-facing colour vocabulary */
+  --blue-50: rgba(46, 144, 250, 0.15);
+  --blue-100: #d4e9fd;
+  --blue-200: #a8d2fb;
+  --blue-300: #7cbaf8;
+  --blue-400: #55a6f6;
+  --blue-500: #2e90fa;
+  --blue-600: #55a6f6;
+  --blue-700: #135fc0;
+  --amber-50: rgba(247, 144, 9, 0.15);
+  --amber-100: rgba(247, 144, 9, 0.22);
+  --amber-300: #f9c270;
+  --amber-500: #f79009;
+  --amber-600: #f9b45c;
+  /* 'violet' retired from the register → sky-blue metric hue (island
+     glasselated.css:32-33). Name kept as a legacy alias so var(--violet-500)
+     consumers (--cal-design) migrate without a rename. */
+  --violet-500: #5ac2ee;
+  --red-500: #f04438;
+  --slate-900: #edf1f6;
+  --slate-700: #b9c4d6;
+  --slate-500: #97a1ab;
+  --slate-400: #7c8794;
+  --slate-300: #c4d0de;
+  --slate-200: rgba(255, 255, 255, 0.1);
+  --slate-100: rgba(255, 255, 255, 0.06);
+  --white: #ffffff;
+
+  /* Text */
+  --text-primary: #f2f3f5;
+  --text-secondary: #9aa0a8;
+  --text-tertiary: #6e747c;
+  --text-link: #55a6f6;
+  --text-on-accent: #ffffff;
+
+  /* Terminal wells — matte / opaque, NEVER glass */
+  --surface-well: #0a0f14;
+  --surface-well-tutor: #05070a;
+  --well-border: rgba(255, 255, 255, 0.1);
+  --well-scan: rgba(255, 255, 255, 0.055);
+  --well-cy: #6fc1ff;
+  --well-am: #ffb45e;
+  --well-vi: #5ac2ee; /* 'metric' well ink — sky-blue (was violet) */
+  --well-rd: #ff8a7a;
+  --well-hi: var(--well-cy);
+  --well-dim: rgba(170, 176, 184, 0.5);
+  --well-mid: #a6acb4;
+  --well-run-fg: var(--well-cy);
+  --well-tutor-ink: #eaf2fb;
+  --btn-secondary-bg: var(--surface-raised);
+
+  /* Accents (app) — live pulse · create CTA · interactive fill */
+  --accent-live: #ff6b35;
+  --interactive-fill: #407fc1;
+  --accent-create-bg: rgb(255 222 129);
+  --accent-create-border: rgb(255 222 129);
+  --accent-create-ink: #3a2e00;
+
+  /* Status channels: cyan=info · amber=signal · sky-blue=metric · red=fault */
+  --status-info: #55a6f6;
+  --status-signal: #f9b45c;
+  --status-metric: #5ac2ee;
+  --status-fault: #f97066;
+
+  /* Event tints */
+  --event-default-bg: rgba(30, 32, 38, 0.72);
+  --event-default-border: rgba(255, 255, 255, 0.09);
+  --event-highlight-bg: rgba(50, 34, 12, 0.6);
+  --event-highlight-border: rgba(247, 144, 9, 0.55);
+  --event-focus-bg: rgba(15, 26, 40, 0.65);
+  --event-focus-border: rgba(46, 144, 250, 0.5);
+
+  /* Borders (app) */
+  --border-subtle: rgba(255, 255, 255, 0.07);
+  --border-default: rgba(255, 255, 255, 0.12);
+  --border-focus: var(--blue-400);
+
+  /* Calendar category dots (hues follow the ramps, so no light override) */
+  --cal-work: var(--amber-500);
+  --cal-personal: var(--blue-500);
+  --cal-design: var(--violet-500);
+
+  /* Spacing scale */
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --space-8: 32px;
+
+  /* Radii */
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+  --radius-xl: 20px;
+  --radius-pill: 999px;
+
+  /* ── Typography — three faces, eight closed roles ──
+     display/title/headline/label = Geist Pixel · body/meta = Geist ·
+     micro/terminal/button = Geist Mono. Faces load via font-faces.css. */
+  --font-display: "Geist Pixel", ui-monospace, monospace;
+  --font-ui: "Geist", -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, monospace;
+  /* back-compat aliases, repointed to the v2 faces */
+  --font-sans: var(--font-ui);
+  --font-title: var(--font-display);
+  --font-body: var(--font-ui);
+  --type-pixel-vs: "ELSH" 1;
+  --type-display: 500 28px/1.15 var(--font-display);
+  --type-display-track: 0.01em;
+  --type-title: 600 20px/1.2 var(--font-display);
+  --type-title-track: 0.01em;
+  --type-headline: 700 15px/1.3 var(--font-display);
+  --type-headline-track: 0.01em;
+  --type-label: 600 13.5px/1.15 var(--font-display);
+  --type-label-track: 0.01em;
+  --type-body: 400 14px/1.55 var(--font-ui);
+  --type-meta: 400 12px/1.5 var(--font-ui);
+  --type-micro: 700 10px/1.2 var(--font-mono);
+  --type-micro-track: 0.1em;
+  --type-terminal: 400 11.5px/1.95 var(--font-mono);
+  --type-button: 400 15px/1 var(--font-mono);
+  --type-button-track: 0;
 }
 
 [data-color-scheme="light"] {
@@ -369,19 +516,106 @@
   --surface-app: #e9eff6;
   --surface-panel: rgba(255, 255, 255, 0.42);
   --surface-card: rgba(255, 255, 255, 0.55);
-  --surface-raised: rgba(255, 255, 255, 0.88);
+  --surface-raised: #ffffff;
   --surface-inset: rgba(238, 243, 249, 0.55);
   --surface-hover: rgba(255, 255, 255, 0.75);
   --surface-ghost: rgba(255, 255, 255, 0.18);
 
-  --accent-primary-soft: rgba(46, 144, 250, 0.1);
-  --accent-warm-soft: rgba(247, 144, 9, 0.1);
+  --accent-primary-soft: #e2effd;
+  --accent-warm-soft: var(--amber-50);
 
   /* Edge-glass + shadow/glow — daylight (soft, cool-tinted; glow carries accent) */
+  /* Daylight needs no control/surface split: white-on-light barely separates from
+   * the ground, so the same rim lifts a button and a panel alike. Both aliases are
+   * declared anyway so a surface never inherits the night value across a scheme
+   * boundary. */
   --edge-glass: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+  --edge-glass-surface: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
   --shadow-card: 0 2px 8px rgba(99, 115, 139, 0.08), 0 8px 24px rgba(99, 115, 139, 0.1);
   --shadow-panel: 0 12px 40px rgba(99, 115, 139, 0.14);
   --shadow-float: 0 16px 48px rgba(99, 115, 139, 0.22);
   --shadow-glow-blue: 0 4px 20px rgba(46, 144, 250, 0.28);
   --shadow-glow-warm: 0 4px 20px rgba(247, 144, 9, 0.24);
+
+  /* ═══════════════════════════════════════════════════════════════════════
+     v2 app + terminal vocabulary — Daylight overrides. Every themed token from
+     the Night block above is re-declared here so a light subtree never inherits
+     a night value; theme-agnostic tokens (spacing, radii, type roles, fonts,
+     calendar hues) stay defined once in the Night block.
+     ═══════════════════════════════════════════════════════════════════════ */
+
+  /* Short palette ramps */
+  --blue-50: #eaf4fe;
+  --blue-100: #d4e9fd;
+  --blue-200: #a8d2fb;
+  --blue-300: #7cbaf8;
+  --blue-400: #55a6f6;
+  --blue-500: #2e90fa;
+  --blue-600: #1877e8;
+  --blue-700: #135fc0;
+  --amber-50: #fef4e6;
+  --amber-100: #fde7c8;
+  --amber-300: #f9c270;
+  --amber-500: #f79009;
+  --amber-600: #e07b00;
+  /* Sky-blue metric hue — see the dark block's retirement note. */
+  --violet-500: #1c8fc9;
+  --red-500: #f04438;
+  --slate-900: #17212e;
+  --slate-700: #33455c;
+  --slate-500: #64748b;
+  --slate-400: #94a3b8;
+  --slate-300: #c4d0de;
+  --slate-200: #dce4ee;
+  --slate-100: #eaeff6;
+  --white: #ffffff;
+
+  /* Text */
+  --text-primary: var(--slate-900);
+  --text-secondary: var(--slate-500);
+  --text-tertiary: var(--slate-400);
+  --text-link: var(--blue-500);
+  --text-on-accent: var(--white);
+
+  /* Terminal wells — matte, darker channel ink for daylight legibility */
+  --surface-well: #e9eff6;
+  --surface-well-tutor: #e9eff6;
+  --well-border: rgba(120, 140, 165, 0.5);
+  --well-scan: rgba(23, 33, 46, 0.045);
+  --well-cy: #1877e8;
+  --well-am: #c96a00;
+  --well-vi: #1c8fc9; /* 'metric' well ink — sky-blue (was violet) */
+  --well-rd: #d92d20;
+  --well-hi: var(--well-cy);
+  --well-dim: #5e6e80;
+  --well-mid: #374350;
+  --well-run-fg: var(--accent-primary);
+  --well-tutor-ink: var(--text-primary);
+  --btn-secondary-bg: #e9eff6;
+
+  /* Accents (app) */
+  --accent-live: #ff6b35;
+  --interactive-fill: var(--accent-primary);
+  --accent-create-bg: #ffedb0;
+  --accent-create-border: #f5d88a;
+  --accent-create-ink: #7a5600;
+
+  /* Status channels */
+  --status-info: #1877e8;
+  --status-signal: #c96a00;
+  --status-metric: #1c8fc9;
+  --status-fault: #d92d20;
+
+  /* Event tints */
+  --event-default-bg: rgba(255, 255, 255, 0.58);
+  --event-default-border: rgba(255, 255, 255, 0.85);
+  --event-highlight-bg: rgba(254, 244, 230, 0.72);
+  --event-highlight-border: #f7b267;
+  --event-focus-bg: rgba(228, 242, 254, 0.5);
+  --event-focus-border: #9ccbf7;
+
+  /* Borders (app) */
+  --border-subtle: rgba(145, 158, 171, 0.18);
+  --border-default: rgba(145, 158, 171, 0.28);
+  --border-focus: var(--blue-300);
 }

package/dist/well/index.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from "solid-js";
+export interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+/**
+ * A Well is a styled container that groups content into an inset, subtly
+ * emphasized region — for example a code sample or a callout block.
+ */
+export declare function Well(props: WellProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/well/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAIhD,MAAM,WAAW,SAAU,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkCD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAOlD"}

package/dist/well/index.js

@@ -0,0 +1,25 @@
+import { getNextElement, insert, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/well/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+const wellStyles = " sb151 gHPXipd151 _iRvAxPd151 _ilc151 __mrmLYsd151 _kb151 hb151 mb151 lb151 _jf151 iAv83Hb151 oc151 nc151 kc151 jc151 Tf151 Qf151 Sf151 Rf151";
+/**
+* A Well is a styled container that groups content into an inset, subtly
+* emphasized region — for example a code sample or a callout block.
+*/
+function Well(props) {
+	const [local, domProps] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		spread(_el$, mergeProps(domProps, { get ["class"]() {
+			return [wellStyles, local.class].filter(Boolean).join(" ");
+		} }), false, true);
+		insert(_el$, () => local.children);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { Well };
+
+//# sourceMappingURL=index.js.map

package/dist/well/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/well/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { wellScan } from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  class?: string;\n}\n\n// Well has no Spectrum 2 upstream (S2 retired it), so its look is composed from\n// S2 design tokens directly rather than mirrored from a pinned component: a subtle\n// inset panel — a neutral `gray-100` surface, a 1px `gray-300` hairline, the standard\n// `lg` radius, and 16px of inset padding. (`gray-100` is used, not the `layer-1`\n// abstraction, because `layer-1` compiles to a `--s2-container-bg` variable that only\n// the Card/Provider container machinery reads — a bare element would get no fill.)\n// Emitting through the `style()` macro (not hand-authored utility classes) means the\n// CSS ships in the package's `styles.css` bundle, so installed consumers get it\n// without any Tailwind backfill.\n// The handoff has a Well of its own (TerminalGlassLab.tsx:262) and it is the one\n// container that is emphatically NOT glass — \"matte / opaque, NEVER glass\"\n// (design-handoff-v2.css:56). So this takes no blur and no rim — but it is not bare\n// either: the handoff opens every well with a `<ScanOverlay />`, the 4px `--well-scan`\n// dither, which is the one layer that separates a well from a plain rectangle. That\n// texture is `wellScan()` (s2-internal/style-utils.ts), the same helper the `matte`\n// register hands every field, so this container and the fields inside it share one\n// surface. `--well-scan` itself is declared per scheme in viviana-tokens.css:265\n// (dark) and :559 (light). `Well` is spread here by hand rather than inherited,\n// because it composes its look from tokens directly and never routes through\n// `control()`. `lg` is already the handoff's 10px well corner, so the radius needed\n// no change; only the two grays did.\nconst wellStyles = style({\n  display: \"block\",\n  backgroundColor: \"well\",\n  ...wellScan(),\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"well-border\",\n  borderRadius: \"lg\",\n  padding: 16,\n});\n\n/**\n * A Well is a styled container that groups content into an inset, subtly\n * emphasized region — for example a code sample or a callout block.\n */\nexport function Well(props: WellProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...domProps} class={[wellStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AA6BA,MAAM,aAAA;;;;;AAeN,SAAgB,KAAK,OAAuB;CAC1C,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO,CAAC,SAAS,UAAA,CAAW;CACjE,cAAA;EAAA,IAAA,OAAA,eAAA,MAAA;EAAA,OAAA,MAAA,WACW,UAAQ,EAAA,KAAA,WAAA;GAAA,OAAS,CAAC,YAAY,MAAM,KAAK,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA;EAAA,EAAA,CAAA,GAAA,OAAA,IAAA;EAAA,OAAA,YACtE,MAAM,QAAQ;EAAA,mBAAA;EAAA,OAAA;CAAA,GAAA;AAGrB"}