@sprawlify/react 0.0.6 → 0.0.8

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

@@ -0,0 +1,133 @@
+import { r as PropTypes } from "../../index-BJvW7OpY.mjs";
+import { r as Optional, t as Assign } from "../../types-BmBABPZb.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C-EBNsCW.mjs";
+import "../../render-strategy-C8IyLw0O.mjs";
+import { c as UsePresenceProps } from "../../index-Cp1i1zbg.mjs";
+import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-ByIsf4E7.mjs";
+import * as react108 from "react";
+import { JSX, ReactNode } from "react";
+import * as select from "@sprawlify/primitives/machines/select";
+import { FocusOutsideEvent, FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as SelectInteractOutsideEvent, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as SelectValueChangeDetails, anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";
+
+//#region src/components/select/select-clear-trigger.d.ts
+interface SelectClearTriggerBaseProps extends PolymorphicProps {}
+interface SelectClearTriggerProps extends HTMLProps<"button">, SelectClearTriggerBaseProps {}
+declare const SelectClearTrigger: react108.ForwardRefExoticComponent<SelectClearTriggerProps & react108.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/select/select-content.d.ts
+interface SelectContentBaseProps extends PolymorphicProps {}
+interface SelectContentProps extends HTMLProps<"div">, SelectContentBaseProps {}
+declare const SelectContent: react108.ForwardRefExoticComponent<SelectContentProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/use-select.d.ts
+interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Props<T>, "dir" | "getRootNode" | "collection">, "id"> {
+  collection: ListCollection<T>;
+}
+interface UseSelectReturn<T extends CollectionItem> extends select.Api<PropTypes, T> {}
+declare const useSelect: <T extends CollectionItem>(props: UseSelectProps<T>) => UseSelectReturn<T>;
+//#endregion
+//#region src/components/select/use-select-context.d.ts
+interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {}
+//#endregion
+//#region src/components/select/select-context.d.ts
+interface SelectContextProps<T extends CollectionItem> {
+  children: (context: UseSelectContext<T>) => ReactNode;
+}
+declare const SelectContext: <T extends CollectionItem>(props: SelectContextProps<T>) => ReactNode;
+//#endregion
+//#region src/components/select/select-control.d.ts
+interface SelectControlBaseProps extends PolymorphicProps {}
+interface SelectControlProps extends HTMLProps<"div">, SelectControlBaseProps {}
+declare const SelectControl: react108.ForwardRefExoticComponent<SelectControlProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-hidden-select.d.ts
+interface SelectHiddenSelectBaseProps extends PolymorphicProps {}
+interface SelectHiddenSelectProps extends HTMLProps<"select">, SelectHiddenSelectBaseProps {}
+declare const SelectHiddenSelect: react108.ForwardRefExoticComponent<SelectHiddenSelectProps & react108.RefAttributes<HTMLSelectElement>>;
+//#endregion
+//#region src/components/select/select-indicator.d.ts
+interface SelectIndicatorBaseProps extends PolymorphicProps {}
+interface SelectIndicatorProps extends HTMLProps<"div">, SelectIndicatorBaseProps {}
+declare const SelectIndicator: react108.ForwardRefExoticComponent<SelectIndicatorProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-item.d.ts
+interface SelectItemBaseProps extends ItemProps, PolymorphicProps {}
+interface SelectItemProps extends HTMLProps<"div">, SelectItemBaseProps {}
+declare const SelectItem: react108.ForwardRefExoticComponent<SelectItemProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/use-select-item-context.d.ts
+interface UseSelectItemContext extends ItemState {}
+//#endregion
+//#region src/components/select/select-item-context.d.ts
+interface SelectItemContextProps {
+  children: (context: UseSelectItemContext) => ReactNode;
+}
+declare const SelectItemContext: (props: SelectItemContextProps) => ReactNode;
+//#endregion
+//#region src/components/select/select-item-group.d.ts
+interface SelectItemGroupBaseProps extends PolymorphicProps {}
+interface SelectItemGroupProps extends HTMLProps<"div">, SelectItemGroupBaseProps {}
+declare const SelectItemGroup: react108.ForwardRefExoticComponent<SelectItemGroupProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-item-group-label.d.ts
+interface SelectItemGroupLabelBaseProps extends PolymorphicProps {}
+interface SelectItemGroupLabelProps extends HTMLProps<"div">, SelectItemGroupLabelBaseProps {}
+declare const SelectItemGroupLabel: react108.ForwardRefExoticComponent<SelectItemGroupLabelProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-item-indicator.d.ts
+interface SelectItemIndicatorBaseProps extends PolymorphicProps {}
+interface SelectItemIndicatorProps extends HTMLProps<"div">, SelectItemIndicatorBaseProps {}
+declare const SelectItemIndicator: react108.ForwardRefExoticComponent<SelectItemIndicatorProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-item-text.d.ts
+interface SelectItemTextBaseProps extends PolymorphicProps {}
+interface SelectItemTextProps extends HTMLProps<"span">, SelectItemTextBaseProps {}
+declare const SelectItemText: react108.ForwardRefExoticComponent<SelectItemTextProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-label.d.ts
+interface SelectLabelBaseProps extends PolymorphicProps {}
+interface SelectLabelProps extends HTMLProps<"label">, SelectLabelBaseProps {}
+declare const SelectLabel: react108.ForwardRefExoticComponent<SelectLabelProps & react108.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/select/select-list.d.ts
+interface SelectListBaseProps extends PolymorphicProps {}
+interface SelectListProps extends HTMLProps<"div">, SelectListBaseProps {}
+declare const SelectList: react108.ForwardRefExoticComponent<SelectListProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-positioner.d.ts
+interface SelectPositionerBaseProps extends PolymorphicProps {}
+interface SelectPositionerProps extends HTMLProps<"div">, SelectPositionerBaseProps {}
+declare const SelectPositioner: react108.ForwardRefExoticComponent<SelectPositionerProps & react108.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/select/select-root.d.ts
+interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps {}
+interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<"div">, SelectRootBaseProps<T>> {}
+type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P> & React.RefAttributes<HTMLDivElement>;
+type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => JSX.Element;
+declare const SelectRoot: SelectRootComponent;
+//#endregion
+//#region src/components/select/select-root-provider.d.ts
+interface RootProviderProps<T extends CollectionItem> {
+  value: UseSelectReturn<T>;
+}
+interface SelectRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps {}
+interface SelectRootProviderProps<T extends CollectionItem> extends HTMLProps<"div">, SelectRootProviderBaseProps<T> {}
+type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+declare const SelectRootProvider: SelectRootProviderComponent;
+//#endregion
+//#region src/components/select/select-trigger.d.ts
+interface SelectTriggerBaseProps extends PolymorphicProps {}
+interface SelectTriggerProps extends HTMLProps<"button">, SelectTriggerBaseProps {}
+declare const SelectTrigger: react108.ForwardRefExoticComponent<SelectTriggerProps & react108.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/select/select-value-text.d.ts
+interface SelectValueTextBaseProps extends PolymorphicProps {
+  placeholder?: string | undefined;
+}
+interface SelectValueTextProps extends HTMLProps<"span">, SelectValueTextBaseProps {}
+declare const SelectValueText: react108.ForwardRefExoticComponent<SelectValueTextProps & react108.RefAttributes<HTMLSpanElement>>;
+declare namespace select_d_exports {
+  export { SelectClearTrigger as ClearTrigger, SelectClearTriggerBaseProps as ClearTriggerBaseProps, SelectClearTriggerProps as ClearTriggerProps, CollectionItem, SelectContent as Content, SelectContentBaseProps as ContentBaseProps, SelectContentProps as ContentProps, SelectContext as Context, SelectContextProps as ContextProps, SelectControl as Control, SelectControlBaseProps as ControlBaseProps, SelectControlProps as ControlProps, FocusOutsideEvent, SelectHiddenSelect as HiddenSelect, SelectHiddenSelectBaseProps as HiddenSelectBaseProps, SelectHiddenSelectProps as HiddenSelectProps, HighlightChangeDetails, SelectIndicator as Indicator, SelectIndicatorBaseProps as IndicatorBaseProps, SelectIndicatorProps as IndicatorProps, InteractOutsideEvent, SelectItem as Item, SelectItemBaseProps as ItemBaseProps, SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps, SelectItemGroup as ItemGroup, SelectItemGroupBaseProps as ItemGroupBaseProps, SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, SelectItemGroupLabelProps as ItemGroupLabelProps, SelectItemGroupProps as ItemGroupProps, SelectItemIndicator as ItemIndicator, SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, SelectItemIndicatorProps as ItemIndicatorProps, SelectItemProps as ItemProps, SelectItemText as ItemText, SelectItemTextBaseProps as ItemTextBaseProps, SelectItemTextProps as ItemTextProps, SelectLabel as Label, SelectLabelBaseProps as LabelBaseProps, SelectLabelProps as LabelProps, SelectList as List, SelectListBaseProps as ListBaseProps, ListCollection, SelectListProps as ListProps, OpenChangeDetails, PointerDownOutsideEvent, SelectPositioner as Positioner, SelectPositionerBaseProps as PositionerBaseProps, SelectPositionerProps as PositionerProps, SelectRoot as Root, SelectRootBaseProps as RootBaseProps, SelectRootComponent as RootComponent, SelectRootComponentProps as RootComponentProps, SelectRootProps as RootProps, SelectRootProvider as RootProvider, SelectRootProviderBaseProps as RootProviderBaseProps, SelectRootProviderComponent as RootProviderComponent, SelectRootProviderProps as RootProviderProps, SelectTrigger as Trigger, SelectTriggerBaseProps as TriggerBaseProps, SelectTriggerProps as TriggerProps, ValueChangeDetails, SelectValueText as ValueText, SelectValueTextBaseProps as ValueTextBaseProps, SelectValueTextProps as ValueTextProps };
+}
+//#endregion
+export { type CollectionItem, type ListCollection, select_d_exports as Select, SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, SelectContent, type SelectContentBaseProps, type SelectContentProps, SelectContext, type SelectContextProps, SelectControl, type SelectControlBaseProps, type SelectControlProps, type SelectFocusOutsideEvent, SelectHiddenSelect, type SelectHiddenSelectBaseProps, type SelectHiddenSelectProps, type SelectHighlightChangeDetails, SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps, type SelectInteractOutsideEvent, SelectItem, type SelectItemBaseProps, SelectItemContext, type SelectItemContextProps, SelectItemGroup, type SelectItemGroupBaseProps, SelectItemGroupLabel, type SelectItemGroupLabelBaseProps, type SelectItemGroupLabelProps, type SelectItemGroupProps, SelectItemIndicator, type SelectItemIndicatorBaseProps, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps, SelectLabel, type SelectLabelBaseProps, type SelectLabelProps, SelectList, type SelectListBaseProps, type SelectListProps, type SelectOpenChangeDetails, type SelectPointerDownOutsideEvent, SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, SelectRoot, type SelectRootBaseProps, type SelectRootComponent, type SelectRootComponentProps, type SelectRootProps, SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderComponent, type SelectRootProviderProps, SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps, type SelectValueChangeDetails, SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, type UseListCollectionProps, type UseSelectContext, type UseSelectItemContext, type UseSelectProps, type UseSelectReturn, createListCollection, selectAnatomy, useListCollection, useSelect, useSelectContext, useSelectItemContext };

package/dist/components/select/index.mjs

@@ -0,0 +1,387 @@
+import { t as __export } from "../../chunk-BXPHTOwk.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-Ba4IEjhK.mjs";
+import { t as createContext$1 } from "../../create-context-CCXzjEv8.mjs";
+import { n as useEnvironmentContext } from "../../environment-Ded7DkGr.mjs";
+import { i as useLocaleContext } from "../../locale-Coin-d7R.mjs";
+import "../../providers-Dm2P3F2_.mjs";
+import { t as composeRefs } from "../../compose-refs-BEptPEkE.mjs";
+import { n as sprawlify } from "../../factory-Bi8oEg8i.mjs";
+import { t as createSplitProps } from "../../create-split-props-CBL0m-GX.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bc6Bxe5i.mjs";
+import "../../use-event-4J5QFFqK.mjs";
+import "../../use-fieldset-context-LwveT1OS.mjs";
+import "../../use-safe-layout-effect-CLjnuJFb.mjs";
+import { m as useFieldContext } from "../../field-B-6qoKdn.mjs";
+import { n as useListCollection, o as createListCollection } from "../../collection-DQWWySNV.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as select from "@sprawlify/primitives/machines/select";
+import { anatomy as selectAnatomy } from "@sprawlify/primitives/machines/select";
+
+//#region src/components/select/use-select-context.ts
+const [SelectProvider, useSelectContext] = createContext$1({
+	name: "SelectContext",
+	hookName: "useSelectContext",
+	providerName: "<SelectProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-clear-trigger.tsx
+const SelectClearTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getClearTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+SelectClearTrigger.displayName = "SelectClearTrigger";
+
+//#endregion
+//#region src/components/select/select-content.tsx
+const SelectContent = forwardRef((props, ref) => {
+	const select$1 = useSelectContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(select$1.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+SelectContent.displayName = "SelectContent";
+
+//#endregion
+//#region src/components/select/select-context.tsx
+const SelectContext = (props) => props.children(useSelectContext());
+
+//#endregion
+//#region src/components/select/select-control.tsx
+const SelectControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SelectControl.displayName = "SelectControl";
+
+//#endregion
+//#region src/components/select/select-hidden-select.tsx
+const SelectHiddenSelect = forwardRef((props, ref) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps(select$1.getHiddenSelectProps(), props);
+	const isValueEmpty = select$1.value.length === 0;
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsxs(sprawlify.select, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref,
+		children: [isValueEmpty && /* @__PURE__ */ jsx("option", { value: "" }), select$1.collection.items.map((item, index) => /* @__PURE__ */ jsx("option", {
+			value: select$1.collection.getItemValue(item) ?? "",
+			disabled: select$1.collection.getItemDisabled(item),
+			children: select$1.collection.stringifyItem(item)
+		}, index))]
+	});
+});
+SelectHiddenSelect.displayName = "SelectHiddenSelect";
+
+//#endregion
+//#region src/components/select/select-indicator.tsx
+const SelectIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SelectIndicator.displayName = "SelectIndicator";
+
+//#endregion
+//#region src/components/select/use-select-item-context.ts
+const [SelectItemProvider, useSelectItemContext] = createContext$1({
+	name: "SelectItemContext",
+	hookName: "useSelectItemContext",
+	providerName: "<SelectItemProvider />"
+});
+
+//#endregion
+//#region src/components/select/use-select-item-props-context.ts
+const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext$1({
+	name: "SelectItemPropsContext",
+	hookName: "useSelectItemPropsContext",
+	providerName: "<SelectItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-item.tsx
+const splitItemProps = createSplitProps();
+const SelectItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemProps(props, ["item", "persistFocus"]);
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps(select$1.getItemProps(itemProps), localProps);
+	return /* @__PURE__ */ jsx(SelectItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(SelectItemProvider, {
+			value: select$1.getItemState(itemProps),
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+SelectItem.displayName = "SelectItem";
+
+//#endregion
+//#region src/components/select/select-item-context.tsx
+const SelectItemContext = (props) => props.children(useSelectItemContext());
+
+//#endregion
+//#region src/components/select/use-select-item-group-props.tsx
+const [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext$1({
+	name: "SelectItemGroupPropsContext",
+	hookName: "useSelectItemGroupPropsContext",
+	providerName: "<SelectItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-item-group.tsx
+const splitItemGroupProps = createSplitProps();
+const SelectItemGroup = forwardRef((props, ref) => {
+	const id = useId();
+	const [_itemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
+	const itemGroupProps = {
+		id,
+		..._itemGroupProps
+	};
+	const mergedProps = mergeProps(useSelectContext().getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ jsx(SelectItemGroupPropsProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+SelectItemGroup.displayName = "SelectItemGroup";
+
+//#endregion
+//#region src/components/select/select-item-group-label.tsx
+const SelectItemGroupLabel = forwardRef((props, ref) => {
+	const select$1 = useSelectContext();
+	const itemGroupProps = useSelectItemGroupPropsContext();
+	const mergedProps = mergeProps(select$1.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SelectItemGroupLabel.displayName = "SelectItemGroupLabel";
+
+//#endregion
+//#region src/components/select/select-item-indicator.tsx
+const SelectItemIndicator = forwardRef((props, ref) => {
+	const select$1 = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps(select$1.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SelectItemIndicator.displayName = "SelectItemIndicator";
+
+//#endregion
+//#region src/components/select/select-item-text.tsx
+const SelectItemText = forwardRef((props, ref) => {
+	const select$1 = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps(select$1.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+SelectItemText.displayName = "SelectItemText";
+
+//#endregion
+//#region src/components/select/select-label.tsx
+const SelectLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+SelectLabel.displayName = "SelectLabel";
+
+//#endregion
+//#region src/components/select/select-list.tsx
+const SelectList = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getListProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SelectList.displayName = "SelectList";
+
+//#endregion
+//#region src/components/select/select-positioner.tsx
+const SelectPositioner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getPositionerProps(), props);
+	if (usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+SelectPositioner.displayName = "SelectPositioner";
+
+//#endregion
+//#region src/components/select/use-select.ts
+const useSelect = (props) => {
+	const id = useId();
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenSelect: field?.ids.control
+		},
+		disabled: field?.disabled,
+		readOnly: field?.readOnly,
+		invalid: field?.invalid,
+		required: field?.required,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(select.machine, machineProps);
+	return select.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/select/select-root.tsx
+const SelectImpl$1 = (props, ref) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [useSelectProps, localProps] = createSplitProps()(selectProps, [
+		"closeOnSelect",
+		"collection",
+		"composite",
+		"defaultHighlightedValue",
+		"defaultOpen",
+		"defaultValue",
+		"deselectable",
+		"disabled",
+		"form",
+		"highlightedValue",
+		"id",
+		"ids",
+		"invalid",
+		"loopFocus",
+		"multiple",
+		"name",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onSelect",
+		"onValueChange",
+		"open",
+		"positioning",
+		"readOnly",
+		"required",
+		"scrollToIndexFn",
+		"value"
+	]);
+	const select$1 = useSelect(useSelectProps);
+	const presence = usePresence(mergeProps({ present: select$1.open }, presenceProps));
+	const mergedProps = mergeProps(select$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SelectProvider, {
+		value: select$1,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: presence,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const SelectRoot = forwardRef(SelectImpl$1);
+
+//#endregion
+//#region src/components/select/select-root-provider.tsx
+const SelectImpl = (props, ref) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [{ value: select$1 }, localProps] = createSplitProps()(selectProps, ["value"]);
+	const presence = usePresence(mergeProps({ present: select$1.open }, presenceProps));
+	const mergedProps = mergeProps(select$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(SelectProvider, {
+		value: select$1,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: presence,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const SelectRootProvider = forwardRef(SelectImpl);
+
+//#endregion
+//#region src/components/select/select-trigger.tsx
+const SelectTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useSelectContext().getTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+SelectTrigger.displayName = "SelectTrigger";
+
+//#endregion
+//#region src/components/select/select-value-text.tsx
+const SelectValueText = forwardRef((props, ref) => {
+	const { children, placeholder, ...localprops } = props;
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps(select$1.getValueTextProps(), localprops);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: children || select$1.valueAsString || placeholder
+	});
+});
+SelectValueText.displayName = "SelectValueText";
+
+//#endregion
+//#region src/components/select/select.ts
+var select_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => SelectClearTrigger,
+	Content: () => SelectContent,
+	Context: () => SelectContext,
+	Control: () => SelectControl,
+	HiddenSelect: () => SelectHiddenSelect,
+	Indicator: () => SelectIndicator,
+	Item: () => SelectItem,
+	ItemContext: () => SelectItemContext,
+	ItemGroup: () => SelectItemGroup,
+	ItemGroupLabel: () => SelectItemGroupLabel,
+	ItemIndicator: () => SelectItemIndicator,
+	ItemText: () => SelectItemText,
+	Label: () => SelectLabel,
+	List: () => SelectList,
+	Positioner: () => SelectPositioner,
+	Root: () => SelectRoot,
+	RootProvider: () => SelectRootProvider,
+	Trigger: () => SelectTrigger,
+	ValueText: () => SelectValueText
+});
+
+//#endregion
+export { select_exports as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, createListCollection, selectAnatomy, useListCollection, useSelect, useSelectContext, useSelectItemContext };

package/dist/compose-refs-BEptPEkE.mjs

@@ -0,0 +1,16 @@
+//#region src/utils/compose-refs.ts
+function composeRefs(...refs) {
+	return (node) => {
+		const cleanUps = [];
+		for (const ref of refs) if (typeof ref === "function") {
+			const cb = ref(node);
+			if (typeof cb === "function") cleanUps.push(cb);
+		} else if (ref) ref.current = node;
+		if (cleanUps.length) return () => {
+			for (const cleanUp of cleanUps) cleanUp();
+		};
+	};
+}
+
+//#endregion
+export { composeRefs as t };

package/dist/compose-refs-C5QNDywq.cjs

@@ -0,0 +1,22 @@
+
+//#region src/utils/compose-refs.ts
+function composeRefs(...refs) {
+	return (node) => {
+		const cleanUps = [];
+		for (const ref of refs) if (typeof ref === "function") {
+			const cb = ref(node);
+			if (typeof cb === "function") cleanUps.push(cb);
+		} else if (ref) ref.current = node;
+		if (cleanUps.length) return () => {
+			for (const cleanUp of cleanUps) cleanUp();
+		};
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'composeRefs', {
+  enumerable: true,
+  get: function () {
+    return composeRefs;
+  }
+});