@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/list-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.js","names":["<ListBoxDropIndicator\n                      {...indicatorProps}\n                      ref={indicatorRef}\n                    />","ref={indicatorRef}","props={sectionProps}","node={sectionNode}","{dnd.preview}","{values.isEmpty && props.renderEmptyState ? (\n        <div role=\"option\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState(values)}\n        </div>\n      ) : null}","{props.renderEmptyState(values)}","props.renderEmptyState(values)","<div role=\"option\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState(values)}\n        </div>","style={{ display: \"contents\" }}","state.selectionManager.selectionMode === \"none\"\n            ? undefined\n            : state.selectionManager.selectionMode","dom.div","<dom.div\n            {...filterDOMProps(props, { global: true })}\n            {...render}\n            role=\"option\"\n            tabindex={-1}\n            ref={(element: HTMLDivElement) => {\n              assignRef(forwardedRef, element);\n            }}\n          >\n            {render.children}\n          </dom.div>","<dom.div\n        {...aria.dropIndicatorProps}\n        {...render}\n        role=\"option\"\n        ref={[\n          (element: HTMLElement) => {\n            setRef(element);\n          },\n          (element: HTMLElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-drop-target={aria.isDropTarget || undefined}\n      />","listRef={setRef}","<dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.listBoxProps ?? {}),\n        merge(() => dnd.collectionProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-drop-target={values.isDropTarget || undefined}\n      data-empty={values.isEmpty || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-layout={values.layout}\n      data-orientation={values.orientation}\n    >\n      <ListBoxContext value={props}>\n        <ListStateContext value={state}>\n          <SectionContext\n            value={{\n              name: \"ListBoxSection\",\n              render: (sectionProps, sectionRef, sectionNode, defaultClass) => (\n                <ListBoxSectionContent\n                  props={sectionProps}\n                  sectionRef={sectionRef}\n                  node={sectionNode}\n                  defaultClass={defaultClass}\n                />\n              ),\n            }}\n          >\n            <DragAndDropContext value={dnd}>\n              <DropIndicatorContext\n                value={{\n                  render: (indicatorProps, indicatorRef) => (\n                    <ListBoxDropIndicator\n                      {...indicatorProps}\n                      ref={indicatorRef}\n                    />\n                  ),\n                }}\n              >\n                <Root\n                  collection={state.collection}\n                  scrollRef={ref}\n                  persistedKeys={createDndPersistedKeys(\n                    state.selectionManager,\n                    props.dragAndDropHooks,\n                    dnd.dropState\n                  )}\n                  renderDropIndicator={createRenderDropIndicator(\n                    props.dragAndDropHooks,\n                    dnd.dropState\n                  )}\n                />\n              </DropIndicatorContext>\n            </DragAndDropContext>\n          </SectionContext>\n        </ListStateContext>\n      </ListBoxContext>\n      {dnd.preview}\n      {values.isEmpty && props.renderEmptyState ? (\n        <div role=\"option\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState(values)}\n        </div>\n      ) : null}\n    </dom.div>","dom.section","<dom.section\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => aria.groupProps ?? {})\n      )}\n      class={props.class ?? defaultClass}\n      style={props.style}\n      render={props.render}\n      ref={ref}\n    >\n      <HeaderContext\n        value={mergeProps(\n          merge(() => aria.headingProps ?? {}),\n          { registerSlot: registerHeading }\n        )}\n      >\n        <Branch collection={state.collection} parent={section} />\n      </HeaderContext>\n    </dom.section>","ref={ref}","<Element\n        {...mergeProps(\n          omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n          render,\n          merge(() => aria.optionProps ?? {}),\n          merge(() => hover.hoverProps ?? {}),\n          merge(() => keyboard.keyboardProps ?? {}),\n          merge(() => focus.focusProps ?? {}),\n          merge(() => drag?.dragProps ?? {}),\n          merge(() => drop?.dropProps ?? {})\n        )}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(forwardedRef, element);\n          },\n        ]}\n        data-allows-dragging={values.allowsDragging ?? undefined}\n        data-dragging={values.isDragging ?? undefined}\n        data-drop-target={values.isDropTarget ?? undefined}\n        data-selected={aria.isSelected || undefined}\n        data-disabled={aria.isDisabled || undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-focused={aria.isFocused || undefined}\n        data-focus-visible={aria.isFocusVisible || undefined}\n        data-pressed={aria.isPressed || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === \"none\"\n            ? undefined\n            : state.selectionManager.selectionMode\n        }\n      >\n        <TextContext\n          value={{\n            slots: {\n              get [DEFAULT_SLOT]() {\n                return aria.labelProps;\n              },\n              get description() {\n                return aria.descriptionProps;\n              },\n              get label() {\n                return aria.labelProps;\n              },\n            },\n          }}\n        >\n          <SelectionIndicatorContext\n            value={{\n              get isSelected() {\n                return aria.isSelected;\n              },\n            }}\n          >\n            {render.children}\n          </SelectionIndicatorContext>\n        </TextContext>\n      </Element>","<div style={{ height: 0, position: \"relative\", width: 0 }} inert>\n          <div\n            data-testid=\"loadMoreSentinel\"\n            ref={(element: HTMLDivElement) => {\n              setSentinel(element);\n            }}\n            style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}\n          />\n        </div>","style={{ height: 0, position: \"relative\", width: 0 }}","style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}","<ListBoxItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","<ListBoxSectionCollection\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","<ListBoxLoadMoreItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","_$mergeProps","_$applyRef","_$memo","_$ssrHydrationKey","_$scope","_$escape","_$ssr","_$ssrStyleProperty","_$ssrStyleProperties"],"sources":["../../src/list-box.tsx"],"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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/ListBox.tsx.\n * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport {\n  ItemNode,\n  SectionNode,\n  LoaderNode,\n  BaseCollection,\n} from \"@solid2-aria/core/collections/base-collection\";\nimport {\n  Collection,\n  CollectionBuilder,\n  createLeafComponent,\n  createBranchComponent,\n} from \"@solid2-aria/core/collections/collection-builder\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createCollator } from \"@solid2-aria/core/i18n/create-collator\";\nimport { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { createFocus } from \"@solid2-aria/core/interactions/create-focus\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createKeyboard } from \"@solid2-aria/core/interactions/create-keyboard\";\nimport { createListBox } from \"@solid2-aria/core/listbox/create-list-box\";\nimport type { AriaListBoxProps } from \"@solid2-aria/core/listbox/create-list-box\";\nimport { createListBoxSection } from \"@solid2-aria/core/listbox/create-list-box-section\";\nimport { createOption } from \"@solid2-aria/core/listbox/create-option\";\nimport { ListKeyboardDelegate } from \"@solid2-aria/core/selection/list-keyboard-delegate\";\nimport { createLoadMoreSentinel } from \"@solid2-aria/core/utils/create-load-more-sentinel\";\nimport type { LoadMoreSentinelProps } from \"@solid2-aria/core/utils/create-load-more-sentinel\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport { createListState } from \"@solid2-aria/stately/list/create-list-state\";\nimport type { ListState } from \"@solid2-aria/stately/list/create-list-state\";\nimport type {\n  Collection as SharedCollection,\n  FocusEvents,\n  HoverEvents,\n  Key,\n  KeyboardEvents,\n  LinkDOMProps,\n  PressEvents,\n  Orientation,\n  SelectionBehavior,\n  Node,\n} from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  createMemo,\n  useContext,\n  omit,\n  Show,\n} from \"solid-js\";\n\nimport { SelectableCollectionContext } from \"./autocomplete\";\nimport type { SelectableCollectionContextValue } from \"./autocomplete\";\nimport { CollectionRendererContext, SectionContext } from \"./collection\";\nimport type {\n  CollectionProps,\n  ItemRenderProps,\n  SectionProps,\n} from \"./collection\";\nimport { createCollectionDragAndDrop } from \"./collection-dnd\";\nimport type { DragAndDropHooks } from \"./create-drag-and-drop\";\nimport {\n  DragAndDropContext,\n  DropIndicatorContext,\n  createRenderDropIndicator,\n  createDndPersistedKeys,\n} from \"./drag-and-drop\";\nimport type { DropIndicatorProps } from \"./drag-and-drop\";\nimport { HeaderContext } from \"./header\";\nimport { SelectionIndicatorContext } from \"./selection-indicator\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  DEFAULT_SLOT,\n  assignRef,\n} from \"./utils\";\nimport type {\n  Ref,\n  ClassOrFunction,\n  DOMRenderProps,\n  PossibleLinkDOMRenderProps,\n  RenderProps,\n  SlotProps,\n  StyleProps,\n  StyleRenderProps,\n  ContextValue,\n} from \"./utils\";\n\nexport const ListBoxContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  createContext<ContextValue<ListBoxProps<any>, HTMLDivElement>>(null);\n\nexport const ListStateContext = createContext<ListState<unknown> | null>(null);\n\nexport interface ListBoxRenderProps {\n  /**\n   * Whether the listbox has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the listbox is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the listbox is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the listbox is currently the active drop target.\n   *\n   * @selector [data-drop-target]\n   */\n  isDropTarget: boolean;\n  /**\n   * Whether the items are arranged in a stack or grid.\n   *\n   * @selector [data-layout=\"stack | grid\"]\n   */\n  layout: \"stack\" | \"grid\";\n  /**\n   * The primary orientation of the items.\n   *\n   * @selector [data-orientation=\"vertical | horizontal\"]\n   */\n  orientation: Orientation;\n  /**\n   * State of the listbox.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface ListBoxProps<T>\n  extends\n    Omit<AriaListBoxProps<T>, \"children\" | \"label\">,\n    CollectionProps<T>,\n    StyleRenderProps<ListBoxRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ListBox'\n   */\n  class?: ClassOrFunction<ListBoxRenderProps>;\n  /**\n   * How multiple selection should behave in the collection.\n   *\n   * @default 'toggle'\n   */\n  selectionBehavior?: SelectionBehavior;\n  /**\n   * The drag and drop hooks returned by `createDragAndDrop` used to enable drag and drop behavior for\n   * the ListBox.\n   */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;\n  /** Provides content to display when there are no items in the list. */\n  renderEmptyState?: (props: ListBoxRenderProps) => JSX.Element;\n  /**\n   * Whether the items are arranged in a stack or grid.\n   *\n   * @default 'stack'\n   */\n  layout?: \"stack\" | \"grid\";\n  /**\n   * The primary orientation of the items. Usually this is the\n   * direction that the collection scrolls.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n}\n\nexport interface ListBoxSectionProps<T>\n  extends SectionProps<T>, DOMRenderProps<\"section\", undefined> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element.\n   *\n   * @default 'react-aria-ListBoxSection'\n   */\n  class?: JSX.ClassValue;\n}\n\nexport type ListBoxItemRenderProps = ItemRenderProps;\n\nexport interface ListBoxItemProps<T = object>\n  extends\n    Omit<RenderProps<ListBoxItemRenderProps>, \"render\">,\n    PossibleLinkDOMRenderProps<\"div\", ListBoxItemRenderProps>,\n    LinkDOMProps,\n    HoverEvents,\n    PressEvents,\n    KeyboardEvents,\n    FocusEvents<HTMLDivElement>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, \"onClick\"> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ListBoxItem'\n   */\n  class?: ClassOrFunction<ListBoxItemRenderProps>;\n  /** The unique id of the item. */\n  id?: Key;\n  /**\n   * The object value that this item represents. When using dynamic collections, this is set\n   * automatically.\n   */\n  value?: T;\n  /** A string representation of the item's contents, used for features like typeahead. */\n  textValue?: string;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Whether the item is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\nexport interface ListBoxLoadMoreItemProps\n  extends\n    Omit<LoadMoreSentinelProps, \"collection\" | \"direction\">,\n    StyleProps,\n    DOMRenderProps<\"div\", undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the\n   * element.\n   *\n   * @default 'react-aria-ListBoxLoadingIndicator'\n   */\n  class?: JSX.ClassValue;\n  /**\n   * The load more spinner to render when loading additional items.\n   */\n  children?: JSX.Element;\n  /**\n   * Whether or not the loading spinner should be rendered or not.\n   */\n  isLoading?: boolean;\n}\n\nexport function ListBox<T extends object>(\n  input: ListBoxProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    ListBoxContext\n  );\n\n  const state = useContext(ListStateContext);\n\n  if (state) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return <ListBoxInner props={props} state={state} listRef={setRef} />;\n  }\n\n  return (\n    <CollectionBuilder\n      createCollection={() => new BaseCollection<object>()}\n      content={<Collection {...props} />}\n    >\n      {(collection) => (\n        <StandaloneListBox\n          props={props}\n          collection={collection}\n          listRef={setRef}\n        />\n      )}\n    </CollectionBuilder>\n  );\n}\n\nfunction StandaloneListBox<T extends object>(input: {\n  props: ListBoxProps<T>;\n  collection: BaseCollection<object>;\n  listRef: (element: HTMLDivElement) => void;\n}): JSX.Element {\n  const state = createListState(\n    mergeProps(\n      merge(() => input.props ?? {}),\n      {\n        children: null,\n        get collection() {\n          return input.collection;\n        },\n        items: undefined,\n      }\n    )\n  );\n\n  return (\n    <ListBoxInner props={input.props} state={state} listRef={input.listRef} />\n  );\n}\n\nfunction ListBoxInner<T>(input: {\n  props: ListBoxProps<T> & SelectableCollectionContextValue<unknown>;\n  state: ListState<unknown>;\n  listRef: (element: HTMLDivElement) => void;\n}): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    untrack(() => input.props),\n    untrack(() => input.listRef),\n    SelectableCollectionContext\n  );\n\n  const renderer = useContext(CollectionRendererContext);\n\n  const filtered = createMemo(() =>\n    props.filter && input.state.collection.filter\n      ? input.state.collection.filter(props.filter)\n      : input.state.collection\n  );\n\n  const state: ListState<unknown> = {\n    get collection() {\n      return filtered();\n    },\n    get disabledKeys() {\n      return input.state.disabledKeys;\n    },\n    get selectionManager() {\n      return input.state.selectionManager.withCollection(filtered());\n    },\n  };\n\n  const locale = createLocale();\n  const collator = createCollator({ sensitivity: \"base\", usage: \"search\" });\n\n  const keyboardDelegate = createMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collator,\n        collection: state.collection,\n        direction: locale.direction,\n        disabledBehavior: state.selectionManager.disabledBehavior,\n        disabledKeys: state.disabledKeys,\n        layout: props.layout ?? \"stack\",\n        layoutDelegate: renderer.layoutDelegate,\n        orientation: props.orientation ?? \"vertical\",\n        ref,\n      })\n  );\n\n  const dnd = createCollectionDragAndDrop<T>({\n    get collection() {\n      // SAFETY: This state was constructed from the same ListBox<T> collection passed to the drag adapter.\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- The shared selection context erases T between the owner and its descendants.\n      return state.collection as SharedCollection<Node<T>>;\n    },\n    get direction() {\n      return locale.direction;\n    },\n    get dropTargetDelegate() {\n      return renderer.dropTargetDelegate;\n    },\n    get hooks() {\n      return props.dragAndDropHooks;\n    },\n    get keyboardDelegate() {\n      return keyboardDelegate();\n    },\n    get layout() {\n      return props.layout;\n    },\n    get orientation() {\n      return props.orientation;\n    },\n    ref,\n    get selectionManager() {\n      return state.selectionManager;\n    },\n  });\n\n  const aria = createListBox(\n    mergeProps(props, {\n      get isVirtualized() {\n        return renderer.isVirtualized;\n      },\n      get keyboardDelegate() {\n        return keyboardDelegate();\n      },\n    }),\n    state,\n    ref\n  );\n\n  const focus = createFocusRing();\n\n  const values: ListBoxRenderProps = {\n    get isDropTarget() {\n      return dnd.dropState?.isDropTarget({ type: \"root\" }) === true;\n    },\n    get isEmpty() {\n      return state.collection.size === 0;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get layout() {\n      return props.layout ?? \"stack\";\n    },\n    get orientation() {\n      return props.orientation ?? \"vertical\";\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      children: undefined,\n      defaultClass: \"solid2-aria-ListBox\",\n      values,\n    })\n  );\n\n  const Root = renderer.CollectionRoot;\n\n  return (\n    <dom.div\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.listBoxProps ?? {}),\n        merge(() => dnd.collectionProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-drop-target={values.isDropTarget || undefined}\n      data-empty={values.isEmpty || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-layout={values.layout}\n      data-orientation={values.orientation}\n    >\n      <ListBoxContext value={props}>\n        <ListStateContext value={state}>\n          <SectionContext\n            value={{\n              name: \"ListBoxSection\",\n              render: (sectionProps, sectionRef, sectionNode, defaultClass) => (\n                <ListBoxSectionContent\n                  props={sectionProps}\n                  sectionRef={sectionRef}\n                  node={sectionNode}\n                  defaultClass={defaultClass}\n                />\n              ),\n            }}\n          >\n            <DragAndDropContext value={dnd}>\n              <DropIndicatorContext\n                value={{\n                  render: (indicatorProps, indicatorRef) => (\n                    <ListBoxDropIndicator\n                      {...indicatorProps}\n                      ref={indicatorRef}\n                    />\n                  ),\n                }}\n              >\n                <Root\n                  collection={state.collection}\n                  scrollRef={ref}\n                  persistedKeys={createDndPersistedKeys(\n                    state.selectionManager,\n                    props.dragAndDropHooks,\n                    dnd.dropState\n                  )}\n                  renderDropIndicator={createRenderDropIndicator(\n                    props.dragAndDropHooks,\n                    dnd.dropState\n                  )}\n                />\n              </DropIndicatorContext>\n            </DragAndDropContext>\n          </SectionContext>\n        </ListStateContext>\n      </ListBoxContext>\n      {dnd.preview}\n      {values.isEmpty && props.renderEmptyState ? (\n        <div role=\"option\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState(values)}\n        </div>\n      ) : null}\n    </dom.div>\n  );\n}\n\nfunction ListBoxSectionInner(\n  // oxlint-disable-next-line typescript/no-explicit-any -- Collection contexts erase item types; each typed factory restores its owner's item contract.\n  props: ListBoxSectionProps<any>,\n  ref: Ref<HTMLElement>,\n  section: Node<unknown>,\n  defaultClass = \"solid2-aria-ListBoxSection\"\n): JSX.Element {\n  const state = useContext(ListStateContext);\n\n  if (!state) {\n    throw new Error(\"ListBoxSection must be rendered in a ListBox.\");\n  }\n\n  const renderer = useContext(CollectionRendererContext);\n  const Branch = renderer.CollectionBranch;\n  const [registerHeading, heading] = createSlot();\n\n  const aria = createListBoxSection({\n    get \"aria-label\"() {\n      return props[\"aria-label\"] ?? undefined;\n    },\n    get heading() {\n      return heading();\n    },\n  });\n\n  return (\n    <dom.section\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => aria.groupProps ?? {})\n      )}\n      class={props.class ?? defaultClass}\n      style={props.style}\n      render={props.render}\n      ref={ref}\n    >\n      <HeaderContext\n        value={mergeProps(\n          merge(() => aria.headingProps ?? {}),\n          { registerSlot: registerHeading }\n        )}\n      >\n        <Branch collection={state.collection} parent={section} />\n      </HeaderContext>\n    </dom.section>\n  );\n}\n\nconst ListBoxSectionCollection = createBranchComponent(\n  SectionNode,\n  ListBoxSectionInner\n);\n\nconst ListBoxItemCollection = createLeafComponent(\n  ItemNode,\n  <T,>(\n    props: ListBoxItemProps<T>,\n    forwardedRef: Ref<HTMLDivElement>,\n    item: Node<T>\n  ): JSX.Element => {\n    const state = useContext(ListStateContext);\n\n    if (!state) {\n      throw new Error(\"ListBoxItem must be rendered in a ListBox.\");\n    }\n\n    const [ref, setRef] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    const aria = createOption(\n      {\n        get \"aria-label\"() {\n          return props[\"aria-label\"];\n        },\n        key: item.key,\n      },\n      state,\n      ref\n    );\n\n    const hover = createHover(\n      mergeProps(props, {\n        get isDisabled() {\n          return aria.isDisabled;\n        },\n      })\n    );\n\n    const dnd = useContext(DragAndDropContext);\n\n    const drag = dnd.dragState\n      ? dnd.dragAndDropHooks?.createDraggableItem?.(\n          { hasAction: aria.hasAction, key: item.key },\n          dnd.dragState\n        )\n      : undefined;\n\n    const drop = dnd.dropState\n      ? dnd.dragAndDropHooks?.createDroppableItem?.(\n          { target: { dropPosition: \"on\", key: item.key, type: \"item\" } },\n          dnd.dropState,\n          ref\n        )\n      : undefined;\n\n    const keyboard = createKeyboard(props);\n    const focus = createFocus(props);\n\n    const values: ListBoxItemRenderProps = {\n      get allowsDragging() {\n        return !!dnd.dragState;\n      },\n      get isDisabled() {\n        return aria.isDisabled;\n      },\n      get isDragging() {\n        return dnd.dragState?.isDragging(item.key) === true;\n      },\n      get isDropTarget() {\n        return drop?.isDropTarget === true;\n      },\n      get isFocusVisible() {\n        return aria.isFocusVisible;\n      },\n      get isFocused() {\n        return aria.isFocused;\n      },\n      get isHovered() {\n        return hover.isHovered;\n      },\n      get isPressed() {\n        return aria.isPressed;\n      },\n      get isSelected() {\n        return aria.isSelected;\n      },\n      get selectionBehavior() {\n        return state.selectionManager.selectionBehavior;\n      },\n      get selectionMode() {\n        return state.selectionManager.selectionMode;\n      },\n    };\n\n    const render = createRenderProps(\n      mergeProps(props, { defaultClass: \"solid2-aria-ListBoxItem\", values })\n    );\n\n    const Element = dynamic(() => (isTruthy(props.href) ? dom.a : dom.div));\n\n    return (\n      <Element\n        {...mergeProps(\n          omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n          render,\n          merge(() => aria.optionProps ?? {}),\n          merge(() => hover.hoverProps ?? {}),\n          merge(() => keyboard.keyboardProps ?? {}),\n          merge(() => focus.focusProps ?? {}),\n          merge(() => drag?.dragProps ?? {}),\n          merge(() => drop?.dropProps ?? {})\n        )}\n        ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(forwardedRef, element);\n          },\n        ]}\n        data-allows-dragging={values.allowsDragging ?? undefined}\n        data-dragging={values.isDragging ?? undefined}\n        data-drop-target={values.isDropTarget ?? undefined}\n        data-selected={aria.isSelected || undefined}\n        data-disabled={aria.isDisabled || undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-focused={aria.isFocused || undefined}\n        data-focus-visible={aria.isFocusVisible || undefined}\n        data-pressed={aria.isPressed || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === \"none\"\n            ? undefined\n            : state.selectionManager.selectionMode\n        }\n      >\n        <TextContext\n          value={{\n            slots: {\n              get [DEFAULT_SLOT]() {\n                return aria.labelProps;\n              },\n              get description() {\n                return aria.descriptionProps;\n              },\n              get label() {\n                return aria.labelProps;\n              },\n            },\n          }}\n        >\n          <SelectionIndicatorContext\n            value={{\n              get isSelected() {\n                return aria.isSelected;\n              },\n            }}\n          >\n            {render.children}\n          </SelectionIndicatorContext>\n        </TextContext>\n      </Element>\n    );\n  }\n);\n\nconst ListBoxLoadMoreItemCollection = createLeafComponent(\n  LoaderNode,\n  (\n    props: ListBoxLoadMoreItemProps,\n    forwardedRef: Ref<HTMLDivElement>,\n    _node: Node<unknown>\n  ): JSX.Element => {\n    const state = useContext(ListStateContext);\n\n    if (!state) {\n      throw new Error(\"ListBoxLoadMoreItem must be rendered in a ListBox.\");\n    }\n\n    const [sentinel, setSentinel] = createSignal<HTMLDivElement | null>(null, {\n      ownedWrite: true,\n    });\n\n    createLoadMoreSentinel(\n      mergeProps(props, {\n        get collection() {\n          return state.collection;\n        },\n      }),\n      sentinel\n    );\n\n    const render = createRenderProps(\n      mergeProps(props, {\n        defaultClass: \"solid2-aria-ListBoxLoadingIndicator\",\n        values: undefined,\n      })\n    );\n\n    return (\n      <>\n        <div style={{ height: 0, position: \"relative\", width: 0 }} inert>\n          <div\n            data-testid=\"loadMoreSentinel\"\n            ref={(element: HTMLDivElement) => {\n              setSentinel(element);\n            }}\n            style={{ height: \"1px\", position: \"absolute\", width: \"1px\" }}\n          />\n        </div>\n        <Show when={props.isLoading}>\n          <dom.div\n            {...filterDOMProps(props, { global: true })}\n            {...render}\n            role=\"option\"\n            tabindex={-1}\n            ref={(element: HTMLDivElement) => {\n              assignRef(forwardedRef, element);\n            }}\n          >\n            {render.children}\n          </dom.div>\n        </Show>\n      </>\n    );\n  }\n);\n\nfunction ListBoxSectionContent(input: {\n  props: SectionProps<unknown>;\n  sectionRef: Ref<HTMLElement>;\n  node: Node<unknown>;\n  defaultClass?: string;\n}): JSX.Element {\n  return ListBoxSectionInner(\n    input.props,\n    input.sectionRef,\n    input.node,\n    input.defaultClass\n  );\n}\n\nexport function ListBoxItem<T>(\n  props: ListBoxItemProps<T> & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  return (\n    <ListBoxItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function ListBoxSection<T>(\n  props: ListBoxSectionProps<T> & { ref?: Ref<HTMLElement> }\n): JSX.Element {\n  return (\n    <ListBoxSectionCollection\n      {...props}\n      ref={(element: HTMLElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nexport function ListBoxLoadMoreItem(\n  props: ListBoxLoadMoreItemProps & { ref?: Ref<HTMLDivElement> }\n): JSX.Element {\n  return (\n    <ListBoxLoadMoreItemCollection\n      {...props}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n\nfunction ListBoxDropIndicator(props: DropIndicatorProps): JSX.Element {\n  const context = useContext(DragAndDropContext);\n\n  const [ref, setRef] = createSignal<HTMLElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  if (!context.dragAndDropHooks?.createDropIndicator || !context.dropState) {\n    // oxlint-disable-next-line solid/components-return-once -- Static collection traversal and context registration are fixed when the owner is created.\n    return null;\n  }\n\n  const aria = context.dragAndDropHooks.createDropIndicator(\n    props,\n    context.dropState,\n    ref\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-DropIndicator\",\n      values: {\n        get isDropTarget() {\n          return aria.isDropTarget;\n        },\n      },\n    })\n  );\n\n  return (\n    <Show when={!aria.isHidden}>\n      <dom.div\n        {...aria.dropIndicatorProps}\n        {...render}\n        role=\"option\"\n        ref={[\n          (element: HTMLElement) => {\n            setRef(element);\n          },\n          (element: HTMLElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}\n        data-drop-target={aria.isDropTarget || undefined}\n      />\n    </Show>\n  );\n}\n"],"mappings":"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"}