@sprawlify/react 0.0.5 → 0.0.7

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

@@ -0,0 +1,133 @@
+import { r as PropTypes } from "../../index-DtdZfcpz.mjs";
+import { n as Optional, t as Assign } from "../../types-FLvjyw__.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BbbIuDqa.mjs";
+import "../../render-strategy-GetMScNK.mjs";
+import { c as UsePresenceProps } from "../../index-BUN9wyVM.mjs";
+import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-Dhthtdz_.mjs";
+import * as react131 from "react";
+import { JSX, ReactNode, RefAttributes } from "react";
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+import * as combobox from "@sprawlify/primitives/machines/combobox";
+import { FocusOutsideEvent, FocusOutsideEvent as ComboboxFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, InteractOutsideEvent, InteractOutsideEvent as ComboboxInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as ComboboxPointerDownOutsideEvent, SelectionDetails, SelectionDetails as ComboboxSelectionDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails } from "@sprawlify/primitives/machines/combobox";
+
+//#region src/components/combobox/combobox-clear-trigger.d.ts
+interface ComboboxClearTriggerBaseProps extends PolymorphicProps {}
+interface ComboboxClearTriggerProps extends HTMLProps<"button">, ComboboxClearTriggerBaseProps {}
+declare const ComboboxClearTrigger: react131.ForwardRefExoticComponent<ComboboxClearTriggerProps & react131.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/combobox/combobox-content.d.ts
+interface ComboboxContentBaseProps extends PolymorphicProps {}
+interface ComboboxContentProps extends HTMLProps<"div">, ComboboxContentBaseProps {}
+declare const ComboboxContent: react131.ForwardRefExoticComponent<ComboboxContentProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-empty.d.ts
+interface ComboboxEmptyBaseProps extends PolymorphicProps {}
+interface ComboboxEmptyProps extends HTMLProps<"div">, ComboboxEmptyBaseProps {}
+declare const ComboboxEmpty: react131.ForwardRefExoticComponent<ComboboxEmptyProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/use-combobox.d.ts
+interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox.Props<T>, "dir" | "getRootNode" | "collection">, "id"> {
+  /**
+   * The collection of items
+   */
+  collection: ListCollection<T>;
+}
+interface UseComboboxReturn<T extends CollectionItem> extends combobox.Api<PropTypes, T> {}
+declare const useCombobox: <T extends CollectionItem>(props: UseComboboxProps<T>) => UseComboboxReturn<T>;
+//#endregion
+//#region src/components/combobox/use-combobox-context.d.ts
+interface UseComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {}
+//#endregion
+//#region src/components/combobox/combobox-context.d.ts
+interface ComboboxContextProps<T extends CollectionItem> {
+  children: (context: UseComboboxContext<T>) => ReactNode;
+}
+declare const ComboboxContext: <T extends CollectionItem>(props: ComboboxContextProps<T>) => ReactNode;
+//#endregion
+//#region src/components/combobox/combobox-control.d.ts
+interface ComboboxControlBaseProps extends PolymorphicProps {}
+interface ComboboxControlProps extends HTMLProps<"div">, ComboboxControlBaseProps {}
+declare const ComboboxControl: react131.ForwardRefExoticComponent<ComboboxControlProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-input.d.ts
+interface ComboboxInputBaseProps extends PolymorphicProps {}
+interface ComboboxInputProps extends HTMLProps<"input">, ComboboxInputBaseProps {}
+declare const ComboboxInput: react131.ForwardRefExoticComponent<ComboboxInputProps & react131.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/combobox/combobox-item.d.ts
+interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps {}
+interface ComboboxItemProps extends HTMLProps<"div">, ComboboxItemBaseProps {}
+declare const ComboboxItem: react131.ForwardRefExoticComponent<ComboboxItemProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/use-combobox-item-context.d.ts
+interface UseComboboxItemContext extends ItemState {}
+//#endregion
+//#region src/components/combobox/combobox-item-context.d.ts
+interface ComboboxItemContextProps {
+  children: (context: UseComboboxItemContext) => ReactNode;
+}
+declare const ComboboxItemContext: (props: ComboboxItemContextProps) => ReactNode;
+//#endregion
+//#region src/components/combobox/combobox-item-group.d.ts
+interface ComboboxItemGroupBaseProps extends PolymorphicProps {}
+interface ComboboxItemGroupProps extends HTMLProps<"div">, ComboboxItemGroupBaseProps {}
+declare const ComboboxItemGroup: react131.ForwardRefExoticComponent<ComboboxItemGroupProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.d.ts
+interface ComboboxItemGroupLabelBaseProps extends PolymorphicProps {}
+interface ComboboxItemGroupLabelProps extends HTMLProps<"div">, ComboboxItemGroupLabelBaseProps {}
+declare const ComboboxItemGroupLabel: react131.ForwardRefExoticComponent<ComboboxItemGroupLabelProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.d.ts
+interface ComboboxItemIndicatorBaseProps extends PolymorphicProps {}
+interface ComboboxItemIndicatorProps extends HTMLProps<"div">, ComboboxItemIndicatorBaseProps {}
+declare const ComboboxItemIndicator: react131.ForwardRefExoticComponent<ComboboxItemIndicatorProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-item-text.d.ts
+interface ComboboxItemTextBaseProps extends PolymorphicProps {}
+interface ComboboxItemTextProps extends HTMLProps<"span">, ComboboxItemTextBaseProps {}
+declare const ComboboxItemText: react131.ForwardRefExoticComponent<ComboboxItemTextProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-label.d.ts
+interface ComboboxLabelBaseProps extends PolymorphicProps {}
+interface ComboboxLabelProps extends HTMLProps<"label">, ComboboxLabelBaseProps {}
+declare const ComboboxLabel: react131.ForwardRefExoticComponent<ComboboxLabelProps & react131.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/combobox/combobox-list.d.ts
+interface ComboboxListBaseProps extends PolymorphicProps {}
+interface ComboboxListProps extends HTMLProps<"div">, ComboboxListBaseProps {}
+declare const ComboboxList: react131.ForwardRefExoticComponent<ComboboxListProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-positioner.d.ts
+interface ComboboxPositionerBaseProps extends PolymorphicProps {}
+interface ComboboxPositionerProps extends HTMLProps<"div">, ComboboxPositionerBaseProps {}
+declare const ComboboxPositioner: react131.ForwardRefExoticComponent<ComboboxPositionerProps & react131.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/combobox/combobox-root.d.ts
+interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComboboxProps<T>, UsePresenceProps, PolymorphicProps {}
+interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<"div">, ComboboxRootBaseProps<T>> {}
+type ComboboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>;
+type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: ComboboxRootComponentProps<T, P>) => JSX.Element;
+declare const ComboboxRoot: ComboboxRootComponent;
+//#endregion
+//#region src/components/combobox/combobox-root-provider.d.ts
+interface RootProviderProps<T extends CollectionItem> {
+  value: UseComboboxReturn<T>;
+}
+interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps {}
+interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<"div">, ComboboxRootProviderBaseProps<T> {}
+type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+declare const ComboboxRootProvider: ComboboxRootProviderComponent;
+//#endregion
+//#region src/components/combobox/combobox-trigger.d.ts
+interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface ComboboxTriggerProps extends HTMLProps<"button">, ComboboxTriggerBaseProps {}
+declare const ComboboxTrigger: react131.ForwardRefExoticComponent<ComboboxTriggerProps & react131.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/combobox/combobox-anatomy.d.ts
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "content" | "list" | "item" | "root" | "trigger" | "control" | "positioner" | "itemIndicator" | "itemText" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "empty">;
+declare namespace combobox_d_exports {
+  export { ComboboxClearTrigger as ClearTrigger, ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, ComboboxClearTriggerProps as ClearTriggerProps, CollectionItem, ComboboxContent as Content, ComboboxContentBaseProps as ContentBaseProps, ComboboxContentProps as ContentProps, ComboboxContext as Context, ComboboxContextProps as ContextProps, ComboboxControl as Control, ComboboxControlBaseProps as ControlBaseProps, ComboboxControlProps as ControlProps, ComboboxEmpty as Empty, ComboboxEmptyBaseProps as EmptyBaseProps, ComboboxEmptyProps as EmptyProps, FocusOutsideEvent, HighlightChangeDetails, ComboboxInput as Input, ComboboxInputBaseProps as InputBaseProps, ComboboxInputProps as InputProps, InputValueChangeDetails, InteractOutsideEvent, ComboboxItem as Item, ComboboxItemBaseProps as ItemBaseProps, ComboboxItemContext as ItemContext, ComboboxItemContextProps as ItemContextProps, ComboboxItemGroup as ItemGroup, ComboboxItemGroupBaseProps as ItemGroupBaseProps, ComboboxItemGroupLabel as ItemGroupLabel, ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, ComboboxItemGroupLabelProps as ItemGroupLabelProps, ComboboxItemGroupProps as ItemGroupProps, ComboboxItemIndicator as ItemIndicator, ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, ComboboxItemIndicatorProps as ItemIndicatorProps, ComboboxItemProps as ItemProps, ComboboxItemText as ItemText, ComboboxItemTextBaseProps as ItemTextBaseProps, ComboboxItemTextProps as ItemTextProps, ComboboxLabel as Label, ComboboxLabelBaseProps as LabelBaseProps, ComboboxLabelProps as LabelProps, ComboboxList as List, ComboboxListBaseProps as ListBaseProps, ComboboxListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, ComboboxPositioner as Positioner, ComboboxPositionerBaseProps as PositionerBaseProps, ComboboxPositionerProps as PositionerProps, ComboboxRoot as Root, ComboboxRootBaseProps as RootBaseProps, ComboboxRootComponent as RootComponent, ComboboxRootComponentProps as RootComponentProps, ComboboxRootProps as RootProps, ComboboxRootProvider as RootProvider, ComboboxRootProviderBaseProps as RootProviderBaseProps, ComboboxRootProviderComponent as RootProviderComponent, ComboboxRootProviderProps as RootProviderProps, SelectionDetails, ComboboxTrigger as Trigger, ComboboxTriggerBaseProps as TriggerBaseProps, ComboboxTriggerProps as TriggerProps, ValueChangeDetails };
+}
+//#endregion
+export { type CollectionItem, combobox_d_exports as Combobox, ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, ComboboxContext, type ComboboxContextProps, ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps, type ComboboxFocusOutsideEvent, type ComboboxHighlightChangeDetails, ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, type ComboboxInputValueChangeDetails, type ComboboxInteractOutsideEvent, ComboboxItem, type ComboboxItemBaseProps, ComboboxItemContext, type ComboboxItemContextProps, ComboboxItemGroup, type ComboboxItemGroupBaseProps, ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, type ComboboxItemGroupProps, ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, type ComboboxOpenChangeDetails, type ComboboxPointerDownOutsideEvent, ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootComponentProps, type ComboboxRootProps, ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderComponent, type ComboboxRootProviderProps, type ComboboxSelectionDetails, ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, type ComboboxValueChangeDetails, type ListCollection, type UseComboboxContext, type UseComboboxItemContext, type UseComboboxProps, type UseComboboxReturn, type UseListCollectionProps, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };

