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

package/dist/_chunk/list.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"list.jsx","names":[],"sources":["../../src/gridlist/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  children as resolveChildren,\n  createContext,\n  createEffect,\n  createMemo,\n  createRenderEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  GridList as HeadlessGridList,\n  GridListItem as HeadlessGridListItem,\n  GridListSelectionCheckbox as HeadlessGridListSelectionCheckbox,\n  GridListStateContext as HeadlessGridListStateContext,\n  type GridListItemProps as HeadlessGridListItemProps,\n  type GridListItemRenderProps,\n  type GridListProps as HeadlessGridListProps,\n  type GridListRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { ActionButtonGroupContext } from \"../button/group-context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { Image, ImageContext, ImageCoordinator } from \"../image\";\nimport { IconContext } from \"../icon\";\nimport Checkmark from \"../icon/ui-icons/Checkmark\";\nimport Chevron from \"../icon/ui-icons/Chevron\";\nimport LinkOut from \"../icon/ui-icons/LinkOut\";\nimport { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  colorMix,\n  focusRing,\n  fontRelative,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport {\n  controlFont,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { Text, TextContext } from \"../text\";\n\nexport type GridListSize = \"sm\" | \"md\" | \"lg\";\nexport type GridListVariant = \"default\" | \"cards\" | \"bordered\";\nexport type GridListLayout = \"list\" | \"grid\";\nexport type GridListSelectionStyle = \"checkbox\" | \"highlight\";\nexport type GridListOverflowMode = \"truncate\" | \"wrap\";\nexport type GridListLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface GridListProps<T extends object> extends Omit<\n  HeadlessGridListProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"selectionBehavior\" | \"isLoading\" | \"slot\" | \"ref\"\n> {\n  /** The ListView items. Use static ListViewItem children or a render function with `items`. */\n  children: JSX.Element | ((item: T) => JSX.Element);\n  /** The items to render for dynamic collections. */\n  items?: T[];\n  /** Whether the ListView should draw without the default container chrome. */\n  isQuiet?: boolean;\n  /** How selection is visualized. @default 'checkbox' */\n  selectionStyle?: GridListSelectionStyle;\n  /** Whether labels and descriptions truncate or wrap. @default 'truncate' */\n  overflowMode?: GridListOverflowMode;\n  /** Hides the external-link trailing icon on link items. */\n  hideLinkOutIcon?: boolean;\n  /** Loading state forwarded to load-more behavior. */\n  loadingState?: GridListLoadingState;\n  /** Provides an action bar when items are selected. */\n  renderActionBar?: (selectedKeys: \"all\" | Set<Key>) => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the grid list root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Legacy GridList size alias retained for compatibility. */\n  size?: GridListSize;\n  /** Legacy GridList variant alias retained for compatibility. */\n  variant?: GridListVariant;\n  /** Legacy GridList layout alias retained for compatibility. */\n  layout?: GridListLayout;\n  /** Legacy GridList columns alias retained for compatibility. */\n  columns?: number | \"auto\";\n  /** Legacy label helper. Prefer aria-label or aria-labelledby. */\n  label?: JSX.Element;\n  /** Legacy description helper. */\n  description?: JSX.Element;\n}\n\nexport interface GridListItemProps<T extends object> extends Omit<\n  HeadlessGridListItemProps<T>,\n  \"class\" | \"style\" | \"children\" | \"ref\"\n> {\n  /** The unique id of the ListViewItem. */\n  id: Key;\n  /** The contents of the item. */\n  children?: JSX.Element | ((renderProps: GridListItemRenderProps) => JSX.Element);\n  /** Whether this item is disabled. Static collections support this directly; dynamic collections can also use `getDisabled`. */\n  isDisabled?: boolean;\n  /** Whether this item navigates into child content. */\n  hasChildItems?: boolean;\n  /** Link target metadata for visual parity with React Spectrum's link-out affordance. */\n  href?: string;\n  target?: string;\n  download?: boolean | string;\n  rel?: string;\n  hrefLang?: string;\n  ping?: string;\n  referrerPolicy?: string;\n  routerOptions?: unknown;\n  /** Optional description text. Prefer `<Text slot=\"description\">`. */\n  description?: JSX.Element;\n  /** Optional icon helper retained from the older GridList API. */\n  icon?: () => JSX.Element;\n  /** Optional image helper retained from the older GridList API. */\n  image?: string;\n  /** Alt text for the image helper. */\n  imageAlt?: 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  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Ref for the rendered row element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ntype StaticGridListItem = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  props: GridListItemProps<object>;\n};\n\ntype ItemRegistration = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  props?: GridListItemProps<object>;\n};\n\ninterface StaticCollectionContextValue {\n  mode: \"static\" | \"dynamic\";\n  registerItem(item: ItemRegistration): void;\n  unregisterItem(id: Key): void;\n}\n\ninterface ListViewContextValue {\n  isQuiet: boolean;\n  selectionStyle: GridListSelectionStyle;\n  overflowMode: GridListOverflowMode;\n  hideLinkOutIcon: boolean;\n}\n\nexport const GridListContext = createContext<SpectrumContextValue<GridListProps<unknown>>>(null);\nconst InternalListViewContext = createContext<ListViewContextValue>({\n  isQuiet: false,\n  selectionStyle: \"checkbox\",\n  overflowMode: \"truncate\",\n  hideLinkOutIcon: false,\n});\nconst StaticGridListCollectionContext = createContext<StaticCollectionContextValue | null>(null);\n\nconst listViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: \"flex\",\n    flexDirection: \"column\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    overflow: \"clip\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\n// Mirrors S2: the trailing-icon column width is set on the grid CONTAINER and\n// inherits to the rows, so every row reserves the column when ANY row carries a\n// trailing icon (grid alignment across rows). `listitem` reads it via\n// `var(--trailing-icon-width)`.\nconst hasTrailingIconRows = ':has([data-has-trailing-icon]) [role=\"row\"]';\n\nconst listView = style<GridListRenderProps & { isQuiet?: boolean; isActionBar?: boolean }>(\n  {\n    ...focusRing(),\n    outlineOffset: {\n      default: -2,\n      isQuiet: -1,\n    },\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    minHeight: 0,\n    minWidth: 0,\n    width: \"full\",\n    height: {\n      isActionBar: \"full\",\n    },\n    boxSizing: \"border-box\",\n    overflow: \"auto\",\n    fontSize: controlFont(),\n    backgroundColor: {\n      default: \"gray-25\",\n      isQuiet: \"transparent\",\n    },\n    borderRadius: {\n      default: \"default\",\n      isQuiet: \"none\",\n    },\n    borderColor: \"gray-300\",\n    borderWidth: {\n      default: 1,\n      isQuiet: 0,\n    },\n    borderStyle: \"solid\",\n    disableTapHighlight: true,\n    \"--trailing-icon-width\": {\n      type: \"width\",\n      value: {\n        default: \"auto\",\n        [hasTrailingIconRows]: fontRelative(20),\n      },\n    },\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst legacyLabel = style({\n  font: controlFont(),\n  fontWeight: \"medium\",\n  color: baseColor(\"neutral\"),\n  marginBottom: 4,\n});\n\nconst legacyDescription = style({\n  font: \"body-sm\",\n  color: baseColor(\"neutral-subdued\"),\n  marginTop: 4,\n});\n\nconst emptyState = style({\n  minHeight: 112,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral\",\n  font: \"body-sm\",\n});\n\nconst emptyStateRow = style({\n  display: \"contents\",\n});\n\nconst selectedBackground = colorMix(\"gray-25\", \"gray-900\", 7);\nconst selectedActiveBackground = colorMix(\"gray-25\", \"gray-900\", 10);\n\ntype ListViewRowLayerProps = GridListItemRenderProps & {\n  isQuiet?: boolean;\n  isLink?: boolean;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n  isNextSelected?: boolean;\n  isPrevSelected?: boolean;\n  isPrevNotSelected?: boolean;\n  isNextNotSelected?: boolean;\n  selectionStyle?: GridListSelectionStyle;\n  overflowMode?: GridListOverflowMode;\n  hasTrailingIcon?: boolean;\n};\n\nconst listViewItem = style<ListViewRowLayerProps>({\n  outlineStyle: \"none\",\n  boxSizing: \"border-box\",\n  columnGap: 0,\n  paddingX: 0,\n  paddingY: 8,\n  backgroundColor: \"transparent\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isSelected: {\n        selectionStyle: {\n          highlight: \"HighlightText\",\n        },\n      },\n      isDisabled: \"GrayText\",\n    },\n  },\n  position: \"relative\",\n  // In S2 the selection-fill layer (`listViewRowBackground`, `zIndex:-1`) sits\n  // inside the Virtualizer's row wrapper (`position:absolute; zIndex:0`), whose\n  // stacking context keeps the negative-z fill painting ABOVE the grid's own\n  // white background. Our ListView is not virtualized (no such wrapper), so the\n  // row itself must establish that stacking context — otherwise the grid's\n  // `z-auto` background paints over the `zIndex:-1` fill and the selected row\n  // shows no highlight. `z-index` is not a D1-pinned property, so this mirrors\n  // S2's rendered result without diverging on any certified computed style.\n  zIndex: 0,\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\n    \". dragbutton . checkmark icon label       actions actionmenu trailing-icon .\",\n    \". .          . .         .    description actions actionmenu trailing-icon .\",\n  ],\n  gridTemplateColumns: [\n    4,\n    \"auto\",\n    8,\n    \"auto\",\n    \"auto\",\n    \"minmax(0, 1fr)\",\n    \"auto\",\n    \"auto\",\n    \"var(--trailing-icon-width)\",\n    6,\n  ],\n  gridTemplateRows: \"1fr auto\",\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  alignItems: \"baseline\",\n  minHeight: 40,\n  textDecoration: \"none\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n  },\n  \"--borderColor\": {\n    type: \"borderColor\",\n    value: {\n      default: \"gray-300\",\n      forcedColors: \"ButtonBorder\",\n      isSelected: {\n        selectionStyle: {\n          highlight: {\n            default: \"blue-900\",\n            forcedColors: \"Highlight\",\n          },\n          checkbox: \"gray-300\",\n        },\n      },\n    },\n  },\n  borderTopWidth: 0,\n  borderBottomWidth: {\n    default: 1,\n    isLastItem: {\n      default: 1,\n      isQuiet: 0,\n    },\n  },\n  borderStartWidth: 0,\n  borderEndWidth: 0,\n  borderStyle: \"solid\",\n  borderColor: {\n    default: \"--borderColor\",\n    isNextSelected: \"transparent\",\n    isSelected: \"transparent\",\n    forcedColors: \"ButtonBorder\",\n  },\n  \"--radius\": {\n    type: \"borderTopStartRadius\",\n    value: \"default\",\n  },\n  forcedColorAdjust: \"none\",\n});\n\nconst insetBorderRadius = \"calc(var(--radius) - 1px)\";\n\nconst listViewRowBackground = style<ListViewRowLayerProps>({\n  position: \"absolute\",\n  zIndex: -1,\n  top: {\n    default: 0,\n    isSelected: \"[-1px]\",\n    isPrevSelected: 0,\n    isFirstItem: 0,\n    forcedColors: 0,\n  },\n  left: 0,\n  right: 0,\n  bottom: {\n    default: 0,\n    isSelected: \"[-1px]\",\n  },\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: {\n      default: \"gray-900/5\",\n      selectionStyle: {\n        checkbox: selectedBackground,\n      },\n    },\n    isPressed: {\n      default: \"gray-900/10\",\n      selectionStyle: {\n        checkbox: selectedActiveBackground,\n      },\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground,\n        },\n        highlight: {\n          default: colorMix(\"gray-25\", \"blue-900\", 10),\n          isHovered: colorMix(\"gray-25\", \"blue-900\", 15),\n          isPressed: colorMix(\"gray-25\", \"blue-900\", 15),\n        },\n      },\n    },\n    forcedColors: {\n      default: \"Background\",\n      selectionStyle: {\n        highlight: {\n          isSelected: \"Highlight\",\n        },\n      },\n    },\n  },\n  borderTopStartRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderTopEndRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderBottomStartRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderBottomEndRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderTopWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n    isPrevSelected: 0,\n  },\n  borderBottomWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n    isNextSelected: 0,\n  },\n  borderStartWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n  },\n  borderEndWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n  },\n  borderStyle: \"solid\",\n  borderColor: {\n    default: \"transparent\",\n    isSelected: {\n      selectionStyle: {\n        checkbox: \"transparent\",\n        highlight: \"--borderColor\",\n      },\n    },\n  },\n});\n\nconst listViewRowFocusRing = style<ListViewRowLayerProps>({\n  ...focusRing(),\n  outlineOffset: {\n    default: -2,\n    forcedColors: -3,\n  },\n  outlineWidth: {\n    default: 2,\n    forcedColors: \"[3px]\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: {\n      default: \"Highlight\",\n      selectionStyle: {\n        highlight: \"ButtonBorder\",\n      },\n    },\n  },\n  position: \"absolute\",\n  inset: 0,\n  top: {\n    default: \"[-1px]\",\n    isFirstItem: 0,\n  },\n  bottom: {\n    selectionStyle: {\n      checkbox: {\n        default: \"[-1px]\",\n        isNextSelected: 0,\n      },\n      highlight: \"[-1px]\",\n    },\n  },\n  borderRadius: {\n    default: `[${insetBorderRadius}]`,\n    isQuiet: \"default\",\n  },\n  zIndex: 1,\n  pointerEvents: \"none\",\n});\n\nconst listViewItemCell = style({\n  display: \"contents\",\n});\n\nconst listViewCheckbox = style<GridListItemRenderProps>({\n  gridArea: \"checkmark\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  marginEnd: 8,\n  position: \"relative\",\n  width: 16,\n  height: 16,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // Mirrors S2 `listCheckbox` (ListView.tsx:808-811): a disabled row still\n  // RENDERS the selection checkbox (so the checkmark grid track keeps its width\n  // and rows stay aligned) but hides it via `visibility`.\n  visibility: {\n    default: \"visible\",\n    isDisabled: \"hidden\",\n  },\n});\n\nconst listViewCheckboxInput = style({\n  // Mirrors S2's `<Checkbox slot=\"selection\">` input: an opacity-0 overlay left\n  // at the browser's intrinsic checkbox size (13×13 in Chromium — S2 sets no\n  // explicit width/height, and `inset:0` would wrongly stretch a form control),\n  // sitting over the visual `listViewCheckboxBox`.\n  position: \"absolute\",\n  margin: 0,\n  opacity: 0,\n  cursor: \"inherit\",\n});\n\nconst listViewCheckboxBox = style<GridListItemRenderProps>({\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 listViewCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst listViewSlotIcon = style<GridListItemRenderProps>({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  display: \"block\",\n  size: fontRelative(20),\n  alignSelf: \"center\",\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst listViewImage = style({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: 32,\n  borderRadius: \"row\",\n  objectFit: \"cover\",\n  marginEnd: \"text-to-visual\",\n});\n\nconst listViewLabel = style<GridListItemRenderProps & { overflowMode?: GridListOverflowMode }>({\n  gridArea: \"label\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: controlFont(),\n  color: \"inherit\",\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 listViewDescription = style<\n  GridListItemRenderProps & { overflowMode?: GridListOverflowMode }\n>({\n  gridArea: \"description\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: \"ui-sm\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isDisabled: \"disabled\",\n  },\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  transition: \"default\",\n});\n\nconst listViewActions = style({\n  gridArea: \"actions\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n});\n\nconst listViewActionMenu = style({\n  gridArea: \"actionmenu\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n});\n\nconst listViewTrailingIcon = style<GridListItemRenderProps>({\n  gridArea: \"trailing-icon\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n  color: {\n    default: \"neutral-subdued\",\n    isDisabled: \"disabled\",\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nfunction selectedKeySet(keys: \"all\" | Iterable<Key> | undefined): \"all\" | Set<Key> {\n  if (keys === \"all\") {\n    return \"all\";\n  }\n\n  return new Set(keys ?? []);\n}\n\nfunction keyFromItem<T extends object>(\n  item: T,\n  getKey: ((item: T) => Key) | undefined,\n  index: number,\n): Key {\n  return (\n    getKey?.(item) ?? (item as { id?: Key; key?: Key }).id ?? (item as { key?: Key }).key ?? index\n  );\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  return Array.isArray(value) && value.every(isTextOnlyChildren);\n}\n\nfunction replaceManagedClass(element: Element, dataAttribute: string, nextClass: string): void {\n  const previousClass = element.getAttribute(dataAttribute);\n  for (const className of previousClass?.split(/\\s+/).filter(Boolean) ?? []) {\n    element.classList.remove(className);\n  }\n\n  for (const className of nextClass.split(/\\s+/).filter(Boolean)) {\n    element.classList.add(className);\n  }\n\n  element.setAttribute(dataAttribute, nextClass);\n}\n\nfunction applyItemSlotClasses(\n  root: HTMLElement | undefined,\n  renderProps: GridListItemRenderProps,\n  context: ListViewContextValue,\n): void {\n  if (!root) {\n    return;\n  }\n\n  const state = {\n    ...renderProps,\n    overflowMode: context.overflowMode,\n  };\n\n  const gridCell = root.querySelector('[role=\"gridcell\"]');\n  if (gridCell) {\n    replaceManagedClass(gridCell, \"data-s2-listview-cell-class\", listViewItemCell);\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll('[slot=\"label\"], [data-slot=\"label\"], [data-rsp-slot=\"label\"]'),\n  )) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewLabel(state));\n    element.setAttribute(\"data-rsp-slot\", \"label\");\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll(\n      '[slot=\"description\"], [data-slot=\"description\"], [data-rsp-slot=\"description\"]',\n    ),\n  )) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewDescription(state));\n    element.setAttribute(\"data-rsp-slot\", \"description\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"icon\"], [data-slot=\"icon\"]'))) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewSlotIcon);\n    element.setAttribute(\"data-rsp-slot\", \"icon\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actions\"]'))) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewActions);\n    element.setAttribute(\"data-rsp-slot\", \"actions\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actionmenu\"]'))) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewActionMenu);\n    element.setAttribute(\"data-rsp-slot\", \"actionmenu\");\n  }\n}\n\nexport function GridList<T extends object>(props: GridListProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(\n    useContext(GridListContext) as SpectrumContextValue<GridListProps<T>>,\n    props.slot,\n  );\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"children\",\n    \"items\",\n    \"isQuiet\",\n    \"selectionStyle\",\n    \"overflowMode\",\n    \"hideLinkOutIcon\",\n    \"loadingState\",\n    \"renderActionBar\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n    \"size\",\n    \"variant\",\n    \"layout\",\n    \"columns\",\n    \"label\",\n    \"description\",\n    \"isLoading\",\n    \"hasMore\",\n    \"onLoadMore\",\n  ]);\n  const isQuiet = () => !!local.isQuiet;\n  const selectionStyle = (): GridListSelectionStyle => local.selectionStyle ?? \"checkbox\";\n  const overflowMode = (): GridListOverflowMode => local.overflowMode ?? \"truncate\";\n  const isLoading = () =>\n    local.isLoading || local.loadingState === \"loading\" || local.loadingState === \"loadingMore\";\n  const [staticItems, setStaticItems] = createSignal<StaticGridListItem[]>([]);\n  const [registrationVersion, setRegistrationVersion] = createSignal(0);\n  const registeredItems = new Map<Key, ItemRegistration>();\n  const usesStaticChildren = () => local.items == null;\n  const syncRegisteredItems = () => {\n    setStaticItems(\n      Array.from(registeredItems.values())\n        .filter((item) => item.props)\n        .map((item) => ({\n          id: item.id,\n          textValue: item.textValue,\n          isDisabled: item.isDisabled,\n          props: item.props!,\n        })),\n    );\n    setRegistrationVersion((version) => version + 1);\n  };\n  const registrationContext: StaticCollectionContextValue = {\n    get mode() {\n      return usesStaticChildren() ? \"static\" : \"dynamic\";\n    },\n    registerItem(item) {\n      const previous = registeredItems.get(item.id);\n      if (\n        previous &&\n        previous.textValue === item.textValue &&\n        previous.isDisabled === item.isDisabled &&\n        previous.props === item.props\n      ) {\n        return;\n      }\n\n      registeredItems.set(item.id, item);\n      syncRegisteredItems();\n    },\n    unregisterItem(id) {\n      if (registeredItems.delete(id)) {\n        syncRegisteredItems();\n      }\n    },\n  };\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  // Deliberately NOT a `createMemo`: static children register themselves into\n  // `staticItems` (via a `createRenderEffect` in `GridListItem`) synchronously\n  // DURING this same render pass, before this accessor is read for the\n  // `HeadlessGridList` `items` prop below — but AFTER `collectionItems` itself\n  // would have been constructed. A `createMemo` here caches its FIRST\n  // evaluation and, under solid-js's SSR reactive system, never re-runs on a\n  // later read even though the `staticItems` signal was written meanwhile\n  // (memo invalidation is a client-only concern; `renderToString` computes\n  // memos once and freezes them) — so every static-children ListView would\n  // render `renderEmptyState()` (\"No items\") on the server no matter how many\n  // real `<ListViewItem>` children it had. A plain accessor re-reads the\n  // signal fresh on every call in both SSR and CSR, and still participates\n  // correctly in client-side reactivity because reading `staticItems()`\n  // inside it registers the dependency on whichever computation calls it.\n  const collectionItems = () =>\n    usesStaticChildren() ? (staticItems() as unknown as T[]) : (local.items ?? []);\n  const getKey = createMemo(() =>\n    usesStaticChildren()\n      ? (item: T) => (item as unknown as StaticGridListItem).id\n      : headlessProps.getKey,\n  );\n  const getTextValue = createMemo(() =>\n    usesStaticChildren()\n      ? (item: T) =>\n          (item as unknown as StaticGridListItem).textValue ??\n          String((item as unknown as StaticGridListItem).id)\n      : headlessProps.getTextValue,\n  );\n  const getDisabled = createMemo(() => {\n    if (usesStaticChildren()) {\n      return (item: T) => Boolean((item as unknown as StaticGridListItem).isDisabled);\n    }\n\n    return (item: T) => {\n      registrationVersion();\n      const key = keyFromItem(item, headlessProps.getKey, local.items?.indexOf(item) ?? 0);\n      return (\n        Boolean(registeredItems.get(key)?.isDisabled) ||\n        Boolean(headlessProps.getDisabled?.(item)) ||\n        Boolean((item as { isDisabled?: boolean }).isDisabled)\n      );\n    };\n  });\n  const [actionSelectedKeys, setActionSelectedKeys] = createSignal<\"all\" | Set<Key>>(\n    selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n  );\n  createEffect(() => {\n    setActionSelectedKeys(\n      selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    );\n  });\n  const onSelectionChange = (keys: \"all\" | Set<Key>) => {\n    setActionSelectedKeys(keys === \"all\" ? \"all\" : new Set(keys));\n    headlessProps.onSelectionChange?.(keys);\n  };\n  const listViewContext = createMemo<ListViewContextValue>(() => ({\n    isQuiet: isQuiet(),\n    selectionStyle: selectionStyle(),\n    overflowMode: overflowMode(),\n    hideLinkOutIcon: !!local.hideLinkOutIcon,\n  }));\n  const className = (renderProps: GridListRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      mergeStyles(\n        listView({\n          ...renderProps,\n          isQuiet: isQuiet(),\n          isActionBar: !!local.renderActionBar,\n        }),\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderEmptyState = () => (\n    <div role=\"row\" class={emptyStateRow}>\n      <div role=\"gridcell\" aria-colindex=\"1\" class={emptyState}>\n        {headlessProps.renderEmptyState?.() ?? \"No items\"}\n      </div>\n    </div>\n  );\n  const renderItem = (item: T) =>\n    usesStaticChildren() ? (\n      <GridListItem {...((item as unknown as StaticGridListItem).props as GridListItemProps<T>)} />\n    ) : typeof local.children === \"function\" ? (\n      local.children(item)\n    ) : null;\n  const registrationChildren = () => {\n    if (usesStaticChildren()) {\n      const resolved = resolveChildren(() => local.children as JSX.Element);\n      return resolved();\n    }\n\n    if (typeof local.children !== \"function\") {\n      return null;\n    }\n\n    return (local.items ?? []).map((item) => local.children(item));\n  };\n\n  const collection = (\n    <InternalListViewContext.Provider value={listViewContext()}>\n      <StaticGridListCollectionContext.Provider value={registrationContext}>\n        {registrationChildren()}\n      </StaticGridListCollectionContext.Provider>\n      <ImageCoordinator>\n        <HeadlessGridList\n          {...headlessProps}\n          ref={(element: HTMLDivElement) => assignRootRef(element)}\n          items={collectionItems() ?? []}\n          getKey={getKey()}\n          getTextValue={getTextValue()}\n          getDisabled={getDisabled()}\n          selectionBehavior={selectionStyle() === \"highlight\" ? \"replace\" : \"toggle\"}\n          onSelectionChange={onSelectionChange}\n          isLoading={isLoading()}\n          hasMore={local.hasMore ?? !!local.onLoadMore}\n          onLoadMore={local.onLoadMore}\n          renderEmptyState={renderEmptyState}\n          slot={local.slot ?? undefined}\n          class={className}\n          style={mergedUnsafeStyle()}\n          data-list-view=\"\"\n          data-quiet={isQuiet() || undefined}\n          data-selection-style={selectionStyle()}\n          data-overflow-mode={overflowMode()}\n          data-loading-state={local.loadingState ?? undefined}\n        >\n          {(item: T) => renderItem(item)}\n        </HeadlessGridList>\n      </ImageCoordinator>\n    </InternalListViewContext.Provider>\n  );\n\n  // Build the framed wrapper only on the branch that actually returns it. A `const framed = (<div/>)`\n  // is evaluated eagerly even when the function goes on to return `collection` instead — and under\n  // hydration that eager evaluation calls getNextElement for a wrapper div the server never\n  // rendered, which throws a Hydration Mismatch and aborts hydration for the entire route.\n  // Constructing it lazily inside the branch keeps SSR and client element walks in lockstep.\n  if (local.label || local.description || local.renderActionBar) {\n    return (\n      <div class={listViewWrapper({}, mergedStyles())} style={mergedUnsafeStyle()}>\n        {local.label ? <div class={legacyLabel}>{local.label}</div> : null}\n        {collection}\n        {local.description ? <div class={legacyDescription}>{local.description}</div> : null}\n        {local.renderActionBar ? local.renderActionBar(actionSelectedKeys()) : null}\n      </div>\n    );\n  }\n\n  return collection;\n}\n\nexport function GridListItem<T extends object>(props: GridListItemProps<T>): JSX.Element {\n  const context = useContext(InternalListViewContext);\n  const staticCollection = useContext(StaticGridListCollectionContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"isDisabled\",\n    \"hasChildItems\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"rel\",\n    \"hrefLang\",\n    \"ping\",\n    \"referrerPolicy\",\n    \"routerOptions\",\n    \"description\",\n    \"icon\",\n    \"image\",\n    \"imageAlt\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  // A render effect (not `createEffect`): registration must be visible to the\n  // parent's `collectionItems()` accessor within the SAME synchronous render\n  // pass that constructs this item, both on the server and the client.\n  // `createEffect` defers to a microtask that solid-js's SSR `renderToString`\n  // never flushes before returning, so the collection would render its\n  // `renderEmptyState()` (\"No items\") on the server for every static-children\n  // ListView — the items only ever show up client-side, after hydration has\n  // already committed an empty collection. See GridList's `registrationChildren`\n  // for the read order this depends on, and `collectionItems` for why it must\n  // NOT be a `createMemo` either.\n  createRenderEffect(() => {\n    if (!staticCollection) {\n      return;\n    }\n\n    staticCollection.registerItem({\n      id: props.id,\n      textValue: headlessProps.textValue ?? headlessProps[\"aria-label\"],\n      isDisabled: !!local.isDisabled,\n      props: staticCollection.mode === \"static\" ? (props as GridListItemProps<object>) : undefined,\n    });\n  });\n\n  onCleanup(() => {\n    staticCollection?.unregisterItem(props.id);\n  });\n\n  if (staticCollection) {\n    return null;\n  }\n\n  const collectionState = useContext(HeadlessGridListStateContext);\n  let itemElement: HTMLDivElement | undefined;\n  const assignItemRef = mergeContextRefs(local.ref, (element: HTMLDivElement) => {\n    itemElement = element;\n  });\n  const isExternalLink = () => !!local.href && local.target === \"_blank\";\n  const hasTrailingIcon = () =>\n    (isExternalLink() && !context.hideLinkOutIcon) || Boolean(local.hasChildItems);\n  const getClassName = (renderProps: GridListItemRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        listViewItem({\n          ...getRowLayerProps(renderProps),\n          isLink: !!local.href,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getStyle = (): JSX.CSSProperties | undefined => ({\n    ...local.UNSAFE_style,\n  });\n  const isSelectedKey = (key: Key | null | undefined) =>\n    key != null && Boolean(collectionState?.isSelected?.(key));\n  const getRowLayerProps = (renderProps: GridListItemRenderProps): ListViewRowLayerProps => {\n    const collection = collectionState?.collection;\n    const previousKey = collection?.getKeyBefore?.(props.id) ?? null;\n    const nextKey = collection?.getKeyAfter?.(props.id) ?? null;\n\n    return {\n      ...renderProps,\n      isQuiet: context.isQuiet,\n      selectionStyle: context.selectionStyle,\n      overflowMode: context.overflowMode,\n      hasTrailingIcon: hasTrailingIcon(),\n      isPrevSelected: isSelectedKey(previousKey),\n      isNextSelected: isSelectedKey(nextKey),\n      isPrevNotSelected: !isSelectedKey(previousKey),\n      isNextNotSelected: !isSelectedKey(nextKey),\n      isFirstItem: collection?.getFirstKey?.() === props.id,\n      isLastItem: collection?.getLastKey?.() === props.id,\n    };\n  };\n  const textContext = createMemo(() => ({\n    slots: {\n      default: { slot: \"label\" },\n      label: { slot: \"label\" },\n      description: { slot: \"description\" },\n    },\n  }));\n\n  function ItemChildren(renderProps: GridListItemRenderProps) {\n    createEffect(() => applyItemSlotClasses(itemElement, renderProps, context));\n\n    function ResolvedItemContent() {\n      const resolvedChildren = resolveChildren(() => {\n        // Read `local.children` once — a repeated props-children read re-instantiates child\n        // components on the server only, desynchronizing Solid's hydration keys and aborting\n        // hydration for the whole route. See Tab's ResolvedTabContent for the full note.\n        const rawChildren = local.children;\n        return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n      });\n      const childrenValue = () => resolvedChildren();\n      const isTextOnly = () => isTextOnlyChildren(childrenValue());\n\n      return (\n        <>\n          {isTextOnly() ? <Text slot=\"label\">{childrenValue()}</Text> : childrenValue()}\n          {local.description ? <Text slot=\"description\">{local.description}</Text> : null}\n        </>\n      );\n    }\n\n    return (\n      <TextContext.Provider value={textContext() as SpectrumContextValue<any>}>\n        <IconContext.Provider\n          value={{\n            slot: \"icon\",\n            styles: listViewSlotIcon,\n          }}\n        >\n          <ImageContext.Provider\n            value={{\n              slot: \"image\",\n              styles: listViewImage,\n            }}\n          >\n            <ActionButtonGroupContext.Provider\n              value={{\n                slot: \"actions\",\n                size: \"S\",\n                styles: listViewActions,\n              }}\n            >\n              <ActionMenuContext.Provider\n                value={{\n                  slot: \"actionmenu\",\n                  size: \"S\",\n                  menuSize: \"S\",\n                  styles: listViewActionMenu,\n                }}\n              >\n                {renderProps.selectionMode !== \"none\" &&\n                renderProps.selectionBehavior === \"toggle\" ? (\n                  <GridListSelectionCheckbox\n                    itemKey={props.id}\n                    renderProps={renderProps}\n                    excludeFromTabOrder\n                  />\n                ) : null}\n                <div\n                  class={listViewRowBackground(getRowLayerProps(renderProps))}\n                  aria-hidden=\"true\"\n                />\n                {renderProps.isFocusVisible ? (\n                  <div\n                    class={listViewRowFocusRing(getRowLayerProps(renderProps))}\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n                {local.image ? (\n                  <Image src={local.image} alt={local.imageAlt ?? \"\"} styles={listViewImage} />\n                ) : null}\n                {local.icon ? (\n                  <span slot=\"icon\" class={listViewSlotIcon} data-rsp-slot=\"icon\">\n                    {local.icon()}\n                  </span>\n                ) : null}\n                <ResolvedItemContent />\n                {isExternalLink() && !context.hideLinkOutIcon ? (\n                  <LinkOut\n                    size=\"M\"\n                    class={listViewTrailingIcon(renderProps)}\n                    data-rsp-slot=\"trailing-icon\"\n                    aria-hidden=\"true\"\n                  />\n                ) : local.hasChildItems ? (\n                  <Chevron\n                    size=\"M\"\n                    class={listViewTrailingIcon(renderProps)}\n                    data-rsp-slot=\"trailing-icon\"\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n              </ActionMenuContext.Provider>\n            </ActionButtonGroupContext.Provider>\n          </ImageContext.Provider>\n        </IconContext.Provider>\n      </TextContext.Provider>\n    );\n  }\n\n  return (\n    <HeadlessGridListItem\n      {...headlessProps}\n      ref={(element) => assignItemRef(element)}\n      class={getClassName}\n      style={getStyle}\n      data-list-view-item=\"\"\n      data-disabled={local.isDisabled || undefined}\n      data-href={local.href || undefined}\n      data-target={local.target || undefined}\n      data-has-child-items={local.hasChildItems || undefined}\n      data-has-trailing-icon={hasTrailingIcon() || undefined}\n    >\n      {(renderProps: GridListItemRenderProps) => <ItemChildren {...renderProps} />}\n    </HeadlessGridListItem>\n  );\n}\n\nexport function GridListSelectionCheckbox(props: {\n  itemKey: Key;\n  renderProps?: GridListItemRenderProps;\n  class?: string;\n  style?: JSX.CSSProperties;\n  excludeFromTabOrder?: boolean;\n  \"aria-label\"?: string;\n}): JSX.Element {\n  const state = useContext(HeadlessGridListStateContext);\n  const isSelected = () => Boolean(state?.isSelected?.(props.itemKey));\n  const renderProps = createMemo<GridListItemRenderProps>(() => ({\n    isSelected: props.renderProps?.isSelected ?? isSelected(),\n    isFocused: props.renderProps?.isFocused ?? false,\n    isFocusVisible: props.renderProps?.isFocusVisible ?? false,\n    isPressed: props.renderProps?.isPressed ?? false,\n    isHovered: props.renderProps?.isHovered ?? false,\n    isDisabled: props.renderProps?.isDisabled ?? false,\n    selectionMode: props.renderProps?.selectionMode ?? \"multiple\",\n    selectionBehavior: props.renderProps?.selectionBehavior ?? \"toggle\",\n  }));\n\n  return (\n    <span\n      class={[listViewCheckbox(renderProps()), props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n      data-rsp-slot=\"selection-indicator\"\n    >\n      <HeadlessGridListSelectionCheckbox\n        itemKey={props.itemKey}\n        class={listViewCheckboxInput}\n        excludeFromTabOrder={props.excludeFromTabOrder}\n        aria-label={props[\"aria-label\"] ?? \"Select\"}\n      />\n      <span class={listViewCheckboxBox(renderProps())} aria-hidden=\"true\">\n        {renderProps().isSelected ? (\n          // S2's checkbox checkmark is a RAW ui-icon svg that never reads\n          // IconContext, so it paints the `smallerSize['M'] === 'S'` variant at\n          // its intrinsic 10×10 (Checkbox.tsx). The port's `Checkmark` DOES\n          // consume IconContext (createIconForBase), so rendered inside the row\n          // it would inherit the LEADING-icon slot's `size: 20` (listViewSlotIcon,\n          // via mergeStyles' later-wins context) and paint 2× too large. Reset\n          // the context here to restore S2's immunity: the `S` glyph falls back\n          // to its intrinsic 10×10, tinted only by listViewCheckboxIcon.\n          <IconContext.Provider value={{}}>\n            <Checkmark size=\"S\" class={listViewCheckboxIcon} aria-hidden=\"true\" />\n          </IconContext.Provider>\n        ) : null}\n      </span>\n    </span>\n  );\n}\n\nGridList.Item = GridListItem;\nGridList.SelectionCheckbox = GridListSelectionCheckbox;\n\nexport type { Key };\n"],"mappings":"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"}
+{"version":3,"file":"list.jsx","names":[],"sources":["../../src/gridlist/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ListView.tsx\n\n// Port of packages/@react-spectrum/s2/src/ListView.tsx.\n\nimport {\n  children as resolveChildren,\n  createContext,\n  createEffect,\n  createMemo,\n  createRenderEffect,\n  createSignal,\n  onCleanup,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { attrTrue, mergeProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  GridList as HeadlessGridList,\n  GridListItem as HeadlessGridListItem,\n  GridListSelectionCheckbox as HeadlessGridListSelectionCheckbox,\n  GridListStateContext as HeadlessGridListStateContext,\n  type GridListItemProps as HeadlessGridListItemProps,\n  type GridListItemRenderProps,\n  type GridListProps as HeadlessGridListProps,\n  type GridListRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { ActionButtonGroupContext } from \"../button/group-context\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { Image, ImageContext, ImageCoordinator } from \"../image\";\nimport { IconContext } from \"../icon\";\nimport Checkmark from \"../icon/ui-icons/Checkmark\";\nimport Chevron from \"../icon/ui-icons/Chevron\";\nimport LinkOut from \"../icon/ui-icons/LinkOut\";\nimport { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, colorMix, focusRing, space, style } 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 { Text, TextContext } from \"../text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type GridListSize = \"sm\" | \"md\" | \"lg\";\nexport type GridListVariant = \"default\" | \"cards\" | \"bordered\";\nexport type GridListLayout = \"list\" | \"grid\";\nexport type GridListSelectionStyle = \"checkbox\" | \"highlight\";\nexport type GridListOverflowMode = \"truncate\" | \"wrap\";\nexport type GridListLoadingState =\n  | \"idle\"\n  | \"loading\"\n  | \"loadingMore\"\n  | \"sorting\"\n  | \"filtering\"\n  | \"error\";\n\nexport interface GridListProps<T extends object> extends Omit<\n  HeadlessGridListProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"selectionBehavior\" | \"isLoading\" | \"slot\" | \"ref\"\n> {\n  /** The ListView items. Use static ListViewItem children or a render function with `items`. */\n  children: JSX.Element | ((item: T) => JSX.Element);\n  /** The items to render for dynamic collections. */\n  items?: T[];\n  /** Whether the ListView should draw without the default container chrome. */\n  isQuiet?: boolean;\n  /** How selection is visualized. @default 'checkbox' */\n  selectionStyle?: GridListSelectionStyle;\n  /** Whether labels and descriptions truncate or wrap. @default 'truncate' */\n  overflowMode?: GridListOverflowMode;\n  /** Hides the external-link trailing icon on link items. */\n  hideLinkOutIcon?: boolean;\n  /** Loading state forwarded to load-more behavior. */\n  loadingState?: GridListLoadingState;\n  /** Provides an action bar when items are selected. */\n  renderActionBar?: (selectedKeys: \"all\" | Set<Key>) => JSX.Element;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the grid list root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Legacy GridList size alias retained for compatibility. */\n  size?: GridListSize;\n  /** Legacy GridList variant alias retained for compatibility. */\n  variant?: GridListVariant;\n  /** Legacy GridList layout alias retained for compatibility. */\n  layout?: GridListLayout;\n  /** Legacy GridList columns alias retained for compatibility. */\n  columns?: number | \"auto\";\n  /** Legacy label helper. Prefer aria-label or aria-labelledby. */\n  label?: JSX.Element;\n  /** Legacy description helper. */\n  description?: JSX.Element;\n}\n\nexport interface GridListItemProps<T extends object> extends Omit<\n  HeadlessGridListItemProps<T>,\n  \"class\" | \"style\" | \"children\" | \"ref\"\n> {\n  /** The unique id of the ListViewItem. */\n  id: Key;\n  /** The contents of the item. */\n  children?: JSX.Element | ((renderProps: GridListItemRenderProps) => JSX.Element);\n  /** Whether this item is disabled. Static collections support this directly; dynamic collections can also use `getDisabled`. */\n  isDisabled?: boolean;\n  /** Whether this item navigates into child content. */\n  hasChildItems?: boolean;\n  /** Link target metadata for visual parity with React Spectrum's link-out affordance. */\n  href?: string;\n  target?: string;\n  download?: boolean | string;\n  rel?: string;\n  hrefLang?: string;\n  ping?: string;\n  referrerPolicy?: string;\n  routerOptions?: unknown;\n  /** Optional description text. Prefer `<Text slot=\"description\">`. */\n  description?: JSX.Element;\n  /** Optional icon helper retained from the older GridList API. */\n  icon?: () => JSX.Element;\n  /** Optional image helper retained from the older GridList API. */\n  image?: string;\n  /** Alt text for the image helper. */\n  imageAlt?: 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  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Ref for the rendered row element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ntype StaticGridListItem = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  props: GridListItemProps<object>;\n};\n\ntype ItemRegistration = {\n  id: Key;\n  textValue?: string;\n  isDisabled?: boolean;\n  props?: GridListItemProps<object>;\n};\n\ninterface StaticCollectionContextValue {\n  mode: \"static\" | \"dynamic\";\n  registerItem(item: ItemRegistration): void;\n  unregisterItem(id: Key): void;\n}\n\ninterface ListViewContextValue {\n  isQuiet: boolean;\n  selectionStyle: GridListSelectionStyle;\n  overflowMode: GridListOverflowMode;\n  hideLinkOutIcon: boolean;\n}\n\nexport const GridListContext = createContext<SpectrumContextValue<GridListProps<unknown>>>(null);\nconst InternalListViewContext = createContext<ListViewContextValue>({\n  isQuiet: false,\n  selectionStyle: \"checkbox\",\n  overflowMode: \"truncate\",\n  hideLinkOutIcon: false,\n});\nconst StaticGridListCollectionContext = createContext<StaticCollectionContextValue | null>(null);\n\nconst listViewWrapper = style(\n  {\n    minHeight: 0,\n    minWidth: 200,\n    display: \"flex\",\n    flexDirection: \"column\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    overflow: \"clip\",\n  },\n  getAllowedOverrides({ height: true }),\n);\n\n// Mirrors S2: the trailing-icon column width is set on the grid CONTAINER and\n// inherits to the rows, so every row reserves the column when ANY row carries a\n// trailing icon (grid alignment across rows). `listitem` reads it via\n// `var(--trailing-icon-width)`.\nconst hasTrailingIconRows = ':has([data-has-trailing-icon]) [role=\"row\"]';\n\nconst listView = style<GridListRenderProps & { isQuiet?: boolean; isActionBar?: boolean }>(\n  {\n    ...focusRing(),\n    outlineOffset: {\n      default: -2,\n      isQuiet: -1,\n    },\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    minHeight: 0,\n    minWidth: 0,\n    width: \"full\",\n    height: {\n      isActionBar: \"full\",\n    },\n    boxSizing: \"border-box\",\n    overflow: \"auto\",\n    fontSize: controlFont(),\n    backgroundColor: {\n      default: \"gray-25\",\n      isQuiet: \"transparent\",\n    },\n    borderRadius: {\n      default: \"default\",\n      isQuiet: \"none\",\n    },\n    borderColor: \"gray-300\",\n    borderWidth: {\n      default: 1,\n      isQuiet: 0,\n    },\n    borderStyle: \"solid\",\n    disableTapHighlight: true,\n    \"--trailing-icon-width\": {\n      type: \"width\",\n      value: {\n        default: \"auto\",\n        [hasTrailingIconRows]: \"1lh\",\n      },\n    },\n  },\n  getAllowedOverrides({ height: true }),\n);\n\nconst legacyLabel = style({\n  font: controlFont(),\n  fontWeight: \"medium\",\n  color: baseColor(\"neutral\"),\n  marginBottom: 4,\n});\n\nconst legacyDescription = style({\n  font: \"body-sm\",\n  color: baseColor(\"neutral-subdued\"),\n  marginTop: 4,\n});\n\nconst emptyState = style({\n  minHeight: 112,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"neutral\",\n  font: \"body-sm\",\n});\n\nconst emptyStateRow = style({\n  display: \"contents\",\n});\n\nconst selectedBackground = colorMix(\"gray-25\", \"gray-900\", 7);\nconst selectedActiveBackground = colorMix(\"gray-25\", \"gray-900\", 10);\n\ntype ListViewRowLayerProps = GridListItemRenderProps & {\n  isQuiet?: boolean;\n  isLink?: boolean;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n  isNextSelected?: boolean;\n  isPrevSelected?: boolean;\n  isPrevNotSelected?: boolean;\n  isNextNotSelected?: boolean;\n  selectionStyle?: GridListSelectionStyle;\n  overflowMode?: GridListOverflowMode;\n  hasTrailingIcon?: boolean;\n};\n\nconst listViewItem = style<ListViewRowLayerProps>({\n  font: controlFont(),\n  outlineStyle: \"none\",\n  boxSizing: \"border-box\",\n  columnGap: 0,\n  paddingX: 0,\n  /* Glasselated: the register's list rows are 9px/12px — tighter than S2's 8px\n   * with a 4px gutter, and the 12px inset is what lets the leading \">\" mark sit\n   * clear of the row edge (glasselated.css `.tgl-row`). */\n  paddingY: \"[9px]\",\n  backgroundColor: \"transparent\",\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isSelected: {\n        selectionStyle: {\n          highlight: \"HighlightText\",\n        },\n      },\n      isDisabled: \"GrayText\",\n    },\n  },\n  position: \"relative\",\n  // In S2 the selection-fill layer (`listViewRowBackground`, `zIndex:-1`) sits\n  // inside the Virtualizer's row wrapper (`position:absolute; zIndex:0`), whose\n  // stacking context keeps the negative-z fill painting ABOVE the grid's own\n  // white background. Our ListView is not virtualized (no such wrapper), so the\n  // row itself must establish that stacking context — otherwise the grid's\n  // `z-auto` background paints over the `zIndex:-1` fill and the selected row\n  // shows no highlight. `z-index` is not a D1-pinned property, so this mirrors\n  // S2's rendered result without diverging on any certified computed style.\n  zIndex: 0,\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  /* `mark` is a Glasselated addition: a permanently reserved leading track for\n   * the row's \">\" caret. It is reserved rather than inserted on selection so a\n   * row's content does not shift sideways when it becomes current. */\n  gridTemplateAreas: [\n    \". mark dragbutton . checkmark icon label       actions actionmenu trailing-icon .\",\n    \". .    .          . .         .    description actions actionmenu trailing-icon .\",\n  ],\n  gridTemplateColumns: [\n    12,\n    \"auto\",\n    \"auto\",\n    8,\n    \"auto\",\n    \"auto\",\n    \"minmax(0, 1fr)\",\n    \"auto\",\n    \"auto\",\n    \"var(--trailing-icon-width)\",\n    12,\n  ],\n  gridTemplateRows: \"1fr auto\",\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  alignItems: \"baseline\",\n  minHeight: 40,\n  textDecoration: \"none\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n  },\n  \"--borderColor\": {\n    type: \"borderColor\",\n    value: {\n      default: \"gray-300\",\n      forcedColors: \"ButtonBorder\",\n      isSelected: {\n        selectionStyle: {\n          highlight: {\n            default: \"blue-900\",\n            forcedColors: \"Highlight\",\n          },\n          checkbox: \"gray-300\",\n        },\n      },\n    },\n  },\n  borderTopWidth: 0,\n  borderBottomWidth: {\n    default: 1,\n    isLastItem: {\n      default: 1,\n      isQuiet: 0,\n    },\n  },\n  borderStartWidth: 0,\n  borderEndWidth: 0,\n  borderStyle: \"solid\",\n  borderColor: {\n    default: \"--borderColor\",\n    isNextSelected: \"transparent\",\n    isSelected: \"transparent\",\n    forcedColors: \"ButtonBorder\",\n  },\n  \"--radius\": {\n    type: \"borderTopStartRadius\",\n    /* 6px — the register's row radius, one step tighter than a card. */\n    value: \"row\",\n  },\n  forcedColorAdjust: \"none\",\n});\n\nconst insetBorderRadius = \"calc(var(--radius) - 1px)\";\n\nconst listViewRowBackground = style<ListViewRowLayerProps>({\n  position: \"absolute\",\n  zIndex: -1,\n  top: {\n    default: 0,\n    isSelected: \"[-1px]\",\n    isPrevSelected: 0,\n    isFirstItem: 0,\n    forcedColors: 0,\n  },\n  left: 0,\n  right: 0,\n  bottom: {\n    default: 0,\n    isSelected: \"[-1px]\",\n  },\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: {\n      default: \"gray-900/5\",\n      selectionStyle: {\n        checkbox: selectedBackground,\n      },\n    },\n    isPressed: {\n      default: \"gray-900/10\",\n      selectionStyle: {\n        checkbox: selectedActiveBackground,\n      },\n    },\n    isSelected: {\n      selectionStyle: {\n        checkbox: {\n          default: selectedBackground,\n          isHovered: selectedActiveBackground,\n          isPressed: selectedActiveBackground,\n          isFocusVisible: selectedActiveBackground,\n        },\n        highlight: {\n          default: colorMix(\"gray-25\", \"blue-900\", 10),\n          isHovered: colorMix(\"gray-25\", \"blue-900\", 15),\n          isPressed: colorMix(\"gray-25\", \"blue-900\", 15),\n        },\n      },\n    },\n    forcedColors: {\n      default: \"Background\",\n      selectionStyle: {\n        highlight: {\n          isSelected: \"Highlight\",\n        },\n      },\n    },\n  },\n  borderTopStartRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderTopEndRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isPrevNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderBottomStartRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderBottomEndRadius: {\n    isQuiet: \"default\",\n    isSelected: \"none\",\n    isNextNotSelected: {\n      isSelected: {\n        selectionStyle: {\n          checkbox: \"none\",\n          highlight: `[${insetBorderRadius}]`,\n        },\n      },\n      isQuiet: \"default\",\n    },\n  },\n  borderTopWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n    isPrevSelected: 0,\n  },\n  borderBottomWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n    isNextSelected: 0,\n  },\n  borderStartWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n  },\n  borderEndWidth: {\n    default: {\n      selectionStyle: {\n        checkbox: 0,\n        highlight: 1,\n      },\n    },\n  },\n  borderStyle: \"solid\",\n  borderColor: {\n    default: \"transparent\",\n    isSelected: {\n      selectionStyle: {\n        checkbox: \"transparent\",\n        highlight: \"--borderColor\",\n      },\n    },\n  },\n});\n\nconst listViewRowFocusRing = style<ListViewRowLayerProps>({\n  ...focusRing(),\n  outlineOffset: {\n    default: -2,\n    forcedColors: -3,\n  },\n  outlineWidth: {\n    default: 2,\n    forcedColors: \"[3px]\",\n  },\n  outlineColor: {\n    default: \"focus-ring\",\n    forcedColors: {\n      default: \"Highlight\",\n      selectionStyle: {\n        highlight: \"ButtonBorder\",\n      },\n    },\n  },\n  position: \"absolute\",\n  inset: 0,\n  top: {\n    default: \"[-1px]\",\n    isFirstItem: 0,\n  },\n  bottom: {\n    selectionStyle: {\n      checkbox: {\n        default: \"[-1px]\",\n        isNextSelected: 0,\n      },\n      highlight: \"[-1px]\",\n    },\n  },\n  borderRadius: {\n    default: `[${insetBorderRadius}]`,\n    isQuiet: \"default\",\n  },\n  zIndex: 1,\n  pointerEvents: \"none\",\n});\n\nconst listViewItemCell = style({\n  display: \"contents\",\n});\n\n/* Glasselated: every list row leads with the register's mono \">\" mark — invisible\n * at rest, ghosted in on hover (0.55) and pinned solid on the selected row, sliding\n * 3px into place (glasselated.css:441-462). Same affordance as the vertical Tabs\n * rail caret, so the two read as one navigation vocabulary. */\nconst listViewMark = style<GridListItemRenderProps>({\n  gridArea: \"mark\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  width: \"[12px]\",\n  marginEnd: \"[4px]\",\n  fontFamily: \"code\",\n  fontSize: \"[12px]\",\n  fontWeight: \"semi-bold\",\n  lineHeight: \"[1.2]\",\n  color: {\n    default: \"[var(--accent-primary)]\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  opacity: {\n    default: 0,\n    isHovered: 0.55,\n    isFocusVisible: 0.55,\n    isSelected: 1,\n  },\n  translateX: {\n    default: \"[-3px]\",\n    isHovered: 0,\n    isFocusVisible: 0,\n    isSelected: 0,\n  },\n  transition: \"default\",\n  transitionDuration: 130,\n});\n\nconst listViewCheckbox = style<GridListItemRenderProps>({\n  gridArea: \"checkmark\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  marginEnd: 8,\n  position: \"relative\",\n  width: 16,\n  height: 16,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  // Mirrors S2 `listCheckbox` (ListView.tsx:808-811): a disabled row still\n  // RENDERS the selection checkbox (so the checkmark grid track keeps its width\n  // and rows stay aligned) but hides it via `visibility`.\n  visibility: {\n    default: \"visible\",\n    isDisabled: \"hidden\",\n  },\n});\n\nconst listViewCheckboxInput = style({\n  // Mirrors S2's `<Checkbox slot=\"selection\">` input: an opacity-0 overlay left\n  // at the browser's intrinsic checkbox size (13×13 in Chromium — S2 sets no\n  // explicit width/height, and `inset:0` would wrongly stretch a form control),\n  // sitting over the visual `listViewCheckboxBox`.\n  position: \"absolute\",\n  margin: 0,\n  opacity: 0,\n  cursor: \"inherit\",\n});\n\nconst listViewCheckboxBox = style<GridListItemRenderProps>({\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 listViewCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nconst listViewSlotIcon = style<GridListItemRenderProps>({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  display: \"block\",\n  size: \"1lh\",\n  alignSelf: \"center\",\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst listViewImage = style({\n  gridArea: \"icon\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: 32,\n  borderRadius: \"row\",\n  objectFit: \"cover\",\n  marginEnd: \"text-to-visual\",\n});\n\nconst listViewLabel = style<GridListItemRenderProps & { overflowMode?: GridListOverflowMode }>({\n  gridArea: \"label\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: controlFont(),\n  /* Glasselated row title: mono 12.5/600. `font` above still owns the ramp; these\n   * come after it so the shorthand cannot clobber them. */\n  fontFamily: \"code\",\n  fontSize: \"[12.5px]\",\n  fontWeight: \"semi-bold\",\n  color: \"inherit\",\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 listViewDescription = style<\n  GridListItemRenderProps & { overflowMode?: GridListOverflowMode }\n>({\n  gridArea: \"description\",\n  minWidth: 0,\n  alignSelf: \"center\",\n  font: \"ui-sm\",\n  /* Glasselated row meta: mono 11px in the terminal's dim ink. */\n  fontFamily: \"code\",\n  fontSize: \"[11px]\",\n  color: {\n    default: \"[var(--terminal-dim)]\",\n    isDisabled: \"disabled\",\n  },\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  transition: \"default\",\n});\n\nconst listViewActions = style({\n  gridArea: \"actions\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n});\n\nconst listViewActionMenu = style({\n  gridArea: \"actionmenu\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n});\n\nconst listViewTrailingIcon = style<GridListItemRenderProps>({\n  gridArea: \"trailing-icon\",\n  gridRowEnd: \"span 2\",\n  alignSelf: \"center\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifySelf: \"end\",\n  marginStart: \"text-to-visual\",\n  color: {\n    default: \"neutral-subdued\",\n    isDisabled: \"disabled\",\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nfunction selectedKeySet(keys: \"all\" | Iterable<Key> | undefined): \"all\" | Set<Key> {\n  if (keys === \"all\") {\n    return \"all\";\n  }\n\n  return new Set(keys ?? []);\n}\n\nfunction keyFromItem<T extends object>(\n  item: T,\n  getKey: ((item: T) => Key) | undefined,\n  index: number,\n): Key {\n  return (\n    getKey?.(item) ?? (item as { id?: Key; key?: Key }).id ?? (item as { key?: Key }).key ?? index\n  );\n}\n\nfunction isTextOnlyChildren(value: unknown): boolean {\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return true;\n  }\n\n  return Array.isArray(value) && value.every(isTextOnlyChildren);\n}\n\nfunction replaceManagedClass(element: Element, dataAttribute: string, nextClass: string): void {\n  const previousClass = element.getAttribute(dataAttribute);\n  for (const className of previousClass?.split(/\\s+/).filter(Boolean) ?? []) {\n    element.classList.remove(className);\n  }\n\n  for (const className of nextClass.split(/\\s+/).filter(Boolean)) {\n    element.classList.add(className);\n  }\n\n  element.setAttribute(dataAttribute, nextClass);\n}\n\nfunction applyItemSlotClasses(\n  root: HTMLElement | undefined,\n  renderProps: GridListItemRenderProps,\n  context: ListViewContextValue,\n): void {\n  if (!root) {\n    return;\n  }\n\n  const state = {\n    ...renderProps,\n    overflowMode: context.overflowMode,\n  };\n\n  const gridCell = root.querySelector('[role=\"gridcell\"]');\n  if (gridCell) {\n    replaceManagedClass(gridCell, \"data-s2-listview-cell-class\", listViewItemCell);\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll('[slot=\"label\"], [data-slot=\"label\"], [data-rsp-slot=\"label\"]'),\n  )) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewLabel(state));\n    element.setAttribute(\"data-rsp-slot\", \"label\");\n  }\n\n  for (const element of Array.from(\n    root.querySelectorAll(\n      '[slot=\"description\"], [data-slot=\"description\"], [data-rsp-slot=\"description\"]',\n    ),\n  )) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewDescription(state));\n    element.setAttribute(\"data-rsp-slot\", \"description\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"icon\"], [data-slot=\"icon\"]'))) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewSlotIcon);\n    element.setAttribute(\"data-rsp-slot\", \"icon\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actions\"]'))) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewActions);\n    element.setAttribute(\"data-rsp-slot\", \"actions\");\n  }\n\n  for (const element of Array.from(root.querySelectorAll('[slot=\"actionmenu\"]'))) {\n    replaceManagedClass(element, \"data-s2-listview-slot-class\", listViewActionMenu);\n    element.setAttribute(\"data-rsp-slot\", \"actionmenu\");\n  }\n}\n\nexport function GridList<T extends object>(props: GridListProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(\n    useContext(GridListContext) as SpectrumContextValue<GridListProps<T>>,\n    props.slot,\n  );\n  const mergedProps = mergeProps(flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"children\",\n    \"items\",\n    \"isQuiet\",\n    \"selectionStyle\",\n    \"overflowMode\",\n    \"hideLinkOutIcon\",\n    \"loadingState\",\n    \"renderActionBar\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"ref\",\n    \"size\",\n    \"variant\",\n    \"layout\",\n    \"columns\",\n    \"label\",\n    \"description\",\n    \"isLoading\",\n    \"hasMore\",\n    \"onLoadMore\",\n  ]);\n  const isQuiet = () => !!local.isQuiet;\n  const selectionStyle = (): GridListSelectionStyle => local.selectionStyle ?? \"checkbox\";\n  const overflowMode = (): GridListOverflowMode => local.overflowMode ?? \"truncate\";\n  const isLoading = () =>\n    local.isLoading || local.loadingState === \"loading\" || local.loadingState === \"loadingMore\";\n  let staticItems: StaticGridListItem[] = [];\n  const [registrationVersion, setRegistrationVersion] = createSignal(0, { ownedWrite: true });\n  const registeredItems = new Map<Key, ItemRegistration>();\n  const usesStaticChildren = () => local.items == null;\n  const syncRegisteredItems = () => {\n    staticItems = Array.from(registeredItems.values()).filter(\n      (item): item is StaticGridListItem => item.props !== undefined,\n    );\n    setRegistrationVersion((version) => version + 1);\n  };\n  const registrationContext: StaticCollectionContextValue = {\n    get mode() {\n      return usesStaticChildren() ? \"static\" : \"dynamic\";\n    },\n    registerItem(item) {\n      const previous = registeredItems.get(item.id);\n      if (\n        previous &&\n        previous.textValue === item.textValue &&\n        previous.isDisabled === item.isDisabled &&\n        previous.props === item.props\n      ) {\n        return;\n      }\n\n      // Keep unchanged rows mounted across additions and metadata updates.\n      // A new props owner for a key still replaces that registration.\n      if (previous && previous.props === item.props) {\n        Object.assign(previous, item);\n      } else {\n        registeredItems.set(item.id, item);\n      }\n      syncRegisteredItems();\n    },\n    unregisterItem(id) {\n      if (registeredItems.delete(id)) {\n        syncRegisteredItems();\n      }\n    },\n  };\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  // Registration happens during render, before HeadlessGridList reads items.\n  // Read the current cache, not an SSR memo or hydration's initial [] signal\n  // snapshot. The version signal still invalidates consumers after mutations.\n  const collectionItems = () => {\n    if (!usesStaticChildren()) return local.items ?? [];\n    registrationVersion();\n    return staticItems as unknown as T[];\n  };\n  const getKey = createMemo(() =>\n    usesStaticChildren()\n      ? (item: T) => (item as unknown as StaticGridListItem).id\n      : (item: T) => keyFromItem(item, headlessProps.getKey, 0),\n  );\n  const getTextValue = createMemo(() =>\n    usesStaticChildren()\n      ? (item: T) =>\n          (item as unknown as StaticGridListItem).textValue ??\n          String((item as unknown as StaticGridListItem).id)\n      : headlessProps.getTextValue,\n  );\n  const getDisabled = createMemo(() => {\n    if (usesStaticChildren()) {\n      return (item: T) => Boolean((item as unknown as StaticGridListItem).isDisabled);\n    }\n\n    return (item: T) => {\n      registrationVersion();\n      const key = keyFromItem(item, headlessProps.getKey, local.items?.indexOf(item) ?? 0);\n      return (\n        Boolean(registeredItems.get(key)?.isDisabled) ||\n        Boolean(headlessProps.getDisabled?.(item)) ||\n        Boolean((item as { isDisabled?: boolean }).isDisabled)\n      );\n    };\n  });\n  const [actionSelectedKeys, setActionSelectedKeys] = createSignal<\"all\" | Set<Key>>(\n    selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    { ownedWrite: true },\n  );\n  createEffect(\n    () => selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys),\n    (keys) => {\n      setActionSelectedKeys(keys);\n    },\n  );\n  const onSelectionChange = (keys: \"all\" | Set<Key>) => {\n    setActionSelectedKeys(keys === \"all\" ? \"all\" : new Set(keys));\n    headlessProps.onSelectionChange?.(keys);\n  };\n  const listViewContext = createMemo<ListViewContextValue>(() => ({\n    isQuiet: isQuiet(),\n    selectionStyle: selectionStyle(),\n    overflowMode: overflowMode(),\n    hideLinkOutIcon: !!local.hideLinkOutIcon,\n  }));\n  const className = (renderProps: GridListRenderProps): string =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      mergeStyles(\n        listView({\n          ...renderProps,\n          isQuiet: isQuiet(),\n          isActionBar: !!local.renderActionBar,\n        }),\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderEmptyState = () => (\n    <div role=\"row\" class={emptyStateRow}>\n      <div role=\"gridcell\" aria-colindex=\"1\" class={emptyState}>\n        {headlessProps.renderEmptyState?.() ?? \"No items\"}\n      </div>\n    </div>\n  );\n  const renderItem = (item: T) =>\n    usesStaticChildren() ? (\n      <GridListItem {...((item as unknown as StaticGridListItem).props as GridListItemProps<T>)} />\n    ) : typeof local.children === \"function\" ? (\n      local.children(item)\n    ) : null;\n  // Return the resolver, not its current value: updates must re-read the\n  // existing registration owners, not construct replacements whose old\n  // cleanup would unregister the same keys.\n  const registrationChildren = () => {\n    if (usesStaticChildren()) {\n      return resolveChildren(() => local.children as JSX.Element);\n    }\n\n    if (typeof local.children !== \"function\") {\n      return null;\n    }\n\n    return (local.items ?? []).map((item) => local.children(item));\n  };\n\n  const collection = (\n    <InternalListViewContext value={listViewContext()}>\n      <StaticGridListCollectionContext value={registrationContext}>\n        {registrationChildren()}\n      </StaticGridListCollectionContext>\n      <ImageCoordinator>\n        <HeadlessGridList\n          {...headlessProps}\n          ref={(element: HTMLDivElement) => assignRootRef(element)}\n          items={collectionItems() ?? []}\n          getKey={getKey()}\n          getTextValue={getTextValue()}\n          getDisabled={getDisabled()}\n          selectionBehavior={selectionStyle() === \"highlight\" ? \"replace\" : \"toggle\"}\n          onSelectionChange={onSelectionChange}\n          isLoading={isLoading()}\n          hasMore={local.hasMore ?? !!local.onLoadMore}\n          onLoadMore={local.onLoadMore}\n          renderEmptyState={renderEmptyState}\n          slot={local.slot ?? undefined}\n          class={className}\n          style={mergedUnsafeStyle()}\n          data-list-view=\"\"\n          data-quiet={isQuiet() || undefined}\n          data-selection-style={selectionStyle()}\n          data-overflow-mode={overflowMode()}\n          data-loading-state={local.loadingState ?? undefined}\n        >\n          {(item: T) => renderItem(item)}\n        </HeadlessGridList>\n      </ImageCoordinator>\n    </InternalListViewContext>\n  );\n\n  // Build the framed wrapper only on the branch that actually returns it. A `const framed = (<div/>)`\n  // is evaluated eagerly even when the function goes on to return `collection` instead — and under\n  // hydration that unused wrapper may try to claim a node absent from the server output\n  // or move already-adopted children into detached DOM. Lazy construction keeps the selected\n  // initial structure consistent without relying on a flat hydration-key counter.\n  if (local.label || local.description || local.renderActionBar) {\n    return (\n      <div class={listViewWrapper({}, mergedStyles())} style={mergedUnsafeStyle()}>\n        {local.label ? <div class={legacyLabel}>{local.label}</div> : null}\n        {collection}\n        {local.description ? <div class={legacyDescription}>{local.description}</div> : null}\n        {local.renderActionBar ? local.renderActionBar(actionSelectedKeys()) : null}\n      </div>\n    );\n  }\n\n  return collection;\n}\n\nexport function GridListItem<T extends object>(props: GridListItemProps<T>): JSX.Element {\n  const context = useContext(InternalListViewContext);\n  const staticCollection = useContext(StaticGridListCollectionContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"isDisabled\",\n    \"hasChildItems\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"rel\",\n    \"hrefLang\",\n    \"ping\",\n    \"referrerPolicy\",\n    \"routerOptions\",\n    \"description\",\n    \"icon\",\n    \"image\",\n    \"imageAlt\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  // A render effect (not `createEffect`): registration must be visible to the\n  // parent's `collectionItems()` accessor within the SAME synchronous render\n  // pass that constructs this item, both on the server and the client.\n  // `createEffect` defers to a microtask that solid-js's SSR `renderToString`\n  // never flushes before returning, so the collection would render its\n  // `renderEmptyState()` (\"No items\") on the server for every static-children\n  // ListView — the items only ever show up client-side, after hydration has\n  // already committed an empty collection. See GridList's `registrationChildren`\n  // for the read order this depends on, and `collectionItems` for why it must\n  // NOT be a `createMemo` either.\n  createRenderEffect(\n    () => ({\n      collection: staticCollection,\n      id: props.id,\n      textValue: headlessProps.textValue ?? headlessProps[\"aria-label\"],\n      isDisabled: !!local.isDisabled,\n      itemProps:\n        staticCollection?.mode === \"static\" ? (props as GridListItemProps<object>) : undefined,\n    }),\n    ({ collection, id, textValue, isDisabled, itemProps }) => {\n      if (!collection) {\n        return;\n      }\n\n      collection.registerItem({\n        id,\n        textValue,\n        isDisabled,\n        props: itemProps,\n      });\n    },\n  );\n\n  onCleanup(() => {\n    staticCollection?.unregisterItem(props.id);\n  });\n\n  if (staticCollection) {\n    return null;\n  }\n\n  const collectionState = useContext(HeadlessGridListStateContext);\n  let itemElement: HTMLDivElement | undefined;\n  const assignItemRef = mergeContextRefs(local.ref, (element: HTMLDivElement) => {\n    itemElement = element;\n  });\n  const isExternalLink = () => !!local.href && local.target === \"_blank\";\n  const hasTrailingIcon = () =>\n    (isExternalLink() && !context.hideLinkOutIcon) || Boolean(local.hasChildItems);\n  const getClassName = (renderProps: GridListItemRenderProps): string =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        listViewItem({\n          ...getRowLayerProps(renderProps),\n          isLink: !!local.href,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getStyle = (): JSX.CSSProperties | undefined => ({\n    ...local.UNSAFE_style,\n  });\n  const isSelectedKey = (key: Key | null | undefined) =>\n    key != null && Boolean(collectionState?.isSelected?.(key));\n  const getRowLayerProps = (renderProps: GridListItemRenderProps): ListViewRowLayerProps => {\n    const collection = collectionState?.collection;\n    const previousKey = collection?.getKeyBefore?.(props.id) ?? null;\n    const nextKey = collection?.getKeyAfter?.(props.id) ?? null;\n\n    return {\n      ...renderProps,\n      isQuiet: context.isQuiet,\n      selectionStyle: context.selectionStyle,\n      overflowMode: context.overflowMode,\n      hasTrailingIcon: hasTrailingIcon(),\n      isPrevSelected: isSelectedKey(previousKey),\n      isNextSelected: isSelectedKey(nextKey),\n      isPrevNotSelected: !isSelectedKey(previousKey),\n      isNextNotSelected: !isSelectedKey(nextKey),\n      isFirstItem: collection?.getFirstKey?.() === props.id,\n      isLastItem: collection?.getLastKey?.() === props.id,\n    };\n  };\n  const textContext = createMemo(() => ({\n    slots: {\n      default: { slot: \"label\" },\n      label: { slot: \"label\" },\n      description: { slot: \"description\" },\n    },\n  }));\n\n  function ItemChildren(renderProps: GridListItemRenderProps) {\n    createTrackedEffect(() => applyItemSlotClasses(itemElement, renderProps, context));\n\n    function ResolvedItemContent() {\n      const resolvedChildren = resolveChildren(() => {\n        // Share the authored-child value for classification and insertion here.\n        // Keep evaluation under this owner; repeated construction is not a\n        // universal getter-read rule or a global hydration-counter model.\n        const rawChildren = local.children;\n        return typeof rawChildren === \"function\" ? rawChildren(renderProps) : rawChildren;\n      });\n      const childrenValue = () => resolvedChildren();\n      const isTextOnly = () => isTextOnlyChildren(childrenValue());\n\n      return (\n        <>\n          {isTextOnly() ? <Text slot=\"label\">{childrenValue()}</Text> : childrenValue()}\n          {local.description ? <Text slot=\"description\">{local.description}</Text> : null}\n        </>\n      );\n    }\n\n    return (\n      <TextContext value={textContext() as SpectrumContextValue<any>}>\n        <IconContext\n          value={{\n            slot: \"icon\",\n            styles: listViewSlotIcon,\n          }}\n        >\n          <ImageContext\n            value={{\n              slot: \"image\",\n              styles: listViewImage,\n            }}\n          >\n            <ActionButtonGroupContext\n              value={{\n                slot: \"actions\",\n                size: \"S\",\n                styles: listViewActions,\n              }}\n            >\n              <ActionMenuContext\n                value={{\n                  slot: \"actionmenu\",\n                  size: \"S\",\n                  menuSize: \"S\",\n                  styles: listViewActionMenu,\n                }}\n              >\n                {renderProps.selectionMode !== \"none\" &&\n                renderProps.selectionBehavior === \"toggle\" ? (\n                  <GridListSelectionCheckbox\n                    itemKey={props.id}\n                    renderProps={renderProps}\n                    excludeFromTabOrder\n                  />\n                ) : null}\n                <span class={listViewMark(renderProps)} aria-hidden=\"true\" data-rsp-slot=\"mark\">\n                  {\">\"}\n                </span>\n                <div\n                  class={listViewRowBackground(getRowLayerProps(renderProps))}\n                  aria-hidden=\"true\"\n                />\n                {renderProps.isFocusVisible ? (\n                  <div\n                    class={listViewRowFocusRing(getRowLayerProps(renderProps))}\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n                {local.image ? (\n                  <Image src={local.image} alt={local.imageAlt ?? \"\"} styles={listViewImage} />\n                ) : null}\n                {local.icon ? (\n                  <span slot=\"icon\" class={listViewSlotIcon} data-rsp-slot=\"icon\">\n                    {local.icon()}\n                  </span>\n                ) : null}\n                <ResolvedItemContent />\n                {isExternalLink() && !context.hideLinkOutIcon ? (\n                  <LinkOut\n                    size=\"M\"\n                    class={listViewTrailingIcon(renderProps)}\n                    data-rsp-slot=\"trailing-icon\"\n                    aria-hidden=\"true\"\n                  />\n                ) : local.hasChildItems ? (\n                  <Chevron\n                    size=\"M\"\n                    class={listViewTrailingIcon(renderProps)}\n                    data-rsp-slot=\"trailing-icon\"\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n              </ActionMenuContext>\n            </ActionButtonGroupContext>\n          </ImageContext>\n        </IconContext>\n      </TextContext>\n    );\n  }\n\n  return (\n    <HeadlessGridListItem\n      {...headlessProps}\n      ref={(element) => assignItemRef(element)}\n      class={getClassName}\n      style={getStyle}\n      data-list-view-item=\"\"\n      data-disabled={attrTrue(!!local.isDisabled)}\n      data-href={local.href || undefined}\n      data-target={local.target || undefined}\n      data-has-child-items={attrTrue(!!local.hasChildItems)}\n      data-has-trailing-icon={attrTrue(hasTrailingIcon())}\n    >\n      {(renderProps: GridListItemRenderProps) => <ItemChildren {...renderProps} />}\n    </HeadlessGridListItem>\n  );\n}\n\nexport function GridListSelectionCheckbox(props: {\n  itemKey: Key;\n  renderProps?: GridListItemRenderProps;\n  class?: string;\n  style?: JSX.CSSProperties;\n  excludeFromTabOrder?: boolean;\n  \"aria-label\"?: string;\n}): JSX.Element {\n  const state = useContext(HeadlessGridListStateContext);\n  const isSelected = () => Boolean(state?.isSelected?.(props.itemKey));\n  const renderProps = createMemo<GridListItemRenderProps>(() => ({\n    isSelected: props.renderProps?.isSelected ?? isSelected(),\n    isFocused: props.renderProps?.isFocused ?? false,\n    isFocusVisible: props.renderProps?.isFocusVisible ?? false,\n    isPressed: props.renderProps?.isPressed ?? false,\n    isHovered: props.renderProps?.isHovered ?? false,\n    isDisabled: props.renderProps?.isDisabled ?? false,\n    selectionMode: props.renderProps?.selectionMode ?? \"multiple\",\n    selectionBehavior: props.renderProps?.selectionBehavior ?? \"toggle\",\n  }));\n\n  return (\n    <span\n      class={[listViewCheckbox(renderProps()), props.class].filter(Boolean).join(\" \")}\n      style={props.style}\n      data-rsp-slot=\"selection-indicator\"\n    >\n      <HeadlessGridListSelectionCheckbox\n        itemKey={props.itemKey}\n        class={listViewCheckboxInput}\n        excludeFromTabOrder={props.excludeFromTabOrder}\n        aria-label={props[\"aria-label\"] ?? \"Select\"}\n      />\n      <span class={listViewCheckboxBox(renderProps())} aria-hidden=\"true\">\n        {renderProps().isSelected ? (\n          // S2's checkbox checkmark is a RAW ui-icon svg that never reads\n          // IconContext, so it paints the `smallerSize['M'] === 'S'` variant at\n          // its intrinsic 10×10 (Checkbox.tsx). `createUIIcon` now skips\n          // IconContext the same way; keep an empty provider so a future\n          // row-level IconContext (listViewSlotIcon `size: 20`) cannot restyle\n          // the checkbox glyph if that skip is ever reverted.\n          <IconContext value={{}}>\n            <Checkmark size=\"S\" class={listViewCheckboxIcon} aria-hidden=\"true\" />\n          </IconContext>\n        ) : null}\n      </span>\n    </span>\n  );\n}\n\nGridList.Item = GridListItem;\nGridList.SelectionCheckbox = GridListSelectionCheckbox;\n\nexport type { Key };\n"],"mappings":"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"}

