@sprawlify/solid 0.0.15 → 0.0.16

package/dist/components/combobox/index.js

@@ -0,0 +1,357 @@
+import { t as __export } from "../../chunk-B93cd-Dz.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-oNB2jGcl.js";
+import { t as runIfFn } from "../../run-if-fn-D5794CxE.js";
+import { t as createContext$1 } from "../../create-context-GfQ_MylE.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
+import { t as createSplitProps } from "../../create-split-props-pQu7jijw.js";
+import "../../render-strategy-DFlz7Uc4.js";
+import { t as sprawlify } from "../../factory-PGDAvOKb.js";
+import { t as composeRefs } from "../../compose-refs-BVVIB7xn.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BpwBRlZW.js";
+import "../../fieldset-BrJqMLEd.js";
+import { m as useFieldContext } from "../../field-CoYiA2ek.js";
+import { n as useListCollection, o as createListCollection } from "../../collection-zj3lxnwW.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as combobox from "@sprawlify/primitives/machines/combobox";
+import { anatomy } from "@sprawlify/primitives/machines/combobox";
+
+//#region src/components/combobox/use-combobox-context.ts
+const [ComboboxProvider, useComboboxContext] = createContext$1({
+	hookName: "useComboboxContext",
+	providerName: "<ComboboxProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-clear-trigger.tsx
+const ComboboxClearTrigger = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getClearTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-content.tsx
+const ComboboxContent = (props) => {
+	const api = useComboboxContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/combobox-anatomy.ts
+const comboboxAnatomy = anatomy.extendWith("empty");
+
+//#endregion
+//#region src/components/combobox/combobox-empty.tsx
+const parts = comboboxAnatomy.build();
+const ComboboxEmpty = (props) => {
+	const combobox$1 = useComboboxContext();
+	const size = createMemo(() => combobox$1().collection.size);
+	return createComponent(Show, {
+		get when() {
+			return size() === 0;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(() => parts.empty.attrs, props, { role: "presentation" }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/combobox-context.tsx
+const ComboboxContext = (props) => props.children(useComboboxContext());
+
+//#endregion
+//#region src/components/combobox/combobox-control.tsx
+const ComboboxControl = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-input.tsx
+const ComboboxInput = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-context.ts
+const [ComboboxItemProvider, useComboboxItemContext] = createContext$1({
+	hookName: "useComboboxItemContext",
+	providerName: "<ComboboxItemProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-props-context.ts
+const [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext$1({
+	hookName: "useComboboxItemPropsContext",
+	providerName: "<ComboboxItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item.tsx
+const ComboboxItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+	const api = useComboboxContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return createComponent(ComboboxItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(ComboboxItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-context.tsx
+const ComboboxItemContext = (props) => props.children(useComboboxItemContext());
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-group-props-context.ts
+const [ComboboxItemGroupPropsProvider, useComboboxItemGroupPropsContext] = createContext$1({
+	hookName: "useComboboxItemGroupPropsContext",
+	providerName: "<ComboboxItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-group.tsx
+const ComboboxItemGroup = (props) => {
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const combobox$1 = useComboboxContext();
+	const itemGroupProps = mergeProps$2({ id: createUniqueId() }, _itemGroupProps);
+	const mergedProps = mergeProps$2(() => combobox$1().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(ComboboxItemGroupPropsProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.tsx
+const ComboboxItemGroupLabel = (props) => {
+	const combobox$1 = useComboboxContext();
+	const itemGroupProps = useComboboxItemGroupPropsContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.tsx
+const ComboboxItemIndicator = (props) => {
+	const combobox$1 = useComboboxContext();
+	const itemProps = useComboboxItemPropsContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getItemIndicatorProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-text.tsx
+const ComboboxItemText = (props) => {
+	const api = useComboboxContext();
+	const itemProps = useComboboxItemPropsContext();
+	const mergedProps = mergeProps$2(() => api().getItemTextProps(itemProps), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-label.tsx
+const ComboboxLabel = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-list.tsx
+const ComboboxList = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getListProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-positioner.tsx
+const ComboboxPositioner = (props) => {
+	const api = useComboboxContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/use-combobox.ts
+const useCombobox = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(combobox.machine, machineProps);
+	return createMemo(() => combobox.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/combobox/combobox-root.tsx
+const ComboboxRoot = (props) => {
+	const [presenceProps, comboboxProps] = splitPresenceProps(props);
+	const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, [
+		"allowCustomValue",
+		"alwaysSubmitOnEnter",
+		"autoFocus",
+		"closeOnSelect",
+		"collection",
+		"composite",
+		"defaultHighlightedValue",
+		"defaultInputValue",
+		"defaultOpen",
+		"defaultValue",
+		"disabled",
+		"disableLayer",
+		"form",
+		"highlightedValue",
+		"id",
+		"ids",
+		"inputBehavior",
+		"inputValue",
+		"invalid",
+		"loopFocus",
+		"multiple",
+		"name",
+		"navigate",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInputValueChange",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onSelect",
+		"open",
+		"openOnChange",
+		"openOnClick",
+		"openOnKeyPress",
+		"placeholder",
+		"positioning",
+		"readOnly",
+		"required",
+		"scrollToIndexFn",
+		"selectionBehavior",
+		"translations",
+		"value"
+	]);
+	const api = useCombobox(useComboboxProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ComboboxProvider, {
+		value: api,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: apiPresence,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/combobox-root-provider.tsx
+const ComboboxRootProvider = (props) => {
+	const [presenceProps, comboboxProps] = splitPresenceProps(props);
+	const [{ value: combobox$1 }, localProps] = createSplitProps()(comboboxProps, ["value"]);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: combobox$1().open })));
+	const mergedProps = mergeProps$2(() => combobox$1().getRootProps(), localProps);
+	return createComponent(ComboboxProvider, {
+		value: combobox$1,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: apiPresence,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/combobox/combobox-trigger.tsx
+const ComboboxTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["focusable"]);
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$2(() => combobox$1().getTriggerProps(triggerProps), localProps);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox.ts
+var combobox_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => ComboboxClearTrigger,
+	Content: () => ComboboxContent,
+	Context: () => ComboboxContext,
+	Control: () => ComboboxControl,
+	Empty: () => ComboboxEmpty,
+	Input: () => ComboboxInput,
+	Item: () => ComboboxItem,
+	ItemContext: () => ComboboxItemContext,
+	ItemGroup: () => ComboboxItemGroup,
+	ItemGroupLabel: () => ComboboxItemGroupLabel,
+	ItemIndicator: () => ComboboxItemIndicator,
+	ItemText: () => ComboboxItemText,
+	Label: () => ComboboxLabel,
+	List: () => ComboboxList,
+	Positioner: () => ComboboxPositioner,
+	Root: () => ComboboxRoot,
+	RootProvider: () => ComboboxRootProvider,
+	Trigger: () => ComboboxTrigger
+});
+
+//#endregion
+export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };

package/dist/components/combobox/index.jsx

@@ -0,0 +1,315 @@
+import { t as __export } from "../../chunk-B5so6B0y.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DbInRfhI.jsx";
+import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
+import { t as createContext$1 } from "../../create-context-C3rvZvkc.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import "../../render-strategy-CdJhRv3I.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import { t as composeRefs } from "../../compose-refs-icUeuyHm.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bmn43U_q.jsx";
+import "../../fieldset-B_LyllEa.jsx";
+import { m as useFieldContext } from "../../field-BRr9Zdes.jsx";
+import { n as useListCollection, o as createListCollection } from "../../collection-BRr4O2_i.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as combobox from "@sprawlify/primitives/machines/combobox";
+import { anatomy } from "@sprawlify/primitives/machines/combobox";
+
+//#region src/components/combobox/use-combobox-context.ts
+const [ComboboxProvider, useComboboxContext] = createContext$1({
+	hookName: "useComboboxContext",
+	providerName: "<ComboboxProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-clear-trigger.tsx
+const ComboboxClearTrigger = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getClearTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-content.tsx
+const ComboboxContent = (props) => {
+	const api = useComboboxContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-anatomy.ts
+const comboboxAnatomy = anatomy.extendWith("empty");
+
+//#endregion
+//#region src/components/combobox/combobox-empty.tsx
+const parts = comboboxAnatomy.build();
+const ComboboxEmpty = (props) => {
+	const combobox$1 = useComboboxContext();
+	const size = createMemo(() => combobox$1().collection.size);
+	return <Show when={size() === 0}>
+      <sprawlify.div {...parts.empty.attrs} {...props} role="presentation" />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-context.tsx
+const ComboboxContext = (props) => props.children(useComboboxContext());
+
+//#endregion
+//#region src/components/combobox/combobox-control.tsx
+const ComboboxControl = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-input.tsx
+const ComboboxInput = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-context.ts
+const [ComboboxItemProvider, useComboboxItemContext] = createContext$1({
+	hookName: "useComboboxItemContext",
+	providerName: "<ComboboxItemProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-props-context.ts
+const [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext$1({
+	hookName: "useComboboxItemPropsContext",
+	providerName: "<ComboboxItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item.tsx
+const ComboboxItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+	const api = useComboboxContext();
+	const mergedProps = mergeProps$1(() => api().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => api().getItemState(itemProps));
+	return <ComboboxItemPropsProvider value={itemProps}>
+      <ComboboxItemProvider value={itemState}>
+        <sprawlify.div {...mergedProps} />
+      </ComboboxItemProvider>
+    </ComboboxItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-context.tsx
+const ComboboxItemContext = (props) => props.children(useComboboxItemContext());
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-group-props-context.ts
+const [ComboboxItemGroupPropsProvider, useComboboxItemGroupPropsContext] = createContext$1({
+	hookName: "useComboboxItemGroupPropsContext",
+	providerName: "<ComboboxItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-group.tsx
+const ComboboxItemGroup = (props) => {
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const combobox$1 = useComboboxContext();
+	const itemGroupProps = mergeProps$1({ id: createUniqueId() }, _itemGroupProps);
+	const mergedProps = mergeProps$1(() => combobox$1().getItemGroupProps(itemGroupProps), localProps);
+	return <ComboboxItemGroupPropsProvider value={itemGroupProps}>
+      <sprawlify.div {...mergedProps} />
+    </ComboboxItemGroupPropsProvider>;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.tsx
+const ComboboxItemGroupLabel = (props) => {
+	const combobox$1 = useComboboxContext();
+	const itemGroupProps = useComboboxItemGroupPropsContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.tsx
+const ComboboxItemIndicator = (props) => {
+	const combobox$1 = useComboboxContext();
+	const itemProps = useComboboxItemPropsContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getItemIndicatorProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-item-text.tsx
+const ComboboxItemText = (props) => {
+	const api = useComboboxContext();
+	const itemProps = useComboboxItemPropsContext();
+	const mergedProps = mergeProps$1(() => api().getItemTextProps(itemProps), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-label.tsx
+const ComboboxLabel = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-list.tsx
+const ComboboxList = (props) => {
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getListProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-positioner.tsx
+const ComboboxPositioner = (props) => {
+	const api = useComboboxContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/combobox/use-combobox.ts
+const useCombobox = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			input: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(combobox.machine, machineProps);
+	return createMemo(() => combobox.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/combobox/combobox-root.tsx
+const ComboboxRoot = (props) => {
+	const [presenceProps, comboboxProps] = splitPresenceProps(props);
+	const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, [
+		"allowCustomValue",
+		"alwaysSubmitOnEnter",
+		"autoFocus",
+		"closeOnSelect",
+		"collection",
+		"composite",
+		"defaultHighlightedValue",
+		"defaultInputValue",
+		"defaultOpen",
+		"defaultValue",
+		"disabled",
+		"disableLayer",
+		"form",
+		"highlightedValue",
+		"id",
+		"ids",
+		"inputBehavior",
+		"inputValue",
+		"invalid",
+		"loopFocus",
+		"multiple",
+		"name",
+		"navigate",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInputValueChange",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onSelect",
+		"open",
+		"openOnChange",
+		"openOnClick",
+		"openOnKeyPress",
+		"placeholder",
+		"positioning",
+		"readOnly",
+		"required",
+		"scrollToIndexFn",
+		"selectionBehavior",
+		"translations",
+		"value"
+	]);
+	const api = useCombobox(useComboboxProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ComboboxProvider value={api}>
+      <PresenceProvider value={apiPresence}>
+        <sprawlify.div {...mergedProps} />
+      </PresenceProvider>
+    </ComboboxProvider>;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-root-provider.tsx
+const ComboboxRootProvider = (props) => {
+	const [presenceProps, comboboxProps] = splitPresenceProps(props);
+	const [{ value: combobox$1 }, localProps] = createSplitProps()(comboboxProps, ["value"]);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: combobox$1().open })));
+	const mergedProps = mergeProps$1(() => combobox$1().getRootProps(), localProps);
+	return <ComboboxProvider value={combobox$1}>
+      <PresenceProvider value={apiPresence}>
+        <sprawlify.div {...mergedProps} />
+      </PresenceProvider>
+    </ComboboxProvider>;
+};
+
+//#endregion
+//#region src/components/combobox/combobox-trigger.tsx
+const ComboboxTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["focusable"]);
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps$1(() => combobox$1().getTriggerProps(triggerProps), localProps);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/combobox/combobox.ts
+var combobox_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => ComboboxClearTrigger,
+	Content: () => ComboboxContent,
+	Context: () => ComboboxContext,
+	Control: () => ComboboxControl,
+	Empty: () => ComboboxEmpty,
+	Input: () => ComboboxInput,
+	Item: () => ComboboxItem,
+	ItemContext: () => ComboboxItemContext,
+	ItemGroup: () => ComboboxItemGroup,
+	ItemGroupLabel: () => ComboboxItemGroupLabel,
+	ItemIndicator: () => ComboboxItemIndicator,
+	ItemText: () => ComboboxItemText,
+	Label: () => ComboboxLabel,
+	List: () => ComboboxList,
+	Positioner: () => ComboboxPositioner,
+	Root: () => ComboboxRoot,
+	RootProvider: () => ComboboxRootProvider,
+	Trigger: () => ComboboxTrigger
+});
+
+//#endregion
+export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };