@sprawlify/solid 0.0.14 → 0.0.16

package/dist/components/select/index.js

@@ -0,0 +1,363 @@
+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 { Index, Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, effect, insert, mergeProps as mergeProps$1, template } from "solid-js/web";
+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({
+	hookName: "useSelectContext",
+	providerName: "<SelectProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-clear-trigger.tsx
+const SelectClearTrigger = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getClearTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-content.tsx
+const SelectContent = (props) => {
+	const select$1 = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => select$1().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/select/select-context.tsx
+const SelectContext = (props) => props.children(useSelectContext());
+
+//#endregion
+//#region src/components/select/select-control.tsx
+const SelectControl = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-hidden-select.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<option value>`), _tmpl$2 = /* @__PURE__ */ template(`<option>`);
+const SelectHiddenSelect = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getHiddenSelectProps(), props);
+	const isValueEmpty = createMemo(() => select$1().value.length === 0);
+	const field = useFieldContext();
+	return createComponent(sprawlify.select, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps, { get children() {
+		return [createComponent(Show, {
+			get when() {
+				return isValueEmpty();
+			},
+			get children() {
+				return _tmpl$();
+			}
+		}), createComponent(Index, {
+			get each() {
+				return select$1().collection.items;
+			},
+			children: (item) => (() => {
+				var _el$2 = _tmpl$2();
+				insert(_el$2, () => select$1().collection.stringifyItem(item()));
+				effect(() => _el$2.disabled = select$1().collection.getItemDisabled(item()));
+				effect(() => _el$2.value = select$1().collection.getItemValue(item()) ?? "");
+				return _el$2;
+			})()
+		})];
+	} }));
+};
+
+//#endregion
+//#region src/components/select/select-indicator.tsx
+const SelectIndicator = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getIndicatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/use-select-item-context.ts
+const [SelectItemProvider, useSelectItemContext] = createContext$1({
+	hookName: "useSelectItemContext",
+	providerName: "<SelectItemProvider />"
+});
+
+//#endregion
+//#region src/components/select/use-select-item-props-context.ts
+const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext$1({
+	hookName: "useSelectItemPropsContext",
+	providerName: "<SelectItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-item.tsx
+const SelectItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => select$1().getItemState(itemProps));
+	return createComponent(SelectItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(SelectItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#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-context.ts
+const [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext$1({
+	hookName: "useSelectItemGroupPropsContext",
+	providerName: "<SelectItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-item-group.tsx
+const SelectItemGroup = (props) => {
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const select$1 = useSelectContext();
+	const itemGroupProps = mergeProps$2({ id: createUniqueId() }, _itemGroupProps);
+	const mergedProps = mergeProps$2(() => select$1().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(SelectItemGroupPropsProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/select/select-item-group-label.tsx
+const SelectItemGroupLabel = (props) => {
+	const select$1 = useSelectContext();
+	const itemGroupProps = useSelectItemGroupPropsContext();
+	const mergedProps = mergeProps$2(() => select$1().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-item-indicator.tsx
+const SelectItemIndicator = (props) => {
+	const select$1 = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$2(() => select$1().getItemIndicatorProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-item-text.tsx
+const SelectItemText = (props) => {
+	const select$1 = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$2(() => select$1().getItemTextProps(itemProps), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-label.tsx
+const SelectLabel = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-list.tsx
+const SelectList = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getListProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-positioner.tsx
+const SelectPositioner = (props) => {
+	const select$1 = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => select$1().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/select/use-select.ts
+const useSelect = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenSelect: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		invalid: field?.().invalid,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(select.machine, machineProps);
+	return createMemo(() => select.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/select/select-root.tsx
+const SelectRoot = (props) => {
+	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 presenceApi = usePresence(mergeProps$2(() => ({ present: select$1().open }), presenceProps));
+	const mergedProps = mergeProps$2(() => select$1().getRootProps(), localProps);
+	return createComponent(SelectProvider, {
+		value: select$1,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presenceApi,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/select/select-root-provider.tsx
+const SelectRootProvider = (props) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [{ value: select$1 }, localProps] = createSplitProps()(selectProps, ["value"]);
+	const presence = usePresence(mergeProps$2(() => ({ present: select$1().open }), presenceProps));
+	const mergedProps = mergeProps$2(() => select$1().getRootProps(), localProps);
+	return createComponent(SelectProvider, {
+		value: select$1,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/select/select-trigger.tsx
+const SelectTrigger = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/select/select-value-text.tsx
+const SelectValueText = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$2(() => select$1().getValueTextProps(), props);
+	return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
+		return select$1().valueAsString || props.placeholder;
+	} }));
+};
+
+//#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/components/select/index.jsx

@@ -0,0 +1,312 @@
+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 { Index, Show, createMemo, createUniqueId } from "solid-js";
+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({
+	hookName: "useSelectContext",
+	providerName: "<SelectProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-clear-trigger.tsx
+const SelectClearTrigger = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getClearTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-content.tsx
+const SelectContent = (props) => {
+	const select$1 = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => select$1().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/select/select-context.tsx
+const SelectContext = (props) => props.children(useSelectContext());
+
+//#endregion
+//#region src/components/select/select-control.tsx
+const SelectControl = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-hidden-select.tsx
+const SelectHiddenSelect = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getHiddenSelectProps(), props);
+	const isValueEmpty = createMemo(() => select$1().value.length === 0);
+	const field = useFieldContext();
+	return <sprawlify.select aria-describedby={field?.().ariaDescribedby} {...mergedProps}>
+      <Show when={isValueEmpty()}>
+        <option value="" />
+      </Show>
+      <Index each={select$1().collection.items}>
+        {(item) => <option value={select$1().collection.getItemValue(item()) ?? ""} disabled={select$1().collection.getItemDisabled(item())}>
+            {select$1().collection.stringifyItem(item())}
+          </option>}
+      </Index>
+    </sprawlify.select>;
+};
+
+//#endregion
+//#region src/components/select/select-indicator.tsx
+const SelectIndicator = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getIndicatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/use-select-item-context.ts
+const [SelectItemProvider, useSelectItemContext] = createContext$1({
+	hookName: "useSelectItemContext",
+	providerName: "<SelectItemProvider />"
+});
+
+//#endregion
+//#region src/components/select/use-select-item-props-context.ts
+const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext$1({
+	hookName: "useSelectItemPropsContext",
+	providerName: "<SelectItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-item.tsx
+const SelectItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => select$1().getItemState(itemProps));
+	return <SelectItemPropsProvider value={itemProps}>
+      <SelectItemProvider value={itemState}>
+        <sprawlify.div {...mergedProps} />
+      </SelectItemProvider>
+    </SelectItemPropsProvider>;
+};
+
+//#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-context.ts
+const [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext$1({
+	hookName: "useSelectItemGroupPropsContext",
+	providerName: "<SelectItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/select/select-item-group.tsx
+const SelectItemGroup = (props) => {
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const select$1 = useSelectContext();
+	const itemGroupProps = mergeProps$1({ id: createUniqueId() }, _itemGroupProps);
+	const mergedProps = mergeProps$1(() => select$1().getItemGroupProps(itemGroupProps), localProps);
+	return <SelectItemGroupPropsProvider value={itemGroupProps}>
+      <sprawlify.div {...mergedProps} />
+    </SelectItemGroupPropsProvider>;
+};
+
+//#endregion
+//#region src/components/select/select-item-group-label.tsx
+const SelectItemGroupLabel = (props) => {
+	const select$1 = useSelectContext();
+	const itemGroupProps = useSelectItemGroupPropsContext();
+	const mergedProps = mergeProps$1(() => select$1().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-item-indicator.tsx
+const SelectItemIndicator = (props) => {
+	const select$1 = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$1(() => select$1().getItemIndicatorProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-item-text.tsx
+const SelectItemText = (props) => {
+	const select$1 = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$1(() => select$1().getItemTextProps(itemProps), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-label.tsx
+const SelectLabel = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-list.tsx
+const SelectList = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getListProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-positioner.tsx
+const SelectPositioner = (props) => {
+	const select$1 = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => select$1().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/select/use-select.ts
+const useSelect = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenSelect: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		invalid: field?.().invalid,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(select.machine, machineProps);
+	return createMemo(() => select.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/select/select-root.tsx
+const SelectRoot = (props) => {
+	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 presenceApi = usePresence(mergeProps$1(() => ({ present: select$1().open }), presenceProps));
+	const mergedProps = mergeProps$1(() => select$1().getRootProps(), localProps);
+	return <SelectProvider value={select$1}>
+      <PresenceProvider value={presenceApi}>
+        <sprawlify.div {...mergedProps} />
+      </PresenceProvider>
+    </SelectProvider>;
+};
+
+//#endregion
+//#region src/components/select/select-root-provider.tsx
+const SelectRootProvider = (props) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [{ value: select$1 }, localProps] = createSplitProps()(selectProps, ["value"]);
+	const presence = usePresence(mergeProps$1(() => ({ present: select$1().open }), presenceProps));
+	const mergedProps = mergeProps$1(() => select$1().getRootProps(), localProps);
+	return <SelectProvider value={select$1}>
+      <PresenceProvider value={presence}>
+        <sprawlify.div {...mergedProps} />
+      </PresenceProvider>
+    </SelectProvider>;
+};
+
+//#endregion
+//#region src/components/select/select-trigger.tsx
+const SelectTrigger = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/select/select-value-text.tsx
+const SelectValueText = (props) => {
+	const select$1 = useSelectContext();
+	const mergedProps = mergeProps$1(() => select$1().getValueTextProps(), props);
+	return <sprawlify.span {...mergedProps}>{select$1().valueAsString || props.placeholder}</sprawlify.span>;
+};
+
+//#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-BVVIB7xn.js

@@ -0,0 +1,20 @@
+import { createEffect } from "solid-js";
+
+//#region src/utils/compose-refs.ts
+const isRefFn = (ref) => typeof ref === "function";
+const setRefs = (refs, node) => {
+	for (const ref of refs) if (isRefFn(ref)) ref(node);
+};
+function composeRefs(...refs) {
+	let node = null;
+	createEffect(() => {
+		setRefs(refs, node);
+	});
+	return (el) => {
+		node = el;
+		setRefs(refs, el);
+	};
+}
+
+//#endregion
+export { composeRefs as t };