@youcan/celeste 0.21.2 → 0.22.1

package/dist/es/chunks/select-item.js

@@ -1,229 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as createContext } from "./createContext.js";
-import { t as getActiveElement } from "./getActiveElement.js";
-import { t as handleAndDispatchCustomEvent } from "./handleAndDispatchCustomEvent.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useId } from "./useId.js";
-import { t as useCollection } from "./Collection.js";
-import { a as SELECTION_KEYS, n as injectSelectRootContext, s as valueComparator } from "./BubbleSelect.js";
-import { i as injectSelectContentContext } from "./SelectItemAlignedPosition.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, onMounted, onUnmounted, openBlock, ref, renderSlot, toRefs, unref, withCtx, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectItem.js
-var [injectSelectItemContext, provideSelectItemContext] = /*#__PURE__*/ createContext("SelectItem");
-var SelectItem_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectItem",
-	props: {
-		value: {
-			type: null,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		textValue: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	emits: ["select"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { disabled } = toRefs(props);
-		const rootContext = injectSelectRootContext();
-		const contentContext = injectSelectContentContext();
-		const { forwardRef, currentElement } = useForwardExpose();
-		const { CollectionItem } = useCollection();
-		const isSelected = computed(() => valueComparator(rootContext.modelValue?.value, props.value, rootContext.by));
-		const isFocused = ref(false);
-		const textValue = ref(props.textValue ?? "");
-		const textId = useId(void 0, "reka-select-item-text");
-		const SELECT_SELECT = "select.select";
-		async function handleSelectCustomEvent(ev) {
-			if (ev.defaultPrevented) return;
-			const eventDetail = {
-				originalEvent: ev,
-				value: props.value
-			};
-			handleAndDispatchCustomEvent(SELECT_SELECT, handleSelect, eventDetail);
-		}
-		async function handleSelect(ev) {
-			await nextTick();
-			emits("select", ev);
-			if (ev.defaultPrevented) return;
-			if (!disabled.value) {
-				rootContext.onValueChange(props.value);
-				if (!rootContext.multiple.value) rootContext.onOpenChange(false);
-			}
-		}
-		async function handlePointerMove(event) {
-			await nextTick();
-			if (event.defaultPrevented) return;
-			if (disabled.value) contentContext.onItemLeave?.();
-			else event.currentTarget?.focus({ preventScroll: true });
-		}
-		async function handlePointerLeave(event) {
-			await nextTick();
-			if (event.defaultPrevented) return;
-			if (event.currentTarget === getActiveElement()) contentContext.onItemLeave?.();
-		}
-		async function handleKeyDown(event) {
-			await nextTick();
-			if (event.defaultPrevented) return;
-			if (contentContext.searchRef?.value !== "" && event.key === " ") return;
-			if (SELECTION_KEYS.includes(event.key)) handleSelectCustomEvent(event);
-			if (event.key === " ") event.preventDefault();
-		}
-		if (props.value === "") throw new Error("A <SelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
-		onMounted(() => {
-			if (!currentElement.value) return;
-			contentContext.itemRefCallback(currentElement.value, props.value, props.disabled);
-		});
-		provideSelectItemContext({
-			value: props.value,
-			disabled,
-			textId,
-			isSelected,
-			onItemTextChange: (node) => {
-				textValue.value = ((textValue.value || node?.textContent) ?? "").trim();
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollectionItem), { value: { textValue: textValue.value } }, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					ref: unref(forwardRef),
-					role: "option",
-					"aria-labelledby": unref(textId),
-					"data-highlighted": isFocused.value ? "" : void 0,
-					"aria-selected": isSelected.value,
-					"data-state": isSelected.value ? "checked" : "unchecked",
-					"aria-disabled": unref(disabled) || void 0,
-					"data-disabled": unref(disabled) ? "" : void 0,
-					tabindex: unref(disabled) ? void 0 : -1,
-					as: _ctx.as,
-					"as-child": _ctx.asChild,
-					onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
-					onBlur: _cache[1] || (_cache[1] = ($event) => isFocused.value = false),
-					onPointerup: handleSelectCustomEvent,
-					onPointerdown: _cache[2] || (_cache[2] = (event) => {
-						event.currentTarget.focus({ preventScroll: true });
-					}),
-					onTouchend: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent", "stop"])),
-					onPointermove: handlePointerMove,
-					onPointerleave: handlePointerLeave,
-					onKeydown: handleKeyDown
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"aria-labelledby",
-					"data-highlighted",
-					"aria-selected",
-					"data-state",
-					"aria-disabled",
-					"data-disabled",
-					"tabindex",
-					"as",
-					"as-child"
-				])]),
-				_: 3
-			}, 8, ["value"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectItemIndicator.js
-var SelectItemIndicator_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectItemIndicator",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const itemContext = injectSelectItemContext();
-		return (_ctx, _cache) => {
-			return unref(itemContext).isSelected.value ? (openBlock(), createBlock(unref(Primitive), mergeProps({
-				key: 0,
-				"aria-hidden": "true"
-			}, props), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16)) : createCommentVNode("v-if", true);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectItemText.js
-var SelectItemText_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "SelectItemText",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectSelectRootContext();
-		const contentContext = injectSelectContentContext();
-		const itemContext = injectSelectItemContext();
-		const { forwardRef, currentElement: itemTextElement } = useForwardExpose();
-		const optionProps = computed(() => {
-			return {
-				value: itemContext.value,
-				disabled: itemContext.disabled.value,
-				textContent: itemTextElement.value?.textContent ?? itemContext.value?.toString() ?? ""
-			};
-		});
-		onMounted(() => {
-			if (!itemTextElement.value) return;
-			itemContext.onItemTextChange(itemTextElement.value);
-			contentContext.itemTextRefCallback(itemTextElement.value, itemContext.value, itemContext.disabled.value);
-			rootContext.onOptionAdd(optionProps.value);
-		});
-		onUnmounted(() => {
-			rootContext.onOptionRemove(optionProps.value);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps({
-				id: unref(itemContext).textId,
-				ref: unref(forwardRef)
-			}, {
-				...props,
-				..._ctx.$attrs
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["id"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { SelectItem, SelectItemIndicator, SelectItemText } from "reka-ui";
 //#endregion
 //#region src/components/select/select-item.vue
 var select_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -246,11 +25,11 @@ var select_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectItem_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-item", props.class) }), {
-				default: withCtx(() => [createVNode(unref(SelectItemText_default), null, {
+			return openBlock(), createBlock(unref(SelectItem), mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-select-item", props.class) }), {
+				default: withCtx(() => [createVNode(unref(SelectItemText), null, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}), createVNode(unref(SelectItemIndicator_default), null, {
+				}), createVNode(unref(SelectItemIndicator), null, {
 					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "i-celeste-check-line" }, null, -1)])]),
 					_: 1
 				})]),

package/dist/es/chunks/select-label.js

@@ -1,38 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { n as injectSelectGroupContext } from "./SelectGroup.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectLabel.js
-var SelectLabel_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectLabel",
-	props: {
-		for: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const groupContext = injectSelectGroupContext({ id: "" });
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(groupContext).id }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["id"]);
-		};
-	}
-});
+import clsx$1 from "clsx";
+import { SelectLabel } from "reka-ui";
 //#endregion
 //#region src/components/select/select-label.vue
 var select_label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -53,7 +23,7 @@ var select_label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectLabel_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-label", props.class) }), {
+			return openBlock(), createBlock(unref(SelectLabel), mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-select-label", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/chunks/select-separator.js

@@ -1,31 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectSeparator.js
-var SelectSeparator_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectSeparator",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps({ "aria-hidden": "true" }, props), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import clsx$1 from "clsx";
+import { SelectSeparator } from "reka-ui";
 //#endregion
 //#region src/components/select/select-separator.vue
 var select_separator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -45,7 +22,7 @@ var select_separator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectSeparator_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-separator", props.class) }), null, 16, ["class"]);
+			return openBlock(), createBlock(unref(SelectSeparator), mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-select-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
 }), [["__scopeId", "data-v-5be2879b"]]);

