@youcan/celeste 0.6.102 → 0.7.0

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

@@ -1,8 +1,228 @@
-import { Pt as qy, Q as Yy, S as Jy } from "./dist.js";
 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 { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+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.1_vue@3.5.13_typescript@5.9.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;
+			handleAndDispatchCustomEvent(SELECT_SELECT, handleSelect, {
+				originalEvent: ev,
+				value: props.value
+			});
+		}
+		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.1_vue@3.5.13_typescript@5.9.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.1_vue@3.5.13_typescript@5.9.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"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/select/select-item.vue
 var select_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -19,11 +239,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(qy), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-item", props.class) }), {
-				default: withCtx(() => [createVNode(unref(Jy), null, {
+			return openBlock(), createBlock(unref(SelectItem_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-item", props.class) }), {
+				default: withCtx(() => [createVNode(unref(SelectItemText_default), null, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}), createVNode(unref(Yy), null, {
+				}), createVNode(unref(SelectItemIndicator_default), null, {
 					default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("i", { class: "i-celeste-check-line" }, null, -1)])),
 					_: 1
 				})]),
@@ -31,6 +251,6 @@ var select_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-a4494ea7"]]);
+}), [["__scopeId", "data-v-8e1bc34c"]]);
 //#endregion
 export { select_item_default as t };

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

@@ -1,8 +1,38 @@
-import { tt as Zy } from "./dist.js";
 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.1_vue@3.5.13_typescript@5.9.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"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/select/select-label.vue
 var select_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -17,12 +47,12 @@ 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(Zy), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-label", props.class) }), {
+			return openBlock(), createBlock(unref(SelectLabel_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-label", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-991db888"]]);
+}), [["__scopeId", "data-v-94249cb9"]]);
 //#endregion
 export { select_label_default as t };

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

@@ -1,8 +1,31 @@
-import { h as Gy } from "./dist.js";
 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, unref } from "vue";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.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);
+		};
+	}
+});
 //#endregion
 //#region src/components/select/select-separator.vue
 var select_separator_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -16,9 +39,9 @@ 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(Gy), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-separator", props.class) }), null, 16, ["class"]);
+			return openBlock(), createBlock(unref(SelectSeparator_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-2ee1d06a"]]);
+}), [["__scopeId", "data-v-5be2879b"]]);
 //#endregion
 export { select_separator_default as t };

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

@@ -1,14 +1,173 @@
-import { Et as ng, _ as Hy } from "./dist.js";
 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 { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.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.1_vue@3.5.13_typescript@5.9.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).contentId,
+					"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"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/select/select-trigger.vue
 var select_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "select-trigger",
 	props: {
 		disabled: { type: Boolean },
+		reference: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: {},
@@ -20,8 +179,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(Hy), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-trigger", props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createVNode(unref(ng), { "as-child": "" }, {
+			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": "" }, {
 					default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("i", { class: "i-celeste-arrow-down-s-line" }, null, -1)])),
 					_: 1
 				})]),
@@ -29,6 +188,6 @@ var select_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-a17f9d9c"]]);
+}), [["__scopeId", "data-v-cde76a9f"]]);
 //#endregion
 export { select_trigger_default as t };

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

@@ -1,8 +1,68 @@
-import { ot as ag } from "./dist.js";
 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 { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { computed, createBlock, createTextVNode, defineComponent, mergeProps, onMounted, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.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"
+			]);
+		};
+	}
+});
 //#endregion
 //#region src/components/select/select-value.vue
 var select_value_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -17,12 +77,12 @@ 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(ag), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-value", props.class) }), {
+			return openBlock(), createBlock(unref(SelectValue_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-value", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-910436b4"]]);
+}), [["__scopeId", "data-v-7bf996ee"]]);
 //#endregion
 export { select_value_default as t };

package/dist/es/chunks/select.js

@@ -1,5 +1,6 @@
-import { C as Ky, I as Se } from "./dist.js";
 import { t as clsx } from "./clsx.js";
+import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as SelectRoot_default } from "./BubbleSelect.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
@@ -11,10 +12,13 @@ var select_default = /* @__PURE__ */ defineComponent({
 		defaultOpen: { type: Boolean },
 		defaultValue: {},
 		modelValue: {},
+		nullableValue: {},
+		by: { type: [String, Function] },
 		dir: {},
-		name: {},
+		multiple: { type: Boolean },
 		autocomplete: {},
 		disabled: { type: Boolean },
+		name: {},
 		required: { type: Boolean },
 		class: {}
 	},
@@ -22,9 +26,9 @@ var select_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = Se(useDelegatedProps(props, "class"), emits);
+		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Ky), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-select", props.class) }), {
+			return openBlock(), createBlock(unref(SelectRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-select", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);