@youcan/celeste 0.6.102 → 0.7.1

package/dist/cjs/chunks/select-item.cjs

@@ -1,8 +1,230 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_getActiveElement = require("./getActiveElement.cjs");
+const require_handleAndDispatchCustomEvent = require("./handleAndDispatchCustomEvent.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useId = require("./useId.cjs");
+const require_Collection = require("./Collection.cjs");
+const require_BubbleSelect = require("./BubbleSelect.cjs");
+const require_SelectItemAlignedPosition = require("./SelectItemAlignedPosition.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectItem.js
+var [injectSelectItemContext, provideSelectItemContext] = /* @__PURE__ */ require_createContext.createContext("SelectItem");
+var SelectItem_default = /* @__PURE__ */ (0, vue.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 } = (0, vue.toRefs)(props);
+		const rootContext = require_BubbleSelect.injectSelectRootContext();
+		const contentContext = require_SelectItemAlignedPosition.injectSelectContentContext();
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		const { CollectionItem } = require_Collection.useCollection();
+		const isSelected = (0, vue.computed)(() => require_BubbleSelect.valueComparator(rootContext.modelValue?.value, props.value, rootContext.by));
+		const isFocused = (0, vue.ref)(false);
+		const textValue = (0, vue.ref)(props.textValue ?? "");
+		const textId = require_useId.useId(void 0, "reka-select-item-text");
+		const SELECT_SELECT = "select.select";
+		async function handleSelectCustomEvent(ev) {
+			if (ev.defaultPrevented) return;
+			require_handleAndDispatchCustomEvent.handleAndDispatchCustomEvent(SELECT_SELECT, handleSelect, {
+				originalEvent: ev,
+				value: props.value
+			});
+		}
+		async function handleSelect(ev) {
+			await (0, vue.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 (0, vue.nextTick)();
+			if (event.defaultPrevented) return;
+			if (disabled.value) contentContext.onItemLeave?.();
+			else event.currentTarget?.focus({ preventScroll: true });
+		}
+		async function handlePointerLeave(event) {
+			await (0, vue.nextTick)();
+			if (event.defaultPrevented) return;
+			if (event.currentTarget === require_getActiveElement.getActiveElement()) contentContext.onItemLeave?.();
+		}
+		async function handleKeyDown(event) {
+			await (0, vue.nextTick)();
+			if (event.defaultPrevented) return;
+			if (contentContext.searchRef?.value !== "" && event.key === " ") return;
+			if (require_BubbleSelect.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.");
+		(0, vue.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 (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CollectionItem), { value: { textValue: textValue.value } }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+					ref: (0, vue.unref)(forwardRef),
+					role: "option",
+					"aria-labelledby": (0, vue.unref)(textId),
+					"data-highlighted": isFocused.value ? "" : void 0,
+					"aria-selected": isSelected.value,
+					"data-state": isSelected.value ? "checked" : "unchecked",
+					"aria-disabled": (0, vue.unref)(disabled) || void 0,
+					"data-disabled": (0, vue.unref)(disabled) ? "" : void 0,
+					tabindex: (0, vue.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] = (0, vue.withModifiers)(() => {}, ["prevent", "stop"])),
+					onPointermove: handlePointerMove,
+					onPointerleave: handlePointerLeave,
+					onKeydown: handleKeyDown
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.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@6.0.3_/node_modules/reka-ui/dist/Select/SelectItemIndicator.js
+var SelectItemIndicator_default = /* @__PURE__ */ (0, vue.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 (0, vue.unref)(itemContext).isSelected.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({
+				key: 0,
+				"aria-hidden": "true"
+			}, props), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16)) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectItemText.js
+var SelectItemText_default = /* @__PURE__ */ (0, vue.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 = require_BubbleSelect.injectSelectRootContext();
+		const contentContext = require_SelectItemAlignedPosition.injectSelectContentContext();
+		const itemContext = injectSelectItemContext();
+		const { forwardRef, currentElement: itemTextElement } = require_useForwardExpose.useForwardExpose();
+		const optionProps = (0, vue.computed)(() => {
+			return {
+				value: itemContext.value,
+				disabled: itemContext.disabled.value,
+				textContent: itemTextElement.value?.textContent ?? itemContext.value?.toString() ?? ""
+			};
+		});
+		(0, vue.onMounted)(() => {
+			if (!itemTextElement.value) return;
+			itemContext.onItemTextChange(itemTextElement.value);
+			contentContext.itemTextRefCallback(itemTextElement.value, itemContext.value, itemContext.disabled.value);
+			rootContext.onOptionAdd(optionProps.value);
+		});
+		(0, vue.onUnmounted)(() => {
+			rootContext.onOptionRemove(optionProps.value);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({
+				id: (0, vue.unref)(itemContext).textId,
+				ref: (0, vue.unref)(forwardRef)
+			}, {
+				...props,
+				..._ctx.$attrs
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/select/select-item.vue?vue&type=script&setup=true&lang.ts
 var select_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "select-item",
@@ -18,11 +240,11 @@ var select_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.qy), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-item", props.class) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.Jy), null, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SelectItem_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-item", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(SelectItemText_default), null, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}), (0, vue.createVNode)((0, vue.unref)(require_dist.Yy), null, {
+				}), (0, vue.createVNode)((0, vue.unref)(SelectItemIndicator_default), null, {
 					default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createElementVNode)("i", { class: "i-celeste-check-line" }, null, -1)])),
 					_: 1
 				})]),