package/dist/es/chunks/select-trigger.js

@@ -1,166 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useId } from "./useId.js";
-import { t as useTypeahead } from "./useTypeahead.js";
-import { t as useCollection } from "./Collection.js";
-import { t as PopperAnchor_default } from "./PopperAnchor.js";
-import { i as OPEN_KEYS, n as injectSelectRootContext, o as shouldShowPlaceholder } from "./BubbleSelect.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectIcon.js
-var SelectIcon_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectIcon",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				"aria-hidden": "true",
-				as: _ctx.as,
-				"as-child": _ctx.asChild
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("▼"))])]),
-				_: 3
-			}, 8, ["as", "as-child"]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectTrigger.js
-var SelectTrigger_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectTrigger",
-	props: {
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		reference: {
-			type: null,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectSelectRootContext();
-		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
-		const isDisabled = computed(() => rootContext.disabled?.value || props.disabled);
-		rootContext.contentId ||= useId(void 0, "reka-select-content");
-		onMounted(() => {
-			rootContext.onTriggerChange(triggerElement.value);
-		});
-		const { getItems } = useCollection();
-		const { search, handleTypeaheadSearch, resetTypeahead } = useTypeahead();
-		function handleOpen() {
-			if (!isDisabled.value) {
-				rootContext.onOpenChange(true);
-				resetTypeahead();
-			}
-		}
-		function handlePointerOpen(event) {
-			handleOpen();
-			rootContext.triggerPointerDownPosRef.value = {
-				x: Math.round(event.pageX),
-				y: Math.round(event.pageY)
-			};
-		}
-		function isPlainLeftClick(event) {
-			return event.button === 0 && event.ctrlKey === false;
-		}
-		let openedFromPointerDown = false;
-		function onTriggerPointerDown(event) {
-			if (event.pointerType === "touch") return event.preventDefault();
-			const target = event.target;
-			if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
-			if (isPlainLeftClick(event)) {
-				handlePointerOpen(event);
-				openedFromPointerDown = true;
-			}
-		}
-		function onTriggerMouseDown(event) {
-			if (isPlainLeftClick(event)) event.preventDefault();
-		}
-		function onTriggerClick(event) {
-			if (!openedFromPointerDown) event.currentTarget?.focus();
-			openedFromPointerDown = false;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopperAnchor_default), {
-				"as-child": "",
-				reference: _ctx.reference
-			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					ref: unref(forwardRef),
-					role: "combobox",
-					type: _ctx.as === "button" ? "button" : void 0,
-					"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
-					"aria-expanded": unref(rootContext).open.value || false,
-					"aria-required": unref(rootContext).required?.value,
-					"aria-autocomplete": "none",
-					disabled: isDisabled.value,
-					dir: unref(rootContext)?.dir.value,
-					"data-state": unref(rootContext)?.open.value ? "open" : "closed",
-					"data-disabled": isDisabled.value ? "" : void 0,
-					"data-placeholder": unref(shouldShowPlaceholder)(unref(rootContext).modelValue?.value) ? "" : void 0,
-					"as-child": _ctx.asChild,
-					as: _ctx.as,
-					onClick: onTriggerClick,
-					onPointerdown: onTriggerPointerDown,
-					onMousedown: onTriggerMouseDown,
-					onPointerup: _cache[0] || (_cache[0] = withModifiers((event) => {
-						if (event.pointerType === "touch") handlePointerOpen(event);
-					}, ["prevent"])),
-					onKeydown: _cache[1] || (_cache[1] = (event) => {
-						const isTypingAhead = unref(search) !== "";
-						if (!(event.ctrlKey || event.altKey || event.metaKey) && event.key.length === 1) {
-							if (isTypingAhead && event.key === " ") return;
-						}
-						unref(handleTypeaheadSearch)(event.key, unref(getItems)());
-						if (unref(OPEN_KEYS).includes(event.key)) {
-							handleOpen();
-							event.preventDefault();
-						}
-					})
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"type",
-					"aria-controls",
-					"aria-expanded",
-					"aria-required",
-					"disabled",
-					"dir",
-					"data-state",
-					"data-disabled",
-					"data-placeholder",
-					"as-child",
-					"as"
-				])]),
-				_: 3
-			}, 8, ["reference"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { SelectIcon, SelectTrigger } from "reka-ui";
 //#endregion
 //#region src/components/select/select-trigger.vue
 var select_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -185,8 +27,8 @@ var select_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectTrigger_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-trigger", props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createVNode(unref(SelectIcon_default), { "as-child": "" }, {
+			return openBlock(), createBlock(unref(SelectTrigger), mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-select-trigger", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createVNode(unref(SelectIcon), { "as-child": "" }, {
 					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "i-celeste-arrow-down-s-line" }, null, -1)])]),
 					_: 1
 				})]),

