@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/ListBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.js","names":["JSX","createContext","createEffect","createMemo","createSignal","onCleanup","splitProps","useContext","For","Show","createListBox","createOption","createFocusRing","createScrollIntoViewOnFocus","mergeProps","useLocale","AriaListBoxProps","AriaOptionProps","createListState","ListState","Key","DropTarget","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","SharedElementTransition","SelectionIndicatorContext","SelectionIndicatorContextValue","useVirtualizerContext","DragAndDropHooks","getNormalizedDropTargetKey","mergePersistedKeysIntoVirtualRange","useDndPersistedKeys","useRenderDropIndicator","CollectionRendererContext","Section","Header","Group","CollectionEntry","CollectionRendererContextValue","SectionProps","useCollectionRenderer","isCollectionSection","flattenCollectionEntries","ListBoxRenderProps","isFocused","isFocusVisible","isDisabled","isEmpty","RefLike","el","T","current","assignRef","ref","ListBoxProps","Omit","items","getKey","item","getTextValue","getDisabled","selectionMode","selectionBehavior","disabledBehavior","disabledKeys","Iterable","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","Set","children","Element","class","style","renderEmptyState","hasMore","isLoading","onLoadMore","Promise","HTMLUListElement","dragAndDropHooks","layout","orientation","slots","Record","Partial","ListBoxOptionRenderProps","isSelected","isPressed","isHovered","ListBoxOptionProps","id","textValue","HTMLLIElement","ListBoxLoadMoreItemProps","scrollOffset","ListBoxSectionProps","ListBoxContextValue","state","dragState","dropState","ListBoxContext","ListBoxStateContext","ListStateContext","ListBox","props","parentContext","contextSlotProps","slot","mergedListBoxProps","local","stateProps","ariaProps","flatItems","hasSections","some","resolveDisabled","disabled","locale","listBoxAria","direction","listRef","focusProps","renderValues","collection","size","renderProps","defaultClassName","domProps","filtered","global","cleanListBoxProps","_ref1","rest","listBoxProps","cleanFocusProps","_ref2","cleanLabelProps","_ref3","labelProps","setListRef","HTMLElement","focusedKey","isActive","length","parentCollectionRenderer","getItemNodes","Array","from","filter","node","type","getDropTargetByIndex","index","position","key","dropPosition","hasDroppableDnd","hooks","Boolean","useDroppableCollectionState","useDroppableCollection","dropTargetDelegate","ListDropTargetDelegate","undefined","hasDraggableDnd","useDraggableCollectionState","useDraggableCollection","activeDragState","droppableCollection","activeDropState","resolveDirection","window","getComputedStyle","dir","document","keyboardDelegate","getFirstKey","getLastKey","getKeyBelow","getKeyAfter","getKeyAbove","getKeyBefore","getKeyPageBelow","getKeyPageAbove","isRootDropTarget","target","dndRenderDropIndicator","dndDropIndicator","virtualizer","persistedKeys","virtualRange","isVirtualized","baseRange","getVisibleRange","itemNodes","persistedIndexes","map","findIndex","dropTarget","normalizedDropKey","focusedIndex","forceIncludeIndexes","forceIncludeMaxSpan","setDropTargetItemCountResolver","setDropTargetIndexResolver","setDropTargetResolver","visibleItems","range","slice","start","end","virtualSpacerStyle","CSSProperties","width","height","sectionedRenderEntries","globalIndex","entry","sectionItems","const","section","indexedItem","collectionRenderer","renderItem","renderDropIndicator","_$createComponent","Provider","value","when","label","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$insert","_$runHydrationEvents","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_$use","collectionProps","data-focused","data-focus-visible","data-disabled","data-empty","data-layout","data-orientation","data-drop-target","_$memo","_el$7","_tmpl$3","each","_el$8","_tmpl$5","title","_el$9","_tmpl$4","_$effect","_$setAttribute","offsetTop","_el$0","_tmpl$6","_$p","_$style","itemIndex","beforeIndicator","onIndicator","afterIndicator","offsetBottom","_el$1","_tmpl$7","_c$","ListBoxLoadMoreItem","ListBoxOption","context","Error","listContext","setRef","optionAria","aria-label","shouldSelectOnPressUp","shouldFocusOnHover","onHoverStart","onHoverEnd","onHoverChange","hasPrimitiveLabel","selectionIndicatorContext","draggableItem","useDraggableItem","Parameters","NonNullable","droppableItem","useDroppableItem","cleanOptionProps","_ariaDescribedby","optionProps","_el$10","_tmpl$8","dragProps","dropProps","data-selected","data-pressed","data-hovered","data-dragging","isDragging","isDropTarget","_c$2","_el$11","renderChildren","sentinelRef","HTMLDivElement","isPending","setIsPending","triggerLoadMore","IntersectionObserver","offset","margin","observer","entries","isIntersecting","rootMargin","observe","disconnect","_el$12","_tmpl$9","_el$13","_ref$","_el$14","_tmpl$0","addEventListener","_p$","_v$","_v$2","_v$3","e","_$className","t","a","ListBoxSection","Option","LoadMoreItem"],"sources":["../src/ListBox.tsx"],"sourcesContent":["/**\n * ListBox component for solidaria-components\n *\n * A pre-wired headless listbox that combines state + aria hooks.\n * Port of react-aria-components/src/ListBox.tsx\n */\n\nimport {\n  type JSX,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  splitProps,\n  useContext,\n  For,\n  Show,\n} from \"solid-js\";\nimport {\n  createListBox,\n  createOption,\n  createFocusRing,\n  createScrollIntoViewOnFocus,\n  mergeProps,\n  useLocale,\n  type AriaListBoxProps,\n  type AriaOptionProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createListState,\n  type ListState,\n  type Key,\n  type DropTarget,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { SharedElementTransition } from \"./SharedElementTransition\";\nimport {\n  SelectionIndicatorContext,\n  type SelectionIndicatorContextValue,\n} from \"./SelectionIndicator\";\nimport { useVirtualizerContext } from \"./Virtualizer\";\nimport { type DragAndDropHooks } from \"./useDragAndDrop\";\nimport {\n  getNormalizedDropTargetKey,\n  mergePersistedKeysIntoVirtualRange,\n  useDndPersistedKeys,\n  useRenderDropIndicator,\n} from \"./DragAndDrop\";\nimport {\n  CollectionRendererContext,\n  Section,\n  Header,\n  Group,\n  type CollectionEntry,\n  type CollectionRendererContextValue,\n  type SectionProps,\n  useCollectionRenderer,\n  isCollectionSection,\n  flattenCollectionEntries,\n} from \"./Collection\";\n\nexport interface ListBoxRenderProps {\n  /** Whether the listbox has focus. */\n  isFocused: boolean;\n  /** Whether the listbox has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the listbox is disabled. */\n  isDisabled: boolean;\n  /** Whether the listbox is empty. */\n  isEmpty: boolean;\n}\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") ref(el);\n  else ref.current = el;\n}\n\nexport interface ListBoxProps<T> extends Omit<AriaListBoxProps, \"children\">, SlotProps {\n  /** The items to render in the listbox. */\n  items: CollectionEntry<T>[];\n  /** Function to get the key from an item. */\n  getKey?: (item: T) => Key;\n  /** Function to get the text value from an item. */\n  getTextValue?: (item: T) => string;\n  /** Function to check if an item is disabled. */\n  getDisabled?: (item: T) => boolean;\n  /** The selection mode. */\n  selectionMode?: \"none\" | \"single\" | \"multiple\";\n  /** The selection behavior (toggle vs replace). */\n  selectionBehavior?: \"toggle\" | \"replace\";\n  /** Whether disabled items can still receive focus. */\n  disabledBehavior?: \"selection\" | \"all\";\n  /** Keys of disabled items. */\n  disabledKeys?: Iterable<Key>;\n  /** Currently selected keys (controlled). */\n  selectedKeys?: \"all\" | Iterable<Key>;\n  /** Default selected keys (uncontrolled). */\n  defaultSelectedKeys?: \"all\" | Iterable<Key>;\n  /** Handler called when selection changes. */\n  onSelectionChange?: (keys: \"all\" | Set<Key>) => void;\n  /** The children of the component. A function may be provided to render each item. */\n  children: (item: T) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<ListBoxRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<ListBoxRenderProps>;\n  /** A function to render when the listbox is empty. */\n  renderEmptyState?: () => JSX.Element;\n  /** Whether there are more items to load. */\n  hasMore?: boolean;\n  /** Whether additional items are currently loading. */\n  isLoading?: boolean;\n  /** Called when the load more sentinel becomes visible. */\n  onLoadMore?: () => void | Promise<void>;\n  /** Ref for the listbox element. */\n  ref?: RefLike<HTMLUListElement>;\n  /** Drag and drop hooks from `useDragAndDrop`. */\n  dragAndDropHooks?: DragAndDropHooks<T>;\n  /** Layout hint for styling parity. */\n  layout?: \"stack\" | \"grid\";\n  /** Orientation hint for styling parity. */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** Slot definitions provided through ListBoxContext. */\n  slots?: Record<string, Partial<ListBoxProps<T>>>;\n}\n\nexport interface ListBoxOptionRenderProps {\n  /** Whether the option is selected. */\n  isSelected: boolean;\n  /** Whether the option is focused. */\n  isFocused: boolean;\n  /** Whether the option has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the option is pressed. */\n  isPressed: boolean;\n  /** Whether the option is hovered. */\n  isHovered: boolean;\n  /** Whether the option is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface ListBoxOptionProps<T>\n  extends Omit<AriaOptionProps, \"children\" | \"key\">, SlotProps {\n  /** The unique key for the option. */\n  id: Key;\n  /** The item value. */\n  item?: T;\n  /** The children of the option. A function may be provided to receive render props. */\n  children?: RenderChildren<ListBoxOptionRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<ListBoxOptionRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<ListBoxOptionRenderProps>;\n  /** The text value of the option (for typeahead). */\n  textValue?: string;\n  /** Ref for the option element. */\n  ref?: RefLike<HTMLLIElement>;\n}\n\nexport interface ListBoxLoadMoreItemProps extends SlotProps {\n  /** Called when the sentinel becomes visible. */\n  onLoadMore: () => void | Promise<void>;\n  /** Whether additional items are currently loading. */\n  isLoading?: boolean;\n  /** Scroll offset multiplier for early loading trigger (default: 1 = 100% of viewport height). */\n  scrollOffset?: number;\n  /** Content for the load more row. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<{ isLoading: boolean }>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<{ isLoading: boolean }>;\n}\n\nexport interface ListBoxSectionProps extends SectionProps {}\n\ninterface ListBoxContextValue<T> {\n  state: ListState<T>;\n  isDisabled: () => boolean;\n  dragAndDropHooks?: DragAndDropHooks<unknown>;\n  dragState?: unknown;\n  dropState?: unknown;\n  slots?: Record<string, Partial<ListBoxProps<T>>>;\n}\n\nexport const ListBoxContext = createContext<ListBoxContextValue<unknown> | null>(null);\nexport const ListBoxStateContext = createContext<ListState<unknown> | null>(null);\nexport const ListStateContext = ListBoxStateContext;\n\n/**\n * A listbox displays a list of options and allows a user to select one or more of them.\n */\nexport function ListBox<T>(props: ListBoxProps<T>): JSX.Element {\n  const parentContext = useContext(ListBoxContext) as ListBoxContextValue<T> | null;\n  const contextSlotProps = parentContext?.slots?.[props.slot ?? \"default\"];\n  const mergedListBoxProps = contextSlotProps\n    ? (mergeProps(contextSlotProps, props) as ListBoxProps<T>)\n    : props;\n  const [local, stateProps, ariaProps] = splitProps(\n    mergedListBoxProps,\n    [\n      \"children\",\n      \"class\",\n      \"style\",\n      \"slot\",\n      \"renderEmptyState\",\n      \"hasMore\",\n      \"isLoading\",\n      \"onLoadMore\",\n      \"dragAndDropHooks\",\n      \"slots\",\n      \"ref\",\n    ],\n    [\n      \"items\",\n      \"getKey\",\n      \"getTextValue\",\n      \"getDisabled\",\n      \"disabledKeys\",\n      \"disabledBehavior\",\n      \"selectionMode\",\n      \"selectionBehavior\",\n      \"selectedKeys\",\n      \"defaultSelectedKeys\",\n      \"onSelectionChange\",\n      \"layout\",\n      \"orientation\",\n    ],\n  );\n\n  const flatItems = createMemo<T[]>(() => {\n    return flattenCollectionEntries(stateProps.items);\n  });\n\n  const hasSections = createMemo(() => stateProps.items.some((item) => isCollectionSection(item)));\n\n  const state = createListState<T>({\n    get items() {\n      return flatItems();\n    },\n    get getKey() {\n      return stateProps.getKey;\n    },\n    get getTextValue() {\n      return stateProps.getTextValue;\n    },\n    get getDisabled() {\n      return stateProps.getDisabled;\n    },\n    get disabledKeys() {\n      return stateProps.disabledKeys;\n    },\n    get selectionMode() {\n      return stateProps.selectionMode;\n    },\n    get selectionBehavior() {\n      return stateProps.selectionBehavior;\n    },\n    get disabledBehavior() {\n      return stateProps.disabledBehavior;\n    },\n    get selectedKeys() {\n      return stateProps.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return stateProps.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return stateProps.onSelectionChange;\n    },\n  });\n\n  const resolveDisabled = (): boolean => {\n    const disabled = ariaProps.isDisabled;\n    if (typeof disabled === \"function\") {\n      return (disabled as () => boolean)();\n    }\n    return !!disabled;\n  };\n\n  const locale = useLocale();\n  const listBoxAria = createListBox(\n    {\n      ...ariaProps,\n      get isDisabled() {\n        return resolveDisabled();\n      },\n      get orientation() {\n        return stateProps.orientation ?? \"vertical\";\n      },\n      get direction() {\n        return locale().direction;\n      },\n    },\n    state,\n    () => listRef(),\n  );\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const renderValues = createMemo<ListBoxRenderProps>(() => ({\n    isFocused: state.isFocused() || isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: resolveDisabled(),\n    isEmpty: state.collection().size === 0,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ListBox\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps as Record<string, unknown>, { global: true });\n    return filtered;\n  });\n\n  const cleanListBoxProps = () => {\n    const { ref: _ref1, ...rest } = listBoxAria.listBoxProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref2, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanLabelProps = () => {\n    const { ref: _ref3, ...rest } = listBoxAria.labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const [listRef, setListRef] = createSignal<HTMLElement | null>(null);\n\n  // Reveal the activedescendant-focused option on keyboard navigation. The\n  // listbox keeps real DOM focus on itself, so the browser won't natively scroll\n  // an off-screen focused option into view the way roving tabindex would.\n  createScrollIntoViewOnFocus({\n    focusedKey: () => state.focusedKey(),\n    isActive: () => state.isFocused(),\n    ref: () => listRef(),\n  });\n\n  const isEmpty = () => stateProps.items.length === 0;\n  const parentCollectionRenderer = useCollectionRenderer<unknown>();\n  const getItemNodes = createMemo(() =>\n    Array.from(state.collection()).filter((node) => node.type === \"item\"),\n  );\n  const getDropTargetByIndex = (\n    index: number,\n    position: \"before\" | \"after\" | \"on\",\n  ): DropTarget | null => {\n    const node = getItemNodes()[index];\n    if (!node) return null;\n    return { type: \"item\", key: node.key, dropPosition: position };\n  };\n  const hasDroppableDnd = createMemo(() => {\n    const hooks = local.dragAndDropHooks;\n    return Boolean(\n      hooks?.useDroppableCollectionState &&\n      hooks.useDroppableCollection &&\n      (hooks.dropTargetDelegate ||\n        parentCollectionRenderer?.dropTargetDelegate ||\n        hooks.ListDropTargetDelegate),\n    );\n  });\n  const dropState = createMemo(() => {\n    if (!hasDroppableDnd()) return undefined;\n    return local.dragAndDropHooks?.useDroppableCollectionState?.({});\n  });\n  const hasDraggableDnd = createMemo(() => {\n    const hooks = local.dragAndDropHooks;\n    return Boolean(hooks?.useDraggableCollectionState && hooks.useDraggableCollection);\n  });\n  const dragState = createMemo(() => {\n    if (!hasDraggableDnd()) return undefined;\n    return local.dragAndDropHooks?.useDraggableCollectionState?.({\n      items: flatItems(),\n    });\n  });\n  createEffect(() => {\n    if (!hasDraggableDnd()) return;\n    const hooks = local.dragAndDropHooks;\n    const activeDragState = dragState();\n    if (!hooks?.useDraggableCollection || !activeDragState) return;\n    hooks.useDraggableCollection({}, activeDragState, () => listRef());\n  });\n  const droppableCollection = createMemo(() => {\n    if (!hasDroppableDnd()) return undefined;\n    const hooks = local.dragAndDropHooks;\n    const activeDropState = dropState();\n    if (!hooks?.useDroppableCollection || !activeDropState) return undefined;\n    const resolveDirection = (): \"ltr\" | \"rtl\" => {\n      const el = listRef();\n      if (el && typeof window !== \"undefined\" && typeof window.getComputedStyle === \"function\") {\n        const dir = window.getComputedStyle(el).direction;\n        if (dir === \"rtl\") return \"rtl\";\n      }\n      return typeof document !== \"undefined\" && document.dir === \"rtl\" ? \"rtl\" : \"ltr\";\n    };\n    const dropTargetDelegate =\n      hooks.dropTargetDelegate ??\n      parentCollectionRenderer?.dropTargetDelegate ??\n      (hooks.ListDropTargetDelegate\n        ? new hooks.ListDropTargetDelegate(\n            () => state.collection(),\n            () => listRef(),\n            { layout: \"stack\", orientation: \"vertical\", direction: resolveDirection() },\n          )\n        : undefined);\n    if (!dropTargetDelegate) return undefined;\n    return hooks.useDroppableCollection(\n      {\n        dropTargetDelegate,\n        keyboardDelegate: {\n          getFirstKey: () => state.collection().getFirstKey(),\n          getLastKey: () => state.collection().getLastKey(),\n          getKeyBelow: (key) => state.collection().getKeyAfter(key),\n          getKeyAbove: (key) => state.collection().getKeyBefore(key),\n          getKeyPageBelow: (key) => state.collection().getKeyAfter(key),\n          getKeyPageAbove: (key) => state.collection().getKeyBefore(key),\n        },\n      },\n      activeDropState,\n      () => listRef(),\n    );\n  });\n  const isRootDropTarget = createMemo(() => {\n    return Boolean(dropState()?.target?.type === \"root\");\n  });\n  const dndRenderDropIndicator = createMemo(() =>\n    useRenderDropIndicator(local.dragAndDropHooks, dropState()),\n  );\n  const dndDropIndicator = (index: number, position: \"before\" | \"after\" | \"on\") => {\n    const target = getDropTargetByIndex(index, position);\n    if (!target || target.type !== \"item\") return undefined;\n    return dndRenderDropIndicator()?.(target);\n  };\n  const virtualizer = useVirtualizerContext();\n  const persistedKeys = useDndPersistedKeys(\n    { focusedKey: state.focusedKey },\n    local.dragAndDropHooks,\n    dropState(),\n    state.collection(),\n  );\n  const virtualRange = createMemo(() => {\n    if (!virtualizer || !parentCollectionRenderer?.isVirtualized || hasSections()) return null;\n    const baseRange = virtualizer.getVisibleRange(stateProps.items.length);\n    const itemNodes = getItemNodes();\n    const persistedIndexes = Array.from(persistedKeys())\n      .map((key) => itemNodes.findIndex((node) => node.key === key))\n      .filter((index) => index >= 0);\n    const dropTarget = dropState()?.target;\n    const normalizedDropKey = getNormalizedDropTargetKey(dropTarget, state.collection());\n    const focusedKey = state.focusedKey();\n    const focusedIndex =\n      focusedKey != null ? itemNodes.findIndex((node) => node.key === focusedKey) : -1;\n    const forceIncludeIndexes = [\n      dropTarget?.type === \"item\" ? itemNodes.findIndex((node) => node.key === dropTarget.key) : -1,\n      normalizedDropKey != null\n        ? itemNodes.findIndex((node) => node.key === normalizedDropKey)\n        : -1,\n      dropTarget?.type === \"item\" ? -1 : focusedIndex,\n    ].filter((index) => index >= 0);\n    return mergePersistedKeysIntoVirtualRange(\n      baseRange,\n      persistedIndexes,\n      stateProps.items.length,\n      virtualizer,\n      80,\n      {\n        forceIncludeIndexes,\n        forceIncludeMaxSpan: 320,\n      },\n    );\n  });\n  createEffect(() => {\n    if (!virtualizer || !parentCollectionRenderer?.isVirtualized) return;\n    const getItemNodes = () =>\n      Array.from(state.collection()).filter((node) => node.type === \"item\");\n    virtualizer.setDropTargetItemCountResolver(() => getItemNodes().length);\n    virtualizer.setDropTargetIndexResolver((key) => {\n      const index = getItemNodes().findIndex((node) => node.key === key);\n      return index >= 0 ? index : null;\n    });\n    virtualizer.setDropTargetResolver((target) => {\n      const node = getItemNodes()[target.index];\n      if (!node) return target;\n      return {\n        ...target,\n        key: typeof node.key === \"string\" || typeof node.key === \"number\" ? node.key : undefined,\n      };\n    });\n    onCleanup(() => {\n      virtualizer.setDropTargetIndexResolver(undefined);\n      virtualizer.setDropTargetItemCountResolver(undefined);\n      virtualizer.setDropTargetResolver(undefined);\n    });\n  });\n  const visibleItems = createMemo(() => {\n    const range = virtualRange();\n    if (!range) return stateProps.items;\n    return stateProps.items.slice(range.start, range.end);\n  });\n  // Spacers reserve the windowed-out extent along the virtualizer's primary axis,\n  // so a horizontal layout offsets along width rather than height.\n  const virtualSpacerStyle = (size: number): JSX.CSSProperties =>\n    virtualizer?.orientation === \"horizontal\" ? { width: `${size}px` } : { height: `${size}px` };\n  const sectionedRenderEntries = createMemo(() => {\n    let globalIndex = 0;\n    return stateProps.items.map((entry) => {\n      if (isCollectionSection(entry)) {\n        const sectionItems = entry.items.map((item) => ({\n          item,\n          index: globalIndex++,\n        }));\n        return {\n          type: \"section\" as const,\n          section: entry,\n          items: sectionItems,\n        };\n      }\n      const indexedItem = {\n        item: entry as T,\n        index: globalIndex++,\n      };\n      return {\n        type: \"item\" as const,\n        item: indexedItem,\n      };\n    });\n  });\n  const collectionRenderer = createMemo<CollectionRendererContextValue<unknown>>(() => ({\n    ...parentCollectionRenderer,\n    renderItem: (item) => local.children(item as T),\n    renderDropIndicator: (index, position) =>\n      dndDropIndicator(index, position) ??\n      parentCollectionRenderer?.renderDropIndicator?.(index, position),\n  }));\n\n  return (\n    <ListBoxContext.Provider\n      value={\n        {\n          state,\n          isDisabled: resolveDisabled,\n          dragAndDropHooks: local.dragAndDropHooks as DragAndDropHooks<unknown> | undefined,\n          dragState: dragState(),\n          dropState: dropState(),\n          slots: local.slots,\n        } as ListBoxContextValue<unknown>\n      }\n    >\n      <ListBoxStateContext.Provider value={state}>\n        <CollectionRendererContext.Provider value={collectionRenderer()}>\n          <>\n            <Show when={ariaProps.label}>\n              <span {...cleanLabelProps()}>{ariaProps.label as JSX.Element}</span>\n            </Show>\n            <ul\n              {...mergeProps(\n                domProps(),\n                cleanListBoxProps(),\n                cleanFocusProps(),\n                (droppableCollection()?.collectionProps as Record<string, unknown> | undefined) ??\n                  {},\n              )}\n              ref={(el) => {\n                setListRef(el);\n                assignRef(local.ref, el);\n              }}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-focused={state.isFocused() || undefined}\n              data-focus-visible={isFocusVisible() || undefined}\n              data-disabled={resolveDisabled() || undefined}\n              data-empty={isEmpty() || undefined}\n              data-layout={stateProps.layout}\n              data-orientation={stateProps.orientation}\n              data-drop-target={isRootDropTarget() || undefined}\n              slot={local.slot}\n            >\n              <SharedElementTransition>\n                {isEmpty() && local.renderEmptyState ? (\n                  <li role=\"option\" style={{ display: \"contents\" }} data-empty-state>\n                    {local.renderEmptyState()}\n                  </li>\n                ) : hasSections() ? (\n                  <For each={sectionedRenderEntries()}>\n                    {(entry) =>\n                      entry.type === \"section\" ? (\n                        <li role=\"presentation\" data-section-wrapper>\n                          <Section class=\"solidaria-ListBox-section\">\n                            {entry.section.title != null && (\n                              <Header class=\"solidaria-ListBox-sectionHeader\">\n                                {entry.section.title}\n                              </Header>\n                            )}\n                            <Group class=\"solidaria-ListBox-sectionGroup\">\n                              <ul role=\"group\" aria-label={entry.section[\"aria-label\"]}>\n                                <For each={entry.items}>\n                                  {(indexedItem) => (\n                                    <>\n                                      {collectionRenderer().renderDropIndicator?.(\n                                        indexedItem.index,\n                                        \"before\",\n                                      )}\n                                      {collectionRenderer().renderDropIndicator?.(\n                                        indexedItem.index,\n                                        \"on\",\n                                      )}\n                                      {local.children(indexedItem.item)}\n                                      {collectionRenderer().renderDropIndicator?.(\n                                        indexedItem.index,\n                                        \"after\",\n                                      )}\n                                    </>\n                                  )}\n                                </For>\n                              </ul>\n                            </Group>\n                          </Section>\n                        </li>\n                      ) : (\n                        <>\n                          {collectionRenderer().renderDropIndicator?.(entry.item.index, \"before\")}\n                          {collectionRenderer().renderDropIndicator?.(entry.item.index, \"on\")}\n                          {local.children(entry.item.item)}\n                          {collectionRenderer().renderDropIndicator?.(entry.item.index, \"after\")}\n                        </>\n                      )\n                    }\n                  </For>\n                ) : (\n                  <>\n                    {virtualRange()?.offsetTop ? (\n                      <li\n                        role=\"presentation\"\n                        aria-hidden=\"true\"\n                        style={virtualSpacerStyle(virtualRange()!.offsetTop)}\n                        data-virtualizer-spacer=\"top\"\n                      />\n                    ) : null}\n                    <For each={visibleItems()}>\n                      {(item, index) => {\n                        const itemIndex = () => (virtualRange()?.start ?? 0) + index();\n                        const beforeIndicator = () =>\n                          collectionRenderer().renderDropIndicator?.(itemIndex(), \"before\");\n                        const onIndicator = () =>\n                          collectionRenderer().renderDropIndicator?.(itemIndex(), \"on\");\n                        const afterIndicator = () =>\n                          collectionRenderer().renderDropIndicator?.(itemIndex(), \"after\");\n                        return (\n                          <>\n                            {beforeIndicator()}\n                            {onIndicator()}\n                            {local.children(item as T)}\n                            {afterIndicator()}\n                          </>\n                        );\n                      }}\n                    </For>\n                    {virtualRange()?.offsetBottom ? (\n                      <li\n                        role=\"presentation\"\n                        aria-hidden=\"true\"\n                        style={virtualSpacerStyle(virtualRange()!.offsetBottom)}\n                        data-virtualizer-spacer=\"bottom\"\n                      />\n                    ) : null}\n                  </>\n                )}\n              </SharedElementTransition>\n              {local.hasMore && local.onLoadMore && (\n                <ListBoxLoadMoreItem onLoadMore={local.onLoadMore} isLoading={local.isLoading} />\n              )}\n            </ul>\n          </>\n        </CollectionRendererContext.Provider>\n      </ListBoxStateContext.Provider>\n    </ListBoxContext.Provider>\n  );\n}\n\n/**\n * An option in a listbox.\n */\nexport function ListBoxOption<T>(props: ListBoxOptionProps<T>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"id\",\n    \"item\",\n    \"textValue\",\n    \"ref\",\n  ]);\n\n  const context = useContext(ListBoxStateContext);\n  if (!context) {\n    throw new Error(\"ListBoxOption must be used within a ListBox\");\n  }\n  const state = context as ListState<T>;\n  const listContext = useContext(ListBoxContext) as ListBoxContextValue<T> | null;\n  const [ref, setRef] = createSignal<HTMLLIElement | null>(null);\n\n  const optionAria = createOption<T>(\n    {\n      key: local.id,\n      get isDisabled() {\n        return Boolean(ariaProps.isDisabled || listContext?.isDisabled());\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"] ?? local.textValue;\n      },\n      get shouldSelectOnPressUp() {\n        return ariaProps.shouldSelectOnPressUp;\n      },\n      get shouldFocusOnHover() {\n        return ariaProps.shouldFocusOnHover;\n      },\n      get onHoverStart() {\n        return ariaProps.onHoverStart;\n      },\n      get onHoverEnd() {\n        return ariaProps.onHoverEnd;\n      },\n      get onHoverChange() {\n        return ariaProps.onHoverChange;\n      },\n    },\n    state,\n  );\n\n  const renderValues = createMemo<ListBoxOptionRenderProps>(() => ({\n    isSelected: optionAria.isSelected(),\n    isFocused: optionAria.isFocused(),\n    isFocusVisible: optionAria.isFocusVisible(),\n    isPressed: optionAria.isPressed(),\n    isHovered: optionAria.isHovered(),\n    isDisabled: optionAria.isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ListBox-option\",\n    },\n    renderValues,\n  );\n  const hasPrimitiveLabel = () => {\n    return typeof props.children === \"string\" || typeof props.children === \"number\";\n  };\n\n  const selectionIndicatorContext = createMemo<SelectionIndicatorContextValue>(() => ({\n    isSelected: optionAria.isSelected,\n  }));\n  const draggableItem = createMemo(() => {\n    if (!listContext?.dragAndDropHooks?.useDraggableItem || !listContext.dragState)\n      return undefined;\n    return listContext.dragAndDropHooks.useDraggableItem(\n      {\n        key: local.id as string | number,\n      },\n      listContext.dragState as Parameters<NonNullable<DragAndDropHooks<T>[\"useDraggableItem\"]>>[1],\n    );\n  });\n  const droppableItem = createMemo(() => {\n    if (!listContext?.dragAndDropHooks?.useDroppableItem || !listContext.dropState)\n      return undefined;\n    return listContext.dragAndDropHooks.useDroppableItem(\n      {\n        key: local.id as string | number,\n      },\n      listContext.dropState as Parameters<NonNullable<DragAndDropHooks<T>[\"useDroppableItem\"]>>[1],\n      () => ref(),\n    );\n  });\n\n  const cleanOptionProps = () => {\n    const {\n      ref: _ref1,\n      \"aria-describedby\": _ariaDescribedby,\n      ...rest\n    } = optionAria.optionProps as Record<string, unknown>;\n    if (!hasPrimitiveLabel() && rest[\"aria-label\"] == null) {\n      delete rest[\"aria-labelledby\"];\n    }\n    return rest;\n  };\n  const domProps = () => filterDOMProps(ariaProps as Record<string, unknown>, { global: true });\n\n  return (\n    <SelectionIndicatorContext.Provider value={selectionIndicatorContext()}>\n      <li\n        ref={(el) => {\n          setRef(el);\n          assignRef(local.ref, el);\n        }}\n        {...mergeProps(\n          domProps(),\n          cleanOptionProps(),\n          (draggableItem()?.dragProps as Record<string, unknown> | undefined) ?? {},\n          (droppableItem()?.dropProps as Record<string, unknown> | undefined) ?? {},\n        )}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-selected={optionAria.isSelected() || undefined}\n        data-focused={optionAria.isFocused() || undefined}\n        data-focus-visible={optionAria.isFocusVisible() || undefined}\n        data-pressed={optionAria.isPressed() || undefined}\n        data-hovered={optionAria.isHovered() || undefined}\n        data-disabled={optionAria.isDisabled() || undefined}\n        data-dragging={draggableItem()?.isDragging || undefined}\n        data-drop-target={droppableItem()?.isDropTarget || undefined}\n        slot={local.slot}\n      >\n        {hasPrimitiveLabel() ? (\n          <span {...optionAria.labelProps}>{renderProps.renderChildren()}</span>\n        ) : (\n          renderProps.renderChildren()\n        )}\n      </li>\n    </SelectionIndicatorContext.Provider>\n  );\n}\n\n/**\n * Load more sentinel item for listbox collections.\n */\nexport function ListBoxLoadMoreItem(props: ListBoxLoadMoreItemProps): JSX.Element {\n  let sentinelRef: HTMLDivElement | undefined;\n  const [isPending, setIsPending] = createSignal(false);\n\n  const isLoading = () => !!props.isLoading || isPending();\n\n  const triggerLoadMore = async () => {\n    if (isLoading()) return;\n    setIsPending(true);\n    try {\n      await props.onLoadMore();\n    } finally {\n      setIsPending(false);\n    }\n  };\n\n  createEffect(() => {\n    if (!sentinelRef || typeof IntersectionObserver !== \"function\") return;\n\n    const offset = props.scrollOffset ?? 1;\n    const margin = `0px 0px ${100 * offset}% 0px`;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries[0]?.isIntersecting) {\n          void triggerLoadMore();\n        }\n      },\n      { rootMargin: margin },\n    );\n\n    observer.observe(sentinelRef);\n    return () => observer.disconnect();\n  });\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children ?? (() => (isLoading() ? \"Loading more...\" : \"Load more\"));\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-ListBox-loadMore\",\n    },\n    () => ({ isLoading: isLoading() }),\n  );\n\n  return (\n    <>\n      <li style={{ position: \"relative\", width: 0, height: 0, overflow: \"hidden\" }} inert>\n        <div ref={sentinelRef} style={{ position: \"absolute\", height: \"1px\", width: \"1px\" }} />\n      </li>\n      <li\n        role=\"option\"\n        aria-disabled={true}\n        tabIndex={0}\n        onFocus={() => {\n          void triggerLoadMore();\n        }}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-loading={isLoading() || undefined}\n      >\n        {renderProps.renderChildren()}\n      </li>\n    </>\n  );\n}\n\n/**\n * Section primitive alias for ListBox composition parity.\n */\nexport function ListBoxSection(props: ListBoxSectionProps): JSX.Element {\n  return <Section {...props} />;\n}\n\nListBox.Option = ListBoxOption;\nListBox.LoadMoreItem = ListBoxLoadMoreItem;\n"],"mappings":"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"}

package/dist/ListBox.jsx

@@ -0,0 +1,508 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { SharedElementTransition } from "./SharedElementTransition.jsx";
+import { SelectionIndicatorContext } from "./SelectionIndicator.jsx";
+import { CollectionRendererContext, Group, Header, Section, flattenCollectionEntries, isCollectionSection, useCollectionRenderer } from "./Collection.jsx";
+import { r as useVirtualizerContext } from "./Virtualizer2.jsx";
+import { getNormalizedDropTargetKey, mergePersistedKeysIntoVirtualRange, useDndPersistedKeys, useRenderDropIndicator } from "./DragAndDrop.jsx";
+import { For, Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
+import { createFocusRing, createListBox, createOption, createScrollIntoViewOnFocus, mergeProps as mergeProps$1, useLocale } from "@proyecto-viviana/solidaria";
+import { createListState } from "@proyecto-viviana/solid-stately";
+//#region src/ListBox.tsx
+/**
+* ListBox component for solidaria-components
+*
+* A pre-wired headless listbox that combines state + aria hooks.
+* Port of react-aria-components/src/ListBox.tsx
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const ListBoxContext = createContext(null);
+const ListBoxStateContext = createContext(null);
+const ListStateContext = ListBoxStateContext;
+/**
+* A listbox displays a list of options and allows a user to select one or more of them.
+*/
+function ListBox(props) {
+	const contextSlotProps = useContext(ListBoxContext)?.slots?.[props.slot ?? "default"];
+	const [local, stateProps, ariaProps] = splitProps(contextSlotProps ? mergeProps$1(contextSlotProps, props) : props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"renderEmptyState",
+		"hasMore",
+		"isLoading",
+		"onLoadMore",
+		"dragAndDropHooks",
+		"slots",
+		"ref"
+	], [
+		"items",
+		"getKey",
+		"getTextValue",
+		"getDisabled",
+		"disabledKeys",
+		"disabledBehavior",
+		"selectionMode",
+		"selectionBehavior",
+		"selectedKeys",
+		"defaultSelectedKeys",
+		"onSelectionChange",
+		"layout",
+		"orientation"
+	]);
+	const flatItems = createMemo(() => {
+		return flattenCollectionEntries(stateProps.items);
+	});
+	const hasSections = createMemo(() => stateProps.items.some((item) => isCollectionSection(item)));
+	const state = createListState({
+		get items() {
+			return flatItems();
+		},
+		get getKey() {
+			return stateProps.getKey;
+		},
+		get getTextValue() {
+			return stateProps.getTextValue;
+		},
+		get getDisabled() {
+			return stateProps.getDisabled;
+		},
+		get disabledKeys() {
+			return stateProps.disabledKeys;
+		},
+		get selectionMode() {
+			return stateProps.selectionMode;
+		},
+		get selectionBehavior() {
+			return stateProps.selectionBehavior;
+		},
+		get disabledBehavior() {
+			return stateProps.disabledBehavior;
+		},
+		get selectedKeys() {
+			return stateProps.selectedKeys;
+		},
+		get defaultSelectedKeys() {
+			return stateProps.defaultSelectedKeys;
+		},
+		get onSelectionChange() {
+			return stateProps.onSelectionChange;
+		}
+	});
+	const resolveDisabled = () => {
+		const disabled = ariaProps.isDisabled;
+		if (typeof disabled === "function") return disabled();
+		return !!disabled;
+	};
+	const locale = useLocale();
+	const listBoxAria = createListBox({
+		...ariaProps,
+		get isDisabled() {
+			return resolveDisabled();
+		},
+		get orientation() {
+			return stateProps.orientation ?? "vertical";
+		},
+		get direction() {
+			return locale().direction;
+		}
+	}, state, () => listRef());
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const renderValues = createMemo(() => ({
+		isFocused: state.isFocused() || isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isDisabled: resolveDisabled(),
+		isEmpty: state.collection().size === 0
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ListBox"
+	}, renderValues);
+	const domProps = createMemo(() => {
+		return filterDOMProps(ariaProps, { global: true });
+	});
+	const cleanListBoxProps = () => {
+		const { ref: _ref1, ...rest } = listBoxAria.listBoxProps;
+		return rest;
+	};
+	const cleanFocusProps = () => {
+		const { ref: _ref2, ...rest } = focusProps;
+		return rest;
+	};
+	const cleanLabelProps = () => {
+		const { ref: _ref3, ...rest } = listBoxAria.labelProps;
+		return rest;
+	};
+	const [listRef, setListRef] = createSignal(null);
+	createScrollIntoViewOnFocus({
+		focusedKey: () => state.focusedKey(),
+		isActive: () => state.isFocused(),
+		ref: () => listRef()
+	});
+	const isEmpty = () => stateProps.items.length === 0;
+	const parentCollectionRenderer = useCollectionRenderer();
+	const getItemNodes = createMemo(() => Array.from(state.collection()).filter((node) => node.type === "item"));
+	const getDropTargetByIndex = (index, position) => {
+		const node = getItemNodes()[index];
+		if (!node) return null;
+		return {
+			type: "item",
+			key: node.key,
+			dropPosition: position
+		};
+	};
+	const hasDroppableDnd = createMemo(() => {
+		const hooks = local.dragAndDropHooks;
+		return Boolean(hooks?.useDroppableCollectionState && hooks.useDroppableCollection && (hooks.dropTargetDelegate || parentCollectionRenderer?.dropTargetDelegate || hooks.ListDropTargetDelegate));
+	});
+	const dropState = createMemo(() => {
+		if (!hasDroppableDnd()) return void 0;
+		return local.dragAndDropHooks?.useDroppableCollectionState?.({});
+	});
+	const hasDraggableDnd = createMemo(() => {
+		const hooks = local.dragAndDropHooks;
+		return Boolean(hooks?.useDraggableCollectionState && hooks.useDraggableCollection);
+	});
+	const dragState = createMemo(() => {
+		if (!hasDraggableDnd()) return void 0;
+		return local.dragAndDropHooks?.useDraggableCollectionState?.({ items: flatItems() });
+	});
+	createEffect(() => {
+		if (!hasDraggableDnd()) return;
+		const hooks = local.dragAndDropHooks;
+		const activeDragState = dragState();
+		if (!hooks?.useDraggableCollection || !activeDragState) return;
+		hooks.useDraggableCollection({}, activeDragState, () => listRef());
+	});
+	const droppableCollection = createMemo(() => {
+		if (!hasDroppableDnd()) return void 0;
+		const hooks = local.dragAndDropHooks;
+		const activeDropState = dropState();
+		if (!hooks?.useDroppableCollection || !activeDropState) return void 0;
+		const resolveDirection = () => {
+			const el = listRef();
+			if (el && typeof window !== "undefined" && typeof window.getComputedStyle === "function") {
+				if (window.getComputedStyle(el).direction === "rtl") return "rtl";
+			}
+			return typeof document !== "undefined" && document.dir === "rtl" ? "rtl" : "ltr";
+		};
+		const dropTargetDelegate = hooks.dropTargetDelegate ?? parentCollectionRenderer?.dropTargetDelegate ?? (hooks.ListDropTargetDelegate ? new hooks.ListDropTargetDelegate(() => state.collection(), () => listRef(), {
+			layout: "stack",
+			orientation: "vertical",
+			direction: resolveDirection()
+		}) : void 0);
+		if (!dropTargetDelegate) return void 0;
+		return hooks.useDroppableCollection({
+			dropTargetDelegate,
+			keyboardDelegate: {
+				getFirstKey: () => state.collection().getFirstKey(),
+				getLastKey: () => state.collection().getLastKey(),
+				getKeyBelow: (key) => state.collection().getKeyAfter(key),
+				getKeyAbove: (key) => state.collection().getKeyBefore(key),
+				getKeyPageBelow: (key) => state.collection().getKeyAfter(key),
+				getKeyPageAbove: (key) => state.collection().getKeyBefore(key)
+			}
+		}, activeDropState, () => listRef());
+	});
+	const isRootDropTarget = createMemo(() => {
+		return Boolean(dropState()?.target?.type === "root");
+	});
+	const dndRenderDropIndicator = createMemo(() => useRenderDropIndicator(local.dragAndDropHooks, dropState()));
+	const dndDropIndicator = (index, position) => {
+		const target = getDropTargetByIndex(index, position);
+		if (!target || target.type !== "item") return void 0;
+		return dndRenderDropIndicator()?.(target);
+	};
+	const virtualizer = useVirtualizerContext();
+	const persistedKeys = useDndPersistedKeys({ focusedKey: state.focusedKey }, local.dragAndDropHooks, dropState(), state.collection());
+	const virtualRange = createMemo(() => {
+		if (!virtualizer || !parentCollectionRenderer?.isVirtualized || hasSections()) return null;
+		const baseRange = virtualizer.getVisibleRange(stateProps.items.length);
+		const itemNodes = getItemNodes();
+		const persistedIndexes = Array.from(persistedKeys()).map((key) => itemNodes.findIndex((node) => node.key === key)).filter((index) => index >= 0);
+		const dropTarget = dropState()?.target;
+		const normalizedDropKey = getNormalizedDropTargetKey(dropTarget, state.collection());
+		const focusedKey = state.focusedKey();
+		const focusedIndex = focusedKey != null ? itemNodes.findIndex((node) => node.key === focusedKey) : -1;
+		const forceIncludeIndexes = [
+			dropTarget?.type === "item" ? itemNodes.findIndex((node) => node.key === dropTarget.key) : -1,
+			normalizedDropKey != null ? itemNodes.findIndex((node) => node.key === normalizedDropKey) : -1,
+			dropTarget?.type === "item" ? -1 : focusedIndex
+		].filter((index) => index >= 0);
+		return mergePersistedKeysIntoVirtualRange(baseRange, persistedIndexes, stateProps.items.length, virtualizer, 80, {
+			forceIncludeIndexes,
+			forceIncludeMaxSpan: 320
+		});
+	});
+	createEffect(() => {
+		if (!virtualizer || !parentCollectionRenderer?.isVirtualized) return;
+		const getItemNodes = () => Array.from(state.collection()).filter((node) => node.type === "item");
+		virtualizer.setDropTargetItemCountResolver(() => getItemNodes().length);
+		virtualizer.setDropTargetIndexResolver((key) => {
+			const index = getItemNodes().findIndex((node) => node.key === key);
+			return index >= 0 ? index : null;
+		});
+		virtualizer.setDropTargetResolver((target) => {
+			const node = getItemNodes()[target.index];
+			if (!node) return target;
+			return {
+				...target,
+				key: typeof node.key === "string" || typeof node.key === "number" ? node.key : void 0
+			};
+		});
+		onCleanup(() => {
+			virtualizer.setDropTargetIndexResolver(void 0);
+			virtualizer.setDropTargetItemCountResolver(void 0);
+			virtualizer.setDropTargetResolver(void 0);
+		});
+	});
+	const visibleItems = createMemo(() => {
+		const range = virtualRange();
+		if (!range) return stateProps.items;
+		return stateProps.items.slice(range.start, range.end);
+	});
+	const virtualSpacerStyle = (size) => virtualizer?.orientation === "horizontal" ? { width: `${size}px` } : { height: `${size}px` };
+	const sectionedRenderEntries = createMemo(() => {
+		let globalIndex = 0;
+		return stateProps.items.map((entry) => {
+			if (isCollectionSection(entry)) return {
+				type: "section",
+				section: entry,
+				items: entry.items.map((item) => ({
+					item,
+					index: globalIndex++
+				}))
+			};
+			return {
+				type: "item",
+				item: {
+					item: entry,
+					index: globalIndex++
+				}
+			};
+		});
+	});
+	const collectionRenderer = createMemo(() => ({
+		...parentCollectionRenderer,
+		renderItem: (item) => local.children(item),
+		renderDropIndicator: (index, position) => dndDropIndicator(index, position) ?? parentCollectionRenderer?.renderDropIndicator?.(index, position)
+	}));
+	return <ListBoxContext.Provider value={{
+		state,
+		isDisabled: resolveDisabled,
+		dragAndDropHooks: local.dragAndDropHooks,
+		dragState: dragState(),
+		dropState: dropState(),
+		slots: local.slots
+	}}>
+      <ListBoxStateContext.Provider value={state}>
+        <CollectionRendererContext.Provider value={collectionRenderer()}>
+          <>
+            <Show when={ariaProps.label}>
+              <span {...cleanLabelProps()}>{ariaProps.label}</span>
+            </Show>
+            <ul {...mergeProps$1(domProps(), cleanListBoxProps(), cleanFocusProps(), droppableCollection()?.collectionProps ?? {})} ref={(el) => {
+		setListRef(el);
+		assignRef(local.ref, el);
+	}} class={renderProps.class()} style={renderProps.style()} data-focused={state.isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-disabled={resolveDisabled() || void 0} data-empty={isEmpty() || void 0} data-layout={stateProps.layout} data-orientation={stateProps.orientation} data-drop-target={isRootDropTarget() || void 0} slot={local.slot}>
+              <SharedElementTransition>
+                {isEmpty() && local.renderEmptyState ? <li role="option" style={{ display: "contents" }} data-empty-state>
+                    {local.renderEmptyState()}
+                  </li> : hasSections() ? <For each={sectionedRenderEntries()}>
+                    {(entry) => entry.type === "section" ? <li role="presentation" data-section-wrapper>
+                          <Section class="solidaria-ListBox-section">
+                            {entry.section.title != null && <Header class="solidaria-ListBox-sectionHeader">
+                                {entry.section.title}
+                              </Header>}
+                            <Group class="solidaria-ListBox-sectionGroup">
+                              <ul role="group" aria-label={entry.section["aria-label"]}>
+                                <For each={entry.items}>
+                                  {(indexedItem) => <>
+                                      {collectionRenderer().renderDropIndicator?.(indexedItem.index, "before")}
+                                      {collectionRenderer().renderDropIndicator?.(indexedItem.index, "on")}
+                                      {local.children(indexedItem.item)}
+                                      {collectionRenderer().renderDropIndicator?.(indexedItem.index, "after")}
+                                    </>}
+                                </For>
+                              </ul>
+                            </Group>
+                          </Section>
+                        </li> : <>
+                          {collectionRenderer().renderDropIndicator?.(entry.item.index, "before")}
+                          {collectionRenderer().renderDropIndicator?.(entry.item.index, "on")}
+                          {local.children(entry.item.item)}
+                          {collectionRenderer().renderDropIndicator?.(entry.item.index, "after")}
+                        </>}
+                  </For> : <>
+                    {virtualRange()?.offsetTop ? <li role="presentation" aria-hidden="true" style={virtualSpacerStyle(virtualRange().offsetTop)} data-virtualizer-spacer="top" /> : null}
+                    <For each={visibleItems()}>
+                      {(item, index) => {
+		const itemIndex = () => (virtualRange()?.start ?? 0) + index();
+		const beforeIndicator = () => collectionRenderer().renderDropIndicator?.(itemIndex(), "before");
+		const onIndicator = () => collectionRenderer().renderDropIndicator?.(itemIndex(), "on");
+		const afterIndicator = () => collectionRenderer().renderDropIndicator?.(itemIndex(), "after");
+		return <>
+                            {beforeIndicator()}
+                            {onIndicator()}
+                            {local.children(item)}
+                            {afterIndicator()}
+                          </>;
+	}}
+                    </For>
+                    {virtualRange()?.offsetBottom ? <li role="presentation" aria-hidden="true" style={virtualSpacerStyle(virtualRange().offsetBottom)} data-virtualizer-spacer="bottom" /> : null}
+                  </>}
+              </SharedElementTransition>
+              {local.hasMore && local.onLoadMore && <ListBoxLoadMoreItem onLoadMore={local.onLoadMore} isLoading={local.isLoading} />}
+            </ul>
+          </>
+        </CollectionRendererContext.Provider>
+      </ListBoxStateContext.Provider>
+    </ListBoxContext.Provider>;
+}
+/**
+* An option in a listbox.
+*/
+function ListBoxOption(props) {
+	const [local, ariaProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"id",
+		"item",
+		"textValue",
+		"ref"
+	]);
+	const context = useContext(ListBoxStateContext);
+	if (!context) throw new Error("ListBoxOption must be used within a ListBox");
+	const state = context;
+	const listContext = useContext(ListBoxContext);
+	const [ref, setRef] = createSignal(null);
+	const optionAria = createOption({
+		key: local.id,
+		get isDisabled() {
+			return Boolean(ariaProps.isDisabled || listContext?.isDisabled());
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"] ?? local.textValue;
+		},
+		get shouldSelectOnPressUp() {
+			return ariaProps.shouldSelectOnPressUp;
+		},
+		get shouldFocusOnHover() {
+			return ariaProps.shouldFocusOnHover;
+		},
+		get onHoverStart() {
+			return ariaProps.onHoverStart;
+		},
+		get onHoverEnd() {
+			return ariaProps.onHoverEnd;
+		},
+		get onHoverChange() {
+			return ariaProps.onHoverChange;
+		}
+	}, state);
+	const renderValues = createMemo(() => ({
+		isSelected: optionAria.isSelected(),
+		isFocused: optionAria.isFocused(),
+		isFocusVisible: optionAria.isFocusVisible(),
+		isPressed: optionAria.isPressed(),
+		isHovered: optionAria.isHovered(),
+		isDisabled: optionAria.isDisabled()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ListBox-option"
+	}, renderValues);
+	const hasPrimitiveLabel = () => {
+		return typeof props.children === "string" || typeof props.children === "number";
+	};
+	const selectionIndicatorContext = createMemo(() => ({ isSelected: optionAria.isSelected }));
+	const draggableItem = createMemo(() => {
+		if (!listContext?.dragAndDropHooks?.useDraggableItem || !listContext.dragState) return void 0;
+		return listContext.dragAndDropHooks.useDraggableItem({ key: local.id }, listContext.dragState);
+	});
+	const droppableItem = createMemo(() => {
+		if (!listContext?.dragAndDropHooks?.useDroppableItem || !listContext.dropState) return void 0;
+		return listContext.dragAndDropHooks.useDroppableItem({ key: local.id }, listContext.dropState, () => ref());
+	});
+	const cleanOptionProps = () => {
+		const { ref: _ref1, "aria-describedby": _ariaDescribedby, ...rest } = optionAria.optionProps;
+		if (!hasPrimitiveLabel() && rest["aria-label"] == null) delete rest["aria-labelledby"];
+		return rest;
+	};
+	const domProps = () => filterDOMProps(ariaProps, { global: true });
+	return <SelectionIndicatorContext.Provider value={selectionIndicatorContext()}>
+      <li ref={(el) => {
+		setRef(el);
+		assignRef(local.ref, el);
+	}} {...mergeProps$1(domProps(), cleanOptionProps(), draggableItem()?.dragProps ?? {}, droppableItem()?.dropProps ?? {})} class={renderProps.class()} style={renderProps.style()} data-selected={optionAria.isSelected() || void 0} data-focused={optionAria.isFocused() || void 0} data-focus-visible={optionAria.isFocusVisible() || void 0} data-pressed={optionAria.isPressed() || void 0} data-hovered={optionAria.isHovered() || void 0} data-disabled={optionAria.isDisabled() || void 0} data-dragging={draggableItem()?.isDragging || void 0} data-drop-target={droppableItem()?.isDropTarget || void 0} slot={local.slot}>
+        {hasPrimitiveLabel() ? <span {...optionAria.labelProps}>{renderProps.renderChildren()}</span> : renderProps.renderChildren()}
+      </li>
+    </SelectionIndicatorContext.Provider>;
+}
+/**
+* Load more sentinel item for listbox collections.
+*/
+function ListBoxLoadMoreItem(props) {
+	let sentinelRef;
+	const [isPending, setIsPending] = createSignal(false);
+	const isLoading = () => !!props.isLoading || isPending();
+	const triggerLoadMore = async () => {
+		if (isLoading()) return;
+		setIsPending(true);
+		try {
+			await props.onLoadMore();
+		} finally {
+			setIsPending(false);
+		}
+	};
+	createEffect(() => {});
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children ?? (() => isLoading() ? "Loading more..." : "Load more");
+		},
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-ListBox-loadMore"
+	}, () => ({ isLoading: isLoading() }));
+	return <>
+      <li style={{
+		position: "relative",
+		width: 0,
+		height: 0,
+		overflow: "hidden"
+	}} inert>
+        <div ref={sentinelRef} style={{
+		position: "absolute",
+		height: "1px",
+		width: "1px"
+	}} />
+      </li>
+      <li role="option" aria-disabled={true} tabIndex={0} onFocus={() => {
+		triggerLoadMore();
+	}} class={renderProps.class()} style={renderProps.style()} data-loading={isLoading() || void 0}>
+        {renderProps.renderChildren()}
+      </li>
+    </>;
+}
+/**
+* Section primitive alias for ListBox composition parity.
+*/
+function ListBoxSection(props) {
+	return <Section {...props} />;
+}
+ListBox.Option = ListBoxOption;
+ListBox.LoadMoreItem = ListBoxLoadMoreItem;
+//#endregion
+export { ListBox, ListBoxContext, ListBoxLoadMoreItem, ListBoxOption, ListBoxSection, ListBoxStateContext, ListStateContext };
+
+//# sourceMappingURL=ListBox.jsx.map