@@ -33,7 +255,7 @@ var select_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 });
 //#endregion
 //#region src/components/select/select-item.vue
-var select_item_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a4494ea7"]]);
+var select_item_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8e1bc34c"]]);
 //#endregion
 Object.defineProperty(exports, "select_item_default", {
 	enumerable: true,

package/dist/cjs/chunks/select-label.cjs

@@ -1,8 +1,40 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_SelectGroup = require("./SelectGroup.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectLabel.js
+var SelectLabel_default = /* @__PURE__ */ (0, vue.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 = require_SelectGroup.injectSelectGroupContext({ id: "" });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(groupContext).id }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/select/select-label.vue?vue&type=script&setup=true&lang.ts
 var select_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "select-label",
@@ -16,7 +48,7 @@ var select_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Zy), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-label", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SelectLabel_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-label", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
@@ -25,7 +57,7 @@ var select_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 });
 //#endregion
 //#region src/components/select/select-label.vue
-var select_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-991db888"]]);
+var select_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-94249cb9"]]);
 //#endregion
 Object.defineProperty(exports, "select_label_default", {
 	enumerable: true,

package/dist/cjs/chunks/select-separator.cjs

@@ -1,8 +1,33 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectSeparator.js
+var SelectSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "SelectSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({ "aria-hidden": "true" }, props), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/select/select-separator.vue?vue&type=script&setup=true&lang.ts
 var select_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "select-separator",
@@ -15,13 +40,13 @@ var select_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Gy), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-separator", props.class) }), null, 16, ["class"]);
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SelectSeparator_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/select/select-separator.vue
-var select_separator_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_separator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2ee1d06a"]]);
+var select_separator_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_separator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5be2879b"]]);
 //#endregion
 Object.defineProperty(exports, "select_separator_default", {
 	enumerable: true,

package/dist/cjs/chunks/select-trigger.cjs

@@ -1,13 +1,174 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useId = require("./useId.cjs");
+const require_useTypeahead = require("./useTypeahead.cjs");
+const require_Collection = require("./Collection.cjs");
+const require_PopperAnchor = require("./PopperAnchor.cjs");
+const require_BubbleSelect = require("./BubbleSelect.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectIcon.js
+var SelectIcon_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "SelectIcon",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "span"
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+				"aria-hidden": "true",
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createTextVNode)("▼"))])]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectTrigger.js
+var SelectTrigger_default = /* @__PURE__ */ (0, vue.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 = require_BubbleSelect.injectSelectRootContext();
+		const { forwardRef, currentElement: triggerElement } = require_useForwardExpose.useForwardExpose();
+		const isDisabled = (0, vue.computed)(() => rootContext.disabled?.value || props.disabled);
+		rootContext.contentId ||= require_useId.useId(void 0, "reka-select-content");
+		(0, vue.onMounted)(() => {
+			rootContext.onTriggerChange(triggerElement.value);
+		});
+		const { getItems } = require_Collection.useCollection();
+		const { search, handleTypeaheadSearch, resetTypeahead } = require_useTypeahead.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 (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PopperAnchor.PopperAnchor_default), {
+				"as-child": "",
+				reference: _ctx.reference
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+					ref: (0, vue.unref)(forwardRef),
+					role: "combobox",
+					type: _ctx.as === "button" ? "button" : void 0,
+					"aria-controls": (0, vue.unref)(rootContext).contentId,
+					"aria-expanded": (0, vue.unref)(rootContext).open.value || false,
+					"aria-required": (0, vue.unref)(rootContext).required?.value,
+					"aria-autocomplete": "none",
+					disabled: isDisabled.value,
+					dir: (0, vue.unref)(rootContext)?.dir.value,
+					"data-state": (0, vue.unref)(rootContext)?.open.value ? "open" : "closed",
+					"data-disabled": isDisabled.value ? "" : void 0,
+					"data-placeholder": (0, vue.unref)(require_BubbleSelect.shouldShowPlaceholder)((0, vue.unref)(rootContext).modelValue?.value) ? "" : void 0,
+					"as-child": _ctx.asChild,
+					as: _ctx.as,
+					onClick: onTriggerClick,
+					onPointerdown: onTriggerPointerDown,
+					onMousedown: onTriggerMouseDown,
+					onPointerup: _cache[0] || (_cache[0] = (0, vue.withModifiers)((event) => {
+						if (event.pointerType === "touch") handlePointerOpen(event);
+					}, ["prevent"])),
+					onKeydown: _cache[1] || (_cache[1] = (event) => {
+						const isTypingAhead = (0, vue.unref)(search) !== "";
+						if (!(event.ctrlKey || event.altKey || event.metaKey) && event.key.length === 1) {
+							if (isTypingAhead && event.key === " ") return;
+						}
+						(0, vue.unref)(handleTypeaheadSearch)(event.key, (0, vue.unref)(getItems)());
+						if ((0, vue.unref)(require_BubbleSelect.OPEN_KEYS).includes(event.key)) {
+							handleOpen();
+							event.preventDefault();
+						}
+					})
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.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?vue&type=script&setup=true&lang.ts
 var select_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "select-trigger",
 	props: {
 		disabled: { type: Boolean },
+		reference: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: {},
@@ -19,8 +180,8 @@ var select_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Hy), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-trigger", props.class) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createVNode)((0, vue.unref)(require_dist.ng), { "as-child": "" }, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SelectTrigger_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-trigger", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createVNode)((0, vue.unref)(SelectIcon_default), { "as-child": "" }, {
 					default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-down-s-line" }, null, -1)])),
 					_: 1
 				})]),