package/dist/_chunk/{suffix.js → macro-0361b094d9bd535e9aa78171d167be1adedb9085fc3997d58504ad5e4f96253f.js}

@@ -1,13 +1,12 @@
 import { CenterBaseline } from "../icon/center-baseline.js";
 import { t as IconContext } from "./spectrum-icon.js";
-import "./macro-4c350293382b43f3939cd4c2bbd6c7c1c18de5a45cd1a00695dffc1eba819d91.js";
-import { createComponent } from "solid-js/web";
+import "./prefix.js";
+import { createComponent } from "@solidjs/web";
 //#region src/field/suffix.tsx
-const suffixStyles = " pQKeKoe151 _va151 It151 Isu151";
-const suffixIconContext = { styles: " ZuUmpre151 FuUmpre151 -_8sjo0b-t5ZbAob151" };
-/** Renders a field suffix node (text or icon) with the trailing slot styling. */
-function FieldSuffix(props) {
-	return createComponent(IconContext.Provider, {
+const suffixStyles = " pX85CBd17 _va17 It17 Isu17";
+const suffixIconContext = { styles: " ZObNfn17 FObNfn17 -_8sjo0b-t5ZbAob17" };
+/** Renders a field suffix node (text or icon) with the trailing slot styling. */ function FieldSuffix(props) {
+	return createComponent(IconContext, {
 		value: suffixIconContext,
 		get children() {
 			return createComponent(CenterBaseline, {
@@ -25,4 +24,4 @@ function FieldSuffix(props) {
 //#endregion
 export { FieldSuffix as t };
 
-//# sourceMappingURL=suffix.js.map
+//# sourceMappingURL=macro-0361b094d9bd535e9aa78171d167be1adedb9085fc3997d58504ad5e4f96253f.js.map

package/dist/_chunk/macro-0361b094d9bd535e9aa78171d167be1adedb9085fc3997d58504ad5e4f96253f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"macro-0361b094d9bd535e9aa78171d167be1adedb9085fc3997d58504ad5e4f96253f.js","names":[],"sources":["../../src/field/suffix.tsx"],"sourcesContent":["/**\n * Shared field `suffix` slot — the trailing counterpart of `prefix.tsx`.\n *\n * Viviana UI v2 (Glasselated): upstream S2's FieldGroup carries only a leading\n * `prefix`; the register's prompt wells (TerminalGlassLab panel 02) also park a\n * trailing adornment inside the field — the `⌘K` / `↵` key hint flush against\n * the input's end. This slot is that register addition: same styling contract\n * as the prefix (`gray-600`, `flex-shrink: 0`, icon sized to\n * `'1lh'`) mirrored to the trailing side (`margin-start:\n * text-to-visual`).\n *\n * Accessibility follows the prefix's certified pattern: the suffix's id is\n * appended to the input's `aria-labelledby` through the same\n * `PrefixInputProvider` (pass both ids space-separated) — a unit suffix like\n * \"kg\" belongs in the accessible name exactly as a unit prefix does.\n */\nimport type { JSX } from \"@solidjs/web\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { IconContext, type IconContextValue } from \"../icon\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nconst suffixStyles = style({\n  color: \"gray-600\",\n  flexShrink: 0,\n  marginStart: \"text-to-visual\",\n});\n\nconst suffixIconStyles = style({\n  size: \"1lh\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst suffixIconContext: IconContextValue = { styles: suffixIconStyles };\n\n/** Renders a field suffix node (text or icon) with the trailing slot styling. */\nexport function FieldSuffix(props: { id: string; children: JSX.Element }): JSX.Element {\n  return (\n    <IconContext value={suffixIconContext}>\n      <CenterBaseline id={props.id} styles={suffixStyles}>\n        {props.children}\n      </CenterBaseline>\n    </IconContext>\n  );\n}\n"],"mappings":";;;;;AAqBA,MAAM,eAAA;AAcN,MAAM,oBAAsC,EAAE,QAAQ,wCAAiB;kFAGvE,SAAgB,YAAY,OAAmD;CAC7E,OAAO,gBAAA,aAAA;EACQ,OAAO;EADf,IAAA,WAAA;GAEH,OAAA,gBAAA,gBAAA;IAAgB,IAAA,KAAA;KAAI,OAAA,MAAM;IAAE;IAAE,QAAQ;IAAtC,IAAA,WAAA;KACG,OAAA,MAAM;IACP;;EACF;;AAEN"}

package/dist/_chunk/macro-0c970980e41c1a2911feef26e26be361cf5bfcdd5b643f899eba4120e6d57d69.js

@@ -0,0 +1,28 @@
+import { r as createIcon } from "./spectrum-icon.js";
+import { getNextElement, runHydrationEvents, spread, template } from "@solidjs/web";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/icon/s2wf-icons/CalendarIcon.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"d="M15.75 3h-2V2c0-.414-.336-.75-.75-.75s-.75.336-.75.75v1h-4.5V2c0-.414-.336-.75-.75-.75s-.75.336-.75.75v1h-2C3.01 3 2 4.01 2 5.25v10.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V5.25C18 4.01 16.99 3 15.75 3M4.25 4.5h2V5c0 .414.336.75.75.75s.75-.336.75-.75v-.5h4.5V5c0 .414.336.75.75.75s.75-.336.75-.75v-.5h2c.414 0 .75.337.75.75V7h-13V5.25c0-.413.336-.75.75-.75m11.5 12H4.25c-.414 0-.75-.337-.75-.75V8.5h13v7.25c0 .413-.336.75-.75.75"></path><rect width=2 height=2 x=5 y=10 fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"rx=1 ry=1></rect><rect width=2 height=2 x=9 y=10 fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"rx=1 ry=1></rect><rect width=2 height=2 x=13 y=10 fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"rx=1 ry=1></rect><rect width=2 height=2 x=5 y=13 fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"rx=1 ry=1></rect><rect width=2 height=2 x=9 y=13 fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"rx=1 ry=1></rect><rect width=2 height=2 x=13 y=13 fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"rx=1 ry=1>`);
+function CalendarIconSvg(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "20",
+			height: "20",
+			viewBox: "0 0 20 20"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$;
+}
+const CalendarIcon = createIcon(CalendarIconSvg);
+//#endregion
+export { CalendarIcon as t };
+
+//# sourceMappingURL=macro-0c970980e41c1a2911feef26e26be361cf5bfcdd5b643f899eba4120e6d57d69.js.map

package/dist/_chunk/macro-0c970980e41c1a2911feef26e26be361cf5bfcdd5b643f899eba4120e6d57d69.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"macro-0c970980e41c1a2911feef26e26be361cf5bfcdd5b643f899eba4120e6d57d69.js","names":["xmlns=\"http://www.w3.org/2000/svg\"","width=\"20\"","height=\"20\"","viewBox=\"0 0 20 20\"","<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M15.75 3h-2V2c0-.414-.336-.75-.75-.75s-.75.336-.75.75v1h-4.5V2c0-.414-.336-.75-.75-.75s-.75.336-.75.75v1h-2C3.01 3 2 4.01 2 5.25v10.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V5.25C18 4.01 16.99 3 15.75 3M4.25 4.5h2V5c0 .414.336.75.75.75s.75-.336.75-.75v-.5h4.5V5c0 .414.336.75.75.75s.75-.336.75-.75v-.5h2c.414 0 .75.337.75.75V7h-13V5.25c0-.413.336-.75.75-.75m11.5 12H4.25c-.414 0-.75-.337-.75-.75V8.5h13v7.25c0 .413-.336.75-.75.75\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"5\"\n        y=\"10\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"9\"\n        y=\"10\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"13\"\n        y=\"10\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"5\"\n        y=\"13\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"9\"\n        y=\"13\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"13\"\n        y=\"13\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n    </svg>"],"sources":["../../src/icon/s2wf-icons/CalendarIcon.tsx"],"sourcesContent":["/*\n * Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: @react-spectrum/s2@1.7.0/icons/Calendar.mjs\n// Generator input: @react-spectrum/s2@1.7.0/icons/Calendar.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createIcon } from \"../spectrum-icon\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nfunction CalendarIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M15.75 3h-2V2c0-.414-.336-.75-.75-.75s-.75.336-.75.75v1h-4.5V2c0-.414-.336-.75-.75-.75s-.75.336-.75.75v1h-2C3.01 3 2 4.01 2 5.25v10.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V5.25C18 4.01 16.99 3 15.75 3M4.25 4.5h2V5c0 .414.336.75.75.75s.75-.336.75-.75v-.5h4.5V5c0 .414.336.75.75.75s.75-.336.75-.75v-.5h2c.414 0 .75.337.75.75V7h-13V5.25c0-.413.336-.75.75-.75m11.5 12H4.25c-.414 0-.75-.337-.75-.75V8.5h13v7.25c0 .413-.336.75-.75.75\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"5\"\n        y=\"10\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"9\"\n        y=\"10\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"13\"\n        y=\"10\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"5\"\n        y=\"13\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"9\"\n        y=\"13\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n      <rect\n        width=\"2\"\n        height=\"2\"\n        x=\"13\"\n        y=\"13\"\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        rx=\"1\"\n        ry=\"1\"\n      />\n    </svg>\n  );\n}\n\nexport type CalendarIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const CalendarIcon = createIcon(CalendarIconSvg);\nexport default CalendarIcon;\n"],"mappings":";;;;;AAWA,SAAS,gBAAgB,OAAyD;CAChF,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,OAAO,CAAC;CAE/C,IAAA,OAAA,eAAA,MAkEK;;EA7DH;GAJAA,OAAAA;GACAC,OAAAA;GACAC,QAAAA;GACAC,SAAAA;EACQ;EAAJ;EACJ,EAAA,IAAA,UAAA;GAAO,OAAA,MAAM;EAAK,EAAA;;CANpB,mBAkEK;CAnEP,OACEC;AAoEJ;AAGA,MAAa,eAAe,WAAW,eAAe"}

package/dist/_chunk/macro-d06622c66ece4a108f592b475f258c2fab14ec4dfc8e545eed938413b5bdd328.js

@@ -0,0 +1,143 @@
+import { a as createUIIcon } from "./spectrum-icon.js";
+import { createComponent, getNextElement, mergeProps, runHydrationEvents, spread, template } from "@solidjs/web";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/icon/ui-icons/CornerTriangle.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path fill="var(--iconPrimary, #222)"d="M.764 4.488 4.489.762a.3.3 0 0 1 .513.212L5 4.25a.75.75 0 0 1-.75.75H.976a.3.3 0 0 1-.212-.512">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<svg><path fill="var(--iconPrimary, #222)"d="M.154 4.146 4.147.154A.5.5 0 0 1 5 .507V4.25a.75.75 0 0 1-.75.75H.507a.5.5 0 0 1-.354-.854">`);
+var _tmpl$3 = /* @__PURE__ */ template(`<svg><path fill="var(--iconPrimary, #222)"d="M.826 5.146 5.147.826a.5.5 0 0 1 .854.353L6 5.25a.75.75 0 0 1-.75.75H1.18a.5.5 0 0 1-.354-.854">`);
+var _tmpl$4 = /* @__PURE__ */ template(`<svg><path fill="var(--iconPrimary, #222)"d="M.821 6.146 6.147.821A.5.5 0 0 1 7 1.175L6.999 6.25a.75.75 0 0 1-.75.75H1.174a.5.5 0 0 1-.353-.854">`);
+const styles = function anonymous(props) {
+	let rules = " ";
+	if (props.size === "S") rules += " ZydxGIe17";
+	else if (props.size === "XL") rules += " ZsWXEHc17";
+	else if (props.size === "L") rules += " Zg17";
+	else if (props.size === "M") rules += " ZydxGIe17";
+	if (props.size === "S") rules += " Ff17";
+	else if (props.size === "XL") rules += " FsWXEHc17";
+	else if (props.size === "L") rules += " Fg17";
+	else if (props.size === "M") rules += " Ff17";
+	return rules;
+};
+function CornerTriangle_SSvg(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "5",
+			height: "5",
+			viewBox: "0 0 5 5"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$;
+}
+function CornerTriangle_MSvg(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	var _el$2 = getNextElement(_tmpl$2);
+	spread(_el$2, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "5",
+			height: "5",
+			viewBox: "0 0 5 5"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$2;
+}
+function CornerTriangle_LSvg(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	var _el$3 = getNextElement(_tmpl$3);
+	spread(_el$3, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "6",
+			height: "6",
+			viewBox: "0 0 6 6"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$3;
+}
+function CornerTriangle_XLSvg(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	var _el$4 = getNextElement(_tmpl$4);
+	spread(_el$4, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "7",
+			height: "7",
+			viewBox: "0 0 7 7"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$4;
+}
+const CornerTriangle_S = createUIIcon(CornerTriangle_SSvg);
+const CornerTriangle_M = createUIIcon(CornerTriangle_MSvg);
+const CornerTriangle_L = createUIIcon(CornerTriangle_LSvg);
+const CornerTriangle_XL = createUIIcon(CornerTriangle_XLSvg);
+function CornerTriangle(props) {
+	const [local, rest] = splitProps(props, [
+		"size",
+		"class",
+		"width",
+		"height"
+	]);
+	const size = local.size ?? "M";
+	const mergedClass = () => `${local.class ?? ""}${styles({ size })}`;
+	switch (size) {
+		case "S": return createComponent(CornerTriangle_S, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+		case "M": return createComponent(CornerTriangle_M, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+		case "L": return createComponent(CornerTriangle_L, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+		case "XL": return createComponent(CornerTriangle_XL, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+		default: return createComponent(CornerTriangle_M, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+	}
+}
+//#endregion
+export { CornerTriangle as t };
+
+//# sourceMappingURL=macro-d06622c66ece4a108f592b475f258c2fab14ec4dfc8e545eed938413b5bdd328.js.map

package/dist/_chunk/macro-d06622c66ece4a108f592b475f258c2fab14ec4dfc8e545eed938413b5bdd328.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"macro-d06622c66ece4a108f592b475f258c2fab14ec4dfc8e545eed938413b5bdd328.js","names":[],"sources":["../../src/icon/ui-icons/CornerTriangle.tsx"],"sourcesContent":["/*\n * Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/CornerTriangle.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize75.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize75.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CornerTriangleSize300.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n  width: {\n    size: {\n      M: 5,\n      L: 6,\n      XL: 7,\n      S: 5,\n    },\n  },\n  height: {\n    size: {\n      M: 5,\n      L: 6,\n      XL: 7,\n      S: 5,\n    },\n  },\n});\n\nexport type CornerTriangleProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n};\n\nfunction CornerTriangle_SSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"5\"\n      height=\"5\"\n      viewBox=\"0 0 5 5\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M.764 4.488 4.489.762a.3.3 0 0 1 .513.212L5 4.25a.75.75 0 0 1-.75.75H.976a.3.3 0 0 1-.212-.512\"\n      />\n    </svg>\n  );\n}\n\nfunction CornerTriangle_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"5\"\n      height=\"5\"\n      viewBox=\"0 0 5 5\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M.154 4.146 4.147.154A.5.5 0 0 1 5 .507V4.25a.75.75 0 0 1-.75.75H.507a.5.5 0 0 1-.354-.854\"\n      />\n    </svg>\n  );\n}\n\nfunction CornerTriangle_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"6\"\n      height=\"6\"\n      viewBox=\"0 0 6 6\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M.826 5.146 5.147.826a.5.5 0 0 1 .854.353L6 5.25a.75.75 0 0 1-.75.75H1.18a.5.5 0 0 1-.354-.854\"\n      />\n    </svg>\n  );\n}\n\nfunction CornerTriangle_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"7\"\n      height=\"7\"\n      viewBox=\"0 0 7 7\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M.821 6.146 6.147.821A.5.5 0 0 1 7 1.175L6.999 6.25a.75.75 0 0 1-.75.75H1.174a.5.5 0 0 1-.353-.854\"\n      />\n    </svg>\n  );\n}\n\nconst CornerTriangle_S = createUIIcon(CornerTriangle_SSvg);\nconst CornerTriangle_M = createUIIcon(CornerTriangle_MSvg);\nconst CornerTriangle_L = createUIIcon(CornerTriangle_LSvg);\nconst CornerTriangle_XL = createUIIcon(CornerTriangle_XLSvg);\n\nexport default function CornerTriangle(props: CornerTriangleProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n  const size = local.size ?? \"M\";\n  const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n  switch (size) {\n    case \"S\":\n      return <CornerTriangle_S {...rest} class={mergedClass()} />;\n    case \"M\":\n      return <CornerTriangle_M {...rest} class={mergedClass()} />;\n    case \"L\":\n      return <CornerTriangle_L {...rest} class={mergedClass()} />;\n    case \"XL\":\n      return <CornerTriangle_XL {...rest} class={mergedClass()} />;\n    default:\n      return <CornerTriangle_M {...rest} class={mergedClass()} />;\n  }\n}\n\nexport const CornerTriangleIcon = CornerTriangle;\n"],"mappings":";;;;;;;;AAmBA,MAAM,SAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;AAuBN,SAAS,oBAAoB,OAAiD;CAC5E,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CAC7D,IAAA,OAAA,eAAA,MAaH;;EARQ;GAHR,OAAA;GACA,OAAA;GACA,QAAA;GACA,SAAA;EACQ;EAAJ;EACJ,EAAA,IAAA,UAAA;GAAO,OAAA,MAAM;EAAK,EAAA;;CAPf,mBAaH;CAbJ,OAAO;AAeT;AAEA,SAAS,oBAAoB,OAAiD;CAC5E,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CAC7D,IAAA,QAAA,eAAA,OAaH;;EARQ;GAHR,OAAA;GACA,OAAA;GACA,QAAA;GACA,SAAA;EACQ;EAAJ;EACJ,EAAA,IAAA,UAAA;GAAO,OAAA,MAAM;EAAK,EAAA;;CAPf,mBAaH;CAbJ,OAAO;AAeT;AAEA,SAAS,oBAAoB,OAAiD;CAC5E,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CAC7D,IAAA,QAAA,eAAA,OAaH;;EARQ;GAHR,OAAA;GACA,OAAA;GACA,QAAA;GACA,SAAA;EACQ;EAAJ;EACJ,EAAA,IAAA,UAAA;GAAO,OAAA,MAAM;EAAK,EAAA;;CAPf,mBAaH;CAbJ,OAAO;AAeT;AAEA,SAAS,qBAAqB,OAAiD;CAC7E,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CAC7D,IAAA,QAAA,eAAA,OAaH;;EARQ;GAHR,OAAA;GACA,OAAA;GACA,QAAA;GACA,SAAA;EACQ;EAAJ;EACJ,EAAA,IAAA,UAAA;GAAO,OAAA,MAAM;EAAK,EAAA;;CAPf,mBAaH;CAbJ,OAAO;AAeT;AAEA,MAAM,mBAAmB,aAAa,mBAAA;AACtC,MAAM,mBAAmB,aAAa,mBAAA;AACtC,MAAM,mBAAmB,aAAa,mBAAA;AACtC,MAAM,oBAAoB,aAAa,oBAAA;AAEvC,SAAwB,eAAe,OAAiC;CACtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAQ;EAAS;EAAS;CAAS,CAAA;CAC5E,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,oBAAoB,GAAG,MAAM,SAAS,KAAK,OAAO,EAAE,KAAK,CAAA;CAC/D,QAAQ,MAAR;EACE,KAAK,KACH,OAAA,gBAAA,kBAAA,WAA6B,MAA7B,EAAmC,IAAA,UAAA;GAAO,OAAA,YAAA;EAAA,EAAA,CAAA,CAAA;EAC5C,KAAK,KACH,OAAA,gBAAA,kBAAA,WAA6B,MAA7B,EAAmC,IAAA,UAAA;GAAO,OAAA,YAAA;EAAA,EAAA,CAAA,CAAA;EAC5C,KAAK,KACH,OAAA,gBAAA,kBAAA,WAA6B,MAA7B,EAAmC,IAAA,UAAA;GAAO,OAAA,YAAA;EAAA,EAAA,CAAA,CAAA;EAC5C,KAAK,MACH,OAAA,gBAAA,mBAAA,WAA8B,MAA9B,EAAoC,IAAA,UAAA;GAAO,OAAA,YAAA;EAAA,EAAA,CAAA,CAAA;EAC7C,SACE,OAAA,gBAAA,kBAAA,WAA6B,MAA7B,EAAmC,IAAA,UAAA;GAAO,OAAA,YAAA;EAAA,EAAA,CAAA,CAAA;CAC9C;AACF"}