@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["<Element\n      {...filterDOMProps(props, {\n        global: true,\n        labelable: true,\n        propNames: new Set([\"for\"]),\n      })}\n      {...render}\n      class={render.class}\n      ref={(el: HTMLElement) => {\n        if (el === null || el instanceof HTMLLabelElement) {\n          setRef(el);\n        }\n      }}\n      slot={props.slot ?? undefined}\n    />","ref={(el: HTMLElement) => {\n        if (el === null || el instanceof HTMLLabelElement) {\n          setRef(el);\n        }\n      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/label.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/Label.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, 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 { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport { domElement, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface LabelProps\n  extends\n    SlotProps,\n    Omit<\n      JSX.HTMLAttributes<HTMLLabelElement>,\n      \"ref\" | \"class\" | \"style\" | \"children\" | \"slot\"\n    >,\n    RenderProps<object> {\n  for?: string | false;\n  elementType?: keyof JSX.IntrinsicElements;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport const LabelContext =\n  createContext<ContextValue<LabelProps, HTMLLabelElement>>(null);\n\nexport function Label(input: LabelProps): JSX.Element {\n  if (createIsHidden()) {\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 [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    LabelContext\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Label\", values: {} })\n  );\n\n  const Element = dynamic(() => domElement(props.elementType ?? \"label\"));\n\n  return (\n    <Element\n      {...filterDOMProps(props, {\n        global: true,\n        labelable: true,\n        propNames: new Set([\"for\"]),\n      })}\n      {...render}\n      class={render.class}\n      ref={(el: HTMLElement) => {\n        if (el === null || el instanceof HTMLLabelElement) {\n          setRef(el);\n        }\n      }}\n      slot={props.slot ?? undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAa,eACX,cAA0D,IAAI;AAEhE,SAAgB,MAAM,OAAgC;CACpD,IAAI,eAAe,GAEjB,OAAO;CAGT,MAAM,CAAC,SAAS,UAAU,mBACxB,OACA,cAAc,MAAM,GAAG,GACvB,YACF;CAEA,MAAM,SAAS,kBACbE,aAAW,OAAO;EAAE,cAAc;EAAqB,QAAQ,CAAC;CAAE,CAAC,CACrE;CAEA,MAAM,UAAU,cAAc,WAAW,MAAM,eAAe,OAAO,CAAC;CAEtE,OACEF,gBAAAA,SAAAA,iBACE;EAAI,OAAA,eAAe,OAAO;GACxB,QAAQ;GACR,WAAW;GACX,2BAAW,IAAI,IAAI,CAAC,KAAK,CAAC;EAC5B,CAAC;CAAC,GACE,QANN;EAOE,IAAA,UAAA;GAAO,OAAA,OAAO;EAAK;EACnBC,MAAM,OAAoB;GACxB,IAAI,OAAO,QAAQ,cAAc,kBAC/B,OAAO,EAAE;EAEb;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;CAC9B,CAAA,CAAA;AAEL"}

package/dist/browser/link.d.ts