@@ -31,7 +192,7 @@ var select_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/select/select-trigger.vue
-var select_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a17f9d9c"]]);
+var select_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cde76a9f"]]);
 //#endregion
 Object.defineProperty(exports, "select_trigger_default", {
 	enumerable: true,

package/dist/cjs/chunks/select-value.cjs

@@ -1,8 +1,70 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_BubbleSelect = require("./BubbleSelect.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectValue.js
+var SelectValue_default = /* @__PURE__ */ (0, vue.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 } = require_useForwardExpose.useForwardExpose();
+		const rootContext = require_BubbleSelect.injectSelectRootContext();
+		(0, vue.onMounted)(() => {
+			rootContext.valueElement = currentElement;
+		});
+		const selectedLabel = (0, vue.computed)(() => {
+			let list = [];
+			const options = Array.from(rootContext.optionsSet.value);
+			const getOption = (value) => options.find((option) => require_BubbleSelect.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 = (0, vue.computed)(() => {
+			return selectedLabel.value.length ? selectedLabel.value.join(", ") : props.placeholder;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+				ref: (0, vue.unref)(forwardRef),
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				style: { pointerEvents: "none" },
+				"data-placeholder": selectedLabel.value.length ? void 0 : props.placeholder
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					selectedLabel: selectedLabel.value,
+					modelValue: (0, vue.unref)(rootContext).modelValue.value
+				}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(slotText.value), 1)])]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"data-placeholder"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/select/select-value.vue?vue&type=script&setup=true&lang.ts
 var select_value_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "select-value",
@@ -16,7 +78,7 @@ var select_value_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.ag), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-value", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SelectValue_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select-value", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
@@ -25,7 +87,7 @@ var select_value_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 });
 //#endregion
 //#region src/components/select/select-value.vue
-var select_value_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_value_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-910436b4"]]);
+var select_value_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(select_value_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7bf996ee"]]);
 //#endregion
 Object.defineProperty(exports, "select_value_default", {
 	enumerable: true,