@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/_chunk/table.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.jsx","names":[],"sources":["../../src/icon/ui-icons/Arrow.tsx","../../src/table/index.tsx"],"sourcesContent":["/*\n * Auto-generated from the shipped @react-spectrum/s2 dist assets (SVGO-\n * optimized — pixel parity requires the shipped path data, not the raw\n * vendored .svg sources). Variants absent from the dist (Arrow, Gripper)\n * fall back to the vendored sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createUIIcon } from \"../spectrum-icon\";\n\nexport type ArrowProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  size?: \"M\" | \"XXL\";\n};\n\nfunction Arrow_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, width: _width, height: _height, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"10\"\n      height=\"10\"\n      viewBox=\"0 0 10 10\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"m9.94946,4.99658c-.00024-.052-.02026-.10132-.02954-.15259-.01074-.05835-.0127-.11768-.03516-.17322-.00122-.00281-.00146-.00574-.00269-.00867-.03198-.07642-.08447-.13965-.13574-.20312-.01831-.02295-.02612-.0509-.04712-.07227l-.00488-.005c-.00024-.00024-.00049-.00049-.00098-.00085l-3.06934-3.11914c-.33984-.3457-.89355-.34863-1.2373-.01074-.34473.33887-.34961.89355-.01074,1.2373l1.6106,1.63672H.9248c-.4834,0-.875.3916-.875.875s.3916.875.875.875h6.06177l-1.6106,1.63672c-.33887.34375-.33398.89844.01074,1.2373.16992.16699.3916.25098.61328.25098.22656,0,.45215-.08691.62402-.26172l3.06934-3.11914c.00049-.00037.00073-.00061.00098-.00085l.00488-.005c.021-.02136.02881-.04932.04712-.07227.05127-.06348.10376-.12671.13574-.20312.00122-.00293.00146-.00586.00269-.00867.02246-.05554.02441-.11487.03516-.17322.00928-.05127.0293-.10059.02954-.15259,0-.00122.00073-.0022.00073-.00342s-.00073-.0022-.00073-.00342Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nfunction Arrow_XXLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, width: _width, height: _height, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"m14.78552,8.3783c.10016-.24194.10016-.51477,0-.75671-.05017-.12085-.12256-.2301-.21375-.32129l-4.63037-4.63037c-.38574-.38672-1.0127-.38672-1.39844,0-.38623.38574-.38623,1.0127,0,1.39844l2.94238,2.94238H1.87012c-.54639,0-.98877.44336-.98877.98926s.44238.98926.98877.98926h9.61523l-2.94238,2.94238c-.38623.38574-.38623,1.0127,0,1.39844.19287.19336.44629.29004.69922.29004s.50635-.09668.69922-.29004l4.63037-4.63037c.09125-.09119.16357-.20044.21375-.32141Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nconst Arrow_M = createUIIcon(Arrow_MSvg);\nconst Arrow_XXL = createUIIcon(Arrow_XXLSvg);\n\nexport default function Arrow(props: ArrowProps): JSX.Element {\n  const { size = \"M\", class: className, width: _width, height: _height, ...rest } = props;\n  switch (size) {\n    case \"M\":\n      return <Arrow_M {...rest} class={className} />;\n    case \"XXL\":\n      return <Arrow_XXL {...rest} class={className} />;\n    default:\n      return <Arrow_M {...rest} class={className} />;\n  }\n}\n\nexport const ArrowIcon = Arrow;\n","import {\n  Show,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  getOwner,\n  mergeProps,\n  runWithOwner,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  ColumnResizer as HeadlessColumnResizer,\n  ResizableTableContainer as HeadlessResizableTableContainer,\n  Table as HeadlessTable,\n  TableBody as HeadlessTableBody,\n  TableCell as HeadlessTableCell,\n  TableColumn as HeadlessTableColumn,\n  TableFooter as HeadlessTableFooter,\n  TableHeader as HeadlessTableHeader,\n  TableRow as HeadlessTableRow,\n  TableSelectAllCheckbox as HeadlessTableSelectAllCheckbox,\n  TableColumnResizeStateContext as HeadlessTableColumnResizeStateContext,\n  TableSelectionCheckbox as HeadlessTableSelectionCheckbox,\n  TableStateContext as HeadlessTableStateContext,\n  VisuallyHidden as HeadlessVisuallyHidden,\n  Form as HeadlessForm,\n  Popover as HeadlessPopover,\n  OverlayTriggerStateContext,\n  type ColumnResizerProps as HeadlessColumnResizerProps,\n  type ColumnResizerRenderProps,\n  type ResizableTableContainerProps as HeadlessResizableTableContainerProps,\n  type TableBodyProps as HeadlessTableBodyProps,\n  type TableCellProps as HeadlessTableCellProps,\n  type TableCellRenderProps,\n  type TableColumnProps as HeadlessTableColumnProps,\n  type TableColumnRenderProps,\n  type TableFooterProps as HeadlessTableFooterProps,\n  type TableFooterRenderProps,\n  type TableHeaderProps as HeadlessTableHeaderProps,\n  type TableProps as HeadlessTableProps,\n  type TableRenderProps,\n  type TableRowProps as HeadlessTableRowProps,\n  type TableRowRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type {\n  ColumnDefinition,\n  Key,\n  LoadingState,\n  SortDescriptor,\n} from \"@proyecto-viviana/solid-stately\";\nimport Arrow from \"../icon/ui-icons/Arrow\";\nimport Checkmark from \"../icon/ui-icons/Checkmark\";\nimport Chevron from \"../icon/ui-icons/Chevron\";\nimport Dash from \"../icon/ui-icons/Dash\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  colorMix,\n  focusRing,\n  setColorScheme,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { createMediaQuery } from \"../utils/createMediaQuery\";\nimport { createStringFormatter, getOwnerDocument } from \"@proyecto-viviana/solidaria\";\nimport {\n  ActionButton,\n  ActionButtonContext,\n  Button,\n  ButtonContext,\n  type ActionButtonProps,\n  type ActionButtonSize,\n} from \"../button\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { ButtonGroup } from \"../buttongroup\";\nimport { CustomDialog, DialogContainer } from \"../dialog\";\nimport Cross from \"../icon/ui-icons/Cross\";\nimport { s2IntlStrings } from \"../intl\";\n\nexport type TableSize = \"sm\" | \"md\" | \"lg\";\nexport type TableVariant = \"default\" | \"striped\" | \"bordered\";\nexport type TableDensity = \"compact\" | \"regular\" | \"spacious\";\nexport type TableOverflowMode = \"truncate\" | \"wrap\";\nexport type TableSelectionStyle = \"checkbox\" | \"highlight\";\nexport type TableAlign = \"start\" | \"center\" | \"end\" | \"left\" | \"right\";\n\ninterface TableContextValue {\n  density: TableDensity;\n  isQuiet: boolean;\n  overflowMode: TableOverflowMode;\n  showSelectionCheckboxes: boolean;\n  selectionStyle: TableSelectionStyle;\n  loadingState?: LoadingState;\n  onLoadMore?: () => void | Promise<void>;\n}\n\nconst InternalTableContext = createContext<TableContextValue>({\n  density: \"regular\",\n  isQuiet: false,\n  overflowMode: \"truncate\",\n  showSelectionCheckboxes: false,\n  selectionStyle: \"checkbox\",\n});\n\n// Mirrors React S2's public `TableContext`: slotted props injected by an ancestor\n// provider. Distinct from `InternalTableContext` above (which shares row/density\n// state between the Table sub-components). No-op by default.\nexport const TableContext = createContext<SpectrumContextValue<TableProps<any>>>(null);\n\nexport interface TableProps<T extends object> extends Omit<\n  HeadlessTableProps<T>,\n  | \"class\"\n  | \"style\"\n  | \"children\"\n  | \"selectionBehavior\"\n  | \"onSelectionChange\"\n  | \"showSelectionCheckboxes\"\n> {\n  /** Children components (TableHeader, TableBody). */\n  children?: JSX.Element | (() => JSX.Element);\n  /** Density of rows and headers. */\n  density?: TableDensity;\n  /** Whether the TableView should draw without the default container chrome. */\n  isQuiet?: boolean;\n  /** Whether labels and cell content truncate or wrap. */\n  overflowMode?: TableOverflowMode;\n  /** Provides an action bar when rows 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  /** Backward-compatible inline style alias. Prefer styles or UNSAFE_style. */\n  style?: JSX.CSSProperties;\n  /** Title for the table. Prefer aria-label/aria-labelledby for new code. */\n  title?: JSX.Element;\n  /** Description for the table. */\n  description?: JSX.Element;\n  /** Legacy size alias retained for compatibility. */\n  size?: TableSize;\n  /** Legacy variant alias retained for compatibility. */\n  variant?: TableVariant;\n  /** Overrides the default S2 selection checkbox behavior. */\n  showSelectionCheckboxes?: boolean;\n  /**\n   * How selection is displayed: `checkbox` shows selection checkboxes (toggle\n   * behavior), `highlight` selects whole rows with no checkboxes (replace\n   * behavior).\n   * @default 'checkbox'\n   */\n  selectionStyle?: TableSelectionStyle;\n  /** S2 row action alias. */\n  onAction?: (key: Key) => void;\n  /** S2 asynchronous loading state. */\n  loadingState?: LoadingState;\n  /** S2 asynchronous load-more callback. */\n  onLoadMore?: () => void | Promise<void>;\n  /** Called when a column resize starts. */\n  onResizeStart?: (widths: Map<Key, number>) => void;\n  /** Called during column resize. */\n  onResize?: (widths: Map<Key, number>) => void;\n  /** Called when a column resize ends. */\n  onResizeEnd?: (widths: Map<Key, number>) => void;\n  /** Selection behavior forwarded to the headless table. S2 defaults to toggle. */\n  selectionBehavior?: HeadlessTableProps<T>[\"selectionBehavior\"];\n  /** Selection callback mirrored for the optional action bar. */\n  onSelectionChange?: HeadlessTableProps<T>[\"onSelectionChange\"];\n}\n\nexport interface TableHeaderProps extends Omit<HeadlessTableHeaderProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport interface TableColumnProps extends Omit<HeadlessTableColumnProps, \"class\" | \"style\"> {\n  /** Text alignment for the column. */\n  align?: TableAlign;\n  /** Whether to draw an end divider. */\n  showDivider?: boolean;\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport interface TableBodyProps<T> extends Omit<HeadlessTableBodyProps<T>, \"class\" | \"style\"> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport interface TableFooterProps<T> extends Omit<HeadlessTableFooterProps<T>, \"class\" | \"style\"> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport interface TableRowProps<T> extends Omit<HeadlessTableRowProps<T>, \"class\" | \"style\"> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport interface TableCellProps extends Omit<HeadlessTableCellProps, \"class\" | \"style\"> {\n  /** Text alignment for the cell. */\n  align?: TableAlign;\n  /** Whether to draw an end divider. */\n  showDivider?: boolean;\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nconst tableWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    overflow: \"clip\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst tableShell = style<{ isQuiet?: boolean }>({\n  minHeight: 0,\n  minWidth: 0,\n  width: \"full\",\n  flexGrow: 1,\n  boxSizing: \"border-box\",\n  overflow: \"auto\",\n  backgroundColor: {\n    default: \"gray-25\",\n    isQuiet: \"transparent\",\n  },\n  borderColor: \"gray-300\",\n  borderWidth: {\n    default: 1,\n    isQuiet: 0,\n  },\n  borderStyle: \"solid\",\n  borderRadius: {\n    default: \"[6px]\",\n    isQuiet: \"none\",\n  },\n  scrollPaddingTop: 32,\n});\n\nconst table = style<TableRenderProps & { isQuiet?: boolean; hasActionBar?: boolean }>({\n  ...focusRing(),\n  outlineOffset: -1,\n  outlineStyle: \"none\",\n  userSelect: \"none\",\n  minWidth: \"full\",\n  width: \"full\",\n  fontSize: controlFont(),\n  fontFamily: \"code\",\n  fontWeight: \"normal\",\n  borderWidth: 0,\n  borderCollapse: \"separate\",\n  borderSpacing: 0,\n  tableLayout: \"fixed\",\n  disableTapHighlight: true,\n  // Per-level indentation unit for tree-grid columns; read by the cell's\n  // paddingStart calc. Mirrors @react-spectrum/s2 TableView's `--indent`.\n  \"--indent\": {\n    type: \"width\",\n    value: 16,\n  },\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 tableHeader = style({\n  backgroundColor: \"gray-75\",\n});\n\nconst headerHeight = {\n  compact: 32,\n  regular: 32,\n  spacious: 40,\n} as const;\n\nconst rowHeight = {\n  compact: 32,\n  regular: 40,\n  spacious: 48,\n} as const;\n\nconst tableColumn = style<\n  TableColumnRenderProps & {\n    align?: \"start\" | \"center\" | \"end\";\n    density?: TableDensity;\n    showDivider?: boolean;\n  }\n>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  height: {\n    density: headerHeight,\n  },\n  minHeight: {\n    density: headerHeight,\n  },\n  paddingX: 16,\n  paddingY: 0,\n  color: baseColor(\"neutral\"),\n  fontSize: controlFont(),\n  fontFamily: \"code\",\n  fontWeight: \"bold\",\n  textAlign: {\n    align: {\n      start: \"start\",\n      center: \"center\",\n      end: \"end\",\n    },\n  },\n  verticalAlign: \"middle\",\n  backgroundColor: \"gray-75\",\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n  borderEndWidth: {\n    showDivider: 1,\n  },\n  cursor: {\n    isSortable: \"pointer\",\n  },\n  whiteSpace: \"nowrap\",\n});\n\nconst tableColumnContent = style<{\n  align?: \"start\" | \"center\" | \"end\";\n  overflowMode?: TableOverflowMode;\n}>({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"text-to-visual\",\n  justifyContent: {\n    align: {\n      start: \"start\",\n      center: \"center\",\n      end: \"end\",\n    },\n  },\n  minWidth: 0,\n  width: \"full\",\n  overflow: \"hidden\",\n  textOverflow: {\n    overflowMode: {\n      truncate: \"ellipsis\",\n    },\n  },\n  whiteSpace: {\n    overflowMode: {\n      truncate: \"nowrap\",\n      wrap: \"normal\",\n    },\n  },\n});\n\nconst tableSortIcon = style({\n  flexShrink: 0,\n  size: 10,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst rowHoverBackground = colorMix(\"gray-25\", \"gray-900\", 5);\nconst rowPressedBackground = colorMix(\"gray-25\", \"gray-900\", 8);\nconst rowSelectedBackground = colorMix(\"gray-25\", \"gray-900\", 7);\n\nconst rowHighlightBackground = colorMix(\"gray-25\", \"blue-900\", 10);\nconst rowHighlightActiveBackground = colorMix(\"gray-25\", \"blue-900\", 15);\n\n// The S2 highlight-selection \"block\" border — the blue outline around a run of\n// selected rows, rounded only on the group's outer corners — is a row-spanning\n// overlay. The S2 style() macro can't express a pseudo-element, so (exactly like\n// upstream's `highlightSelectionBorder` raw css) we inject a `::before` overlay\n// that reads the per-row custom properties the macro sets on the row. Upstream\n// also pins it to `z-index: 3` to paint above the virtualizer's sticky cells; our\n// real-DOM <table> has no sticky cells, so that part is dropped.\nconst HIGHLIGHT_SELECTION_BORDER_CLASS = \"solid-spectrum-table-highlight-selection\";\nlet highlightSelectionBorderInjected = false;\nfunction injectHighlightSelectionBorderCSS(): void {\n  if (highlightSelectionBorderInjected || typeof document === \"undefined\") return;\n  const style = document.createElement(\"style\");\n  style.id = \"solid-spectrum-table-highlight-selection-style\";\n  style.textContent = `.${HIGHLIGHT_SELECTION_BORDER_CLASS}::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  pointer-events: none;\n  border-style: solid;\n  border-color: var(--borderColor);\n  border-top-width: var(--borderTopWidth);\n  border-bottom-width: var(--borderBottomWidth);\n  border-inline-start-width: var(--borderStartEndWidth);\n  border-inline-end-width: var(--borderStartEndWidth);\n  border-start-start-radius: var(--borderTopRadius);\n  border-start-end-radius: var(--borderTopRadius);\n  border-end-start-radius: var(--borderBottomRadius);\n  border-end-end-radius: var(--borderBottomRadius);\n}`;\n  document.head.appendChild(style);\n  highlightSelectionBorderInjected = true;\n}\n\n// Upstream S2 draws the row-level focus/drop indicator as raw `&::after`\n// (`focusIndicator`) so it can overlap row boundaries asymmetrically via\n// --topFocusRing/--bottomPosition. Keep the same overlay model rather than a\n// direct outline, which can't express the non-first-row -1px top extension.\nconst ROW_FOCUS_INDICATOR_CLASS = \"solid-spectrum-table-row-focus-indicator\";\nlet rowFocusIndicatorInjected = false;\nfunction injectRowFocusIndicatorCSS(): void {\n  if (rowFocusIndicatorInjected || typeof document === \"undefined\") return;\n  const style = document.createElement(\"style\");\n  style.id = \"solid-spectrum-table-row-focus-indicator-style\";\n  style.textContent = `.${ROW_FOCUS_INDICATOR_CLASS}::after {\n  content: \"\";\n  top: var(--topFocusRing);\n  bottom: var(--bottomPosition);\n  z-index: 3;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  border-radius: 5px;\n  position: absolute;\n  outline-style: solid;\n  outline-color: var(--focusRingColor);\n  outline-width: 2px;\n  outline-offset: -2px;\n  pointer-events: none;\n}`;\n  document.head.appendChild(style);\n  rowFocusIndicatorInjected = true;\n}\n\nconst tableRow = style<\n  TableRowRenderProps & {\n    density?: TableDensity;\n    selectionStyle?: TableSelectionStyle;\n    isFirstItem?: boolean;\n    isNextSelected?: boolean;\n    isPrevSelected?: boolean;\n  }\n>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  isolation: \"isolate\",\n  forcedColorAdjust: \"none\",\n  minHeight: {\n    density: rowHeight,\n  },\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: rowHoverBackground,\n    isPressed: rowPressedBackground,\n    isSelected: {\n      default: rowSelectedBackground,\n      selectionStyle: {\n        highlight: {\n          default: rowHighlightBackground,\n          isHovered: rowHighlightActiveBackground,\n          isPressed: rowHighlightActiveBackground,\n        },\n      },\n    },\n    forcedColors: {\n      selectionStyle: {\n        highlight: {\n          isSelected: \"Highlight\",\n        },\n      },\n    },\n  },\n  cursor: {\n    isDisabled: \"default\",\n  },\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: {\n      selectionStyle: {\n        highlight: {\n          isSelected: \"HighlightText\",\n        },\n      },\n    },\n  },\n  // Highlight-selection block border + grouped rounded corners. These custom\n  // properties feed the `::before` overlay (see injectHighlightSelectionBorderCSS)\n  // and only take visible effect in highlight selection — the overlay class is\n  // appended to the row only then. Mirrors @react-spectrum/s2 TableView's `row`.\n  \"--borderColorGray\": {\n    type: \"borderColor\",\n    value: {\n      default: \"gray-300\",\n      forcedColors: {\n        default: \"ButtonBorder\",\n        isSelected: \"Highlight\",\n      },\n    },\n  },\n  \"--borderColorBlue\": {\n    type: \"borderColor\",\n    value: {\n      default: \"blue-900\",\n      forcedColors: \"Highlight\",\n    },\n  },\n  \"--borderColor\": {\n    type: \"borderColor\",\n    value: {\n      default: \"transparent\",\n      isSelected: \"--borderColorBlue\",\n    },\n  },\n  \"--focusRingColor\": {\n    type: \"outlineColor\",\n    value: {\n      default: \"focus-ring\",\n      forcedColors: \"Highlight\",\n    },\n  },\n  \"--topFocusRing\": {\n    type: \"top\",\n    value: {\n      default: \"[-1px]\",\n      isFirstItem: 0,\n    },\n  },\n  \"--bottomPosition\": {\n    type: \"bottom\",\n    value: {\n      selectionStyle: {\n        checkbox: {\n          default: \"[-1px]\",\n          isNextSelected: 0,\n        },\n        highlight: \"[-1px]\",\n      },\n    },\n  },\n  \"--borderTopRadius\": {\n    type: \"borderTopStartRadius\",\n    value: {\n      default: \"none\",\n      selectionStyle: {\n        highlight: {\n          default: \"none\",\n          isSelected: \"[5px]\",\n          isPrevSelected: \"none\",\n        },\n      },\n    },\n  },\n  \"--borderBottomRadius\": {\n    type: \"borderBottomStartRadius\",\n    value: {\n      default: \"none\",\n      selectionStyle: {\n        highlight: {\n          default: \"none\",\n          isSelected: \"[5px]\",\n          isNextSelected: \"none\",\n        },\n      },\n    },\n  },\n  // Round the row's own background to the selection block's outer corners; the\n  // visible blue border is drawn by the ::before overlay reading the same props.\n  borderBottomRadius: \"[var(--borderBottomRadius)]\",\n  borderTopRadius: \"[var(--borderTopRadius)]\",\n  \"--borderTopWidth\": {\n    type: \"width\",\n    value: {\n      default: {\n        selectionStyle: {\n          checkbox: 0,\n          highlight: 1,\n        },\n      },\n      isPrevSelected: 0,\n    },\n  },\n  \"--borderBottomWidth\": {\n    type: \"width\",\n    value: {\n      default: {\n        selectionStyle: {\n          checkbox: 0,\n          highlight: 1,\n        },\n      },\n      isNextSelected: 0,\n    },\n  },\n  \"--borderStartEndWidth\": {\n    type: \"width\",\n    value: {\n      default: {\n        selectionStyle: {\n          checkbox: 0,\n          highlight: 1,\n        },\n      },\n    },\n  },\n  // Highlight mode draws the gray row divider as the row's box-shadow. A real\n  // `<tr>` border can't be used here: under `border-collapse: separate` CSS\n  // ignores borders set on `<tr>`, so upstream's row `borderBottom` has no\n  // real-DOM equivalent — the box-shadow is its faithful realization (checkbox\n  // mode keeps the divider on the cell's bottom border instead). The divider is\n  // suppressed under selection: when the row itself is selected, or the row\n  // below it is, the rounded blue highlight-block border paints that edge, so\n  // the gray line would otherwise double up. Mirrors upstream's divider\n  // `borderColor` going `transparent` on both `isSelected` and `isNextSelected`.\n  boxShadow: {\n    selectionStyle: {\n      highlight: {\n        default: \"[inset 0 -1px 0px var(--borderColorGray)]\",\n        isSelected: \"[inset 0 0 0 var(--borderColorGray)]\",\n        isNextSelected: \"[inset 0 0 0 var(--borderColorGray)]\",\n      },\n    },\n  },\n});\n\nconst tableCell = style<\n  TableCellRenderProps & {\n    align?: \"start\" | \"center\" | \"end\";\n    density?: TableDensity;\n    overflowMode?: TableOverflowMode;\n    showDivider?: boolean;\n    isTreeColumnWithNoChildren?: boolean;\n    selectionStyle?: TableSelectionStyle;\n  }\n>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  color: \"inherit\",\n  paddingX: 16,\n  paddingY: 0,\n  // Tree-grid indentation. A leaf cell in the tree column reserves the chevron's\n  // footprint (36) so its content lines up with sibling rows that do show a\n  // chevron (16); each nesting level then adds `--indent`. Mirrors\n  // @react-spectrum/s2 TableView's `treeColumnStyles`.\n  \"--treeColumnPadding\": {\n    type: \"width\",\n    value: {\n      default: 16,\n      isTreeColumnWithNoChildren: 36,\n    },\n  },\n  paddingStart: {\n    default: 16,\n    isTreeColumn:\n      \"calc(var(--treeColumnPadding) + (var(--table-row-level, 1) - 1) * var(--indent))\",\n  },\n  minHeight: {\n    density: rowHeight,\n  },\n  height: {\n    density: rowHeight,\n  },\n  textAlign: {\n    align: {\n      start: \"start\",\n      center: \"center\",\n      end: \"end\",\n    },\n  },\n  verticalAlign: \"middle\",\n  borderWidth: 0,\n  // Checkbox mode draws the gray row divider here; highlight mode draws it as the\n  // row's box-shadow instead, so the cell border is suppressed to avoid doubling.\n  borderBottomWidth: {\n    default: 1,\n    selectionStyle: {\n      highlight: 0,\n    },\n  },\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n  borderEndWidth: {\n    showDivider: 1,\n  },\n});\n\nconst tableCellFocusRing = style({\n  outlineStyle: \"solid\",\n  outlineOffset: -2,\n  outlineWidth: 2,\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: \"Highlight\",\n  },\n  borderRadius: \"[5px]\",\n  zIndex: 2,\n  position: \"absolute\",\n  top: \"var(--topFocusRing, 0)\",\n  bottom: 0,\n  insetStart: 0,\n  insetEnd: 0,\n  pointerEvents: \"none\",\n});\n\nfunction CellFocusRing(): JSX.Element {\n  return <div role=\"presentation\" class={tableCellFocusRing} />;\n}\n\nconst tableCellContent = style<{\n  align?: \"start\" | \"center\" | \"end\";\n  overflowMode?: TableOverflowMode;\n}>({\n  minWidth: 0,\n  overflow: {\n    overflowMode: {\n      truncate: \"hidden\",\n      wrap: \"visible\",\n    },\n  },\n  textOverflow: {\n    overflowMode: {\n      truncate: \"ellipsis\",\n    },\n  },\n  whiteSpace: {\n    overflowMode: {\n      truncate: \"nowrap\",\n      wrap: \"normal\",\n    },\n  },\n});\n\n// Flex wrapper placed *inside* the real `<td>` (rather than making the td a flex\n// container, which would break our fixed table-layout column widths) so the\n// expand chevron and the cell content sit side by side and fill the row height.\nconst treeCellInner = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  height: \"full\",\n  minWidth: 0,\n});\n\n// Ports @react-spectrum/s2 TableView's `expandButton`. Upstream rotates the\n// button via `transform`; we rotate with the `rotate` shorthand (matching our\n// TreeView's chevron idiom) and drop the RTL branch our codebase already omits.\nconst expandButton = style<{ isDisabled?: boolean; isExpanded?: boolean }>({\n  color: {\n    default: \"inherit\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  height: \"full\",\n  width: 40,\n  marginStart: -12,\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignContent: \"center\",\n  justifyContent: \"center\",\n  outlineStyle: \"none\",\n  cursor: \"default\",\n  rotate: {\n    isExpanded: 90,\n  },\n  padding: 0,\n  transition: \"default\",\n  backgroundColor: \"transparent\",\n  borderWidth: 0,\n  borderStyle: \"none\",\n  disableTapHighlight: true,\n});\n\nconst expandChevronIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\n// An editable cell renders like a regular cell but dims its content while a\n// submitted edit is saving. The inline edit trigger, the editing popover/dialog,\n// and the save/cancel affordances are styled below, mirroring the S2 source.\nconst editableCell = style<\n  TableCellRenderProps & {\n    align?: \"start\" | \"center\" | \"end\";\n    density?: TableDensity;\n    overflowMode?: TableOverflowMode;\n    showDivider?: boolean;\n    isSaving?: boolean;\n    selectionStyle?: TableSelectionStyle;\n  }\n>({\n  outlineStyle: \"none\",\n  position: \"relative\",\n  color: {\n    default: \"inherit\",\n    isSaving: baseColor(\"neutral-subdued\"),\n  },\n  paddingX: 16,\n  paddingY: 0,\n  minHeight: {\n    density: rowHeight,\n  },\n  height: {\n    density: rowHeight,\n  },\n  textAlign: {\n    align: {\n      start: \"start\",\n      center: \"center\",\n      end: \"end\",\n    },\n  },\n  verticalAlign: \"middle\",\n  borderWidth: 0,\n  // Checkbox mode draws the gray row divider here; highlight mode draws it as the\n  // row's box-shadow instead, so the cell border is suppressed to avoid doubling.\n  borderBottomWidth: {\n    default: 1,\n    selectionStyle: {\n      highlight: 0,\n    },\n  },\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n  borderEndWidth: {\n    showDivider: 1,\n  },\n});\n\nconst editPopover = style(\n  {\n    ...setColorScheme(),\n    \"--s2-container-bg\": {\n      type: \"backgroundColor\",\n      value: \"layer-2\",\n    },\n    backgroundColor: \"--s2-container-bg\",\n    borderBottomRadius: \"default\",\n    boxShadow: \"elevated\",\n    borderStyle: \"solid\",\n    borderWidth: 1,\n    borderColor: {\n      default: \"gray-200\",\n      forcedColors: \"ButtonBorder\",\n    },\n    boxSizing: \"content-box\",\n    isolation: \"isolate\",\n    pointerEvents: {\n      isExiting: \"none\",\n    },\n    outlineStyle: \"none\",\n    minWidth: \"--trigger-width\",\n    padding: 8,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  getAllowedOverrides(),\n);\n\nconst editForm = style({\n  width: \"full\",\n  display: \"flex\",\n  alignItems: \"start\",\n  gap: 16,\n});\n\nconst editActions = style({\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"baseline\",\n  flexShrink: 0,\n  flexGrow: 0,\n});\n\nconst editFormMobile = style({\n  width: \"full\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"start\",\n  gap: 16,\n});\n\nconst editButtonGroupStyles = style({\n  alignSelf: \"end\",\n});\n\n// The inline edit trigger is hidden until the row is hovered or focused, the\n// editor is open, or the device lacks a fine pointer (touch). Mirrors S2.\nconst editButtonStyles = style<{ isForcedVisible?: boolean }>({\n  visibility: {\n    default: \"hidden\",\n    isForcedVisible: \"visible\",\n    ':is([role=\"row\"]:hover *)': \"visible\",\n    ':is([role=\"row\"][data-focus-visible-within] *)': \"visible\",\n    \"@media not ((hover: hover) and (pointer: fine))\": \"visible\",\n  },\n});\n\n// Input types whose text cannot be range-selected on open. Mirrors S2.\nconst nonTextInputTypes = new Set([\n  \"checkbox\",\n  \"radio\",\n  \"range\",\n  \"color\",\n  \"file\",\n  \"image\",\n  \"button\",\n  \"submit\",\n  \"reset\",\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 selectionColumn = style({\n  width: 40,\n  minWidth: 40,\n  paddingX: 0,\n  textAlign: \"center\",\n});\n\nconst selectionCell = style<TableCellRenderProps & { density?: TableDensity }>({\n  width: 40,\n  minWidth: 40,\n  paddingX: 0,\n  paddingY: 0,\n  height: {\n    density: rowHeight,\n  },\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n  textAlign: \"center\",\n  verticalAlign: \"middle\",\n});\n\nconst selectionCheckbox = style<{ isDisabled?: boolean }>({\n  position: \"relative\",\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: 16,\n  height: 16,\n  // Mirrors S2 TableView's `selectionCheckbox` style\n  // (`[slot=\"selection\"][data-disabled=\"true\"]` → `visibility: hidden`): a\n  // disabled row's selection checkbox is visually hidden, which also removes it\n  // from the accessibility tree (matching the S2 oracle, whose disabled\n  // selection checkbox is pruned from the AX snapshot). The select-all checkbox\n  // uses S2's separate `selectAllCheckbox` style and is never hidden this way.\n  visibility: {\n    default: \"visible\",\n    isDisabled: \"hidden\",\n  },\n});\n\nconst selectionCheckboxInput = style({\n  position: \"absolute\",\n  inset: 0,\n  margin: 0,\n  opacity: 0,\n  cursor: \"inherit\",\n});\n\nconst selectionCheckboxBox = style<{ isSelected?: boolean; isDisabled?: boolean }>({\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 selectionCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst tableFooter = style({\n  backgroundColor: \"gray-75\",\n  borderWidth: 0,\n  borderTopWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\nconst actionBarContainer = style({\n  position: \"absolute\",\n  insetInline: 0,\n  bottom: 12,\n  display: \"flex\",\n  justifyContent: \"center\",\n  pointerEvents: \"none\",\n  zIndex: 2,\n});\n\nconst actionBarContent = style({\n  pointerEvents: \"auto\",\n});\n\nconst resizer = style<ColumnResizerRenderProps>({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  insetEnd: 0,\n  width: 6,\n  cursor: \"col-resize\",\n  touchAction: \"none\",\n  userSelect: \"none\",\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: \"accent-400\",\n    isResizing: \"accent-900\",\n  },\n});\n\nconst resizableTableContainer = style({\n  position: \"relative\",\n  width: \"full\",\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 hasSelection(keys: \"all\" | Set<Key>): boolean {\n  return keys === \"all\" || keys.size > 0;\n}\n\nfunction densityFromProps(size: TableSize | undefined, density: TableDensity | undefined) {\n  if (density) {\n    return density;\n  }\n\n  switch (size) {\n    case \"sm\":\n      return \"compact\";\n    case \"lg\":\n      return \"spacious\";\n    default:\n      return \"regular\";\n  }\n}\n\nfunction normalizeAlign(align: TableAlign | undefined): \"start\" | \"center\" | \"end\" {\n  if (align === \"right\") {\n    return \"end\";\n  }\n\n  if (align === \"left\") {\n    return \"start\";\n  }\n\n  return align ?? \"start\";\n}\n\nfunction keyFromRowProps<T extends object>(props: HeadlessTableRowProps<T>): Key | undefined {\n  return props.id ?? (props.item as { id?: Key; key?: Key } | undefined)?.id;\n}\n\nfunction inlineStyle(\n  styleProp: JSX.CSSProperties | undefined,\n  unsafeStyle: JSX.CSSProperties | undefined,\n): JSX.CSSProperties | undefined {\n  if (!styleProp && !unsafeStyle) {\n    return undefined;\n  }\n\n  return {\n    ...styleProp,\n    ...unsafeStyle,\n  };\n}\n\nexport function Table<T extends object>(props: TableProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(\n    useContext(TableContext),\n    (props as { slot?: string }).slot,\n  );\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"children\",\n    \"density\",\n    \"isQuiet\",\n    \"overflowMode\",\n    \"renderActionBar\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"style\",\n    \"title\",\n    \"description\",\n    \"size\",\n    \"variant\",\n    \"showSelectionCheckboxes\",\n    \"selectionStyle\",\n    \"selectionBehavior\",\n    \"onSelectionChange\",\n    \"onAction\",\n    \"onRowAction\",\n    \"loadingState\",\n    \"onLoadMore\",\n    \"onResizeStart\",\n    \"onResize\",\n    \"onResizeEnd\",\n  ]);\n  const externalResizeContext = useContext(HeadlessTableColumnResizeStateContext);\n  const density = () => densityFromProps(local.size, local.density);\n  const isQuiet = () => !!local.isQuiet;\n  const overflowMode = () => local.overflowMode ?? \"truncate\";\n  const selectionStyle = (): TableSelectionStyle => local.selectionStyle ?? \"checkbox\";\n  const selectionBehavior = (): \"toggle\" | \"replace\" =>\n    local.selectionBehavior ?? (selectionStyle() === \"highlight\" ? \"replace\" : \"toggle\");\n  // Mirror upstream S2's gate: checkboxes only appear with toggle behavior in\n  // checkbox style. Highlight selection (replace behavior) hides them entirely.\n  const showSelectionCheckboxes = () =>\n    (local.showSelectionCheckboxes ?? headlessProps.selectionMode !== \"none\") &&\n    selectionStyle() === \"checkbox\" &&\n    selectionBehavior() === \"toggle\";\n  const [actionSelectedKeys, setActionSelectedKeys] = createSignal<\"all\" | Set<Key>>(\n    selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n  );\n\n  createEffect(() => {\n    setActionSelectedKeys(\n      selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    );\n  });\n\n  const onSelectionChange = (keys: \"all\" | Set<Key>) => {\n    setActionSelectedKeys(keys === \"all\" ? \"all\" : new Set(keys));\n    local.onSelectionChange?.(keys);\n  };\n  const className = (renderProps: TableRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        table({\n          ...renderProps,\n          isQuiet: isQuiet(),\n        }),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const context = createMemo<TableContextValue>(() => ({\n    density: density(),\n    isQuiet: isQuiet(),\n    overflowMode: overflowMode(),\n    showSelectionCheckboxes: showSelectionCheckboxes(),\n    selectionStyle: selectionStyle(),\n    loadingState: local.loadingState,\n    onLoadMore: local.onLoadMore,\n  }));\n  const renderTable = () => (\n    <HeadlessTable\n      {...headlessProps}\n      selectionBehavior={selectionBehavior()}\n      showSelectionCheckboxes={showSelectionCheckboxes()}\n      onRowAction={local.onAction ?? local.onRowAction}\n      onSelectionChange={onSelectionChange}\n      class={className}\n      data-table-view=\"\"\n      data-density={density()}\n      data-quiet={isQuiet() || undefined}\n      data-overflow-mode={overflowMode()}\n      data-selection-style={selectionStyle()}\n    >\n      {local.children}\n    </HeadlessTable>\n  );\n  const renderResizableTable = () =>\n    externalResizeContext ? (\n      renderTable()\n    ) : (\n      <HeadlessResizableTableContainer\n        class={resizableTableContainer}\n        onResizeStart={local.onResizeStart}\n        onResize={local.onResize}\n        onResizeEnd={local.onResizeEnd}\n      >\n        {renderTable()}\n      </HeadlessResizableTableContainer>\n    );\n\n  const renderFramed = () => (\n    <div\n      class={tableWrapper(null, local.styles)}\n      style={inlineStyle(local.style, local.UNSAFE_style)}\n    >\n      {local.title ? <div class={legacyLabel({})}>{local.title}</div> : null}\n      <div class={tableShell({ isQuiet: isQuiet() })} data-table-view-shell=\"\">\n        {renderResizableTable()}\n      </div>\n      {local.description ? <div class={legacyDescription({})}>{local.description}</div> : null}\n      {local.renderActionBar && hasSelection(actionSelectedKeys()) ? (\n        <div class={actionBarContainer}>\n          <div class={actionBarContent}>{local.renderActionBar(actionSelectedKeys())}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <InternalTableContext.Provider value={context()}>\n      {renderFramed()}\n    </InternalTableContext.Provider>\n  );\n}\n\nexport function TableHeader(props: TableHeaderProps): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const [local, headlessProps] = splitProps(props, [\"class\", \"styles\", \"UNSAFE_className\"]);\n  const className = () =>\n    [local.UNSAFE_className, local.class, mergeStyles(tableHeader, local.styles)]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessTableHeader {...headlessProps} class={className()}>\n      {context.showSelectionCheckboxes ? <TableSelectAllCheckbox /> : null}\n      {props.children}\n    </HeadlessTableHeader>\n  );\n}\n\nexport function TableColumn(props: TableColumnProps): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"align\",\n    \"showDivider\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n  ]);\n  const align = () => normalizeAlign(local.align);\n  const className = (renderProps: TableColumnRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        tableColumn({\n          ...renderProps,\n          align: align(),\n          density: context.density,\n          showDivider: !!local.showDivider,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessTableColumn {...headlessProps} class={className} style={local.UNSAFE_style}>\n      {(renderProps: TableColumnRenderProps) => (\n        <>\n          <span class={tableColumnContent({ align: align(), overflowMode: context.overflowMode })}>\n            {renderProps.isSortable && renderProps.sortDirection ? (\n              <SortIcon direction={renderProps.sortDirection} />\n            ) : null}\n            <span>\n              {typeof local.children === \"function\" ? local.children(renderProps) : local.children}\n            </span>\n            {renderProps.allowsResizing && props.id != null ? (\n              <ColumnResizer column={{ key: props.id }} />\n            ) : null}\n          </span>\n          {renderProps.isFocusVisible ? <CellFocusRing /> : null}\n        </>\n      )}\n    </HeadlessTableColumn>\n  );\n}\n\nexport function TableBody<T extends object>(props: TableBodyProps<T>): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"renderEmptyState\",\n    \"hasMore\",\n    \"isLoading\",\n    \"onLoadMore\",\n  ]);\n  const className = () =>\n    [local.UNSAFE_className, local.class, mergeStyles(local.styles)].filter(Boolean).join(\" \");\n  const renderEmptyState = () => (\n    <div class={emptyState}>{local.renderEmptyState?.() ?? \"No data available\"}</div>\n  );\n  const rootIsLoading = () => {\n    const loadingState = context.loadingState;\n    return (\n      loadingState === \"loading\" ||\n      loadingState === \"loadingMore\" ||\n      loadingState === \"sorting\" ||\n      loadingState === \"filtering\"\n    );\n  };\n\n  return (\n    <HeadlessTableBody\n      {...headlessProps}\n      hasMore={local.hasMore ?? !!context.onLoadMore}\n      isLoading={local.isLoading ?? rootIsLoading()}\n      onLoadMore={local.onLoadMore ?? context.onLoadMore}\n      class={className()}\n      renderEmptyState={renderEmptyState}\n    >\n      {props.children}\n    </HeadlessTableBody>\n  );\n}\n\nexport function TableFooter<T extends object>(props: TableFooterProps<T>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"styles\", \"UNSAFE_className\"]);\n  const className = (_renderProps: TableFooterRenderProps): string =>\n    [local.UNSAFE_className, local.class, mergeStyles(tableFooter, local.styles)]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessTableFooter {...headlessProps} class={className}>\n      {props.children}\n    </HeadlessTableFooter>\n  );\n}\n\nexport function TableRow<T extends object>(props: TableRowProps<T>): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const state = useContext(HeadlessTableStateContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n  ]);\n  const rowKey = () => keyFromRowProps(headlessProps);\n  // In highlight selection mode a contiguous run of selected rows draws a single\n  // rounded border \"block\" (see injectHighlightSelectionBorderCSS). Mirror\n  // upstream's isNextSelected/isPrevSelected helpers so the macro can suppress the\n  // inner edges and corner radii wherever the adjacent row is also selected. The\n  // reads below run inside useRenderProps' class memo, so toggling a neighbor's\n  // selection re-runs this row's class even though its own renderProps are stable.\n  const isKeySelected = (key: Key | null | undefined): boolean => {\n    if (key == null || !state) return false;\n    const selected = state.selectedKeys;\n    return selected === \"all\" || selected.has(key);\n  };\n  const isNextSelected = (): boolean => {\n    const k = rowKey();\n    if (k == null || !state) return false;\n    return isKeySelected(state.collection.getKeyAfter?.(k) ?? null);\n  };\n  const isPrevSelected = (): boolean => {\n    const k = rowKey();\n    if (k == null || !state) return false;\n    return isKeySelected(state.collection.getKeyBefore?.(k) ?? null);\n  };\n  const isFirstItem = (): boolean => {\n    const k = rowKey();\n    if (k == null || !state) return false;\n    return state.collection.getFirstKey?.() === k;\n  };\n  const className = (renderProps: TableRowRenderProps): string => {\n    const highlight = context.selectionStyle === \"highlight\";\n    if (highlight) injectHighlightSelectionBorderCSS();\n    if (renderProps.isFocusVisible) injectRowFocusIndicatorCSS();\n    return [\n      renderProps.isFocusVisible ? ROW_FOCUS_INDICATOR_CLASS : undefined,\n      highlight ? HIGHLIGHT_SELECTION_BORDER_CLASS : undefined,\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        tableRow({\n          ...renderProps,\n          density: context.density,\n          selectionStyle: context.selectionStyle,\n          isFirstItem: isFirstItem(),\n          isNextSelected: isNextSelected(),\n          isPrevSelected: isPrevSelected(),\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return (\n    <HeadlessTableRow {...headlessProps} class={className} style={local.UNSAFE_style}>\n      {(renderProps: TableRowRenderProps) => (\n        <>\n          {context.showSelectionCheckboxes && rowKey() != null ? (\n            <TableSelectionCheckbox\n              rowKey={rowKey()!}\n              isSelected={renderProps.isSelected}\n              isDisabled={renderProps.isDisabled}\n            />\n          ) : null}\n          {typeof local.children === \"function\"\n            ? (local.children as (renderProps: TableRowRenderProps) => JSX.Element)(renderProps)\n            : local.children}\n        </>\n      )}\n    </HeadlessTableRow>\n  );\n}\n\n// The bare expand/collapse affordance for a tree-grid row. This is the\n// *headless* Button so it picks up the row's `chevron` slot (the press handlers\n// that toggle expansion) from the surrounding TableRow's ButtonContext; the\n// styled solid-spectrum Button reads a different, styled ButtonContext and would\n// not. Mirrors @react-spectrum/s2 TableView's `ExpandableRowChevron`.\nfunction ExpandableRowChevron(props: { isExpanded?: boolean }): JSX.Element {\n  return (\n    <HeadlessButton\n      slot=\"chevron\"\n      class={(renderProps) =>\n        expandButton({ isExpanded: !!props.isExpanded, isDisabled: renderProps.isDisabled })\n      }\n    >\n      <Chevron size=\"S\" class={expandChevronIcon} aria-hidden=\"true\" />\n    </HeadlessButton>\n  );\n}\n\nexport function TableCell(props: TableCellProps): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"align\",\n    \"showDivider\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n  ]);\n  const align = () => normalizeAlign(local.align);\n  const className = (renderProps: TableCellRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        tableCell({\n          ...renderProps,\n          align: align(),\n          density: context.density,\n          overflowMode: context.overflowMode,\n          showDivider: !!local.showDivider,\n          isTreeColumnWithNoChildren: renderProps.isTreeColumn && !renderProps.hasChildItems,\n          selectionStyle: context.selectionStyle,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const renderChildren = (renderProps: TableCellRenderProps) =>\n    typeof local.children === \"function\" ? local.children(renderProps) : local.children;\n  const content = (renderProps: TableCellRenderProps) => (\n    <div class={tableCellContent({ align: align(), overflowMode: context.overflowMode })}>\n      {renderChildren(renderProps)}\n    </div>\n  );\n\n  return (\n    <HeadlessTableCell {...headlessProps} class={className} style={local.UNSAFE_style}>\n      {(renderProps: TableCellRenderProps) => (\n        <>\n          <Show\n            when={renderProps.isTreeColumn && renderProps.hasChildItems}\n            fallback={content(renderProps)}\n          >\n            <div class={treeCellInner}>\n              <ExpandableRowChevron isExpanded={renderProps.isExpanded} />\n              {content(renderProps)}\n            </div>\n          </Show>\n          {renderProps.isFocusVisible ? <CellFocusRing /> : null}\n        </>\n      )}\n    </HeadlessTableCell>\n  );\n}\n\nexport interface EditableCellProps extends EditableCellOwnProps, TableCellProps {}\n\ninterface EditableCellOwnProps {\n  /** Renders the editing form fields shown in the popover (desktop) or dialog (mobile). */\n  renderEditing: () => JSX.Element;\n  /** Whether a submitted edit is currently saving. Dims the cell and shows a pending trigger. */\n  isSaving?: boolean;\n  /** Handler called when the editing form is submitted. The native submit is already prevented. */\n  onSubmit?: (event: SubmitEvent) => void;\n  /** Handler called when editing is cancelled (Cancel button, Escape, or interact-outside without save). */\n  onCancel?: () => void;\n  /** A native form `action` for the editing form. */\n  action?: string;\n}\n\n/**\n * An EditableCell is a table cell whose contents can be edited inline. Pressing\n * the cell's `<ActionButton slot=\"edit\">` opens an editing surface — a popover on\n * desktop, a full dialog on touch devices — containing the fields returned by\n * `renderEditing`. Mirrors the React Spectrum S2 `EditableCell`.\n */\nexport function EditableCell(props: EditableCellProps): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"align\",\n    \"showDivider\",\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"renderEditing\",\n    \"isSaving\",\n    \"onSubmit\",\n    \"onCancel\",\n    \"action\",\n    \"ref\",\n  ]);\n  let cellEl: HTMLTableCellElement | null = null;\n  const align = (): \"start\" | \"center\" | \"end\" => normalizeAlign(local.align);\n  const className = (renderProps: TableCellRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        editableCell({\n          ...renderProps,\n          align: align(),\n          density: context.density,\n          overflowMode: context.overflowMode,\n          showDivider: !!local.showDivider,\n          isSaving: !!local.isSaving,\n          selectionStyle: context.selectionStyle,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const setCell = (el: HTMLTableCellElement): void => {\n    cellEl = el;\n    const ref = local.ref;\n    if (typeof ref === \"function\") {\n      ref(el);\n    } else if (ref) {\n      ref.current = el;\n    }\n  };\n\n  // The headless cell re-invokes its children callback whenever its own render props change\n  // (hover/press/focus). Recreating the stateful inner there would tear the edit button down\n  // mid-press and reset the open state, so anchor a single inner instance to EditableCell's\n  // owner and return it across every rerun. Cell render props are captured once and handed to\n  // the (static, per upstream) children — they are not re-read reactively.\n  const owner = getOwner();\n  let inner: JSX.Element | undefined;\n  let latestRenderProps: TableCellRenderProps | undefined;\n\n  const renderInner = (renderProps: TableCellRenderProps): JSX.Element => {\n    latestRenderProps = renderProps;\n    inner ??= runWithOwner(owner, () => (\n      <EditableCellInner\n        align={align}\n        overflowMode={() => context.overflowMode}\n        density={() => context.density}\n        getCell={() => cellEl}\n        renderEditing={local.renderEditing}\n        isSaving={() => local.isSaving}\n        onSubmit={local.onSubmit}\n        onCancel={local.onCancel}\n        action={local.action}\n        ariaLabel={(props as { \"aria-label\"?: string })[\"aria-label\"]}\n        renderChildren={() => {\n          if (typeof local.children !== \"function\") {\n            return local.children;\n          }\n          // `latestRenderProps` is a plain capture, not a signal, so reading it does not make\n          // the children reactive to the cell's hover/press churn.\n          return latestRenderProps ? local.children(latestRenderProps) : null;\n        }}\n      />\n    )) as JSX.Element;\n    return inner;\n  };\n\n  return (\n    <HeadlessTableCell\n      {...headlessProps}\n      ref={setCell}\n      class={className}\n      style={local.UNSAFE_style}\n    >\n      {(renderProps: TableCellRenderProps) => (\n        <>\n          {renderInner(renderProps)}\n          {renderProps.isFocusVisible ? <CellFocusRing /> : null}\n        </>\n      )}\n    </HeadlessTableCell>\n  );\n}\n\ninterface EditableCellInnerProps {\n  align: () => \"start\" | \"center\" | \"end\";\n  overflowMode: () => TableOverflowMode;\n  density: () => TableDensity;\n  getCell: () => HTMLTableCellElement | null;\n  renderEditing: () => JSX.Element;\n  isSaving: () => boolean | undefined;\n  onSubmit?: (event: SubmitEvent) => void;\n  onCancel?: () => void;\n  action?: string;\n  ariaLabel?: string;\n  /**\n   * Invoked inside the edit-slot provider so the `slot=\"edit\"` ActionButton\n   * resolves its `onPress` from `editSlots`. In Solid, `useContext` binds to the\n   * owner active when the component executes, so the children must be created\n   * here rather than pre-evaluated in `EditableCell`'s scope.\n   */\n  renderChildren: () => JSX.Element;\n}\n\nfunction EditableCellInner(props: EditableCellInnerProps): JSX.Element {\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [formEl, setFormEl] = createSignal<HTMLFormElement | null>(null);\n  const [triggerWidth, setTriggerWidth] = createSignal(0);\n  const [tableWidth, setTableWidth] = createSignal(0);\n  const [verticalOffset, setVerticalOffset] = createSignal(0);\n\n  // Touch devices (no fine pointer / hover) get a full dialog instead of a popover.\n  const hasFinePointer = createMediaQuery(\"(hover: hover) and (pointer: fine)\");\n  const isMobile = (): boolean => !hasFinePointer();\n\n  const size = (): ActionButtonSize => {\n    const density = props.density();\n    if (density === \"compact\") {\n      return \"S\";\n    }\n    if (density === \"spacious\") {\n      return \"L\";\n    }\n    return \"M\";\n  };\n\n  // Position the popover relative to the cell: measure the trigger and table\n  // widths, and offset upward by the row height so it overlays the cell. Mirrors\n  // the S2 useLayoutEffect.\n  createEffect(() => {\n    if (!isOpen()) {\n      return;\n    }\n    const cell = props.getCell();\n    const boundingRect = cell?.parentElement?.getBoundingClientRect();\n    setTriggerWidth(cell?.clientWidth ?? 0);\n    setVerticalOffset((boundingRect?.top ?? 0) - (boundingRect?.bottom ?? 0));\n    const grid = cell?.closest('[role=\"grid\"],[role=\"treegrid\"]');\n    setTableWidth((grid as HTMLElement | null)?.clientWidth ?? 0);\n  });\n\n  // Auto-select the entire text range of the autofocused input when the editor\n  // opens. Re-runs once the form element mounts. Mirrors the S2 useEffect.\n  createEffect(() => {\n    const form = formEl();\n    if (!isOpen() || !form) {\n      return;\n    }\n    queueMicrotask(() => {\n      if (!isOpen()) {\n        return;\n      }\n      const active = getOwnerDocument(form)?.activeElement;\n      if (\n        active &&\n        form.contains(active) &&\n        ((active instanceof HTMLInputElement && !nonTextInputTypes.has(active.type)) ||\n          active instanceof HTMLTextAreaElement) &&\n        typeof active.select === \"function\"\n      ) {\n        active.select();\n      }\n    });\n  });\n\n  const cancel = (): void => {\n    setIsOpen(false);\n    props.onCancel?.();\n  };\n\n  // Our headless Form doesn't prevent the native submit (unlike RAC's Form), so\n  // stop the page reload here, then notify the consumer and close. Mirrors S2.\n  const handleSubmit = (event: SubmitEvent): void => {\n    event.preventDefault();\n    props.onSubmit?.(event);\n    setIsOpen(false);\n  };\n\n  // The mobile dialog disables keyboard dismissal, so translate Escape into a\n  // cancel ourselves. Mirrors the S2 dialog-level Escape handler.\n  const onFormKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \"Escape\") {\n      cancel();\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  };\n\n  const attachForm = (el: HTMLFormElement): void => {\n    setFormEl(el);\n    el.addEventListener(\"submit\", handleSubmit);\n    if (isMobile()) {\n      el.addEventListener(\"keydown\", onFormKeyDown);\n    }\n  };\n\n  // Interact-outside never closes the popover directly; instead, if focus is\n  // still within the form, submit (saving), which then closes. Mirrors S2.\n  const shouldCloseOnInteractOutside = (): boolean => {\n    const form = formEl();\n    if (!form) {\n      return false;\n    }\n    const active = getOwnerDocument(form)?.activeElement;\n    if (!active || !form.contains(active)) {\n      return false;\n    }\n    form.requestSubmit();\n    return false;\n  };\n\n  const editSlots: SpectrumContextValue<ActionButtonProps> = {\n    slots: {\n      default: {},\n      edit: {\n        onPress: () => setIsOpen(true),\n        excludeFromTabOrder: true,\n        get isPending() {\n          return props.isSaving();\n        },\n        get isQuiet() {\n          return !props.isSaving();\n        },\n        get size() {\n          return size();\n        },\n        get styles() {\n          return editButtonStyles({ isForcedVisible: isOpen() || !!props.isSaving() });\n        },\n      },\n    },\n  };\n\n  return (\n    <ButtonContext.Provider value={null}>\n      <ActionButtonContext.Provider value={editSlots}>\n        <div class={tableCellContent({ align: props.align(), overflowMode: props.overflowMode() })}>\n          {props.renderChildren()}\n        </div>\n\n        <ActionButtonContext.Provider value={null}>\n          <Show when={!isMobile()}>\n            <HeadlessPopover\n              isOpen={isOpen()}\n              onOpenChange={setIsOpen}\n              aria-label={props.ariaLabel ?? stringFormatter().format(\"table.editCell\")}\n              triggerRef={() => props.getCell()}\n              placement=\"bottom start\"\n              offset={verticalOffset()}\n              shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n              class={(renderProps) => editPopover({ isExiting: renderProps.isExiting })}\n              style={() => ({\n                minWidth: `min(${triggerWidth()}px, ${tableWidth()}px)`,\n                maxWidth: `${tableWidth()}px`,\n              })}\n            >\n              <OverlayTriggerStateContext.Provider value={null}>\n                <HeadlessForm\n                  ref={attachForm}\n                  action={props.action}\n                  class={editForm}\n                  style={() => ({ \"--input-width\": `calc(${triggerWidth()}px - 32px)` })}\n                >\n                  {props.renderEditing()}\n                  <div class={editActions}>\n                    <ActionButton\n                      isQuiet\n                      onPress={cancel}\n                      aria-label={stringFormatter().format(\"table.cancel\")}\n                    >\n                      <Cross />\n                    </ActionButton>\n                    <ActionButton\n                      isQuiet\n                      type=\"submit\"\n                      aria-label={stringFormatter().format(\"table.save\")}\n                    >\n                      <Checkmark />\n                    </ActionButton>\n                  </div>\n                </HeadlessForm>\n              </OverlayTriggerStateContext.Provider>\n            </HeadlessPopover>\n          </Show>\n\n          <Show when={isMobile()}>\n            <DialogContainer onDismiss={() => formEl()?.requestSubmit()}>\n              <Show when={isOpen()}>\n                <CustomDialog\n                  isDismissible\n                  isKeyboardDismissDisabled\n                  aria-label={props.ariaLabel ?? stringFormatter().format(\"table.editCell\")}\n                >\n                  <HeadlessForm ref={attachForm} action={props.action} class={editFormMobile}>\n                    {props.renderEditing()}\n                    <ButtonGroup align=\"end\" styles={editButtonGroupStyles}>\n                      <Button onPress={cancel} variant=\"secondary\" fillStyle=\"outline\">\n                        Cancel\n                      </Button>\n                      <Button type=\"submit\" variant=\"accent\">\n                        Save\n                      </Button>\n                    </ButtonGroup>\n                  </HeadlessForm>\n                </CustomDialog>\n              </Show>\n            </DialogContainer>\n          </Show>\n        </ActionButtonContext.Provider>\n      </ActionButtonContext.Provider>\n    </ButtonContext.Provider>\n  );\n}\n\nexport function TableSelectionCheckbox(props: {\n  rowKey: Key;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}): JSX.Element {\n  const context = useContext(InternalTableContext);\n\n  return (\n    <HeadlessTableCell\n      id=\"__selection__\"\n      class={(renderProps: TableCellRenderProps) =>\n        selectionCell({ ...renderProps, density: context.density })\n      }\n    >\n      {(renderProps: TableCellRenderProps) => (\n        <>\n          <span\n            class={selectionCheckbox({ isDisabled: !!props.isDisabled })}\n            data-rsp-slot=\"selection-indicator\"\n          >\n            <HeadlessTableSelectionCheckbox rowKey={props.rowKey} class={selectionCheckboxInput} />\n            <span\n              class={selectionCheckboxBox({\n                isSelected: !!props.isSelected,\n                isDisabled: !!props.isDisabled,\n              })}\n            >\n              {props.isSelected ? (\n                <Checkmark size=\"XS\" class={selectionCheckboxIcon} />\n              ) : null}\n            </span>\n          </span>\n          {renderProps.isFocusVisible ? <CellFocusRing /> : null}\n        </>\n      )}\n    </HeadlessTableCell>\n  );\n}\n\nexport function TableSelectAllCheckbox(): JSX.Element {\n  const context = useContext(InternalTableContext);\n  const state = useContext(HeadlessTableStateContext);\n  const isSelected = () => state?.selectedKeys === \"all\";\n  const isIndeterminate = () => {\n    const keys = state?.selectedKeys;\n    if (!state || keys === \"all\" || keys == null || keys.size === 0) {\n      return false;\n    }\n\n    return keys.size < state.collection.size;\n  };\n  const isDisabled = () =>\n    !state || state.selectionMode !== \"multiple\" || state.collection.size === 0;\n  const className = (renderProps: TableColumnRenderProps): string =>\n    mergeStyles(\n      tableColumn({\n        ...renderProps,\n        align: \"center\",\n        density: context.density,\n      }),\n      selectionColumn,\n    );\n\n  // Mirrors S2's `TableColumnHeader`: in single-selection mode there is no\n  // select-all checkbox — the header column instead exposes a `VisuallyHidden`\n  // \"Select\" label (S2 `VisuallyHiddenSelectAllLabel`). Only `multiple` mode\n  // renders the real select-all checkbox.\n  const isSingle = () => state?.selectionMode === \"single\";\n\n  return (\n    <HeadlessTableColumn id=\"__selection__\" class={className}>\n      {isSingle() ? (\n        <HeadlessVisuallyHidden>Select</HeadlessVisuallyHidden>\n      ) : (\n        <span class={selectionCheckbox({})} data-rsp-slot=\"select-all-indicator\">\n          <HeadlessTableSelectAllCheckbox class={selectionCheckboxInput} />\n          <span\n            class={selectionCheckboxBox({\n              isSelected: isSelected() || isIndeterminate(),\n              isDisabled: isDisabled(),\n            })}\n          >\n            {isSelected() ? (\n              <Checkmark size=\"XS\" class={selectionCheckboxIcon} />\n            ) : isIndeterminate() ? (\n              <Dash size=\"XS\" class={selectionCheckboxIcon} />\n            ) : null}\n          </span>\n        </span>\n      )}\n    </HeadlessTableColumn>\n  );\n}\n\nexport interface ColumnResizerProps extends Omit<HeadlessColumnResizerProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport function ColumnResizer(props: ColumnResizerProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\", \"styles\", \"UNSAFE_className\"]);\n  const className = (renderProps: ColumnResizerRenderProps): string =>\n    [local.UNSAFE_className, local.class, mergeStyles(resizer(renderProps), local.styles)]\n      .filter(Boolean)\n      .join(\" \");\n\n  return <HeadlessColumnResizer {...headlessProps} class={className} />;\n}\n\nexport interface ResizableTableContainerProps extends Omit<\n  HeadlessResizableTableContainerProps,\n  \"class\" | \"style\"\n> {\n  /** Additional CSS class name. Use only as a last resort. */\n  class?: string;\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}\n\nexport function ResizableTableContainer(props: ResizableTableContainerProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\n    \"class\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n  ]);\n  const className = () =>\n    [local.UNSAFE_className, local.class, mergeStyles(resizableTableContainer, local.styles)]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessResizableTableContainer\n      {...headlessProps}\n      class={className()}\n      style={local.UNSAFE_style}\n    />\n  );\n}\n\nfunction SortIcon(props: { direction: \"ascending\" | \"descending\" }): JSX.Element {\n  return (\n    <Arrow\n      size=\"M\"\n      class={tableSortIcon}\n      aria-hidden=\"true\"\n      style={{\n        transform: props.direction === \"ascending\" ? \"rotate(-90deg)\" : \"rotate(90deg)\",\n      }}\n    />\n  );\n}\n\nTable.Header = TableHeader;\nTable.Column = TableColumn;\nTable.Body = TableBody;\nTable.Footer = TableFooter;\nTable.Row = TableRow;\nTable.Cell = TableCell;\nTable.EditableCell = EditableCell;\nTable.SelectionCheckbox = TableSelectionCheckbox;\nTable.SelectAllCheckbox = TableSelectAllCheckbox;\nTable.ColumnResizer = ColumnResizer;\n\nexport const TableView = Table;\nexport const Column = TableColumn;\nexport const Footer = TableFooter;\nexport const Row = TableRow;\nexport const Cell = TableCell;\n\nexport type { ColumnDefinition, Key, SortDescriptor };\n"],"mappings":"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"}