@@ -0,0 +1,34 @@
+/*
+ * 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/Link.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, 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 { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { AriaLinkOptions } from "@solid2-aria/core/link/create-link";
+import { HoverEvents } from "@solid2-aria/types-shared";
+export interface LinkRenderProps {
+  isCurrent: boolean;
+  isHovered: boolean;
+  isPressed: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+  isDisabled: boolean;
+}
+export interface LinkProps extends Omit<AriaLinkOptions, "children" | "elementType">, SlotProps, HoverEvents, RenderProps<LinkRenderProps, "a" | "span"> {
+  ref?: Ref<HTMLAnchorElement>;
+}
+export declare const LinkContext: import("solid-js").Context<ContextValue<LinkProps, HTMLAnchorElement>>;
+export declare function Link(input: LinkProps): JSX.Element;
+//# sourceMappingURL=link.d.ts.map

package/dist/browser/link.js

@@ -0,0 +1,92 @@
+/*
+ * 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/Link.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, 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 { createContextProps, createRenderProps, dom } from "./utils.js";
+import { createComponent, dynamic, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, merge, omit, untrack } from "solid-js";
+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 { createLink } from "@solid2-aria/core/link/create-link";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+// src/link.tsx
+const LinkContext = createContext(null);
+function Link(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), LinkContext);
+	const tag = () => Boolean(props.href) && !(props.isDisabled === true) ? "a" : "span";
+	const aria = createLink(mergeProps$1(props, { get elementType() {
+		return tag();
+	} }), ref);
+	const focus = createFocusRing();
+	const hover = createHover(props);
+	const values = {
+		get isCurrent() {
+			return isTruthy(props["aria-current"]);
+		},
+		get isDisabled() {
+			return props.isDisabled === true;
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return aria.isPressed;
+		}
+	};
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-Link",
+		values
+	}));
+	const Element = dynamic(() => tag() === "a" ? dom.a : dom.span);
+	return createComponent(Element, mergeProps(() => {
+		return mergeProps$1(omit(filterDOMProps(props, { global: true }), "onClick"), merge(() => aria.linkProps ?? {}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-current"() {
+			return values.isCurrent || void 0;
+		},
+		get "data-disabled"() {
+			return props.isDisabled ?? void 0;
+		},
+		get "data-pressed"() {
+			return aria.isPressed || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-focused"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		}
+	}));
+}
+export { Link, LinkContext };
+
+//# sourceMappingURL=link.js.map

package/dist/browser/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":["<Element\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"onClick\"),\n        merge(() => aria.linkProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLAnchorElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-current={values.isCurrent || undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-pressed={aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    />","ref={(element: HTMLAnchorElement) => {\n        setRef(element);\n      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/link.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/Link.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, 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 { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createLink } from \"@solid2-aria/core/link/create-link\";\nimport type { AriaLinkOptions } from \"@solid2-aria/core/link/create-link\";\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 type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport { dynamic } from \"@solidjs/web\";\nimport type { JSX } from \"@solidjs/web\";\nimport { merge, untrack, createContext, omit } from \"solid-js\";\n\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface LinkRenderProps {\n  isCurrent: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n}\n\nexport interface LinkProps\n  extends\n    Omit<AriaLinkOptions, \"children\" | \"elementType\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<LinkRenderProps, \"a\" | \"span\"> {\n  ref?: Ref<HTMLAnchorElement>;\n}\n\nexport const LinkContext =\n  createContext<ContextValue<LinkProps, HTMLAnchorElement>>(null);\n\nexport function Link(input: LinkProps): JSX.Element {\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    LinkContext\n  );\n\n  const tag = () =>\n    Boolean(props.href) && !(props.isDisabled === true) ? \"a\" : \"span\";\n\n  const aria = createLink(\n    mergeProps(props, {\n      get elementType() {\n        return tag();\n      },\n    }),\n    ref\n  );\n\n  const focus = createFocusRing();\n  const hover = createHover(props);\n\n  const values: LinkRenderProps = {\n    get isCurrent() {\n      return isTruthy(props[\"aria-current\"]);\n    },\n    get isDisabled() {\n      return props.isDisabled === true;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get isPressed() {\n      return aria.isPressed;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-Link\", values })\n  );\n\n  const Element = dynamic(() => (tag() === \"a\" ? dom.a : dom.span));\n\n  return (\n    <Element\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"onClick\"),\n        merge(() => aria.linkProps ?? {}),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLAnchorElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-current={values.isCurrent || undefined}\n      data-disabled={props.isDisabled ?? undefined}\n      data-pressed={aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAa,cACX,cAA0D,IAAI;AAEhE,SAAgB,KAAK,OAA+B;CAClD,MAAM,CAAC,OAAO,KAAK,UAAU,mBAC3B,OACA,cAAc,MAAM,GAAG,GACvB,WACF;CAEA,MAAM,YACJ,QAAQ,MAAM,IAAI,KAAK,EAAE,MAAM,eAAe,QAAQ,MAAM;CAE9D,MAAM,OAAO,WACXE,aAAW,OAAO,EAChB,IAAI,cAAc;EAChB,OAAO,IAAI;CACb,EACF,CAAC,GACD,GACF;CAEA,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,QAAQ,YAAY,KAAK;CAE/B,MAAM,SAA0B;EAC9B,IAAI,YAAY;GACd,OAAO,SAAS,MAAM,eAAe;EACvC;EACA,IAAI,aAAa;GACf,OAAO,MAAM,eAAe;EAC9B;EACA,IAAI,iBAAiB;GACnB,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,MAAM;EACf;EACA,IAAI,YAAY;GACd,OAAO,KAAK;EACd;CACF;CAEA,MAAM,SAAS,kBACbA,aAAW,OAAO;EAAE,cAAc;EAAoB;CAAO,CAAC,CAChE;CAEA,MAAM,UAAU,cAAe,IAAI,MAAM,MAAM,IAAI,IAAI,IAAI,IAAK;CAEhE,OACEF,gBAAAA,SAAAA,iBACE;EAAI,OAAAE,aACF,KAAK,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC,GAAG,SAAS,GACvD,YAAY,KAAK,aAAa,CAAC,CAAC,GAChC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,YAAY,MAAM,cAAc,CAAC,CAAC,GAClC,MACF;CAAC,GAPH;EAQED,MAAM,YAA+B;GACnC,OAAO,OAAO;EAChB;EACA,IAAA,OAAA;GAAM,OAAA,MAAM,QAAQ,KAAA;EAAS;EAC7B,IAAA,iBAAA;GAAc,OAAA,OAAO,aAAa,KAAA;EAAS;EAC3C,IAAA,kBAAA;GAAe,OAAA,MAAM,cAAc,KAAA;EAAS;EAC5C,IAAA,iBAAA;GAAc,OAAA,KAAK,aAAa,KAAA;EAAS;EACzC,IAAA,iBAAA;GAAc,OAAA,MAAM,aAAa,KAAA;EAAS;EAC1C,IAAA,iBAAA;GAAc,OAAA,MAAM,aAAa,KAAA;EAAS;EAC1C,IAAA,uBAAA;GAAoB,OAAA,MAAM,kBAAkB,KAAA;EAAS;CACtD,CAAA,CAAA;AAEL"}

package/dist/browser/list-box.d.ts

@@ -0,0 +1,171 @@
+/*
+ * 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 { ClassOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, Ref, RenderProps, SlotProps, StyleProps, StyleRenderProps } from "./utils.js";
+import { CollectionProps, ItemRenderProps, SectionProps as SectionProps$1 } from "./collection.js";
+import { DragAndDropHooks } from "./create-drag-and-drop.js";
+import { JSX } from "@solidjs/web";
+import { AriaListBoxProps } from "@solid2-aria/core/listbox/create-list-box";
+import { LoadMoreSentinelProps } from "@solid2-aria/core/utils/create-load-more-sentinel";
+import { ListState } from "@solid2-aria/stately/list/create-list-state";
+import { FocusEvents, HoverEvents, Key, KeyboardEvents, LinkDOMProps, Orientation, PressEvents, SelectionBehavior } from "@solid2-aria/types-shared";
+import { GlobalDOMAttributes } from "@solid2-aria/types-shared-web";
+export declare const ListBoxContext: import("solid-js").Context<ContextValue<ListBoxProps<any>, HTMLDivElement>>;
+export declare const ListStateContext: import("solid-js").Context<ListState<unknown> | null>;
+export interface ListBoxRenderProps {
+  /**
+   * Whether the listbox has no items and should display its empty state.
+   *
+   * @selector [data-empty]
+   */
+  isEmpty: boolean;
+  /**
+   * Whether the listbox is currently focused.
+   *
+   * @selector [data-focused]
+   */
+  isFocused: boolean;
+  /**
+   * Whether the listbox is currently keyboard focused.
+   *
+   * @selector [data-focus-visible]
+   */
+  isFocusVisible: boolean;
+  /**
+   * Whether the listbox is currently the active drop target.
+   *
+   * @selector [data-drop-target]
+   */
+  isDropTarget: boolean;
+  /**
+   * Whether the items are arranged in a stack or grid.
+   *
+   * @selector [data-layout="stack | grid"]
+   */
+  layout: "stack" | "grid";
+  /**
+   * The primary orientation of the items.
+   *
+   * @selector [data-orientation="vertical | horizontal"]
+   */
+  orientation: Orientation;
+  /**
+   * State of the listbox.
+   */
+  state: ListState<unknown>;
+}
+export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, "children" | "label">, CollectionProps<T>, StyleRenderProps<ListBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+  /**
+   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the
+   * element. A function may be provided to compute the class based on component state.
+   *
+   * @default 'react-aria-ListBox'
+   */
+  class?: ClassOrFunction<ListBoxRenderProps>;
+  /**
+   * How multiple selection should behave in the collection.
+   *
+   * @default 'toggle'
+   */
+  selectionBehavior?: SelectionBehavior;
+  /**
+   * The drag and drop hooks returned by `createDragAndDrop` used to enable drag and drop behavior for
+   * the ListBox.
+   */
+  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
+  /** Provides content to display when there are no items in the list. */
+  renderEmptyState?: (props: ListBoxRenderProps) => JSX.Element;
+  /**
+   * Whether the items are arranged in a stack or grid.
+   *
+   * @default 'stack'
+   */
+  layout?: "stack" | "grid";
+  /**
+   * The primary orientation of the items. Usually this is the
+   * direction that the collection scrolls.
+   *
+   * @default 'vertical'
+   */
+  orientation?: Orientation;
+}
+export interface ListBoxSectionProps<T> extends SectionProps$1<T>, DOMRenderProps<"section", undefined> {
+  /**
+   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the
+   * element.
+   *
+   * @default 'react-aria-ListBoxSection'
+   */
+  class?: JSX.ClassValue;
+}
+export type ListBoxItemRenderProps = ItemRenderProps;
+export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, "render">, PossibleLinkDOMRenderProps<"div", ListBoxItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, KeyboardEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, "onClick"> {
+  /**
+   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the
+   * element. A function may be provided to compute the class based on component state.
+   *
+   * @default 'react-aria-ListBoxItem'
+   */
+  class?: ClassOrFunction<ListBoxItemRenderProps>;
+  /** The unique id of the item. */
+  id?: Key;
+  /**
+   * The object value that this item represents. When using dynamic collections, this is set
+   * automatically.
+   */
+  value?: T;
+  /** A string representation of the item's contents, used for features like typeahead. */
+  textValue?: string;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
+  /** Whether the item is disabled. */
+  isDisabled?: boolean;
+  /**
+   * Handler that is called when a user performs an action on the item. The exact user event depends
+   * on the collection's `selectionBehavior` prop and the interaction modality.
+   */
+  onAction?: () => void;
+}
+export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, "collection" | "direction">, StyleProps, DOMRenderProps<"div", undefined>, GlobalDOMAttributes<HTMLDivElement> {
+  /**
+   * The CSS [class](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) for the
+   * element.
+   *
+   * @default 'react-aria-ListBoxLoadingIndicator'
+   */
+  class?: JSX.ClassValue;
+  /**
+   * The load more spinner to render when loading additional items.
+   */
+  children?: JSX.Element;
+  /**
+   * Whether or not the loading spinner should be rendered or not.
+   */
+  isLoading?: boolean;
+}
+export declare function ListBox<T extends object>(input: ListBoxProps<T> & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+export declare function ListBoxItem<T>(props: ListBoxItemProps<T> & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+export declare function ListBoxSection<T>(props: ListBoxSectionProps<T> & {
+  ref?: Ref<HTMLElement>;
+}): JSX.Element;
+export declare function ListBoxLoadMoreItem(props: ListBoxLoadMoreItemProps & {
+  ref?: Ref<HTMLDivElement>;
+}): JSX.Element;
+//# sourceMappingURL=list-box.d.ts.map