@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/gridlist.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridlist.js","names":["mergeProps","createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createEffect, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.get(state);\n}\n\n/**\n * Whether a key should be skipped during keyboard navigation. Disabled keys only\n * block navigation under `disabledBehavior: \"all\"` (the default); under\n * `\"selection\"` they remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"replace\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        if (prevKey != null) {\n          s.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        // The inline axis (Left/Right) belongs to the ROW under the default\n        // \"arrow\" navigation behavior: createGridListItem's onKeyDownCapture\n        // intercepts Left/Right for intra-row focus movement (a no-op for\n        // text-only rows), exactly as useGridListItem does upstream, so the\n        // container must NOT step between rows here. Only under \"tab\" navigation\n        // does the row stop intercepting and the event reach the collection —\n        // mirroring how useSelectableCollection handles Left/Right via\n        // ListKeyboardDelegate. Even then it strips getKeyLeftOf/getKeyRightOf\n        // for a vertical stack, so this stays a no-op unless the stack is\n        // horizontal, where Right=next / Left=prev in LTR, flipped under RTL.\n        // (In Solid the row's capture-phase stopPropagation does not reliably\n        // prevent the container's delegated onKeyDown, so this gate — not the\n        // row's stopPropagation — is what keeps the axes from double-firing.)\n        const behavior = p.keyboardNavigationBehavior ?? \"arrow\";\n        if (p.orientation !== \"horizontal\" || behavior !== \"tab\") break;\n        e.preventDefault();\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        if (lastKey != null) {\n          s.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a Tab that\n  // reaches a standalone grid lands on the container itself; move the focused key\n  // onto the first/last row and the post-commit effect below pulls REAL DOM focus\n  // there while the container rolls to tabIndex -1. This mirrors\n  // useSelectableCollection's `onFocus` — the same direction-aware trampoline the\n  // standalone ListBox uses (createListBox.ts) — and is why a standalone grid\n  // announces the active row through real focus, never `aria-activedescendant`.\n  const onFocus: JSX.EventHandler<HTMLElement, FocusEvent> = (e) => {\n    const s = state();\n    const p = props();\n    s.setFocused(true);\n\n    // onFocus is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    // (`currentTarget` is null only in synthetic unit-test FocusEvents — treat\n    // those as a direct container focus.)\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && !container.contains(e.target as Node)) return;\n    // Only marshal when no row is focused yet.\n    if (s.focusedKey != null || p.isDisabled) return;\n\n    const collection = s.collection;\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Detect tab direction: focus arriving from an element that FOLLOWS the grid\n    // in document order means the user shift-tabbed backward into it, so enter at\n    // the LAST row; otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k))\n        : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n    if (enterKey != null) {\n      s.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id: gridListId,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n      \"aria-disabled\": p.isDisabled || undefined,\n      // Roving container tabIndex mirrors useSelectableCollection: the container\n      // is tabbable (0) only while nothing is focused, then rolls to -1 once a row\n      // takes focus so Tab exits the grid. A standalone grid drives AT through\n      // real row focus, so it never needs (nor emits) aria-activedescendant.\n      tabIndex: p.isDisabled ? undefined : s.focusedKey != null ? -1 : 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const gridListData = getGridListData(s);\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n    });\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Based on @react-aria/gridlist.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoCA,MAAM,kCAAkB,IAAI,QAA8B;;;;AAK1D,SAAgB,gBACd,OAC0B;CAC1B,OAAO,gBAAgB,IAAI,KAAK;AAClC;;;;;;;AAQA,SAAS,qBACP,OACA,KACS;CACT,OAAO,MAAM,WAAW,GAAG,KAAK,MAAM,qBAAqB;AAC7D;;;;;;;;AASA,SAAS,qBACP,OACA,UACA,MACY;CACZ,IAAI,MAAM;CACV,OAAO,OAAO,QAAQ,qBAAqB,OAAO,GAAG,GACnD,MAAM,KAAK,GAAG;CAEhB,OAAO;AACT;;;;AAKA,SAAgB,eACd,OACA,OACA,KACc;CAEd,MAAM,aAAa,MAAM,CAAC,CAAC,MAAM,SAAS;CAG1C,MAAM,eAA6B;EACjC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM,CAAC,CAAC,qBAAqB;EACtC;EACA,IAAI,wBAAwB;GAC1B,OAAO,MAAM,CAAC,CAAC,yBAAyB;EAC1C;EACA,IAAI,6BAA6B;GAC/B,OAAO,MAAM,CAAC,CAAC,8BAA8B;EAC/C;EACA,IAAI,YAAY;GACd,OAAO,MAAM,CAAC,CAAC,aAAa;EAC9B;EACA,SAAS,EACP,IAAI,WAAW;GACb,OAAO,MAAM,CAAC,CAAC;EACjB,EACF;CACF;CAGA,gBAAgB,IAAI,MAAM,GAAG,YAAY;CAGzC,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,MAAM,aAAa,EAAE;EACrB,MAAM,aAAa,EAAE;EAErB,IAAI,EAAE,YAAY;EAElB,QAAQ,EAAE,KAAV;GACE,KAAK,aAAa;IAChB,EAAE,eAAe;IACjB,MAAM,UACJ,cAAc,OACV,qBAAqB,GAAG,WAAW,YAAY,UAAU,IAAI,MAC3D,WAAW,YAAY,CAAC,CAC1B,IACA,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAAM,WAAW,YAAY,CAAC,CAAC;IACxF,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK,WAAW;IACd,EAAE,eAAe;IACjB,MAAM,UACJ,cAAc,OACV,qBAAqB,GAAG,WAAW,aAAa,UAAU,IAAI,MAC5D,WAAW,aAAa,CAAC,CAC3B,IACA,qBAAqB,GAAG,WAAW,WAAW,IAAI,MAAM,WAAW,aAAa,CAAC,CAAC;IACxF,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK;GACL,KAAK,aAAa;IAchB,MAAM,WAAW,EAAE,8BAA8B;IACjD,IAAI,EAAE,gBAAgB,gBAAgB,aAAa,OAAO;IAC1D,EAAE,eAAe;IACjB,MAAM,QAAQ,EAAE,cAAc;IAE9B,MAAM,QADU,EAAE,QAAQ,eAAe,CAAC,QAAQ,UAE7C,MAAW,WAAW,YAAY,CAAC,KACnC,MAAW,WAAW,aAAa,CAAC;IACzC,MAAM,UACJ,cAAc,OACV,qBAAqB,GAAG,KAAK,UAAU,GAAG,IAAI,IAC9C,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAAM,WAAW,YAAY,CAAC,CAAC;IACxF,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK,QAAQ;IACX,EAAE,eAAe;IACjB,MAAM,WAAW,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAClE,WAAW,YAAY,CAAC,CAC1B;IACA,IAAI,YAAY,MACd,EAAE,cAAc,QAAQ;IAE1B;GACF;GACA,KAAK,OAAO;IACV,EAAE,eAAe;IACjB,MAAM,UAAU,qBAAqB,GAAG,WAAW,WAAW,IAAI,MAChE,WAAW,aAAa,CAAC,CAC3B;IACA,IAAI,WAAW,MACb,EAAE,cAAc,OAAO;IAEzB;GACF;GACA,KAAK;GACL,KAAK;IACH,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,YAAY;KAC9D,EAAE,eAAe;KACjB,EAAE,UAAU;IACd;IACA;GASF,KAAK;IACH,IAAI,EAAE,kBAAkB,QAAQ;KAC9B,EAAE,eAAe;KACjB,EAAE,eAAe;IACnB;IACA;EAEJ;CACF;CAUA,MAAM,WAAsD,MAAM;EAChE,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,EAAE,WAAW,IAAI;EAMjB,MAAM,YAAY,EAAE;EACpB,IAAI,aAAa,CAAC,UAAU,SAAS,EAAE,MAAc,GAAG;EAExD,IAAI,EAAE,cAAc,QAAQ,EAAE,YAAY;EAE1C,MAAM,aAAa,EAAE;EACrB,MAAM,gBAAgB,EAAE;EAIxB,MAAM,WACJ,iBACA,aACA,UAAU,wBAAwB,aAAa,IAAI,KAAK,8BACpD,qBAAqB,GAAG,WAAW,WAAW,IAAI,MAAM,WAAW,aAAa,CAAC,CAAC,IAClF,qBAAqB,GAAG,WAAW,YAAY,IAAI,MAAM,WAAW,YAAY,CAAC,CAAC;EACxF,IAAI,YAAY,MACd,EAAE,cAAc,QAAQ;CAE5B;CAEA,MAAM,eAAe;EAEnB,MAAA,CAAC,CAAC,WAAW,KAAK;CACpB;CAQA,mBAAmB;EAEjB,MAAM,MADI,MACE,CAAC,CAAC;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,MAAM,OAAO,MAChB;EASF,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAW,WAAW,MAAM,CAAC,GAAG,SAAS,MAAM,GAClD;EAGF,MAAM,SAAS,GAAG,cAA2B,cAAc,IAAI,GAAG;EAClE,IAAI,UAAU,WAAW,QAAQ;GAC/B,OAAO,MAAM;GAKb,IAAI,uBAAuB,MAAM,WAC/B,mBAAmB,QAAQ,EAAE,mBAAmB,GAAG,CAAC;EAExD;CACF,CAAC;CAED,MAAM,YAAY,iBAAiB;EACjC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAEhB,MAAM,YAAqC;GACzC,MAAM;GACN,IAAI;GACJ,cAAc,EAAE;GAChB,mBAAmB,EAAE;GACrB,oBAAoB,EAAE;GACtB,wBAAwB,EAAE,kBAAkB,aAAa,OAAO,KAAA;GAChE,iBAAiB,EAAE,cAAc,KAAA;GAKjC,UAAU,EAAE,aAAa,KAAA,IAAY,EAAE,cAAc,OAAO,KAAK;GACjE;GACA;GACA;EACF;EAGA,IAAI,EAAE,eACJ,UAAU,mBAAmB,EAAE,WAAW;EAG5C,OAAO;CACT,CAAC;CAED,OAAO,EACL,IAAI,YAAY;EACd,OAAO,UAAU;CACnB,EACF;AACF;;;;;;;;;;ACjUA,SAAgB,mBAId,OACA,OACA,KACkB;CAClB,MAAM,aAAa,iBAAiB;EAClC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,OAAO,EAAE,WAAW,EAAE,KAAK,GAAG;CAChC,CAAC;CA4CD,MAAM,iBAAiB,2BACf;EACJ,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,MAAM,eAAe,gBAAgB,CAAC;EACtC,MAAM,WAAW,cAAc,QAAQ;EAEvC,OAAO;GACL,KAAK,EAAE,KAAK;GACZ,IAAI,GAAG,cAAc,cAAc,WAAW,OAAO,OAAO,EAAE,KAAK,GAAG;GACtE,eAAe,EAAE;GACjB,uBAAuB,cAAc,yBAAyB;GAC9D,UACE,YAAY,EAAE,iBACJ;IACJ,EAAE,WAAW;IACb,WAAW,EAAE,KAAK,GAAG;GACvB,IACA,KAAA;EACR;CACF,GACA;EA9DA,kBAAkB,MAAM,CAAC,CAAC;EAC1B,iBAAiB,MAAM,CAAC,CAAC;EACzB,aAAa,YAAqB,MAAM,CAAC,CAAC,WAAW,OAAO;EAC5D,kBAAkB,MAAM,CAAC,CAAC;EAC1B,0BAA0B,MAAM,CAAC,CAAC;EAClC,gBAAgB,KAAiB,aAAa,MAAM,CAAC,CAAC,cAAc,KAAK,QAAQ;EACjF,qBAAqB,MAAM,CAAC,CAAC;EAC7B,yBAAyB,MAAM,CAAC,CAAC,qBAAqB,MAAM,CAAC,CAAC;EAC9D,8BAA8B,MAAM,CAAC,CAAC;EACtC,oBAAoB,MAAM,CAAC,CAAC;EAC5B,oBAAoB,MAAM,CAAC,CAAC;EAC5B,wBAAwB,MAAM,CAAC,CAAC;EAChC,eAAe;GACb,MAAM,OAAO,MAAM,CAAC,CAAC;GACrB,OAAO,SAAS,SAAS,KAAK,SAAS;EACzC;EACA,mBAAmB,MAAM,CAAC,CAAC,iBAAiB;EAC5C,aAAa,QAAa,MAAM,CAAC,CAAC,WAAW,GAAG;EAChD,aAAa,QAAa;GACxB,MAAM,IAAI,MAAM;GAChB,MAAM,OAAO,EAAE,WAAW,QAAQ,GAAG;GACrC,OACE,EAAE,qBAAqB,SACvB,EAAE,WAAW,GAAG,KAChB,MAAM,OAAO,qBAAqB;EAEtC;EACA,gBAAgB,QAAa;GAC3B,MAAM,IAAI,MAAM;GAChB,OAAO,EAAE,kBAAkB,UAAU,CAAC,EAAE,WAAW,GAAG;EACxD;EACA,uBAAuB,aAAa,MAAM,CAAC,CAAC,qBAAqB,QAAQ;EACzE,kBAAkB,QAAa,MAAM,CAAC,CAAC,gBAAgB,GAAG;EAC1D,mBAAmB,QAAa,MAAM,CAAC,CAAC,iBAAiB,GAAG;EAC5D,kBAAkB,SAAwB,MAAM,CAAC,CAAC,gBAAgB,IAAI;EACtE,iBAAiB,MAAM,CAAC,CAAC,UAAU;EACnC,sBAAsB,MAAM,CAAC,CAAC,eAAe;EAC7C,uBAAuB,MAAM,CAAC,CAAC,gBAAgB;EAC/C,kBAAkB,OAAY,gBAA+B,MAAM,CAAC,CAAC,gBAAgB,KAAK;CAwB5E,GACd,GACF;CAEA,MAAM,WAAW,iBAAiB;EAChC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,MAAM,OAAO,EAAE;EAEf,MAAM,YAAqC;GACzC,MAAM;GACN,iBAAiB,EAAE,kBAAkB,SAAS,WAAW,IAAI,KAAA;GAC7D,iBAAiB,eAAe,WAAW,KAAK,KAAA;EAClD;EAGA,IAAI,EAAE,iBAAiB,KAAK,YAAY,MACtC,UAAU,mBAAmB,KAAK,WAAW;EAG/C,MAAM,eAAe,gBAAgB,CAAC;EAMtC,OAAO,mCALaA,aAClB,eAAe,WACf,SAGkD,GAAG;GACrD;GACA,kCAAkC,cAAc,8BAA8B;GAC9E,iBAAiB,cAAc,aAAa;EAC9C,CAAC;CACH,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,OAAO,EACL,MAAM,WACR;CACF,CAAC;CAED,OAAO;EACL,IAAI,WAAW;GACb,OAAO,SAAS;EAClB;EACA,IAAI,gBAAgB;GAClB,OAAO,cAAc;EACvB;EACA,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,IAAI,aAAa;GACf,OAAO,eAAe,WAAW;EACnC;EACA,IAAI,YAAY;GACd,OAAO,eAAe,UAAU;EAClC;CACF;AACF;;;;;;;;;;AC9IA,SAAgB,gCAId,OACA,OAC+B;CAC/B,MAAM,aAAa,SAAS;CAE5B,MAAM,aAAa,iBAAiB;EAClC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,OAAO,EAAE,WAAW,EAAE,GAAG;CAC3B,CAAC;CAED,MAAM,aAAa,iBAAiB;EAClC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,OAAO,EAAE,WAAW,EAAE,GAAG;CAC3B,CAAC;CAED,MAAM,iBAAiB;EACrB,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;EAChB,IAAI,CAAC,WAAW,GACd,EAAE,gBAAgB,EAAE,GAAG;CAE3B;CAEA,MAAM,gBAAgB,iBAAiB;EAUrC,OAAO;GARL,IAAI;GACJ,MAAM;GACN,SAAS,WAAW;GACpB,UAAU,WAAW;GACrB;GACA,cAAc;EAGD;CACjB,CAAC;CAED,OAAO,EACL,IAAI,gBAAgB;EAClB,OAAO,cAAc;CACvB,EACF;AACF;;;;;;;;;;;;;;;AC3CA,SAAgB,sBAAsB,OAAsD;CAC1F,MAAM,YAAY,aAAa;CAG/B,MAAM,aAAaC,WAAS;CAE5B,MAAM,aAAa,iBACjB,aAAa;EACX,IAAI;EACJ,cAAc,MAAM;EACpB,mBAAmB,UAAU;CAC/B,CAAC,CACH;CAEA,OAAO;EACL,UAAU,EAAE,MAAM,MAAM;EACxB,gBAAgB;GACd,IAAI,KAAK;IACP,OAAO,UAAU;GACnB;GACA,MAAM;EACR;EACA,eAAe;GACb,MAAM;GACN,IAAI,KAAK;IACP,OAAO,WAAW,CAAC,CAAC;GACtB;GACA,IAAI,eAAe;IACjB,OAAO,WAAW,CAAC,CAAC;GACtB;GACA,IAAI,oBAAoB;IACtB,OAAO,WAAW,CAAC,CAAC;GACtB;EACF;CACF;AACF"}
+{"version":3,"file":"gridlist.js","names":["createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/*\n * Copyright 2022 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-aria/src/gridlist/useGridList.ts\n\n/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createTrackedEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key, Collection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { isNonContiguousSelectionModifier } from \"../selection/utils\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** `\"grid\"` lets Left/Right reach the collection for 2D navigation. */\n  layout: \"stack\" | \"grid\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.get(state);\n}\n\n/**\n * Whether a key should be skipped during keyboard navigation. Disabled keys only\n * block navigation under `disabledBehavior: \"all\"` (the default); under\n * `\"selection\"` they remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\nfunction navigableKeys<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): Key[] {\n  const keys: Key[] = [];\n  let key = state.collection.getFirstKey();\n  while (key != null) {\n    if (!isNavigationDisabled(state, key)) {\n      keys.push(key);\n    }\n    key = state.collection.getKeyAfter(key);\n  }\n  return keys;\n}\n\nfunction gridNeighborKey(\n  keys: Key[],\n  from: Key,\n  columns: number,\n  deltaCol: number,\n  deltaRow: number,\n): Key | null {\n  const index = keys.indexOf(from);\n  if (index < 0 || columns < 1) return null;\n  const row = Math.floor(index / columns);\n  const col = index % columns;\n  const nextCol = col + deltaCol;\n  const nextRow = row + deltaRow;\n  if (nextCol < 0 || nextCol >= columns || nextRow < 0) return null;\n  return keys[nextRow * columns + nextCol] ?? null;\n}\n\nfunction firstSelectedKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): Key | null {\n  let key = state.collection.getFirstKey();\n  while (key != null) {\n    if (state.isSelected(key)) return key;\n    key = state.collection.getKeyAfter(key);\n  }\n  return null;\n}\n\nfunction lastSelectedKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): Key | null {\n  let key = state.collection.getLastKey();\n  while (key != null) {\n    if (state.isSelected(key)) return key;\n    key = state.collection.getKeyBefore(key);\n  }\n  return null;\n}\n\nfunction queryCollectionItem(root: HTMLElement, key: Key): HTMLElement | null {\n  const escaped = typeof CSS !== \"undefined\" && CSS.escape ? CSS.escape(String(key)) : String(key);\n  return root.querySelector<HTMLElement>(`[data-key=\"${escaped}\"]`);\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"toggle\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    get layout() {\n      return props().layout ?? \"stack\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state().collection as unknown as Collection<T>,\n    focusedKey: () => state().focusedKey,\n    onFocusedKeyChange: (key) => state().setFocusedKey(key),\n    isKeyDisabled: (key) => isNavigationDisabled(state(), key),\n  });\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    const selectOnFocus =\n      (p.selectionBehavior ?? s.selectionBehavior) === \"replace\" && s.selectionMode !== \"none\";\n    const moveFocus = (nextKey: Key | null) => {\n      if (nextKey == null) return;\n      s.setFocusedKey(nextKey);\n      if (selectOnFocus && !e.shiftKey && !isNonContiguousSelectionModifier(e)) {\n        s.replaceSelection(nextKey);\n      }\n    };\n    const isGrid = p.layout === \"grid\";\n    const columns = Math.max(1, p.columnCount ?? 1);\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (isGrid) {\n          const keys = navigableKeys(s);\n          const from = focusedKey ?? keys[0];\n          if (from != null) {\n            moveFocus(gridNeighborKey(keys, from, columns, 0, 1));\n          }\n          break;\n        }\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        moveFocus(nextKey);\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (isGrid) {\n          const keys = navigableKeys(s);\n          const from = focusedKey ?? keys[keys.length - 1];\n          if (from != null) {\n            moveFocus(gridNeighborKey(keys, from, columns, 0, -1));\n          }\n          break;\n        }\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        moveFocus(prevKey);\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        const behavior = p.keyboardNavigationBehavior ?? \"arrow\";\n        const isRtl = p.direction === \"rtl\";\n        if (isGrid) {\n          e.preventDefault();\n          const keys = navigableKeys(s);\n          const from = focusedKey ?? keys[0];\n          if (from != null) {\n            const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n            moveFocus(gridNeighborKey(keys, from, columns, forward ? 1 : -1, 0));\n          }\n          break;\n        }\n        // The inline axis (Left/Right) belongs to the ROW under the default\n        // \"arrow\" navigation behavior: createGridListItem's onKeyDownCapture\n        // intercepts Left/Right for intra-row focus movement (a no-op for\n        // text-only rows), exactly as useGridListItem does upstream, so the\n        // container must NOT step between rows here. Only under \"tab\" navigation\n        // does the row stop intercepting and the event reach the collection —\n        // mirroring how useSelectableCollection handles Left/Right via\n        // ListKeyboardDelegate. Even then it strips getKeyLeftOf/getKeyRightOf\n        // for a vertical stack, so this stays a no-op unless the stack is\n        // horizontal, where Right=next / Left=prev in LTR, flipped under RTL.\n        // (In Solid the row's capture-phase stopPropagation does not reliably\n        // prevent the container's delegated onKeyDown, so this gate — not the\n        // row's stopPropagation — is what keeps the axes from double-firing.)\n        if (p.orientation !== \"horizontal\" || behavior !== \"tab\") break;\n        e.preventDefault();\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        moveFocus(nextKey);\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        moveFocus(firstKey);\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        moveFocus(lastKey);\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a Tab that\n  // reaches a standalone grid lands on the container itself; move the focused key\n  // onto the first/last row and the post-commit effect below pulls REAL DOM focus\n  // there while the container rolls to tabIndex -1. This mirrors\n  // useSelectableCollection's `onFocus` — the same direction-aware trampoline the\n  // standalone ListBox uses (createListBox.ts) — and is why a standalone grid\n  // announces the active row through real focus, never `aria-activedescendant`.\n  const onFocus: JSX.EventHandler<HTMLElement, FocusEvent> = (e) => {\n    const s = state();\n    const p = props();\n    s.setFocused(true);\n\n    // onFocus is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    // (`currentTarget` is null only in synthetic unit-test FocusEvents — treat\n    // those as a direct container focus.)\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && !container.contains(e.target as Node)) return;\n    // Only marshal when no row is focused yet.\n    if (s.focusedKey != null || p.isDisabled) return;\n\n    const collection = s.collection;\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Detect tab direction: focus arriving from an element that FOLLOWS the grid\n    // in document order means the user shift-tabbed backward into it, so enter at\n    // the LAST row; otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? (lastSelectedKey(s) ??\n          findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)))\n        : (firstSelectedKey(s) ??\n          findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k)));\n    if (enterKey != null) {\n      s.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createTrackedEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = queryCollectionItem(el, key);\n    if (target && target !== active) {\n      // A disabled selected key keeps logical focus on the collection (the\n      // row is not tabbable). Focusing it would steal Tab from the grid.\n      if (isNavigationDisabled(s, key)) {\n        return;\n      }\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = mergeProps(\n      typeSelectProps as Record<string, unknown>,\n      {\n        role: \"grid\",\n        id: gridListId,\n        \"aria-label\": p[\"aria-label\"],\n        \"aria-labelledby\": p[\"aria-labelledby\"],\n        \"aria-describedby\": p[\"aria-describedby\"],\n        \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n        \"aria-disabled\": p.isDisabled || undefined,\n        // Roving container tabIndex mirrors useSelectableCollection: the container\n        // is tabbable (0) only while nothing is focused, then rolls to -1 once a row\n        // takes focus so Tab exits the grid. A standalone grid drives AT through\n        // real row focus, so it never needs (nor emits) aria-activedescendant.\n        tabIndex: p.isDisabled\n          ? undefined\n          : s.focusedKey != null && !isNavigationDisabled(s, s.focusedKey)\n            ? -1\n            : 0,\n        onKeyDown,\n        onFocus,\n        onBlur,\n      },\n    );\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/*\n * Copyright 2022 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-aria/src/gridlist/useGridListItem.ts\n\n/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { bindCapture } from \"../utils/capture\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const descriptionId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => state().isEmpty,\n    isSelectAll: () => state().isSelectAll,\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const p = props();\n      const item = s.collection.getItem(key);\n      const disabled = s.isDisabled(key) || !!item?.isDisabled || !!p.isDisabled;\n      return (\n        s.disabledBehavior === \"all\" && disabled && item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      const p = props();\n      const item = s.collection.getItem(key);\n      return s.selectionMode !== \"none\" && !s.isDisabled(key) && !item?.isDisabled && !p.isDisabled;\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n    const gridListData = getGridListData(s);\n    const rowId = `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(node.key)}`;\n    const label = p.textValue || node[\"aria-label\"] || node.textValue || undefined;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      // RAC only exposes aria-selected when the row can be selected, so a\n      // disabled selected key does not stay [disabled][selected].\n      \"aria-selected\":\n        s.selectionMode !== \"none\" && !s.isDisabled(node.key) ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n      \"aria-label\": label,\n      \"aria-labelledby\": label ? `${rowId} ${descriptionId}` : undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n      layout: () => gridListData?.layout ?? \"stack\",\n    });\n  });\n\n  bindCapture(ref, {\n    keydown: (event) => {\n      const handler = (rowProps() as { onKeyDownCapture?: (event: KeyboardEvent) => void })\n        .onKeyDownCapture;\n      handler?.(event as KeyboardEvent);\n    },\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n      \"aria-colindex\": 1,\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get descriptionProps() {\n      return { id: descriptionId };\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/*\n * Copyright 2022 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-aria/src/gridlist/useGridListSelectionCheckbox.ts\n\n/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Ported from packages/react-aria/src/gridlist/useGridListSelectionCheckbox.ts.\n */\n\nimport { createMemo } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createStringFormatter } from \"../i18n\";\nimport { gridIntlStrings } from \"../grid/intl\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const stringFormatter = createStringFormatter(gridIntlStrings, \"@react-aria/grid\");\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const gridListData = getGridListData(s);\n    const rowId = `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.key)}`;\n\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": stringFormatter().format(\"select\"),\n      // Mirrors useGridListSelectionCheckbox: \"Select\" plus the row so the\n      // checkbox name is \"Select {item}\" rather than a bare \"Select\".\n      \"aria-labelledby\": `${checkboxId} ${rowId}`,\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/*\n * Copyright 2020 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-aria/src/gridlist/useGridListSection.ts\n\n/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/gridlist.jsx

@@ -1,11 +1,62 @@
-import { i as mergeProps$1 } from "./env.jsx";
-import { S as scrollIntoViewport } from "./utils.jsx";
-import { o as getInteractionModality } from "./createInteractionModality.jsx";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/gridlist/useGridList.ts
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/gridlist/useGridListItem.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/gridlist/useGridListSection.ts
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/gridlist/useGridListSelectionCheckbox.ts
+import { t as mergeProps } from "./mergeProps.jsx";
+import { _ as scrollIntoViewport, y as bindCapture } from "./utils.jsx";
+import { N as getInteractionModality } from "./dom.jsx";
+import { n as createStringFormatter } from "./createStringFormatter.jsx";
 import { createId as createId$1, createSlotId } from "../ssr/index.jsx";
 import { t as createLabels } from "./createLabels.jsx";
-import { n as createSelectableItem } from "./createSelectableItem.jsx";
+import { a as isNonContiguousSelectionModifier, n as createSelectableItem } from "./createSelectableItem.jsx";
+import { t as createTypeSelect } from "./createTypeSelect.jsx";
+import { t as gridIntlStrings } from "./intl.jsx";
 import { t as mergeCollectionRowInteractionProps } from "./createCollectionRowInteraction.jsx";
-import { createEffect, createMemo } from "solid-js";
+import { createMemo, createTrackedEffect } from "solid-js";
 import { createId } from "@proyecto-viviana/solid-stately";
 //#region src/gridlist/createGridList.ts
 /**
@@ -43,6 +94,44 @@ function findNextNavigableKey(state, startKey, step) {
 	while (key != null && isNavigationDisabled(state, key)) key = step(key);
 	return key;
 }
+function navigableKeys(state) {
+	const keys = [];
+	let key = state.collection.getFirstKey();
+	while (key != null) {
+		if (!isNavigationDisabled(state, key)) keys.push(key);
+		key = state.collection.getKeyAfter(key);
+	}
+	return keys;
+}
+function gridNeighborKey(keys, from, columns, deltaCol, deltaRow) {
+	const index = keys.indexOf(from);
+	if (index < 0 || columns < 1) return null;
+	const row = Math.floor(index / columns);
+	const nextCol = index % columns + deltaCol;
+	const nextRow = row + deltaRow;
+	if (nextCol < 0 || nextCol >= columns || nextRow < 0) return null;
+	return keys[nextRow * columns + nextCol] ?? null;
+}
+function firstSelectedKey(state) {
+	let key = state.collection.getFirstKey();
+	while (key != null) {
+		if (state.isSelected(key)) return key;
+		key = state.collection.getKeyAfter(key);
+	}
+	return null;
+}
+function lastSelectedKey(state) {
+	let key = state.collection.getLastKey();
+	while (key != null) {
+		if (state.isSelected(key)) return key;
+		key = state.collection.getKeyBefore(key);
+	}
+	return null;
+}
+function queryCollectionItem(root, key) {
+	const escaped = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(String(key)) : String(key);
+	return root.querySelector(`[data-key="${escaped}"]`);
+}
 /**
 * Creates accessibility props for a grid list.
 */
@@ -51,7 +140,7 @@ function createGridList(props, state, ref) {
 	const gridListData = {
 		gridListId,
 		get selectionBehavior() {
-			return props().selectionBehavior ?? "replace";
+			return props().selectionBehavior ?? "toggle";
 		},
 		get shouldSelectOnPressUp() {
 			return props().shouldSelectOnPressUp ?? false;
@@ -62,53 +151,80 @@ function createGridList(props, state, ref) {
 		get direction() {
 			return props().direction ?? "ltr";
 		},
+		get layout() {
+			return props().layout ?? "stack";
+		},
 		actions: { get onAction() {
 			return props().onAction;
 		} }
 	};
 	gridListDataMap.set(state(), gridListData);
+	const { typeSelectProps } = createTypeSelect({
+		collection: () => state().collection,
+		focusedKey: () => state().focusedKey,
+		onFocusedKeyChange: (key) => state().setFocusedKey(key),
+		isKeyDisabled: (key) => isNavigationDisabled(state(), key)
+	});
 	const onKeyDown = (e) => {
 		const s = state();
 		const p = props();
 		const collection = s.collection;
 		const focusedKey = s.focusedKey;
 		if (p.isDisabled) return;
+		const selectOnFocus = (p.selectionBehavior ?? s.selectionBehavior) === "replace" && s.selectionMode !== "none";
+		const moveFocus = (nextKey) => {
+			if (nextKey == null) return;
+			s.setFocusedKey(nextKey);
+			if (selectOnFocus && !e.shiftKey && !isNonContiguousSelectionModifier(e)) s.replaceSelection(nextKey);
+		};
+		const isGrid = p.layout === "grid";
+		const columns = Math.max(1, p.columnCount ?? 1);
 		switch (e.key) {
-			case "ArrowDown": {
+			case "ArrowDown":
 				e.preventDefault();
-				const nextKey = focusedKey != null ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) => collection.getKeyAfter(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
-				if (nextKey != null) s.setFocusedKey(nextKey);
+				if (isGrid) {
+					const keys = navigableKeys(s);
+					const from = focusedKey ?? keys[0];
+					if (from != null) moveFocus(gridNeighborKey(keys, from, columns, 0, 1));
+					break;
+				}
+				moveFocus(focusedKey != null ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) => collection.getKeyAfter(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k)));
 				break;
-			}
-			case "ArrowUp": {
+			case "ArrowUp":
 				e.preventDefault();
-				const prevKey = focusedKey != null ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));
-				if (prevKey != null) s.setFocusedKey(prevKey);
+				if (isGrid) {
+					const keys = navigableKeys(s);
+					const from = focusedKey ?? keys[keys.length - 1];
+					if (from != null) moveFocus(gridNeighborKey(keys, from, columns, 0, -1));
+					break;
+				}
+				moveFocus(focusedKey != null ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)));
 				break;
-			}
 			case "ArrowRight":
 			case "ArrowLeft": {
 				const behavior = p.keyboardNavigationBehavior ?? "arrow";
+				const isRtl = p.direction === "rtl";
+				if (isGrid) {
+					e.preventDefault();
+					const keys = navigableKeys(s);
+					const from = focusedKey ?? keys[0];
+					if (from != null) moveFocus(gridNeighborKey(keys, from, columns, (e.key === "ArrowRight" ? !isRtl : isRtl) ? 1 : -1, 0));
+					break;
+				}
 				if (p.orientation !== "horizontal" || behavior !== "tab") break;
 				e.preventDefault();
-				const isRtl = p.direction === "rtl";
 				const step = (e.key === "ArrowRight" ? !isRtl : isRtl) ? (k) => collection.getKeyAfter(k) : (k) => collection.getKeyBefore(k);
-				const nextKey = focusedKey != null ? findNextNavigableKey(s, step(focusedKey), step) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
-				if (nextKey != null) s.setFocusedKey(nextKey);
+				moveFocus(focusedKey != null ? findNextNavigableKey(s, step(focusedKey), step) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k)));
 				break;
 			}
