@wirekyt/solid 0.0.1 → 0.0.2

package/dist/select.js

@@ -0,0 +1,337 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { h as useFieldContext } from "./field-CQr_Dibp.js";
+import { n as useListCollection, o as createListCollection } from "./collection-By8qgqkx.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-CE6lXCu5.js";
+import { Index, Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as select from "@wirekyt/dom/machines/select";
+import { anatomy as selectAnatomy } from "@wirekyt/dom/machines/select";
+//#region src/components/select/use-context.ts
+const [SelectProvider, useSelectContext] = createContext$1({
+	hookName: "useSelectContext",
+	providerName: "<SelectProvider />"
+});
+//#endregion
+//#region src/components/select/clear-trigger.tsx
+const SelectClearTrigger = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getClearTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/select/content.tsx
+const SelectContent = (props) => {
+	const select = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => select().getContentProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/select/context.tsx
+const SelectContext = (props) => props.children(useSelectContext());
+//#endregion
+//#region src/components/select/control.tsx
+const SelectControl = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getControlProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/select/hidden-select.tsx
+const SelectHiddenSelect = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getHiddenSelectProps(), props);
+	const isValueEmpty = createMemo(() => select().value.length === 0);
+	const field = useFieldContext();
+	return createComponent(wire.select, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps, { get children() {
+		return [createComponent(Show, {
+			get when() {
+				return isValueEmpty();
+			},
+			get children() {
+				return createComponent(wire.option, { value: "" });
+			}
+		}), createComponent(Index, {
+			get each() {
+				return select().collection.items;
+			},
+			children: (item) => createComponent(wire.option, {
+				get value() {
+					return select().collection.getItemValue(item()) ?? "";
+				},
+				get disabled() {
+					return select().collection.getItemDisabled(item());
+				},
+				get children() {
+					return select().collection.stringifyItem(item());
+				}
+			})
+		})];
+	} }));
+};
+//#endregion
+//#region src/components/select/indicator.tsx
+const SelectIndicator = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getIndicatorProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/select/use-item-context.ts
+const [SelectItemProvider, useSelectItemContext] = createContext$1({
+	hookName: "useSelectItemContext",
+	providerName: "<SelectItemProvider />"
+});
+//#endregion
+//#region src/components/select/use-item-props-context.ts
+const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext$1({
+	hookName: "useSelectItemPropsContext",
+	providerName: "<SelectItemPropsProvider />"
+});
+//#endregion
+//#region src/components/select/item.tsx
+const SelectItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => select().getItemState(itemProps));
+	return createComponent(SelectItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(SelectItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/select/item-context.tsx
+const SelectItemContext = (props) => props.children(useSelectItemContext());
+//#endregion
+//#region src/components/select/use-item-group-props-context.ts
+const [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext$1({
+	hookName: "useSelectItemGroupPropsContext",
+	providerName: "<SelectItemGroupPropsProvider />"
+});
+//#endregion
+//#region src/components/select/item-group.tsx
+const SelectItemGroup = (props) => {
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const select = useSelectContext();
+	const itemGroupProps = mergeProps$2({ id: createUniqueId() }, _itemGroupProps);
+	const mergedProps = mergeProps$2(() => select().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(SelectItemGroupPropsProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/select/item-group-label.tsx
+const SelectItemGroupLabel = (props) => {
+	const select = useSelectContext();
+	const itemGroupProps = useSelectItemGroupPropsContext();
+	const mergedProps = mergeProps$2(() => select().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/select/item-indicator.tsx
+const SelectItemIndicator = (props) => {
+	const select = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$2(() => select().getItemIndicatorProps(itemProps), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/select/item-text.tsx
+const SelectItemText = (props) => {
+	const select = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$2(() => select().getItemTextProps(itemProps), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/select/label.tsx
+const SelectLabel = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getLabelProps(), props);
+	return createComponent(wire.label, mergedProps);
+};
+//#endregion
+//#region src/components/select/list.tsx
+const SelectList = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getListProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/select/positioner.tsx
+const SelectPositioner = (props) => {
+	const select = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => select().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/select/use.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/root.tsx
+const SelectRoot = (props) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [useSelectProps, localProps] = createSplitProps()(selectProps, [
+		"autoComplete",
+		"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",
+		"translations",
+		"value"
+	]);
+	const select = useSelect(useSelectProps);
+	const presenceApi = usePresence(mergeProps$2(() => ({ present: select().open }), presenceProps));
+	const mergedProps = mergeProps$2(() => select().getRootProps(), localProps);
+	return createComponent(SelectProvider, {
+		value: select,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presenceApi,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/select/root-provider.tsx
+const SelectRootProvider = (props) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [{ value: select }, localProps] = createSplitProps()(selectProps, ["value"]);
+	const presence = usePresence(mergeProps$2(() => ({ present: select().open }), presenceProps));
+	const mergedProps = mergeProps$2(() => select().getRootProps(), localProps);
+	return createComponent(SelectProvider, {
+		value: select,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return createComponent(wire.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/select/trigger.tsx
+const SelectTrigger = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/select/value-text.tsx
+const SelectValueText = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$2(() => select().getValueTextProps(), props);
+	return createComponent(wire.span, mergeProps$1(mergedProps, { get children() {
+		return select().valueAsString || props.placeholder;
+	} }));
+};
+//#endregion
+//#region src/components/select/select.ts
+var select_exports = /* @__PURE__ */ __exportAll({
+	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/select.jsx

@@ -0,0 +1,283 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, i as useMachine, l as createSplitProps, r as normalizeProps, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { h as useFieldContext } from "./field-R5jVNdtK.jsx";
+import { n as useListCollection, o as createListCollection } from "./collection-Mkvw6TyT.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-9UGkuyfn.jsx";
+import { Index, Show, createMemo, createUniqueId } from "solid-js";
+import * as select from "@wirekyt/dom/machines/select";
+import { anatomy as selectAnatomy } from "@wirekyt/dom/machines/select";
+//#region src/components/select/use-context.ts
+const [SelectProvider, useSelectContext] = createContext$1({
+	hookName: "useSelectContext",
+	providerName: "<SelectProvider />"
+});
+//#endregion
+//#region src/components/select/clear-trigger.tsx
+const SelectClearTrigger = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getClearTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/content.tsx
+const SelectContent = (props) => {
+	const select = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => select().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/select/context.tsx
+const SelectContext = (props) => props.children(useSelectContext());
+//#endregion
+//#region src/components/select/control.tsx
+const SelectControl = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getControlProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/hidden-select.tsx
+const SelectHiddenSelect = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getHiddenSelectProps(), props);
+	const isValueEmpty = createMemo(() => select().value.length === 0);
+	const field = useFieldContext();
+	return <wire.select aria-describedby={field?.().ariaDescribedby} {...mergedProps}>
+      <Show when={isValueEmpty()}>
+        <wire.option value="" />
+      </Show>
+      <Index each={select().collection.items}>
+        {(item) => <wire.option value={select().collection.getItemValue(item()) ?? ""} disabled={select().collection.getItemDisabled(item())}>
+            {select().collection.stringifyItem(item())}
+          </wire.option>}
+      </Index>
+    </wire.select>;
+};
+//#endregion
+//#region src/components/select/indicator.tsx
+const SelectIndicator = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getIndicatorProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/use-item-context.ts
+const [SelectItemProvider, useSelectItemContext] = createContext$1({
+	hookName: "useSelectItemContext",
+	providerName: "<SelectItemProvider />"
+});
+//#endregion
+//#region src/components/select/use-item-props-context.ts
+const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext$1({
+	hookName: "useSelectItemPropsContext",
+	providerName: "<SelectItemPropsProvider />"
+});
+//#endregion
+//#region src/components/select/item.tsx
+const SelectItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => select().getItemState(itemProps));
+	return <SelectItemPropsProvider value={itemProps}>
+      <SelectItemProvider value={itemState}>
+        <wire.div {...mergedProps} />
+      </SelectItemProvider>
+    </SelectItemPropsProvider>;
+};
+//#endregion
+//#region src/components/select/item-context.tsx
+const SelectItemContext = (props) => props.children(useSelectItemContext());
+//#endregion
+//#region src/components/select/use-item-group-props-context.ts
+const [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext$1({
+	hookName: "useSelectItemGroupPropsContext",
+	providerName: "<SelectItemGroupPropsProvider />"
+});
+//#endregion
+//#region src/components/select/item-group.tsx
+const SelectItemGroup = (props) => {
+	const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const select = useSelectContext();
+	const itemGroupProps = mergeProps$1({ id: createUniqueId() }, _itemGroupProps);
+	const mergedProps = mergeProps$1(() => select().getItemGroupProps(itemGroupProps), localProps);
+	return <SelectItemGroupPropsProvider value={itemGroupProps}>
+      <wire.div {...mergedProps} />
+    </SelectItemGroupPropsProvider>;
+};
+//#endregion
+//#region src/components/select/item-group-label.tsx
+const SelectItemGroupLabel = (props) => {
+	const select = useSelectContext();
+	const itemGroupProps = useSelectItemGroupPropsContext();
+	const mergedProps = mergeProps$1(() => select().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/item-indicator.tsx
+const SelectItemIndicator = (props) => {
+	const select = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$1(() => select().getItemIndicatorProps(itemProps), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/item-text.tsx
+const SelectItemText = (props) => {
+	const select = useSelectContext();
+	const itemProps = useSelectItemPropsContext();
+	const mergedProps = mergeProps$1(() => select().getItemTextProps(itemProps), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/label.tsx
+const SelectLabel = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getLabelProps(), props);
+	return <wire.label {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/list.tsx
+const SelectList = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getListProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/positioner.tsx
+const SelectPositioner = (props) => {
+	const select = useSelectContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => select().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/select/use.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/root.tsx
+const SelectRoot = (props) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [useSelectProps, localProps] = createSplitProps()(selectProps, [
+		"autoComplete",
+		"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",
+		"translations",
+		"value"
+	]);
+	const select = useSelect(useSelectProps);
+	const presenceApi = usePresence(mergeProps$1(() => ({ present: select().open }), presenceProps));
+	const mergedProps = mergeProps$1(() => select().getRootProps(), localProps);
+	return <SelectProvider value={select}>
+      <PresenceProvider value={presenceApi}>
+        <wire.div {...mergedProps} />
+      </PresenceProvider>
+    </SelectProvider>;
+};
+//#endregion
+//#region src/components/select/root-provider.tsx
+const SelectRootProvider = (props) => {
+	const [presenceProps, selectProps] = splitPresenceProps(props);
+	const [{ value: select }, localProps] = createSplitProps()(selectProps, ["value"]);
+	const presence = usePresence(mergeProps$1(() => ({ present: select().open }), presenceProps));
+	const mergedProps = mergeProps$1(() => select().getRootProps(), localProps);
+	return <SelectProvider value={select}>
+      <PresenceProvider value={presence}>
+        <wire.div {...mergedProps} />
+      </PresenceProvider>
+    </SelectProvider>;
+};
+//#endregion
+//#region src/components/select/trigger.tsx
+const SelectTrigger = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/select/value-text.tsx
+const SelectValueText = (props) => {
+	const select = useSelectContext();
+	const mergedProps = mergeProps$1(() => select().getValueTextProps(), props);
+	return <wire.span {...mergedProps}>{select().valueAsString || props.placeholder}</wire.span>;
+};
+//#endregion
+//#region src/components/select/select.ts
+var select_exports = /* @__PURE__ */ __exportAll({
+	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 };