package/dist/es/chunks/select-value.js

@@ -1,68 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { n as injectSelectRootContext, s as valueComparator } from "./BubbleSelect.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createTextVNode, defineComponent, mergeProps, onMounted, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectValue.js
-var SelectValue_default = /* @__PURE__ */ defineComponent({
-	__name: "SelectValue",
-	props: {
-		placeholder: {
-			type: String,
-			required: false,
-			default: ""
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef, currentElement } = useForwardExpose();
-		const rootContext = injectSelectRootContext();
-		onMounted(() => {
-			rootContext.valueElement = currentElement;
-		});
-		const selectedLabel = computed(() => {
-			let list = [];
-			const options = Array.from(rootContext.optionsSet.value);
-			const getOption = (value) => options.find((option) => valueComparator(value, option.value, rootContext.by));
-			if (Array.isArray(rootContext.modelValue.value)) list = rootContext.modelValue.value.map((value) => getOption(value)?.textContent ?? "");
-			else list = [getOption(rootContext.modelValue.value)?.textContent ?? ""];
-			return list.filter(Boolean);
-		});
-		const slotText = computed(() => {
-			return selectedLabel.value.length ? selectedLabel.value.join(", ") : props.placeholder;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				ref: unref(forwardRef),
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				style: { pointerEvents: "none" },
-				"data-placeholder": selectedLabel.value.length ? void 0 : props.placeholder
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					selectedLabel: selectedLabel.value,
-					modelValue: unref(rootContext).modelValue.value
-				}, () => [createTextVNode(toDisplayString(slotText.value), 1)])]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"data-placeholder"
-			]);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { SelectValue } from "reka-ui";
 //#endregion
 //#region src/components/select/select-value.vue
 var select_value_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -83,7 +23,7 @@ var select_value_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectValue_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-value", props.class) }), {