-			case "Home": {
+			case "Home":
 				e.preventDefault();
-				const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
-				if (firstKey != null) s.setFocusedKey(firstKey);
+				moveFocus(findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k)));
 				break;
-			}
-			case "End": {
+			case "End":
 				e.preventDefault();
-				const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));
-				if (lastKey != null) s.setFocusedKey(lastKey);
+				moveFocus(findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)));
 				break;
-			}
 			case "a":
 			case "A":
 				if ((e.ctrlKey || e.metaKey) && s.selectionMode === "multiple") {
@@ -116,12 +232,10 @@ function createGridList(props, state, ref) {
 					s.selectAll();
 				}
 				break;
-			case "Escape":
-				if (s.selectionMode !== "none") {
-					e.preventDefault();
-					s.clearSelection();
-				}
-				break;
+			case "Escape": if (s.selectionMode !== "none") {
+				e.preventDefault();
+				s.clearSelection();
+			}
 		}
 	};
 	const onFocus = (e) => {
@@ -133,20 +247,22 @@ function createGridList(props, state, ref) {
 		if (s.focusedKey != null || p.isDisabled) return;
 		const collection = s.collection;
 		const relatedTarget = e.relatedTarget;
-		const enterKey = relatedTarget && container && container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+		const enterKey = relatedTarget && container && container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING ? lastSelectedKey(s) ?? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)) : firstSelectedKey(s) ?? findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
 		if (enterKey != null) s.setFocusedKey(enterKey);
 	};
 	const onBlur = () => {
 		state().setFocused(false);
 	};