package/dist/_chunk/text-child.js

@@ -0,0 +1,9 @@
+//#region src/button/text-child.ts
+function getSingleTextChild(content) {
+	if (typeof content === "string") return content;
+	if (Array.isArray(content) && content.length === 1 && typeof content[0] === "string") return content[0];
+}
+//#endregion
+export { getSingleTextChild as t };
+
+//# sourceMappingURL=text-child.js.map

package/dist/_chunk/text-child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-child.js","names":[],"sources":["../../src/button/text-child.ts"],"sourcesContent":["// Solid helpers may pass one plain text child as [\"Label\"]; upstream React sees\n// the equivalent authoring shape as a string child and wraps it in Text.\nexport function getSingleTextChild(content: unknown): string | undefined {\n  if (typeof content === \"string\") {\n    return content;\n  }\n\n  if (Array.isArray(content) && content.length === 1 && typeof content[0] === \"string\") {\n    return content[0];\n  }\n\n  return undefined;\n}\n"],"mappings":";AAEA,SAAgB,mBAAmB,SAAsC;CACvE,IAAI,OAAO,YAAY,UACrB,OAAO;CAGT,IAAI,MAAM,QAAQ,OAAO,KAAK,QAAQ,WAAW,KAAK,OAAO,QAAQ,OAAO,UAC1E,OAAO,QAAQ;AAInB"}