+			return openBlock(), createBlock(unref(SelectValue), mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-select-value", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/chunks/select.js

@@ -1,10 +1,8 @@
-import { t as clsx } from "./clsx.js";
-import { t as ConfigProvider_default } from "./ConfigProvider.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as SelectRoot_default } from "./BubbleSelect.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { useDirection } from "../use-direction.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ConfigProvider, SelectRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/select/select.vue
 var select_default = /* @__PURE__ */ defineComponent({
@@ -38,11 +36,11 @@ var select_default = /* @__PURE__ */ defineComponent({
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectRoot_default), mergeProps(unref(forwarded), {
-				class: unref(clsx)("celeste-select", props.class),
+			return openBlock(), createBlock(unref(SelectRoot), mergeProps(unref(forwarded), {
+				class: unref(clsx$1)("celeste-select", props.class),
 				dir: unref(dir)
 			}), {
-				default: withCtx(() => [createVNode(unref(ConfigProvider_default), { dir: unref(dir) }, {
+				default: withCtx(() => [createVNode(unref(ConfigProvider), { dir: unref(dir) }, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, ["dir"])]),

package/dist/es/chunks/sheet-close.js

@@ -1,7 +1,7 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as DialogClose_default } from "./DialogClose.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { DialogClose } from "reka-ui";
 //#endregion
 //#region src/components/sheet/sheet-close.vue
 var sheet_close_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -20,7 +20,7 @@ var sheet_close_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogClose_default), mergeProps({ class: unref(clsx)("celeste-sheet-close", props.class) }, props), {
+			return openBlock(), createBlock(unref(DialogClose), mergeProps({ class: unref(clsx$1)("celeste-sheet-close", props.class) }, props), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);