-	createEffect(() => {
-		const key = state().focusedKey;
+	createTrackedEffect(() => {
+		const s = state();
+		const key = s.focusedKey;
 		const el = ref();
 		if (!el || key == null) return;
 		const active = document.activeElement;
 		if (!active || active !== el && !el.contains(active)) return;
-		const target = el.querySelector(`[data-key="${key}"]`);
+		const target = queryCollectionItem(el, key);
 		if (target && target !== active) {
+			if (isNavigationDisabled(s, key)) return;
 			target.focus();
 			if (getInteractionModality() !== "pointer") scrollIntoViewport(target, { containingElement: el });
 		}
@@ -154,7 +270,7 @@ function createGridList(props, state, ref) {
 	const gridProps = createMemo(() => {
 		const p = props();
 		const s = state();
-		const baseProps = {
+		const baseProps = mergeProps(typeSelectProps, {
 			role: "grid",
 			id: gridListId,
 			"aria-label": p["aria-label"],
@@ -162,11 +278,11 @@ function createGridList(props, state, ref) {
 			"aria-describedby": p["aria-describedby"],
 			"aria-multiselectable": s.selectionMode === "multiple" ? true : void 0,
 			"aria-disabled": p.isDisabled || void 0,
-			tabIndex: p.isDisabled ? void 0 : s.focusedKey != null ? -1 : 0,
+			tabIndex: p.isDisabled ? void 0 : s.focusedKey != null && !isNavigationDisabled(s, s.focusedKey) ? -1 : 0,
 			onKeyDown,
 			onFocus,
 			onBlur
-		};
+		});
 		if (p.isVirtualized) baseProps["aria-rowcount"] = s.collection.rowCount;
 		return baseProps;
 	});
@@ -184,6 +300,7 @@ function createGridList(props, state, ref) {
 * Creates accessibility props for a grid list item.
 */
 function createGridListItem(props, state, ref) {
+	const descriptionId = createId();
 	const isSelected = createMemo(() => {
 		const s = state();
 		const p = props();
@@ -217,20 +334,21 @@ function createGridListItem(props, state, ref) {
 		selectedKeys: () => state().selectedKeys,
 		disabledKeys: () => state().disabledKeys,
 		disabledBehavior: () => state().disabledBehavior,
-		isEmpty: () => {
-			const keys = state().selectedKeys;
-			return keys !== "all" && keys.size === 0;
-		},
-		isSelectAll: () => state().selectedKeys === "all",
+		isEmpty: () => state().isEmpty,
+		isSelectAll: () => state().isSelectAll,
 		isSelected: (key) => state().isSelected(key),
 		isDisabled: (key) => {
 			const s = state();
+			const p = props();
 			const item = s.collection.getItem(key);
-			return s.disabledBehavior === "all" && s.isDisabled(key) && item?.props?.disabledBehavior !== "selection";
+			const disabled = s.isDisabled(key) || !!item?.isDisabled || !!p.isDisabled;
+			return s.disabledBehavior === "all" && disabled && item?.props?.disabledBehavior !== "selection";
 		},
 		canSelectItem: (key) => {
 			const s = state();
-			return s.selectionMode !== "none" && !s.isDisabled(key);
+			const p = props();
+			const item = s.collection.getItem(key);
+			return s.selectionMode !== "none" && !s.isDisabled(key) && !item?.isDisabled && !p.isDisabled;
 		},
 		setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),
 		toggleSelection: (key) => state().toggleSelection(key),
@@ -245,21 +363,34 @@ function createGridListItem(props, state, ref) {
 		const s = state();
 		const p = props();
 		const node = p.node;
+		const gridListData = getGridListData(s);
+		const rowId = `${gridListData?.gridListId ?? "gridlist"}-row-${String(node.key)}`;
+		const label = p.textValue || node["aria-label"] || node.textValue || void 0;
 		const baseProps = {
 			role: "row",
-			"aria-selected": s.selectionMode !== "none" ? isSelected() : void 0,
-			"aria-disabled": selectableItem.isDisabled() || void 0
+			"aria-selected": s.selectionMode !== "none" && !s.isDisabled(node.key) ? isSelected() : void 0,
+			"aria-disabled": selectableItem.isDisabled() || void 0,
+			"aria-label": label,
+			"aria-labelledby": label ? `${rowId} ${descriptionId}` : void 0
 		};
 		if (p.isVirtualized && node.rowIndex != null) baseProps["aria-rowindex"] = node.rowIndex + 1;
-		const gridListData = getGridListData(s);
-		return mergeCollectionRowInteractionProps(mergeProps$1(selectableItem.itemProps, baseProps), {
+		const mergedProps = mergeProps(selectableItem.itemProps, baseProps);
+		return mergeCollectionRowInteractionProps(mergedProps, {
 			ref,
 			keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? "arrow",
-			direction: () => gridListData?.direction ?? "ltr"
+			direction: () => gridListData?.direction ?? "ltr",
+			layout: () => gridListData?.layout ?? "stack"
 		});
 	});
+	bindCapture(ref, { keydown: (event) => {
+		const handler = rowProps().onKeyDownCapture;
+		handler?.(event);
+	} });
 	const gridCellProps = createMemo(() => {
-		return { role: "gridcell" };
+		return {
+			role: "gridcell",
+			"aria-colindex": 1
+		};
 	});
 	return {
 		get rowProps() {
@@ -268,6 +399,9 @@ function createGridListItem(props, state, ref) {
 		get gridCellProps() {
 			return gridCellProps();
 		},
+		get descriptionProps() {
+			return { id: descriptionId };
+		},
 		get isSelected() {
 			return isSelected();
 		},
@@ -283,12 +417,13 @@ function createGridListItem(props, state, ref) {
 //#region src/gridlist/createGridListSelectionCheckbox.ts
 /**
 * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.
-* Based on @react-aria/gridlist.
+* Ported from packages/react-aria/src/gridlist/useGridListSelectionCheckbox.ts.
 */
 /**
 * Creates accessibility props for a grid list item selection checkbox.
 */
 function createGridListSelectionCheckbox(props, state) {
+	const stringFormatter = createStringFormatter(gridIntlStrings, "@react-aria/grid");
 	const checkboxId = createId();
 	const isSelected = createMemo(() => {
 		const s = state();
@@ -306,13 +441,17 @@ function createGridListSelectionCheckbox(props, state) {
 		if (!isDisabled()) s.toggleSelection(p.key);
 	};
 	const checkboxProps = createMemo(() => {
+		const s = state();
+		const p = props();
+		const rowId = `${getGridListData(s)?.gridListId ?? "gridlist"}-row-${String(p.key)}`;
 		return {
 			id: checkboxId,
 			type: "checkbox",
 			checked: isSelected(),
 			disabled: isDisabled(),
 			onChange,
-			"aria-label": "Select"
+			"aria-label": stringFormatter().format("select"),
+			"aria-labelledby": `${checkboxId} ${rowId}`
 		};
 	});
 	return { get checkboxProps() {