package/dist/_chunk/text-child.jsx

@@ -0,0 +1,9 @@
+//#region src/button/text-child.ts
+function getSingleTextChild(content) {
+	if (typeof content === "string") return content;
+	if (Array.isArray(content) && content.length === 1 && typeof content[0] === "string") return content[0];
+}
+//#endregion
+export { getSingleTextChild as t };
+
+//# sourceMappingURL=text-child.jsx.map

package/dist/_chunk/text-child.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-child.jsx","names":[],"sources":["../../src/button/text-child.ts"],"sourcesContent":["// Solid helpers may pass one plain text child as [\"Label\"]; upstream React sees\n// the equivalent authoring shape as a string child and wraps it in Text.\nexport function getSingleTextChild(content: unknown): string | undefined {\n  if (typeof content === \"string\") {\n    return content;\n  }\n\n  if (Array.isArray(content) && content.length === 1 && typeof content[0] === \"string\") {\n    return content[0];\n  }\n\n  return undefined;\n}\n"],"mappings":";AAEA,SAAgB,mBAAmB,SAAsC;CACvE,IAAI,OAAO,YAAY,UACrB,OAAO;CAGT,IAAI,MAAM,QAAQ,OAAO,KAAK,QAAQ,WAAW,KAAK,OAAO,QAAQ,OAAO,UAC1E,OAAO,QAAQ;AAInB"}