package/dist/components/combobox/index.mjs

@@ -0,0 +1,387 @@
+import { t as __export } from "../../chunk-DLP0tNsH.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-C0F-4KYH.mjs";
+import { t as createContext$1 } from "../../create-context-CdjrBhu7.mjs";
+import { n as useEnvironmentContext } from "../../environment-BXkWNF2O.mjs";
+import { i as useLocaleContext } from "../../providers-CyTYcOU1.mjs";
+import { n as sprawlify, r as composeRefs } from "../../factory-DQlmCPH2.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJQdOyld.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-2A4loEJY.mjs";
+import "../../use-event-BcyNH29h.mjs";
+import "../../use-safe-layout-effect-BlOhFUAp.mjs";
+import { m as useFieldContext } from "../../field-CGCTFCx2.mjs";
+import { n as useListCollection, o as createListCollection } from "../../collection-DEsp9z6X.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+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({
+	name: "ComboboxContext",
+	hookName: "useComboboxContext",
+	providerName: "<ComboboxProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-clear-trigger.tsx
+const ComboboxClearTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useComboboxContext().getClearTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxClearTrigger.displayName = "ComboboxClearTrigger";
+
+//#endregion
+//#region src/components/combobox/combobox-content.tsx
+const ComboboxContent = forwardRef((props, ref) => {
+	const combobox$1 = useComboboxContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(combobox$1.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+ComboboxContent.displayName = "ComboboxContent";
+
+//#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 = forwardRef((props, ref) => {
+	if (useComboboxContext().collection.size !== 0) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...parts.empty.attrs,
+		...props,
+		role: "presentation",
+		ref
+	});
+});
+ComboboxEmpty.displayName = "ComboboxEmpty";
+
+//#endregion
+//#region src/components/combobox/combobox-context.tsx
+const ComboboxContext = (props) => props.children(useComboboxContext());
+
+//#endregion
+//#region src/components/combobox/combobox-control.tsx
+const ComboboxControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useComboboxContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxControl.displayName = "ComboboxControl";
+
+//#endregion
+//#region src/components/combobox/combobox-input.tsx
+const ComboboxInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useComboboxContext().getInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+ComboboxInput.displayName = "ComboboxInput";
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-context.ts
+const [ComboboxItemProvider, useComboboxItemContext] = createContext$1({
+	name: "ComboboxItemContext",
+	hookName: "useComboboxItemContext",
+	providerName: "<ComboboxItemProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-props-context.ts
+const [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext$1({
+	name: "ComboboxItemPropsContext",
+	hookName: "useComboboxItemPropsContext",
+	providerName: "<ComboboxItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item.tsx
+const splitItemProps = createSplitProps();
+const ComboboxItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["item", "persistFocus"]);
+	const combobox$1 = useComboboxContext();
+	const mergedProps = mergeProps(combobox$1.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(ComboboxItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(ComboboxItemProvider, {
+			value: combobox$1.getItemState(itemProps),
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+ComboboxItem.displayName = "ComboboxItem";
+
+//#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({
+	name: "ComboboxItemGroupPropsContext",
+	hookName: "useComboboxItemGroupPropsContext",
+	providerName: "<ComboboxItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-group.tsx
+const splitItemGroupProps = createSplitProps();
+const ComboboxItemGroup = forwardRef((props, ref) => {
+	const id = useId();
+	const [_itemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
+	const itemGroupProps = {
+		id,
+		..._itemGroupProps
+	};
+	const mergedProps = mergeProps(useComboboxContext().getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ jsx(ComboboxItemGroupPropsProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ComboboxItemGroup.displayName = "ComboboxItemGroup";
+
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.tsx
+const ComboboxItemGroupLabel = forwardRef((props, ref) => {
+	const combobox$1 = useComboboxContext();
+	const itemGroupProps = useComboboxItemGroupPropsContext();
+	const mergedProps = mergeProps(combobox$1.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxItemGroupLabel.displayName = "ComboboxItemGroupLabel";
+
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.tsx
+const ComboboxItemIndicator = forwardRef((props, ref) => {
+	const combobox$1 = useComboboxContext();
+	const itemProps = useComboboxItemPropsContext();
+	const mergedProps = mergeProps(combobox$1.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxItemIndicator.displayName = "ComboboxItemIndicator";
+
+//#endregion
+//#region src/components/combobox/combobox-item-text.tsx
+const ComboboxItemText = forwardRef((props, ref) => {
+	const combobox$1 = useComboboxContext();
+	const itemProps = useComboboxItemPropsContext();
+	const mergedProps = mergeProps(combobox$1.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxItemText.displayName = "ComboboxItemText";
+
+//#endregion
+//#region src/components/combobox/combobox-label.tsx
+const ComboboxLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useComboboxContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxLabel.displayName = "ComboboxLabel";
+
+//#endregion
+//#region src/components/combobox/combobox-list.tsx
+const ComboboxList = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useComboboxContext().getListProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxList.displayName = "ComboboxList";
+
+//#endregion
+//#region src/components/combobox/combobox-positioner.tsx
+const ComboboxPositioner = forwardRef((props, ref) => {
+	const combobox$1 = useComboboxContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(combobox$1.getPositionerProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxPositioner.displayName = "ComboboxPositioner";
+
+//#endregion
+//#region src/components/combobox/use-combobox.ts
+const useCombobox = (props) => {
+	const id = useId();
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			input: field?.ids.control
+		},
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		invalid: field?.invalid,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(combobox.machine, machineProps);
+	return combobox.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/combobox/combobox-root.tsx
+const ComboboxImpl$1 = (props, ref) => {
+	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",
+		"onSelect",
+		"onValueChange",
+		"open",
+		"openOnChange",
+		"openOnClick",
+		"openOnKeyPress",
+		"placeholder",
+		"positioning",
+		"readOnly",
+		"required",
+		"scrollToIndexFn",
+		"selectionBehavior",
+		"translations",
+		"value"
+	]);
+	const combobox$1 = useCombobox(useComboboxProps);
+	const presence = usePresence(mergeProps({ present: combobox$1.open }, presenceProps));
+	const mergedProps = mergeProps(combobox$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ComboboxProvider, {
+		value: combobox$1,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: presence,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const ComboboxRoot = forwardRef(ComboboxImpl$1);
+
+//#endregion
+//#region src/components/combobox/combobox-root-provider.tsx
+const ComboboxImpl = (props, ref) => {
+	const [presenceProps, comboboxProps] = splitPresenceProps(props);
+	const [{ value: combobox$1 }, localProps] = createSplitProps()(comboboxProps, ["value"]);
+	const presence = usePresence(mergeProps({ present: combobox$1.open }, presenceProps));
+	const mergedProps = mergeProps(combobox$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ComboboxProvider, {
+		value: combobox$1,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: presence,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const ComboboxRootProvider = forwardRef(ComboboxImpl);
+
+//#endregion
+//#region src/components/combobox/combobox-trigger.tsx
+const splitTriggerProps = createSplitProps();
+const ComboboxTrigger = forwardRef((props, ref) => {
+	const [triggerProps, localProps] = splitTriggerProps(props, ["focusable"]);
+	const mergedProps = mergeProps(useComboboxContext().getTriggerProps(triggerProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+ComboboxTrigger.displayName = "ComboboxTrigger";
+
+//#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/field/index.cjs

@@ -0,0 +1,27 @@
+require('../../core-CPLjF6nm.cjs');
+require('../../create-context-D6DyFRSf.cjs');
+require('../../environment-DLPiALpf.cjs');
+require('../../providers-Bk3ALTxZ.cjs');
+require('../../factory-CDX-oCN5.cjs');
+require('../../use-safe-layout-effect-vuYaDIpT.cjs');
+const require_field = require('../../field-CXhpW6zO.cjs');
+
+Object.defineProperty(exports, 'Field', {
+  enumerable: true,
+  get: function () {
+    return require_field.field_exports;
+  }
+});
+exports.FieldContext = require_field.FieldContext;
+exports.FieldErrorText = require_field.FieldErrorText;
+exports.FieldHelperText = require_field.FieldHelperText;
+exports.FieldInput = require_field.FieldInput;
+exports.FieldLabel = require_field.FieldLabel;
+exports.FieldRequiredIndicator = require_field.FieldRequiredIndicator;
+exports.FieldRoot = require_field.FieldRoot;
+exports.FieldRootProvider = require_field.FieldRootProvider;
+exports.FieldSelect = require_field.FieldSelect;
+exports.FieldTextarea = require_field.FieldTextarea;
+exports.fieldAnatomy = require_field.fieldAnatomy;
+exports.useField = require_field.useField;
+exports.useFieldContext = require_field.useFieldContext;

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

@@ -0,0 +1,116 @@
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaNWFLLN.cjs";
+import * as react77 from "react";
+import { ReactNode } from "react";
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/field/use-field.d.ts
+interface ElementIds {
+  root?: string | undefined;
+  control?: string | undefined;
+  label?: string | undefined;
+  errorText?: string | undefined;
+  helperText?: string | undefined;
+}
+interface UseFieldProps {
+  id?: string | undefined;
+  ids?: ElementIds | undefined;
+  required?: boolean | undefined;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
+  readOnly?: boolean | undefined;
+}
+type UseFieldReturn = ReturnType<typeof useField>;
+declare const useField: (props?: UseFieldProps) => {
+  ariaDescribedby: string | undefined;
+  ids: {
+    root: string;
+    control: string;
+    label: string;
+    errorText: string;
+    helperText: string;
+  };
+  refs: {
+    rootRef: react77.RefObject<HTMLDivElement | null>;
+  };
+  disabled: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  required: boolean;
+  getLabelProps: () => HTMLProps<"label">;
+  getRootProps: () => HTMLProps<"div">;
+  getInputProps: () => HTMLProps<"input">;
+  getTextareaProps: () => HTMLProps<"textarea">;
+  getSelectProps: () => HTMLProps<"select">;
+  getHelperTextProps: () => HTMLProps<"span">;
+  getErrorTextProps: () => HTMLProps<"span">;
+  getRequiredIndicatorProps: () => HTMLProps<"span">;
+};
+//#endregion
+//#region src/components/field/use-field-context.d.ts
+interface UseFieldContext extends UseFieldReturn {}
+//#endregion
+//#region src/components/field/field-context.d.ts
+interface FieldContextProps {
+  children: (context: UseFieldContext) => ReactNode;
+}
+declare const FieldContext: (props: FieldContextProps) => ReactNode;
+//#endregion
+//#region src/components/field/field-error-text.d.ts
+interface FieldErrorTextBaseProps extends PolymorphicProps {}
+interface FieldErrorTextProps extends HTMLProps<"span">, FieldErrorTextBaseProps {}
+declare const FieldErrorText: react77.ForwardRefExoticComponent<FieldErrorTextProps & react77.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/field/field-helper-text.d.ts
+interface FieldHelperTextBaseProps extends PolymorphicProps {}
+interface FieldHelperTextProps extends HTMLProps<"span">, FieldHelperTextBaseProps {}
+declare const FieldHelperText: react77.ForwardRefExoticComponent<FieldHelperTextProps & react77.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/field/field-input.d.ts
+interface FieldInputBaseProps extends PolymorphicProps {}
+interface FieldInputProps extends HTMLProps<"input">, FieldInputBaseProps {}
+declare const FieldInput: react77.ForwardRefExoticComponent<FieldInputProps & react77.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/field/field-label.d.ts
+interface FieldLabelBaseProps extends PolymorphicProps {}
+interface FieldLabelProps extends HTMLProps<"label">, FieldLabelBaseProps {}
+declare const FieldLabel: react77.ForwardRefExoticComponent<FieldLabelProps & react77.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/field/field-required-indicator.d.ts
+interface FieldRequiredIndicatorBaseProps extends PolymorphicProps {
+  fallback?: React.ReactNode | undefined;
+}
+interface FieldRequiredIndicatorProps extends HTMLProps<"span">, FieldRequiredIndicatorBaseProps {}
+declare const FieldRequiredIndicator: react77.ForwardRefExoticComponent<FieldRequiredIndicatorProps & react77.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/field/field-root.d.ts
+interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps {}
+interface FieldRootProps extends HTMLProps<"div">, FieldRootBaseProps {}
+declare const FieldRoot: react77.ForwardRefExoticComponent<FieldRootProps & react77.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/field/field-root-provider.d.ts
+interface RootProviderProps {
+  value: UseFieldReturn;
+}
+interface FieldRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface FieldRootProviderProps extends HTMLProps<"div">, FieldRootProviderBaseProps {}
+declare const FieldRootProvider: react77.ForwardRefExoticComponent<FieldRootProviderProps & react77.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/field/field-select.d.ts
+interface FieldSelectBaseProps extends PolymorphicProps {}
+interface FieldSelectProps extends HTMLProps<"select">, FieldSelectBaseProps {}
+declare const FieldSelect: react77.ForwardRefExoticComponent<FieldSelectProps & react77.RefAttributes<HTMLSelectElement>>;
+//#endregion
+//#region src/components/field/field-textarea.d.ts
+interface FieldTextareaBaseProps extends PolymorphicProps {
+  autoresize?: boolean | undefined;
+}
+interface FieldTextareaProps extends HTMLProps<"textarea">, FieldTextareaBaseProps {}
+declare const FieldTextarea: react77.ForwardRefExoticComponent<FieldTextareaProps & react77.RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+//#region src/components/field/field-anatomy.d.ts
+declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
+declare namespace field_d_exports {
+  export { FieldContext as Context, FieldContextProps as ContextProps, FieldErrorText as ErrorText, FieldErrorTextBaseProps as ErrorTextBaseProps, FieldErrorTextProps as ErrorTextProps, FieldHelperText as HelperText, FieldHelperTextBaseProps as HelperTextBaseProps, FieldHelperTextProps as HelperTextProps, FieldInput as Input, FieldInputBaseProps as InputBaseProps, FieldInputProps as InputProps, FieldLabel as Label, FieldLabelBaseProps as LabelBaseProps, FieldLabelProps as LabelProps, FieldRequiredIndicator as RequiredIndicator, FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, FieldRequiredIndicatorProps as RequiredIndicatorProps, FieldRoot as Root, FieldRootBaseProps as RootBaseProps, FieldRootProps as RootProps, FieldRootProvider as RootProvider, FieldRootProviderBaseProps as RootProviderBaseProps, FieldRootProviderProps as RootProviderProps, FieldSelect as Select, FieldSelectBaseProps as SelectBaseProps, FieldSelectProps as SelectProps, FieldTextarea as Textarea, FieldTextareaBaseProps as TextareaBaseProps, FieldTextareaProps as TextareaProps };
+}
+//#endregion
+export { field_d_exports as Field, FieldContext, type FieldContextProps, FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps, FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, FieldInput, type FieldInputBaseProps, type FieldInputProps, FieldLabel, type FieldLabelBaseProps, type FieldLabelProps, FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, FieldRoot, type FieldRootBaseProps, type FieldRootProps, FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, FieldSelect, type FieldSelectBaseProps, type FieldSelectProps, FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, type UseFieldContext, type UseFieldProps, type UseFieldReturn, fieldAnatomy, useField, useFieldContext };