@sprawlify/react 0.0.8 → 0.0.10

package/dist/components/listbox/index.cjs

@@ -0,0 +1,314 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+require('../../use-event-CLH8zHoJ.cjs');
+const require_collection = require('../../collection-DGEUORi5.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_listbox = require("@sprawlify/primitives/machines/listbox");
+__sprawlify_primitives_machines_listbox = require_chunk.__toESM(__sprawlify_primitives_machines_listbox);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/listbox/use-listbox-context.ts
+const [ListboxProvider, useListboxContext] = require_create_context.createContext({
+	name: "ListboxContext",
+	hookName: "useListboxContext",
+	providerName: "<ListboxProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/listbox-content.tsx
+const ListboxContent = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useListboxContext().getContentProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxContent.displayName = "ListboxContent";
+
+//#endregion
+//#region src/components/listbox/listbox-context.ts
+const ListboxContext = (props) => props.children(useListboxContext());
+
+//#endregion
+//#region src/components/listbox/listbox-anatomy.ts
+const listboxAnatomy = __sprawlify_primitives_machines_listbox.anatomy.extendWith("empty");
+
+//#endregion
+//#region src/components/listbox/listbox-empty.tsx
+const parts = listboxAnatomy.build();
+const ListboxEmpty = (0, react.forwardRef)((props, ref) => {
+	if (useListboxContext().collection.size !== 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...parts.empty.attrs,
+		...props,
+		role: "presentation",
+		ref
+	});
+});
+ListboxEmpty.displayName = "ListboxEmpty";
+
+//#endregion
+//#region src/components/listbox/listbox-input.tsx
+const splitInputProps = require_create_split_props.createSplitProps();
+const ListboxInput = (0, react.forwardRef)((props, ref) => {
+	const [inputProps, localProps] = splitInputProps(props, ["autoHighlight"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useListboxContext().getInputProps(inputProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxInput.displayName = "ListboxInput";
+
+//#endregion
+//#region src/components/listbox/use-listbox-item-context.ts
+const [ListboxItemProvider, useListboxItemContext] = require_create_context.createContext({
+	name: "ListboxItemContext",
+	hookName: "useListboxItemContext",
+	providerName: "<ListboxItemProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/use-listbox-item-props-context.ts
+const [ListboxItemPropsProvider, useListboxItemPropsContext] = require_create_context.createContext({
+	name: "ListboxItemPropsContext",
+	hookName: "useListboxItemPropsContext",
+	providerName: "<ListboxItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/listbox-item.tsx
+const splitItemProps = require_create_split_props.createSplitProps();
+const ListboxItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["item", "highlightOnHover"]);
+	const listbox = useListboxContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListboxItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListboxItemProvider, {
+			value: listbox.getItemState(itemProps),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+ListboxItem.displayName = "ListboxItem";
+
+//#endregion
+//#region src/components/listbox/listbox-item-context.tsx
+const ListboxItemContext = (props) => props.children(useListboxItemContext());
+
+//#endregion
+//#region src/components/listbox/use-listbox-item-group-props.ts
+const [ListboxItemGroupPropsProvider, useListboxItemGroupPropsContext] = require_create_context.createContext({
+	name: "ListboxItemGroupPropsContext",
+	hookName: "useListboxItemGroupPropsContext",
+	providerName: "<ListboxItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/listbox/listbox-item-group.tsx
+const splitItemGroupProps = require_create_split_props.createSplitProps();
+const ListboxItemGroup = (0, react.forwardRef)((props, ref) => {
+	const id = (0, react.useId)();
+	const [_itemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
+	const itemGroupProps = {
+		id,
+		..._itemGroupProps
+	};
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useListboxContext().getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListboxItemGroupPropsProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ListboxItemGroup.displayName = "ListboxItemGroup";
+
+//#endregion
+//#region src/components/listbox/listbox-item-group-label.tsx
+const ListboxItemGroupLabel = (0, react.forwardRef)((props, ref) => {
+	const listbox = useListboxContext();
+	const itemGroupProps = useListboxItemGroupPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxItemGroupLabel.displayName = "ListboxItemGroupLabel";
+
+//#endregion
+//#region src/components/listbox/listbox-item-indicator.tsx
+const ListboxItemIndicator = (0, react.forwardRef)((props, ref) => {
+	const listbox = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxItemIndicator.displayName = "ListboxItemIndicator";
+
+//#endregion
+//#region src/components/listbox/listbox-item-text.tsx
+const ListboxItemText = (0, react.forwardRef)((props, ref) => {
+	const listbox = useListboxContext();
+	const itemProps = useListboxItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxItemText.displayName = "ListboxItemText";
+
+//#endregion
+//#region src/components/listbox/listbox-label.tsx
+const ListboxLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useListboxContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+ListboxLabel.displayName = "ListboxLabel";
+
+//#endregion
+//#region src/components/listbox/use-listbox.ts
+const useListbox = (props) => {
+	const id = (0, react.useId)();
+	const { dir } = require_locale.useLocaleContext();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_listbox.machine, machineProps);
+	return __sprawlify_primitives_machines_listbox.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/listbox/listbox-root.tsx
+const ListboxImpl$1 = (props, ref) => {
+	const [useListboxProps, localProps] = require_create_split_props.createSplitProps()(props, [
+		"collection",
+		"defaultHighlightedValue",
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"disallowSelectAll",
+		"highlightedValue",
+		"id",
+		"ids",
+		"loopFocus",
+		"onHighlightChange",
+		"onSelect",
+		"onValueChange",
+		"orientation",
+		"scrollToIndexFn",
+		"selectionMode",
+		"selectOnHighlight",
+		"typeahead",
+		"value"
+	]);
+	const listbox = useListbox(useListboxProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListboxProvider, {
+		value: listbox,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+};
+const ListboxRoot = (0, react.forwardRef)(ListboxImpl$1);
+
+//#endregion
+//#region src/components/listbox/listbox-root-provider.tsx
+const ListboxImpl = (props, ref) => {
+	const [{ value: listbox }, localProps] = require_create_split_props.createSplitProps()(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListboxProvider, {
+		value: listbox,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+};
+const ListboxRootProvider = (0, react.forwardRef)(ListboxImpl);
+
+//#endregion
+//#region src/components/listbox/listbox-value-text.tsx
+const ListboxValueText = (0, react.forwardRef)((props, ref) => {
+	const { children, placeholder, ...localprops } = props;
+	const listbox = useListboxContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(listbox.getValueTextProps(), localprops);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: children || listbox.valueAsString || placeholder
+	});
+});
+ListboxValueText.displayName = "ListboxValueText";
+
+//#endregion
+//#region src/components/listbox/listbox.ts
+var listbox_exports = /* @__PURE__ */ require_chunk.__export({
+	Content: () => ListboxContent,
+	Context: () => ListboxContext,
+	Empty: () => ListboxEmpty,
+	Input: () => ListboxInput,
+	Item: () => ListboxItem,
+	ItemContext: () => ListboxItemContext,
+	ItemGroup: () => ListboxItemGroup,
+	ItemGroupLabel: () => ListboxItemGroupLabel,
+	ItemIndicator: () => ListboxItemIndicator,
+	ItemText: () => ListboxItemText,
+	Label: () => ListboxLabel,
+	Root: () => ListboxRoot,
+	RootProvider: () => ListboxRootProvider,
+	ValueText: () => ListboxValueText
+});
+
+//#endregion
+Object.defineProperty(exports, 'Listbox', {
+  enumerable: true,
+  get: function () {
+    return listbox_exports;
+  }
+});
+exports.ListboxContent = ListboxContent;
+exports.ListboxContext = ListboxContext;
+exports.ListboxEmpty = ListboxEmpty;
+exports.ListboxInput = ListboxInput;
+exports.ListboxItem = ListboxItem;
+exports.ListboxItemContext = ListboxItemContext;
+exports.ListboxItemGroup = ListboxItemGroup;
+exports.ListboxItemGroupLabel = ListboxItemGroupLabel;
+exports.ListboxItemIndicator = ListboxItemIndicator;
+exports.ListboxItemText = ListboxItemText;
+exports.ListboxLabel = ListboxLabel;
+exports.ListboxRoot = ListboxRoot;
+exports.ListboxRootProvider = ListboxRootProvider;
+exports.ListboxValueText = ListboxValueText;
+exports.createListCollection = require_collection.createListCollection;
+exports.listboxAnatomy = listboxAnatomy;
+exports.useListbox = useListbox;
+exports.useListboxContext = useListboxContext;
+exports.useListboxItemContext = useListboxItemContext;

package/dist/components/listbox/index.d.cts

@@ -0,0 +1,110 @@
+import { t as PropTypes } from "../../normalize-props-EzaAUPva.cjs";
+import { r as Optional, t as Assign } from "../../types-C2LNTNCl.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Bv0JsGLd.cjs";
+import { _ as CollectionItem, b as createListCollection, y as ListCollection } from "../../index-CsVbgeF4.cjs";
+import * as react136 from "react";
+import { JSX, ReactNode } from "react";
+import * as _sprawlify_primitives_anatomy2 from "@sprawlify/primitives/anatomy";
+import * as listbox from "@sprawlify/primitives/machines/listbox";
+import { HighlightChangeDetails, HighlightChangeDetails as ListboxHighlightChangeDetails, InputProps, ItemProps, ItemState, ScrollToIndexDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode, SelectionMode as ListboxSelectionMode, ValueChangeDetails, ValueChangeDetails as ListboxValueChangeDetails } from "@sprawlify/primitives/machines/listbox";
+
+//#region src/components/listbox/listbox-content.d.ts
+interface ListboxContentBaseProps extends PolymorphicProps {}
+interface ListboxContentProps extends HTMLProps<"div">, ListboxContentBaseProps {}
+declare const ListboxContent: react136.ForwardRefExoticComponent<ListboxContentProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/use-listbox.d.ts
+interface UseListboxProps<T extends CollectionItem> extends Optional<Omit<listbox.Props<T>, "dir" | "getRootNode" | "collection">, "id"> {
+  collection: ListCollection<T>;
+}
+interface UseListboxReturn<T extends CollectionItem> extends listbox.Api<PropTypes, T> {}
+declare const useListbox: <T extends CollectionItem>(props: UseListboxProps<T>) => UseListboxReturn<T>;
+//#endregion
+//#region src/components/listbox/use-listbox-context.d.ts
+interface UseListboxContext<T extends CollectionItem> extends UseListboxReturn<T> {}
+//#endregion
+//#region src/components/listbox/listbox-context.d.ts
+interface ListboxContextProps<T extends CollectionItem> {
+  children: (context: UseListboxContext<T>) => ReactNode;
+}
+declare const ListboxContext: <T extends CollectionItem>(props: ListboxContextProps<T>) => ReactNode;
+//#endregion
+//#region src/components/listbox/listbox-empty.d.ts
+interface ListboxEmptyBaseProps extends PolymorphicProps {}
+interface ListboxEmptyProps extends HTMLProps<"div">, ListboxEmptyBaseProps {}
+declare const ListboxEmpty: react136.ForwardRefExoticComponent<ListboxEmptyProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-input.d.ts
+interface ListboxInputBaseProps extends InputProps, PolymorphicProps {}
+interface ListboxInputProps extends HTMLProps<"input">, ListboxInputBaseProps {}
+declare const ListboxInput: react136.ForwardRefExoticComponent<ListboxInputProps & react136.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item.d.ts
+interface ListboxItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ListboxItemProps extends HTMLProps<"div">, ListboxItemBaseProps {}
+declare const ListboxItem: react136.ForwardRefExoticComponent<ListboxItemProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/use-listbox-item-context.d.ts
+interface UseListboxItemContext extends ItemState {}
+//#endregion
+//#region src/components/listbox/listbox-item-context.d.ts
+interface ListboxItemContextProps {
+  children: (context: UseListboxItemContext) => ReactNode;
+}
+declare const ListboxItemContext: (props: ListboxItemContextProps) => ReactNode;
+//#endregion
+//#region src/components/listbox/listbox-item-group.d.ts
+interface ListboxItemGroupBaseProps extends PolymorphicProps {}
+interface ListboxItemGroupProps extends HTMLProps<"div">, ListboxItemGroupBaseProps {}
+declare const ListboxItemGroup: react136.ForwardRefExoticComponent<ListboxItemGroupProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item-group-label.d.ts
+interface ListboxItemGroupLabelBaseProps extends PolymorphicProps {}
+interface ListboxItemGroupLabelProps extends HTMLProps<"div">, ListboxItemGroupLabelBaseProps {}
+declare const ListboxItemGroupLabel: react136.ForwardRefExoticComponent<ListboxItemGroupLabelProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item-indicator.d.ts
+interface ListboxItemIndicatorBaseProps extends PolymorphicProps {}
+interface ListboxItemIndicatorProps extends HTMLProps<"div">, ListboxItemIndicatorBaseProps {}
+declare const ListboxItemIndicator: react136.ForwardRefExoticComponent<ListboxItemIndicatorProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item-text.d.ts
+interface ListboxItemTextBaseProps extends PolymorphicProps {}
+interface ListboxItemTextProps extends HTMLProps<"div">, ListboxItemTextBaseProps {}
+declare const ListboxItemText: react136.ForwardRefExoticComponent<ListboxItemTextProps & react136.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-label.d.ts
+interface ListboxLabelBaseProps extends PolymorphicProps {}
+interface ListboxLabelProps extends HTMLProps<"label">, ListboxLabelBaseProps {}
+declare const ListboxLabel: react136.ForwardRefExoticComponent<ListboxLabelProps & react136.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/listbox/listbox-root.d.ts
+interface ListboxRootBaseProps<T extends CollectionItem> extends UseListboxProps<T>, PolymorphicProps {}
+interface ListboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<"div">, ListboxRootBaseProps<T>> {}
+type ListboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
+type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: ListboxRootComponentProps<T, P>) => JSX.Element;
+declare const ListboxRoot: ListboxRootComponent;
+//#endregion
+//#region src/components/listbox/listbox-root-provider.d.ts
+interface RootProviderProps<T extends CollectionItem> {
+  value: UseListboxReturn<T>;
+}
+interface ListboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, PolymorphicProps {}
+interface ListboxRootProviderProps<T extends CollectionItem> extends HTMLProps<"div">, ListboxRootProviderBaseProps<T> {}
+type ListboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+declare const ListboxRootProvider: ListboxRootProviderComponent;
+//#endregion
+//#region src/components/listbox/listbox-value-text.d.ts
+interface ListboxValueTextBaseProps extends PolymorphicProps {
+  placeholder?: string | undefined;
+}
+interface ListboxValueTextProps extends HTMLProps<"span">, ListboxValueTextBaseProps {}
+declare const ListboxValueText: react136.ForwardRefExoticComponent<ListboxValueTextProps & react136.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/listbox/listbox-anatomy.d.ts
+declare const listboxAnatomy: _sprawlify_primitives_anatomy2.AnatomyInstance<"input" | "label" | "content" | "item" | "root" | "itemIndicator" | "itemGroup" | "itemText" | "itemGroupLabel" | "empty" | "valueText">;
+declare namespace listbox_d_exports {
+  export { ListboxContent as Content, ListboxContentBaseProps as ContentBaseProps, ListboxContentProps as ContentProps, ListboxContext as Context, ListboxContextProps as ContextProps, ListboxEmpty as Empty, ListboxEmptyBaseProps as EmptyBaseProps, ListboxEmptyProps as EmptyProps, HighlightChangeDetails, ListboxInput as Input, ListboxInputBaseProps as InputBaseProps, ListboxInputProps as InputProps, ListboxItem as Item, ListboxItemBaseProps as ItemBaseProps, ListboxItemContext as ItemContext, ListboxItemContextProps as ItemContextProps, ListboxItemGroup as ItemGroup, ListboxItemGroupBaseProps as ItemGroupBaseProps, ListboxItemGroupLabel as ItemGroupLabel, ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, ListboxItemGroupLabelProps as ItemGroupLabelProps, ListboxItemGroupProps as ItemGroupProps, ListboxItemIndicator as ItemIndicator, ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, ListboxItemIndicatorProps as ItemIndicatorProps, ListboxItemProps as ItemProps, ListboxItemText as ItemText, ListboxItemTextBaseProps as ItemTextBaseProps, ListboxItemTextProps as ItemTextProps, ListboxLabel as Label, ListboxLabelBaseProps as LabelBaseProps, ListboxLabelProps as LabelProps, ListboxRoot as Root, ListboxRootBaseProps as RootBaseProps, ListboxRootComponent as RootComponent, ListboxRootComponentProps as RootComponentProps, ListboxRootProps as RootProps, ListboxRootProvider as RootProvider, ListboxRootProviderBaseProps as RootProviderBaseProps, ListboxRootProviderComponent as RootProviderComponent, ListboxRootProviderProps as RootProviderProps, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, ListboxValueText as ValueText, ListboxValueTextBaseProps as ValueTextBaseProps, ListboxValueTextProps as ValueTextProps };
+}
+//#endregion
+export { type CollectionItem, type ListCollection, listbox_d_exports as Listbox, ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, ListboxContext, type ListboxContextProps, ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps, type ListboxHighlightChangeDetails, ListboxInput, type ListboxInputBaseProps, type ListboxInputProps, ListboxItem, type ListboxItemBaseProps, ListboxItemContext, type ListboxItemContextProps, ListboxItemGroup, type ListboxItemGroupBaseProps, ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, type ListboxItemGroupProps, ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, type ListboxItemProps, ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps, ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps, ListboxRoot, type ListboxRootBaseProps, type ListboxRootComponent, type ListboxRootComponentProps, type ListboxRootProps, ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderComponent, type ListboxRootProviderProps, type ListboxScrollToIndexDetails, type ListboxSelectionDetails, type ListboxSelectionMode, type ListboxValueChangeDetails, ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps, type UseListboxContext, type UseListboxItemContext, type UseListboxProps, type UseListboxReturn, createListCollection, listboxAnatomy, useListbox, useListboxContext, useListboxItemContext };

package/dist/components/listbox/index.d.mts

@@ -0,0 +1,110 @@
+import { r as PropTypes } from "../../index-DJx_8PSR.mjs";
+import { r as Optional, t as Assign } from "../../types-CdhepaRC.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DcDjbYQq.mjs";
+import { _ as CollectionItem, b as createListCollection, y as ListCollection } from "../../index-BH0zbKp3.mjs";
+import * as react174 from "react";
+import { JSX, ReactNode } from "react";
+import * as _sprawlify_primitives_anatomy2 from "@sprawlify/primitives/anatomy";
+import * as listbox from "@sprawlify/primitives/machines/listbox";
+import { HighlightChangeDetails, HighlightChangeDetails as ListboxHighlightChangeDetails, InputProps, ItemProps, ItemState, ScrollToIndexDetails, ScrollToIndexDetails as ListboxScrollToIndexDetails, SelectionDetails, SelectionDetails as ListboxSelectionDetails, SelectionMode, SelectionMode as ListboxSelectionMode, ValueChangeDetails, ValueChangeDetails as ListboxValueChangeDetails } from "@sprawlify/primitives/machines/listbox";
+
+//#region src/components/listbox/listbox-content.d.ts
+interface ListboxContentBaseProps extends PolymorphicProps {}
+interface ListboxContentProps extends HTMLProps<"div">, ListboxContentBaseProps {}
+declare const ListboxContent: react174.ForwardRefExoticComponent<ListboxContentProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/use-listbox.d.ts
+interface UseListboxProps<T extends CollectionItem> extends Optional<Omit<listbox.Props<T>, "dir" | "getRootNode" | "collection">, "id"> {
+  collection: ListCollection<T>;
+}
+interface UseListboxReturn<T extends CollectionItem> extends listbox.Api<PropTypes, T> {}
+declare const useListbox: <T extends CollectionItem>(props: UseListboxProps<T>) => UseListboxReturn<T>;
+//#endregion
+//#region src/components/listbox/use-listbox-context.d.ts
+interface UseListboxContext<T extends CollectionItem> extends UseListboxReturn<T> {}
+//#endregion
+//#region src/components/listbox/listbox-context.d.ts
+interface ListboxContextProps<T extends CollectionItem> {
+  children: (context: UseListboxContext<T>) => ReactNode;
+}
+declare const ListboxContext: <T extends CollectionItem>(props: ListboxContextProps<T>) => ReactNode;
+//#endregion
+//#region src/components/listbox/listbox-empty.d.ts
+interface ListboxEmptyBaseProps extends PolymorphicProps {}
+interface ListboxEmptyProps extends HTMLProps<"div">, ListboxEmptyBaseProps {}
+declare const ListboxEmpty: react174.ForwardRefExoticComponent<ListboxEmptyProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-input.d.ts
+interface ListboxInputBaseProps extends InputProps, PolymorphicProps {}
+interface ListboxInputProps extends HTMLProps<"input">, ListboxInputBaseProps {}
+declare const ListboxInput: react174.ForwardRefExoticComponent<ListboxInputProps & react174.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item.d.ts
+interface ListboxItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ListboxItemProps extends HTMLProps<"div">, ListboxItemBaseProps {}
+declare const ListboxItem: react174.ForwardRefExoticComponent<ListboxItemProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/use-listbox-item-context.d.ts
+interface UseListboxItemContext extends ItemState {}
+//#endregion
+//#region src/components/listbox/listbox-item-context.d.ts
+interface ListboxItemContextProps {
+  children: (context: UseListboxItemContext) => ReactNode;
+}
+declare const ListboxItemContext: (props: ListboxItemContextProps) => ReactNode;
+//#endregion
+//#region src/components/listbox/listbox-item-group.d.ts
+interface ListboxItemGroupBaseProps extends PolymorphicProps {}
+interface ListboxItemGroupProps extends HTMLProps<"div">, ListboxItemGroupBaseProps {}
+declare const ListboxItemGroup: react174.ForwardRefExoticComponent<ListboxItemGroupProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item-group-label.d.ts
+interface ListboxItemGroupLabelBaseProps extends PolymorphicProps {}
+interface ListboxItemGroupLabelProps extends HTMLProps<"div">, ListboxItemGroupLabelBaseProps {}
+declare const ListboxItemGroupLabel: react174.ForwardRefExoticComponent<ListboxItemGroupLabelProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item-indicator.d.ts
+interface ListboxItemIndicatorBaseProps extends PolymorphicProps {}
+interface ListboxItemIndicatorProps extends HTMLProps<"div">, ListboxItemIndicatorBaseProps {}
+declare const ListboxItemIndicator: react174.ForwardRefExoticComponent<ListboxItemIndicatorProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-item-text.d.ts
+interface ListboxItemTextBaseProps extends PolymorphicProps {}
+interface ListboxItemTextProps extends HTMLProps<"div">, ListboxItemTextBaseProps {}
+declare const ListboxItemText: react174.ForwardRefExoticComponent<ListboxItemTextProps & react174.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/listbox/listbox-label.d.ts
+interface ListboxLabelBaseProps extends PolymorphicProps {}
+interface ListboxLabelProps extends HTMLProps<"label">, ListboxLabelBaseProps {}
+declare const ListboxLabel: react174.ForwardRefExoticComponent<ListboxLabelProps & react174.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/listbox/listbox-root.d.ts
+interface ListboxRootBaseProps<T extends CollectionItem> extends UseListboxProps<T>, PolymorphicProps {}
+interface ListboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<"div">, ListboxRootBaseProps<T>> {}
+type ListboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ListboxRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
+type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: ListboxRootComponentProps<T, P>) => JSX.Element;
+declare const ListboxRoot: ListboxRootComponent;
+//#endregion
+//#region src/components/listbox/listbox-root-provider.d.ts
+interface RootProviderProps<T extends CollectionItem> {
+  value: UseListboxReturn<T>;
+}
+interface ListboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, PolymorphicProps {}
+interface ListboxRootProviderProps<T extends CollectionItem> extends HTMLProps<"div">, ListboxRootProviderBaseProps<T> {}
+type ListboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+declare const ListboxRootProvider: ListboxRootProviderComponent;
+//#endregion
+//#region src/components/listbox/listbox-value-text.d.ts
+interface ListboxValueTextBaseProps extends PolymorphicProps {
+  placeholder?: string | undefined;
+}
+interface ListboxValueTextProps extends HTMLProps<"span">, ListboxValueTextBaseProps {}
+declare const ListboxValueText: react174.ForwardRefExoticComponent<ListboxValueTextProps & react174.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/listbox/listbox-anatomy.d.ts
+declare const listboxAnatomy: _sprawlify_primitives_anatomy2.AnatomyInstance<"input" | "label" | "content" | "item" | "root" | "itemIndicator" | "itemGroup" | "itemText" | "itemGroupLabel" | "empty" | "valueText">;
+declare namespace listbox_d_exports {
+  export { ListboxContent as Content, ListboxContentBaseProps as ContentBaseProps, ListboxContentProps as ContentProps, ListboxContext as Context, ListboxContextProps as ContextProps, ListboxEmpty as Empty, ListboxEmptyBaseProps as EmptyBaseProps, ListboxEmptyProps as EmptyProps, HighlightChangeDetails, ListboxInput as Input, ListboxInputBaseProps as InputBaseProps, ListboxInputProps as InputProps, ListboxItem as Item, ListboxItemBaseProps as ItemBaseProps, ListboxItemContext as ItemContext, ListboxItemContextProps as ItemContextProps, ListboxItemGroup as ItemGroup, ListboxItemGroupBaseProps as ItemGroupBaseProps, ListboxItemGroupLabel as ItemGroupLabel, ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, ListboxItemGroupLabelProps as ItemGroupLabelProps, ListboxItemGroupProps as ItemGroupProps, ListboxItemIndicator as ItemIndicator, ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, ListboxItemIndicatorProps as ItemIndicatorProps, ListboxItemProps as ItemProps, ListboxItemText as ItemText, ListboxItemTextBaseProps as ItemTextBaseProps, ListboxItemTextProps as ItemTextProps, ListboxLabel as Label, ListboxLabelBaseProps as LabelBaseProps, ListboxLabelProps as LabelProps, ListboxRoot as Root, ListboxRootBaseProps as RootBaseProps, ListboxRootComponent as RootComponent, ListboxRootComponentProps as RootComponentProps, ListboxRootProps as RootProps, ListboxRootProvider as RootProvider, ListboxRootProviderBaseProps as RootProviderBaseProps, ListboxRootProviderComponent as RootProviderComponent, ListboxRootProviderProps as RootProviderProps, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, ListboxValueText as ValueText, ListboxValueTextBaseProps as ValueTextBaseProps, ListboxValueTextProps as ValueTextProps };
+}
+//#endregion
+export { type CollectionItem, type ListCollection, listbox_d_exports as Listbox, ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, ListboxContext, type ListboxContextProps, ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps, type ListboxHighlightChangeDetails, ListboxInput, type ListboxInputBaseProps, type ListboxInputProps, ListboxItem, type ListboxItemBaseProps, ListboxItemContext, type ListboxItemContextProps, ListboxItemGroup, type ListboxItemGroupBaseProps, ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, type ListboxItemGroupProps, ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, type ListboxItemProps, ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps, ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps, ListboxRoot, type ListboxRootBaseProps, type ListboxRootComponent, type ListboxRootComponentProps, type ListboxRootProps, ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderComponent, type ListboxRootProviderProps, type ListboxScrollToIndexDetails, type ListboxSelectionDetails, type ListboxSelectionMode, type ListboxValueChangeDetails, ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps, type UseListboxContext, type UseListboxItemContext, type UseListboxProps, type UseListboxReturn, createListCollection, listboxAnatomy, useListbox, useListboxContext, useListboxItemContext };