package/dist/_chunk/text.js

@@ -0,0 +1,291 @@
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.js";
+import { createIsSkeleton, useInertAttribute, useSkeletonText } from "../skeleton/index.js";
+import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createContext, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
+import { ElementTag } from "@proyecto-viviana/solidaria-components";
+//#region src/text/shared.ts
+function mergeUnsafeClassName(contextClassName, localClassName) {
+	return [contextClassName, localClassName].filter(Boolean).join(" ") || void 0;
+}
+function getContentDomProps(props) {
+	const domProps = {};
+	for (const key of [
+		"id",
+		"itemProp",
+		"itemScope",
+		"itemType",
+		"itemID",
+		"itemRef",
+		"role"
+	]) {
+		const value = props[key];
+		if (value !== void 0) domProps[key] = value;
+	}
+	const record = props;
+	for (const key in record) if (key.startsWith("data-")) {
+		const value = record[key];
+		domProps[key] = value == null ? void 0 : String(value);
+	}
+	return domProps;
+}
+//#endregion
+//#region src/text/type-roles.ts
+const typeRoles = {
+	display: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vRyBurc151 xc151 _xa151 _FYOourc151 pHKLAu151 -sKUDed-StC2pc151",
+	title: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vlizurc151 xg151 _xa151 _FWDMfn151 pHKLAu151 -sKUDed-StC2pc151",
+	headline: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vxmrurc151 xd151 _xa151 xX0cczbc151 _xX0cczba151 _Fa151 pHKLAu151 -sKUDed-StC2pc151",
+	label: " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vItq5sc151 xg151 _xa151 _FYOourc151 pHKLAu151 -sKUDed-StC2pc151",
+	body: " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-c151 vx151 xb151 _xa151 _F6Qourc151 pHKLAu151",
+	meta: " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 vQvqurc151 xb151 _xa151 _Fb151 pUUi0Fe151",
+	micro: " uxe7h4151 vIWpurc151 xd151 _xa151 xX0cczbc151 _xX0cczba151 _FWDMfn151 pHKLAu151 -sKUDed-iH4cn151",
+	terminal: " uxe7h4151 vcstVsc151 xb151 _xa151 _FeTourc151 pHKLAu151",
+	button: " uxe7h4151 vxmrurc151 xb151 _xa151 _F2mU151 pHKLAu151"
+};
+//#endregion
+//#region src/text/Heading.tsx
+const headingStyles = {
+	1: typeRoles.display,
+	2: typeRoles.title,
+	3: typeRoles.headline
+};
+function headingStyleForLevel(level) {
+	return headingStyles[level === 1 ? 1 : level === 2 ? 2 : 3];
+}
+const HeadingContext = createContext(null);
+function Heading$1(props) {
+	const contextProps = getSlottedContextProps(useContext(HeadingContext), props.slot);
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local] = splitProps(merged, [
+		"children",
+		"level",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"isHidden",
+		"slot",
+		"ref"
+	]);
+	const level = () => local.level ?? 3;
+	const tag = () => `h${level()}`;
+	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(headingStyleForLevel(level()), mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ");
+	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	if (local.isHidden) return null;
+	return createComponent(ElementTag, mergeProps({ get tag() {
+		return tag();
+	} }, () => getContentDomProps(merged), {
+		ref(r$) {
+			var _ref$ = mergeContextRefs(contextProps?.ref, props.ref);
+			typeof _ref$ === "function" && _ref$(r$);
+		},
+		get ["class"]() {
+			return className();
+		},
+		get style() {
+			return unsafeStyle();
+		},
+		get slot() {
+			return local.slot || void 0;
+		},
+		get children() {
+			return local.children;
+		}
+	}));
+}
+//#endregion
+//#region src/text/Keyboard.tsx
+var _tmpl$$1 = /*#__PURE__*/ template(`<kbd>`);
+const KeyboardContext = createContext(null);
+function Keyboard(props) {
+	const contextProps = getSlottedContextProps(useContext(KeyboardContext), props.slot);
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local] = splitProps(merged, [
+		"children",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"isHidden",
+		"slot",
+		"ref"
+	]);
+	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(contextProps == null ? typeRoles.terminal : void 0, mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ");
+	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	if (local.isHidden) return null;
+	return (() => {
+		var _el$ = getNextElement(_tmpl$$1);
+		var _ref$ = mergeContextRefs(contextProps?.ref, props.ref);
+		typeof _ref$ === "function" && use(_ref$, _el$);
+		spread(_el$, mergeProps(() => getContentDomProps(merged), {
+			get ["class"]() {
+				return className();
+			},
+			get style() {
+				return unsafeStyle();
+			},
+			get slot() {
+				return local.slot || void 0;
+			},
+			"dir": "ltr"
+		}), false, true);
+		insert(_el$, () => local.children);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+//#region src/text/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`), _tmpl$2 = /*#__PURE__*/ template(`<header>`), _tmpl$3 = /*#__PURE__*/ template(`<div>`), _tmpl$4 = /*#__PURE__*/ template(`<footer>`);
+const TextContext = createContext(null);
+const HeaderContext = createContext(null);
+const ContentContext = createContext(null);
+const FooterContext = createContext(null);
+function Text(props) {
+	const contextProps = getSlottedContextProps(useContext(TextContext), props.slot);
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local] = splitProps(merged, [
+		"children",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"isHidden",
+		"slot",
+		"ref"
+	]);
+	const inertRef = useInertAttribute(createIsSkeleton());
+	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	const id = () => props.id ?? contextProps?.id;
+	const [children, skeletonStyle] = useSkeletonText(() => local.children, unsafeStyle);
+	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(contextProps == null ? typeRoles.meta : void 0, mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ");
+	if (local.isHidden) return null;
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		var _ref$ = mergeContextRefs(contextProps?.ref, props.ref, inertRef);
+		typeof _ref$ === "function" && use(_ref$, _el$);
+		spread(_el$, mergeProps(() => getContentDomProps(merged), {
+			get id() {
+				return id();
+			},
+			get ["class"]() {
+				return className();
+			},
+			get style() {
+				return skeletonStyle();
+			},
+			get slot() {
+				return local.slot || void 0;
+			},
+			"data-rsp-slot": "text"
+		}), false, true);
+		insert(_el$, children);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+function Header(props) {
+	const contextProps = getSlottedContextProps(useContext(HeaderContext), props.slot);
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local] = splitProps(merged, [
+		"children",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"isHidden",
+		"slot",
+		"ref"
+	]);
+	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(contextProps?.styles, props.styles)].filter(Boolean).join(" ");
+	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	if (local.isHidden) return null;
+	return (() => {
+		var _el$2 = getNextElement(_tmpl$2);
+		var _ref$2 = mergeContextRefs(contextProps?.ref, props.ref);
+		typeof _ref$2 === "function" && use(_ref$2, _el$2);
+		spread(_el$2, mergeProps(() => getContentDomProps(merged), {
+			get ["class"]() {
+				return className();
+			},
+			get style() {
+				return unsafeStyle();
+			},
+			get slot() {
+				return local.slot || void 0;
+			}
+		}), false, true);
+		insert(_el$2, () => local.children);
+		runHydrationEvents();
+		return _el$2;
+	})();
+}
+function Content(props) {
+	const contextProps = getSlottedContextProps(useContext(ContentContext), props.slot);
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local] = splitProps(merged, [
+		"children",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"isHidden",
+		"slot",
+		"ref"
+	]);
+	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(contextProps == null ? typeRoles.body : void 0, mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ");
+	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	if (local.isHidden) return null;
+	return (() => {
+		var _el$3 = getNextElement(_tmpl$3);
+		var _ref$3 = mergeContextRefs(contextProps?.ref, props.ref);
+		typeof _ref$3 === "function" && use(_ref$3, _el$3);
+		spread(_el$3, mergeProps(() => getContentDomProps(merged), {
+			get ["class"]() {
+				return className();
+			},
+			get style() {
+				return unsafeStyle();
+			},
+			get slot() {
+				return local.slot || void 0;
+			}
+		}), false, true);
+		insert(_el$3, () => local.children);
+		runHydrationEvents();
+		return _el$3;
+	})();
+}
+function Footer(props) {
+	const contextProps = getSlottedContextProps(useContext(FooterContext), props.slot);
+	const merged = mergeProps$1(contextProps ?? {}, props);
+	const [local] = splitProps(merged, [
+		"children",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"isHidden",
+		"slot",
+		"ref"
+	]);
+	const className = () => [mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className), mergeContextStyles(contextProps?.styles, props.styles)].filter(Boolean).join(" ");
+	const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	if (local.isHidden) return null;
+	return (() => {
+		var _el$4 = getNextElement(_tmpl$4);
+		var _ref$4 = mergeContextRefs(contextProps?.ref, props.ref);
+		typeof _ref$4 === "function" && use(_ref$4, _el$4);
+		spread(_el$4, mergeProps(() => getContentDomProps(merged), {
+			get ["class"]() {
+				return className();
+			},
+			get style() {
+				return unsafeStyle();
+			},
+			get slot() {
+				return local.slot || void 0;
+			}
+		}), false, true);
+		insert(_el$4, () => local.children);
+		runHydrationEvents();
+		return _el$4;
+	})();
+}
+//#endregion
+export { Header as a, TextContext as c, Heading$1 as d, HeadingContext as f, FooterContext as i, Keyboard as l, ContentContext as n, HeaderContext as o, typeRoles as p, Footer as r, Text as s, Content as t, KeyboardContext as u };
+
+//# sourceMappingURL=text.js.map

package/dist/_chunk/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["JSX","createContext","mergeProps","splitProps","useContext","ElementTag","getSlottedContextProps","mergeContextRefs","mergeContextStyles","mergeContextUnsafeStyle","SpectrumContextValue","StyleString","BaseContentProps","getContentDomProps","mergeUnsafeClassName","typeRoles","HeadingProps","HTMLHeadingElement","level","headingStyles","display","title","headline","const","headingStyleForLevel","HeadingContext","Heading","props","Element","contextProps","slot","merged","local","tag","IntrinsicElements","className","UNSAFE_className","styles","filter","Boolean","join","unsafeStyle","UNSAFE_style","isHidden","_$createComponent","_$mergeProps","ref","r$","_ref$","class","style","undefined","children","JSX","createContext","mergeProps","splitProps","useContext","getSlottedContextProps","mergeContextRefs","mergeContextStyles","mergeContextUnsafeStyle","SpectrumContextValue","BaseContentProps","getContentDomProps","mergeUnsafeClassName","typeRoles","KeyboardProps","HTMLElement","KeyboardContext","Keyboard","props","Element","contextProps","slot","merged","local","className","UNSAFE_className","terminal","undefined","styles","filter","Boolean","join","unsafeStyle","UNSAFE_style","isHidden","_el$","_$getNextElement","_tmpl$","_ref$","ref","_$use","_$spread","_$mergeProps","class","style","_$insert","children","_$runHydrationEvents","JSX","createContext","mergeProps","splitProps","useContext","createIsSkeleton","useInertAttribute","useSkeletonText","getSlottedContextProps","mergeContextRefs","mergeContextStyles","mergeContextUnsafeStyle","SpectrumContextValue","BaseContentProps","getContentDomProps","mergeUnsafeClassName","typeRoles","TextProps","HTMLSpanElement","TextContext","HeaderProps","HTMLElement","HeaderContext","ContentProps","HTMLDivElement","ContentContext","FooterProps","FooterContext","Text","props","Element","contextProps","slot","merged","local","isSkeleton","inertRef","unsafeStyle","UNSAFE_style","id","children","skeletonStyle","className","UNSAFE_className","meta","undefined","styles","filter","Boolean","join","isHidden","_el$","_$getNextElement","_tmpl$","_ref$","ref","_$use","_$spread","_$mergeProps","class","style","_$insert","_$runHydrationEvents","Header","_el$2","_tmpl$2","_ref$2","Content","body","_el$3","_tmpl$3","_ref$3","Footer","_el$4","_tmpl$4","_ref$4","Heading","HeadingContext","HeadingProps","Keyboard","KeyboardContext","KeyboardProps","TypeRole"],"sources":["../../src/text/shared.ts","../../src/text/type-roles.ts","../../src/text/Heading.tsx","../../src/text/Keyboard.tsx","../../src/text/index.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { RefLike } from \"../button/spectrum-context\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport type { StyleString } from \"../style\";\n\nexport interface BaseContentProps<T extends HTMLElement = HTMLElement> {\n  children?: JSX.Element;\n  styles?: StyleString | (() => StyleString | undefined);\n  UNSAFE_className?: UnsafeClassName | string;\n  UNSAFE_style?: JSX.CSSProperties;\n  isHidden?: boolean;\n  id?: string;\n  itemProp?: string;\n  itemScope?: boolean;\n  itemType?: string;\n  itemID?: string;\n  itemRef?: string;\n  role?: string;\n  slot?: string | null;\n  ref?: RefLike<T>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport function mergeUnsafeClassName(\n  contextClassName?: UnsafeClassName | string,\n  localClassName?: UnsafeClassName | string,\n): string | undefined {\n  return [contextClassName, localClassName].filter(Boolean).join(\" \") || undefined;\n}\n\nexport function getContentDomProps<T extends HTMLElement>(\n  props: BaseContentProps<T>,\n): JSX.HTMLAttributes<T> {\n  const domProps: Record<string, unknown> = {};\n\n  for (const key of [\n    \"id\",\n    \"itemProp\",\n    \"itemScope\",\n    \"itemType\",\n    \"itemID\",\n    \"itemRef\",\n    \"role\",\n  ] as const) {\n    const value = props[key];\n    if (value !== undefined) {\n      domProps[key] = value;\n    }\n  }\n\n  const record = props as Record<string, unknown>;\n  for (const key in record) {\n    if (key.startsWith(\"data-\")) {\n      const value = record[key];\n      domProps[key] = value == null ? undefined : String(value);\n    }\n  }\n\n  return domProps as JSX.HTMLAttributes<T>;\n}\n","import { style } from \"../style\" with { type: \"macro\" };\n\n/* The Glasselated register's CLOSED type ladder — nine roles, no more.\n *\n * The handoff declares each role as one CSS custom property\n * (`--type-display` … `--type-button`, glasselated.css:154-168) so an app can\n * name a role and get it. The library's type lives in the build-time style()\n * macro instead, so this module is the equivalent surface: one precompiled\n * atom string per role, usable through any component's `styles` prop or as a\n * plain class on a bare element. The values are the register's own, verbatim:\n *\n *   display   500 28px/1.15   Geist Pixel  +0.01em   hero & page titles\n *   title     600 20px/1.2    Geist Pixel  +0.01em   section/panel titles\n *   headline  700 15px/1.3    Geist Pixel  +0.01em   card & list titles\n *   label     600 13.5px/1.15 Geist Pixel  +0.01em   buttons/nav/chips\n *   body      400 14px/1.55   Geist                  prose\n *   meta      400 12px/1.5    Geist                  secondary, `--text-secondary` ink\n *   micro     700 10px/1.2    Geist Mono   +0.1em    below the pixel floor\n *   terminal  400 11.5px/1.95 Geist Mono             wells & prompts\n *   button    400 15px/1      Geist Mono             control labels\n *\n * Each role opens with a `font:` shorthand purely to pick up the right FAMILY\n * routing (heading-* → display face, body-* → sans, code-* and ui → mono, see\n * spectrum-theme.ts font()) plus the role's semantic ink; the explicit\n * properties after it then pin size/weight/leading/tracking to the register's\n * exact numbers — shorthands expand first, so later keys win. Arbitrary\n * bracket values are deliberate: the register declares exact pixels, not ramp\n * rungs, and this module IS the register's ladder rather than a consumer of\n * Spectrum's.\n *\n * The weight ladder on the pixel tiers is INVERTED — lighter as it gets\n * bigger (500/600/700) — which font()'s Spectrum weight tokens cannot say;\n * that is why every pixel role restates fontWeight. `meta` is the one role\n * that restates ink: \"secondary\" is part of the role's definition, not a\n * context choice.\n *\n * Faces come from the `--s2-font-family-*` bridge (display → Geist Pixel,\n * sans → Geist, code → Geist Mono); an app that bridges nothing falls back to\n * the Spectrum stacks and only the metrics of these roles apply. */\nexport const typeRoles = {\n  display: style({\n    font: \"heading-lg\",\n    fontSize: \"[28px]\",\n    fontWeight: \"medium\",\n    lineHeight: \"[1.15]\",\n    letterSpacing: \"0.01em\",\n  }),\n  title: style({\n    font: \"heading-sm\",\n    fontSize: \"[20px]\",\n    fontWeight: \"semi-bold\",\n    lineHeight: \"[1.2]\",\n    letterSpacing: \"0.01em\",\n  }),\n  headline: style({\n    font: \"heading-2xs\",\n    fontSize: \"[15px]\",\n    fontWeight: \"bold\",\n    lineHeight: \"[1.3]\",\n    letterSpacing: \"0.01em\",\n  }),\n  label: style({\n    font: \"heading-2xs\",\n    fontSize: \"[13.5px]\",\n    fontWeight: \"semi-bold\",\n    lineHeight: \"[1.15]\",\n    letterSpacing: \"0.01em\",\n  }),\n  body: style({\n    font: \"body\",\n    lineHeight: \"[1.55]\",\n  }),\n  meta: style({\n    font: \"body-sm\",\n    fontSize: \"[12px]\",\n    lineHeight: \"[1.5]\",\n    color: \"neutral-subdued\",\n  }),\n  micro: style({\n    font: \"code-xs\",\n    fontSize: \"[10px]\",\n    fontWeight: \"bold\",\n    lineHeight: \"[1.2]\",\n    letterSpacing: \"0.1em\",\n  }),\n  terminal: style({\n    font: \"code-xs\",\n    fontSize: \"[11.5px]\",\n    lineHeight: \"[1.95]\",\n  }),\n  button: style({\n    font: \"ui\",\n    fontSize: \"[15px]\",\n    fontWeight: \"normal\",\n    lineHeight: \"[1]\",\n  }),\n} as const;\n\nexport type TypeRole = keyof typeof typeRoles;\n","import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { ElementTag } from \"@proyecto-viviana/solidaria-components\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport type { StyleString } from \"../style\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\n\nexport interface HeadingProps extends BaseContentProps<HTMLHeadingElement> {\n  level?: number;\n}\n\n/* Heading carried NO styles of its own: `className()` below composes context styles and\n * UNSAFE_className only, so a bare <Heading> rendered at whatever type the host page\n * happened to set on h1-h4. Any heading face it appeared to have came from the consuming\n * app's own stylesheet; an installed consumer without one got nothing. This gives the\n * component a real default type role.\n *\n * The FACE comes for free: font() routes `heading` to the `display` family\n * (spectrum-theme.ts, fontFamily ternary), so every rung below resolves to the register's\n * display face instead of whatever was inherited.\n *\n * The SIZE has to vary with `level`, and previously did not. One module-level constant was\n * shared by every level, so the register's three pixel tiers — display, title, headline —\n * arrived as three identical lines and the top of the type ladder collapsed. `level` chose\n * the tag and nothing else.\n *\n * The rungs are now the register's roles VERBATIM: h1 → display, h2 → title, h3 →\n * headline, taken from the typeRoles ladder (./type-roles.ts) so the component and the\n * exported role surface can never drift apart. The roles carry the register's exact\n * metrics — 28/20/15px, the INVERTED weight ladder (500/600/700, lighter as it gets\n * bigger), the +0.01em pixel-face tracking — which the earlier nearest-ramp-rung\n * approximation here could only wave at (28.4/19.9/14, Spectrum weights, no tracking).\n *\n * h4+ deliberately share the h3 rung: the register declares three pixel tiers, not six,\n * and inventing rungs below the floor would extend a ladder the design does not have.\n *\n * The role is passed as the FIRST argument to mergeContextStyles below so it stays the\n * base layer: mergeStyles(a, b) resolves later-wins (style/runtime.ts), so Dialog/\n * Popover/ContextualHelp context styles and any local `styles` prop still override it. */\nconst headingStyles = {\n  1: typeRoles.display,\n  2: typeRoles.title,\n  3: typeRoles.headline,\n} as const;\n\nfunction headingStyleForLevel(level: number): StyleString {\n  return headingStyles[level === 1 ? 1 : level === 2 ? 2 : 3];\n}\n\nexport const HeadingContext = createContext<SpectrumContextValue<HeadingProps>>(null);\n\nexport function Heading(props: HeadingProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(HeadingContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as HeadingProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"level\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const level = () => local.level ?? 3;\n  const tag = () => `h${level()}` as keyof JSX.IntrinsicElements;\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        headingStyleForLevel(level()),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <ElementTag\n      tag={tag()}\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </ElementTag>\n  );\n}\n","import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\n\nexport interface KeyboardProps extends BaseContentProps<HTMLElement> {}\n\nexport const KeyboardContext = createContext<SpectrumContextValue<KeyboardProps>>(null);\n\nexport function Keyboard(props: KeyboardProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(KeyboardContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as KeyboardProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      /* Standalone default: the register's terminal role (mono, wells & prompts).\n       * Skipped whenever a slotted context claims this <kbd> — MenuItem and other\n       * hosts style their key hints through KeyboardContext, usually relying on\n       * inheritance the baked role would break. See text/index.tsx for the full\n       * rationale. */\n      mergeContextStyles(\n        contextProps == null ? typeRoles.terminal : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <kbd\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n      dir=\"ltr\"\n    >\n      {local.children}\n    </kbd>\n  );\n}\n","import { type JSX, createContext, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { createIsSkeleton, useInertAttribute, useSkeletonText } from \"../skeleton\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { type BaseContentProps, getContentDomProps, mergeUnsafeClassName } from \"./shared\";\nimport { typeRoles } from \"./type-roles\";\n\n/* Standalone type-role defaults (Glasselated register, mirror panel 09):\n * Text, Content and Keyboard were pure slot markers — bare elements with an\n * empty class that inherit whatever encloses them — so the register's body,\n * meta and terminal roles had no reachable carrier: an app could not ask for\n * \"prose\" or \"mono\" and get it. Each now bakes its role, but ONLY when no\n * slotted context has claimed the element (contextProps == null): inside a\n * Button, MenuItem, Card or any other composing parent, the parent's context\n * IS the styling contract — often deliberately partial so the child inherits\n * the parent's font — and a baked size there would override the host instead\n * of the page. Standalone mapping, per the register's ladder: Content → body\n * (block prose), Text → meta (inline secondary), Keyboard → terminal (mono).\n * When a context exists the default is skipped entirely, so composed\n * behavior is byte-identical to before. */\n\nexport interface TextProps extends BaseContentProps<HTMLSpanElement> {}\n\nexport const TextContext = createContext<SpectrumContextValue<TextProps>>(null);\n\nexport interface HeaderProps extends BaseContentProps<HTMLElement> {}\n\nexport const HeaderContext = createContext<SpectrumContextValue<HeaderProps>>(null);\n\nexport interface ContentProps extends BaseContentProps<HTMLDivElement> {}\n\nexport const ContentContext = createContext<SpectrumContextValue<ContentProps>>(null);\n\nexport interface FooterProps extends BaseContentProps<HTMLElement> {}\n\nexport const FooterContext = createContext<SpectrumContextValue<FooterProps>>(null);\n\nexport function Text(props: TextProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(TextContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as TextProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const isSkeleton = createIsSkeleton();\n  const inertRef = useInertAttribute(isSkeleton);\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const id = () => props.id ?? contextProps?.id;\n  const [children, skeletonStyle] = useSkeletonText(() => local.children, unsafeStyle);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        contextProps == null ? typeRoles.meta : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <span\n      {...getContentDomProps(merged)}\n      id={id()}\n      ref={mergeContextRefs(contextProps?.ref, props.ref, inertRef)}\n      class={className()}\n      style={skeletonStyle()}\n      slot={local.slot || undefined}\n      data-rsp-slot=\"text\"\n    >\n      {children()}\n    </span>\n  );\n}\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(HeaderContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as HeaderProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(contextProps?.styles, props.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <header\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </header>\n  );\n}\n\nexport function Content(props: ContentProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ContentContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as ContentProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(\n        contextProps == null ? typeRoles.body : undefined,\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <div\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport function Footer(props: FooterProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(FooterContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as FooterProps;\n  const [local] = splitProps(merged, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"isHidden\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const className = () =>\n    [\n      mergeUnsafeClassName(contextProps?.UNSAFE_className, props.UNSAFE_className),\n      mergeContextStyles(contextProps?.styles, props.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const unsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n\n  if (local.isHidden) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <footer\n      {...getContentDomProps(merged)}\n      ref={mergeContextRefs(contextProps?.ref, props.ref)}\n      class={className()}\n      style={unsafeStyle()}\n      slot={local.slot || undefined}\n    >\n      {local.children}\n    </footer>\n  );\n}\n\nexport { Heading, HeadingContext } from \"./Heading\";\nexport type { HeadingProps } from \"./Heading\";\nexport { Keyboard, KeyboardContext } from \"./Keyboard\";\nexport type { KeyboardProps } from \"./Keyboard\";\nexport { typeRoles } from \"./type-roles\";\nexport type { TypeRole } from \"./type-roles\";\n"],"mappings":"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"}