@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/list-box.js

@@ -0,0 +1,547 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/ListBox.tsx.
+ * Modified for Solid Aria: adapted collection ownership, contexts, accessibility primitives, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { DEFAULT_SLOT, assignRef, createContextProps, createRenderProps, createSlot, dom } from "./utils.js";
+import { SelectableCollectionContext } from "./autocomplete.js";
+import { CollectionRendererContext, SectionContext } from "./collection.js";
+import { TextContext } from "./text.js";
+import { SelectionIndicatorContext } from "./selection-indicator.js";
+import { DragAndDropContext, DropIndicatorContext, createDndPersistedKeys, createRenderDropIndicator } from "./drag-and-drop.js";
+import { createCollectionDragAndDrop } from "./collection-dnd.js";
+import { HeaderContext } from "./header.js";
+import { applyRef, createComponent, dynamic, getNextElement, insert, memo, mergeProps, ref, scope, template } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createMemo, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { BaseCollection, ItemNode, LoaderNode, SectionNode } from "@solid2-aria/core/collections/base-collection";
+import { Collection, CollectionBuilder, createBranchComponent, createLeafComponent } from "@solid2-aria/core/collections/collection-builder";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { ListKeyboardDelegate } from "@solid2-aria/core/selection/list-keyboard-delegate";
+import { createCollator } from "@solid2-aria/core/i18n/create-collator";
+import { createFocus } from "@solid2-aria/core/interactions/create-focus";
+import { createKeyboard } from "@solid2-aria/core/interactions/create-keyboard";
+import { createListBox } from "@solid2-aria/core/listbox/create-list-box";
+import { createListBoxSection } from "@solid2-aria/core/listbox/create-list-box-section";
+import { createOption } from "@solid2-aria/core/listbox/create-option";
+import { createLoadMoreSentinel } from "@solid2-aria/core/utils/create-load-more-sentinel";
+import { createListState } from "@solid2-aria/stately/list/create-list-state";
+// src/list-box.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div role=option style=display:contents>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div inert style=height:0;position:relative;width:0><div data-testid=loadMoreSentinel style=height:1px;position:absolute;width:1px>`);
+const ListBoxContext = createContext(null);
+const ListStateContext = createContext(null);
+function ListBox(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), ListBoxContext);
+	const state = useContext(ListStateContext);
+	if (state) return createComponent(ListBoxInner, {
+		props,
+		state,
+		listRef: setRef
+	});
+	return createComponent(CollectionBuilder, {
+		createCollection: () => new BaseCollection(),
+		get content() {
+			return createComponent(Collection, props);
+		},
+		children: (collection) => createComponent(StandaloneListBox, {
+			props,
+			collection,
+			listRef: setRef
+		})
+	});
+}
+function StandaloneListBox(input) {
+	const state = createListState(mergeProps$1(merge(() => input.props ?? {}), {
+		children: null,
+		get collection() {
+			return input.collection;
+		},
+		items: void 0
+	}));
+	return createComponent(ListBoxInner, {
+		get props() {
+			return input.props;
+		},
+		state,
+		get listRef() {
+			return input.listRef;
+		}
+	});
+}
+function ListBoxInner(input) {
+	const [props, ref, setRef] = createContextProps(untrack(() => input.props), untrack(() => input.listRef), SelectableCollectionContext);
+	const renderer = useContext(CollectionRendererContext);
+	const filtered = createMemo(() => props.filter && input.state.collection.filter ? input.state.collection.filter(props.filter) : input.state.collection);
+	const state = {
+		get collection() {
+			return filtered();
+		},
+		get disabledKeys() {
+			return input.state.disabledKeys;
+		},
+		get selectionManager() {
+			return input.state.selectionManager.withCollection(filtered());
+		}
+	};
+	const locale = createLocale();
+	const collator = createCollator({
+		sensitivity: "base",
+		usage: "search"
+	});
+	const keyboardDelegate = createMemo(() => new ListKeyboardDelegate({
+		collator,
+		collection: state.collection,
+		direction: locale.direction,
+		disabledBehavior: state.selectionManager.disabledBehavior,
+		disabledKeys: state.disabledKeys,
+		layout: props.layout ?? "stack",
+		layoutDelegate: renderer.layoutDelegate,
+		orientation: props.orientation ?? "vertical",
+		ref
+	}));
+	const dnd = createCollectionDragAndDrop({
+		get collection() {
+			return state.collection;
+		},
+		get direction() {
+			return locale.direction;
+		},
+		get dropTargetDelegate() {
+			return renderer.dropTargetDelegate;
+		},
+		get hooks() {
+			return props.dragAndDropHooks;
+		},
+		get keyboardDelegate() {
+			return keyboardDelegate();
+		},
+		get layout() {
+			return props.layout;
+		},
+		get orientation() {
+			return props.orientation;
+		},
+		ref,
+		get selectionManager() {
+			return state.selectionManager;
+		}
+	});
+	const aria = createListBox(mergeProps$1(props, {
+		get isVirtualized() {
+			return renderer.isVirtualized;
+		},
+		get keyboardDelegate() {
+			return keyboardDelegate();
+		}
+	}), state, ref);
+	const focus = createFocusRing();
+	const values = {
+		get isDropTarget() {
+			return dnd.dropState?.isDropTarget({ type: "root" }) === true;
+		},
+		get isEmpty() {
+			return state.collection.size === 0;
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get layout() {
+			return props.layout ?? "stack";
+		},
+		get orientation() {
+			return props.orientation ?? "vertical";
+		},
+		state
+	};
+	const render = createRenderProps(mergeProps$1(props, {
+		children: void 0,
+		defaultClass: "solid2-aria-ListBox",
+		values
+	}));
+	const Root = renderer.CollectionRoot;
+	return createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.listBoxProps ?? {}), merge(() => dnd.collectionProps ?? {}), merge(() => focus.focusProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-drop-target"() {
+			return values.isDropTarget || void 0;
+		},
+		get "data-empty"() {
+			return values.isEmpty || void 0;
+		},
+		get "data-focused"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get "data-layout"() {
+			return values.layout;
+		},
+		get "data-orientation"() {
+			return values.orientation;
+		},
+		get children() {
+			return [
+				createComponent(ListBoxContext, {
+					value: props,
+					get children() {
+						return createComponent(ListStateContext, {
+							value: state,
+							get children() {
+								return createComponent(SectionContext, {
+									value: {
+										name: "ListBoxSection",
+										render: (sectionProps, sectionRef, sectionNode, defaultClass) => createComponent(ListBoxSectionContent, {
+											props: sectionProps,
+											sectionRef,
+											node: sectionNode,
+											defaultClass
+										})
+									},
+									get children() {
+										return createComponent(DragAndDropContext, {
+											value: dnd,
+											get children() {
+												return createComponent(DropIndicatorContext, {
+													value: { render: (indicatorProps, indicatorRef) => createComponent(ListBoxDropIndicator, mergeProps(indicatorProps, { ref(r$) {
+														var _ref$ = indicatorRef;
+														typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : indicatorRef = r$;
+													} })) },
+													get children() {
+														return createComponent(Root, {
+															get collection() {
+																return state.collection;
+															},
+															scrollRef: ref,
+															get persistedKeys() {
+																return createDndPersistedKeys(state.selectionManager, props.dragAndDropHooks, dnd.dropState);
+															},
+															get renderDropIndicator() {
+																return createRenderDropIndicator(props.dragAndDropHooks, dnd.dropState);
+															}
+														});
+													}
+												});
+											}
+										});
+									}
+								});
+							}
+						});
+					}
+				}),
+				memo(() => {
+					return dnd.preview;
+				}),
+				memo(() => {
+					return memo(() => {
+						return !!(values.isEmpty && props.renderEmptyState);
+					})() ? (() => {
+						var _el$ = getNextElement(_tmpl$);
+						insert(_el$, scope(() => {
+							return props.renderEmptyState(values);
+						}));
+						return _el$;
+					})() : null;
+				})
+			];
+		}
+	}));
+}
+function ListBoxSectionInner(props, ref, section, defaultClass = "solid2-aria-ListBoxSection") {
+	const state = useContext(ListStateContext);
+	if (!state) throw new Error("ListBoxSection must be rendered in a ListBox.");
+	const Branch = useContext(CollectionRendererContext).CollectionBranch;
+	const [registerHeading, heading] = createSlot();
+	const aria = createListBoxSection({
+		get "aria-label"() {
+			return props["aria-label"] ?? void 0;
+		},
+		get heading() {
+			return heading();
+		}
+	});
+	return createComponent(dom.section, mergeProps(() => {
+		return mergeProps$1(omit(filterDOMProps(props, { global: true }), "id"), merge(() => aria.groupProps ?? {}));
+	}, {
+		get "class"() {
+			return props.class ?? defaultClass;
+		},
+		get style() {
+			return props.style;
+		},
+		get render() {
+			return props.render;
+		},
+		ref(r$) {
+			var _ref$2 = ref;
+			typeof _ref$2 === "function" || Array.isArray(_ref$2) ? applyRef(_ref$2, r$) : ref = r$;
+		},
+		get children() {
+			return createComponent(HeaderContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.headingProps ?? {}), { registerSlot: registerHeading });
+				},
+				get children() {
+					return createComponent(Branch, {
+						get collection() {
+							return state.collection;
+						},
+						parent: section
+					});
+				}
+			});
+		}
+	}));
+}
+const ListBoxSectionCollection = createBranchComponent(SectionNode, ListBoxSectionInner);
+const ListBoxItemCollection = createLeafComponent(ItemNode, (props, forwardedRef, item) => {
+	const state = useContext(ListStateContext);
+	if (!state) throw new Error("ListBoxItem must be rendered in a ListBox.");
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const aria = createOption({
+		get "aria-label"() {
+			return props["aria-label"];
+		},
+		key: item.key
+	}, state, ref);
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return aria.isDisabled;
+	} }));
+	const dnd = useContext(DragAndDropContext);
+	const drag = dnd.dragState ? dnd.dragAndDropHooks?.createDraggableItem?.({
+		hasAction: aria.hasAction,
+		key: item.key
+	}, dnd.dragState) : void 0;
+	const drop = dnd.dropState ? dnd.dragAndDropHooks?.createDroppableItem?.({ target: {
+		dropPosition: "on",
+		key: item.key,
+		type: "item"
+	} }, dnd.dropState, ref) : void 0;
+	const keyboard = createKeyboard(props);
+	const focus = createFocus(props);
+	const values = {
+		get allowsDragging() {
+			return !!dnd.dragState;
+		},
+		get isDisabled() {
+			return aria.isDisabled;
+		},
+		get isDragging() {
+			return dnd.dragState?.isDragging(item.key) === true;
+		},
+		get isDropTarget() {
+			return drop?.isDropTarget === true;
+		},
+		get isFocusVisible() {
+			return aria.isFocusVisible;
+		},
+		get isFocused() {
+			return aria.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return aria.isPressed;
+		},
+		get isSelected() {
+			return aria.isSelected;
+		},
+		get selectionBehavior() {
+			return state.selectionManager.selectionBehavior;
+		},
+		get selectionMode() {
+			return state.selectionManager.selectionMode;
+		}
+	};
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-ListBoxItem",
+		values
+	}));
+	const Element = dynamic(() => isTruthy(props.href) ? dom.a : dom.div);
+	return createComponent(Element, mergeProps(() => {
+		return mergeProps$1(omit(filterDOMProps(props, { global: true }), "id", "onClick"), render, merge(() => aria.optionProps ?? {}), merge(() => hover.hoverProps ?? {}), merge(() => keyboard.keyboardProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => drag?.dragProps ?? {}), merge(() => drop?.dropProps ?? {}));
+	}, {
+		ref: [(element) => {
+			setRef(element);
+		}, (element) => {
+			assignRef(forwardedRef, element);
+		}],
+		get "data-allows-dragging"() {
+			return values.allowsDragging ?? void 0;
+		},
+		get "data-dragging"() {
+			return values.isDragging ?? void 0;
+		},
+		get "data-drop-target"() {
+			return values.isDropTarget ?? void 0;
+		},
+		get "data-selected"() {
+			return aria.isSelected || void 0;
+		},
+		get "data-disabled"() {
+			return aria.isDisabled || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-focused"() {
+			return aria.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return aria.isFocusVisible || void 0;
+		},
+		get "data-pressed"() {
+			return aria.isPressed || void 0;
+		},
+		get "data-selection-mode"() {
+			return memo(() => {
+				return state.selectionManager.selectionMode === "none";
+			})() ? void 0 : state.selectionManager.selectionMode;
+		},
+		get children() {
+			return createComponent(TextContext, {
+				value: { slots: {
+					get [DEFAULT_SLOT]() {
+						return aria.labelProps;
+					},
+					get description() {
+						return aria.descriptionProps;
+					},
+					get label() {
+						return aria.labelProps;
+					}
+				} },
+				get children() {
+					return createComponent(SelectionIndicatorContext, {
+						value: { get isSelected() {
+							return aria.isSelected;
+						} },
+						get children() {
+							return render.children;
+						}
+					});
+				}
+			});
+		}
+	}));
+});
+const ListBoxLoadMoreItemCollection = createLeafComponent(LoaderNode, (props, forwardedRef, _node) => {
+	const state = useContext(ListStateContext);
+	if (!state) throw new Error("ListBoxLoadMoreItem must be rendered in a ListBox.");
+	const [sentinel, setSentinel] = createSignal(null, { ownedWrite: true });
+	createLoadMoreSentinel(mergeProps$1(props, { get collection() {
+		return state.collection;
+	} }), sentinel);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-ListBoxLoadingIndicator",
+		values: void 0
+	}));
+	return [(() => {
+		var _el$2 = getNextElement(_tmpl$2);
+		var _el$3 = _el$2.firstChild;
+		ref(() => {
+			return (element) => {
+				setSentinel(element);
+			};
+		}, _el$3);
+		return _el$2;
+	})(), createComponent(Show, {
+		get when() {
+			return props.isLoading;
+		},
+		get children() {
+			return createComponent(dom.div, mergeProps(() => {
+				return filterDOMProps(props, { global: true });
+			}, render, {
+				role: "option",
+				tabindex: -1,
+				ref: (element) => {
+					assignRef(forwardedRef, element);
+				},
+				get children() {
+					return render.children;
+				}
+			}));
+		}
+	})];
+});
+function ListBoxSectionContent(input) {
+	return ListBoxSectionInner(input.props, input.sectionRef, input.node, input.defaultClass);
+}
+function ListBoxItem(props) {
+	return createComponent(ListBoxItemCollection, mergeProps(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+function ListBoxSection(props) {
+	return createComponent(ListBoxSectionCollection, mergeProps(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+function ListBoxLoadMoreItem(props) {
+	return createComponent(ListBoxLoadMoreItemCollection, mergeProps(props, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+function ListBoxDropIndicator(props) {
+	const context = useContext(DragAndDropContext);
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	if (!context.dragAndDropHooks?.createDropIndicator || !context.dropState) return null;
+	const aria = context.dragAndDropHooks.createDropIndicator(props, context.dropState, ref);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-DropIndicator",
+		values: { get isDropTarget() {
+			return aria.isDropTarget;
+		} }
+	}));
+	return createComponent(Show, {
+		get when() {
+			return !aria.isHidden;
+		},
+		get children() {
+			return createComponent(dom.div, mergeProps(() => {
+				return aria.dropIndicatorProps;
+			}, render, {
+				role: "option",
+				ref: [(element) => {
+					setRef(element);
+				}, (element) => {
+					assignRef(untrack(() => props.ref), element);
+				}],
+				get "data-drop-target"() {
+					return aria.isDropTarget || void 0;
+				}
+			}));
+		}
+	});
+}
+export { ListBox, ListBoxContext, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection, ListStateContext };
+
+//# sourceMappingURL=list-box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.js","names":["<ListBoxInner props={props} state={state} listRef={setRef} />","listRef={setRef}","<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>","createCollection={() => new BaseCollection<object>()}","<Collection {...props} />","<StandaloneListBox\n          props={props}\n          collection={collection}\n          listRef={setRef}\n        />","<ListBoxInner props={input.props} state={state} listRef={input.listRef} />","<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.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\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>","value={props}","<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>","value={state}","<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>","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            }}","<ListBoxSectionContent\n                  props={sectionProps}\n                  sectionRef={sectionRef}\n                  node={sectionNode}\n                  defaultClass={defaultClass}\n                />","props={sectionProps}","node={sectionNode}","<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>","value={dnd}","<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>","value={{\n                  render: (indicatorProps, indicatorRef) => (\n                    <ListBoxDropIndicator\n                      {...indicatorProps}\n                      ref={indicatorRef}\n                    />\n                  ),\n                }}","<ListBoxDropIndicator\n                      {...indicatorProps}\n                      ref={indicatorRef}\n                    />","ref={indicatorRef}","<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                />","scrollRef={ref}","dnd.preview","{values.isEmpty && props.renderEmptyState ? (\n        <div role=\"option\" style={{ display: \"contents\" }}>\n          {props.renderEmptyState(values)}\n        </div>\n      ) : null}","{props.renderEmptyState(values)}","<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>","dom.section","ref={ref}","<HeaderContext\n        value={mergeProps(\n          merge(() => aria.headingProps ?? {}),\n          { registerSlot: registerHeading }\n        )}\n      >\n        <Branch collection={state.collection} parent={section} />\n      </HeaderContext>","<Branch collection={state.collection} parent={section} />","parent={section}","<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>","ref={[\n          (element: HTMLDivElement) => {\n            setRef(element);\n          },\n          (element: HTMLDivElement) => {\n            assignRef(forwardedRef, element);\n          },\n        ]}","state.selectionManager.selectionMode === \"none\"\n            ? undefined\n            : state.selectionManager.selectionMode","<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>","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          }}","<SelectionIndicatorContext\n            value={{\n              get isSelected() {\n                return aria.isSelected;\n              },\n            }}\n          >\n            {render.children}\n          </SelectionIndicatorContext>","value={{\n              get isSelected() {\n                return aria.isSelected;\n              },\n            }}","ref={(element: HTMLDivElement) => {\n              setSentinel(element);\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>","<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>","role=\"option\"","tabindex={-1}","ref={(element: HTMLDivElement) => {\n              assignRef(forwardedRef, element);\n            }}","<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    />","<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>","<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      />","ref={[\n          (element: HTMLElement) => {\n            setRef(element);\n          },\n          (element: HTMLElement) => {\n            assignRef(\n              untrack(() => props.ref),\n              element\n            );\n          },\n        ]}","_$createComponent","mergeProps","_$mergeProps","_$applyRef","_$memo","_$getNextElement","_$scope"],"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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"}