@youcan/celeste 0.21.1 → 0.22.0

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

@@ -1,230 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_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;
-			const eventDetail = {
-				originalEvent: ev,
-				value: props.value
-			};
-			require_handleAndDispatchCustomEvent.handleAndDispatchCustomEvent(SELECT_SELECT, handleSelect, eventDetail);
-		}
-		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.5_vue@3.5.41_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.5_vue@3.5.41_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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -246,11 +26,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)(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, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.SelectItem), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-select-item", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.SelectItemText), null, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}), (0, vue.createVNode)((0, vue.unref)(SelectItemIndicator_default), null, {
+				}), (0, vue.createVNode)((0, vue.unref)(reka_ui.SelectItemIndicator), null, {
 					default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("i", { class: "i-celeste-check-line" }, null, -1)])]),
 					_: 1
 				})]),

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

@@ -1,39 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -53,7 +24,7 @@ var select_label_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)(SelectLabel_default), (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)(reka_ui.SelectLabel), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-select-label", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

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

@@ -1,32 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -45,7 +23,7 @@ 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)(SelectSeparator_default), (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)(reka_ui.SelectSeparator), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-select-separator", props.class) }), null, 16, ["class"]);
 		};
 	}
 });

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

@@ -1,167 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_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.5_vue@3.5.41_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).open.value ? (0, vue.unref)(rootContext).contentId : void 0,
-					"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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -185,8 +28,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)(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": "" }, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.SelectTrigger), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-select-trigger", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createVNode)((0, vue.unref)(reka_ui.SelectIcon), { "as-child": "" }, {
 					default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-down-s-line" }, null, -1)])]),
 					_: 1
 				})]),

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

@@ -1,69 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.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.5_vue@3.5.41_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
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#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",
@@ -83,7 +24,7 @@ var select_value_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)(SelectValue_default), (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)(reka_ui.SelectValue), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(clsx.default)("celeste-select-value", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/cjs/chunks/select.cjs

@@ -1,10 +1,10 @@
-const require_clsx = require("./clsx.cjs");
-const require_ConfigProvider = require("./ConfigProvider.cjs");
-const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
-const require_BubbleSelect = require("./BubbleSelect.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#endregion
 //#region src/components/select/select.vue
 var select_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -35,14 +35,14 @@ var select_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const props = __props;
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(delegatedProps, emits);
 		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_BubbleSelect.SelectRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-select", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.SelectRoot), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(clsx.default)("celeste-select", props.class),
 				dir: (0, vue.unref)(dir)
 			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.ConfigProvider), { dir: (0, vue.unref)(dir) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, ["dir"])]),

package/dist/cjs/chunks/sheet-close.cjs

@@ -1,7 +1,9 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_DialogClose = require("./DialogClose.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/sheet/sheet-close.vue?vue&type=script&setup=true&lang.ts
 var sheet_close_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "sheet-close",
@@ -19,7 +21,7 @@ var sheet_close_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogClose.DialogClose_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-sheet-close", props.class) }, props), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogClose), (0, vue.mergeProps)({ class: (0, vue.unref)(clsx.default)("celeste-sheet-close", props.class) }, props), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);