@youcan/celeste 0.6.102 → 0.7.0

package/dist/cjs/chunks/collapsible-content.cjs

@@ -1,6 +1,109 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
+const require_dist = require("./dist.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useId = require("./useId.cjs");
+const require_Presence = require("./Presence.cjs");
+const require_CollapsibleRoot = require("./CollapsibleRoot.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleContent.js
+var CollapsibleContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "CollapsibleContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: ["contentFound"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = require_CollapsibleRoot.injectCollapsibleRootContext();
+		rootContext.contentId ||= require_useId.useId(void 0, "reka-collapsible-content");
+		const presentRef = (0, vue.ref)();
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		const width = (0, vue.ref)(0);
+		const height = (0, vue.ref)(0);
+		const isOpen = (0, vue.computed)(() => rootContext.open.value);
+		const isMountAnimationPrevented = (0, vue.ref)(isOpen.value);
+		const currentStyle = (0, vue.ref)();
+		(0, vue.watch)(() => [isOpen.value, presentRef.value?.present], async () => {
+			await (0, vue.nextTick)();
+			const node = currentElement.value;
+			if (!node) return;
+			currentStyle.value = currentStyle.value || {
+				transitionDuration: node.style.transitionDuration,
+				animationName: node.style.animationName
+			};
+			node.style.transitionDuration = "0s";
+			node.style.animationName = "none";
+			const rect = node.getBoundingClientRect();
+			height.value = rect.height;
+			width.value = rect.width;
+			if (!isMountAnimationPrevented.value) {
+				node.style.transitionDuration = currentStyle.value.transitionDuration;
+				node.style.animationName = currentStyle.value.animationName;
+			}
+		}, { immediate: true });
+		const skipAnimation = (0, vue.computed)(() => isMountAnimationPrevented.value && rootContext.open.value);
+		(0, vue.onMounted)(() => {
+			requestAnimationFrame(() => {
+				isMountAnimationPrevented.value = false;
+			});
+		});
+		require_dist.useEventListener(currentElement, "beforematch", (ev) => {
+			requestAnimationFrame(() => {
+				rootContext.onOpenToggle();
+				emits("contentFound");
+			});
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), {
+				ref_key: "presentRef",
+				ref: presentRef,
+				present: _ctx.forceMount || (0, vue.unref)(rootContext).open.value,
+				"force-mount": true
+			}, {
+				default: (0, vue.withCtx)(({ present }) => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(_ctx.$attrs, {
+					id: (0, vue.unref)(rootContext).contentId,
+					ref: (0, vue.unref)(forwardRef),
+					"as-child": props.asChild,
+					as: _ctx.as,
+					hidden: !present ? (0, vue.unref)(rootContext).unmountOnHide.value ? "" : "until-found" : void 0,
+					"data-state": skipAnimation.value ? void 0 : (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+					"data-disabled": (0, vue.unref)(rootContext).disabled?.value ? "" : void 0,
+					style: {
+						[`--reka-collapsible-content-height`]: `${height.value}px`,
+						[`--reka-collapsible-content-width`]: `${width.value}px`
+					}
+				}), {
+					default: (0, vue.withCtx)(() => [((0, vue.unref)(rootContext).unmountOnHide.value ? present : true) ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true)]),
+					_: 2
+				}, 1040, [
+					"id",
+					"as-child",
+					"as",
+					"hidden",
+					"data-state",
+					"data-disabled",
+					"style"
+				])]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/collapsible/collapsible-content.vue
 var collapsible_content_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -14,7 +117,7 @@ var collapsible_content_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Zi), (0, vue.mergeProps)(props, { class: (0, vue.unref)(require_clsx.clsx)("celeste-collapsible-content", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CollapsibleContent_default), (0, vue.mergeProps)(props, { class: (0, vue.unref)(require_clsx.clsx)("celeste-collapsible-content", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

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

@@ -1,5 +1,54 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_CollapsibleRoot = require("./CollapsibleRoot.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleTrigger.js
+var CollapsibleTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CollapsibleTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_useForwardExpose.useForwardExpose();
+		const rootContext = require_CollapsibleRoot.injectCollapsibleRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+				type: _ctx.as === "button" ? "button" : void 0,
+				as: _ctx.as,
+				"as-child": props.asChild,
+				"aria-controls": (0, vue.unref)(rootContext).contentId,
+				"aria-expanded": (0, vue.unref)(rootContext).open.value,
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+				"data-disabled": (0, vue.unref)(rootContext).disabled?.value ? "" : void 0,
+				disabled: (0, vue.unref)(rootContext).disabled?.value,
+				onClick: (0, vue.unref)(rootContext).onOpenToggle
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"type",
+				"as",
+				"as-child",
+				"aria-controls",
+				"aria-expanded",
+				"data-state",
+				"data-disabled",
+				"disabled",
+				"onClick"
+			]);
+		};
+	}
+});
 //#endregion
 //#region src/components/collapsible/collapsible-trigger.vue
 var collapsible_trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -11,7 +60,7 @@ var collapsible_trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Yi), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CollapsibleTrigger_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/cjs/chunks/collapsible.cjs

@@ -1,4 +1,6 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_CollapsibleRoot = require("./CollapsibleRoot.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/collapsible/collapsible.vue
@@ -8,14 +10,15 @@ var collapsible_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		defaultOpen: { type: Boolean },
 		open: { type: Boolean },
 		disabled: { type: Boolean },
+		unmountOnHide: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {}
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_dist.Se(__props, __emit);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.qi), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_CollapsibleRoot.CollapsibleRoot_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
 				default: (0, vue.withCtx)(({ open }) => [(0, vue.renderSlot)(_ctx.$slots, "default", { open })]),
 				_: 3
 			}, 16);

package/dist/cjs/chunks/color-area.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_use_user_select = require("../use-user-select.cjs");
 const require_color = require("../color.cjs");
@@ -13,7 +13,7 @@ var color_area_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 	},
 	emits: ["change"].concat(require_use_color_model.ColorPickerEmits),
 	setup(__props, { emit: __emit }) {
-		(0, vue.useCssVars)((_ctx) => ({ "57f9eb60": colorAreaBg.value }));
+		(0, vue.useCssVars)((_ctx) => ({ "4e84ab0b": colorAreaBg.value }));
 		const props = __props;
 		const emit = __emit;
 		const { preventPageUserSelect, allowPageUserSelect } = require_use_user_select.useUserPageSelection();
@@ -51,7 +51,7 @@ var color_area_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 				});
 			}
 		});
-		function handleChange(e, skip = false) {
+		function handleChange(e, _ = false) {
 			e.preventDefault();
 			const container = containerRef.value;
 			if (!container) return;
@@ -164,7 +164,7 @@ var color_area_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 });
 //#endregion
 //#region src/components/color-picker/color-area.vue
-var color_area_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(color_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ee238a27"]]);
+var color_area_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(color_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3e34d3c5"]]);
 //#endregion
 Object.defineProperty(exports, "color_area_default", {
 	enumerable: true,

package/dist/cjs/chunks/color-picker.cjs

@@ -1,5 +1,14 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_popover_content = require("./popover-content.cjs");
+const require_popover_trigger = require("./popover-trigger.cjs");
+const require_select_content = require("./select-content.cjs");
+const require_select_trigger = require("./select-trigger.cjs");
+const require_select_item = require("./select-item.cjs");
+require("./select-label.cjs");
+require("./select-separator.cjs");
+const require_select_value = require("./select-value.cjs");
 const require_button = require("./button.cjs");
 require("./compact-button.cjs");
 require("./fancy-button.cjs");
@@ -10,17 +19,9 @@ const require_color = require("../color.cjs");
 const require_use_color_model = require("./use-color-model.cjs");
 const require_alpha_slider = require("./alpha-slider.cjs");
 const require_color_area = require("./color-area.cjs");
-const require_popover_content = require("./popover-content.cjs");
-const require_popover_trigger = require("./popover-trigger.cjs");
 const require_popover = require("./popover.cjs");
-const require_select_content = require("./select-content.cjs");
 require("./select-group.cjs");
 require("./select-icon.cjs");
-const require_select_item = require("./select-item.cjs");
-require("./select-label.cjs");
-require("./select-separator.cjs");
-const require_select_trigger = require("./select-trigger.cjs");
-const require_select_value = require("./select-value.cjs");
 const require_select = require("./select.cjs");
 require("./text-input-affix.cjs");
 require("./text-input-button.cjs");
@@ -52,10 +53,10 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		(0, vue.useCssVars)((_ctx) => ({ "637de6e6": _ctx.modelValue }));
+		(0, vue.useCssVars)((_ctx) => ({ "19437362": _ctx.modelValue }));
 		const props = __props;
 		const emit = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"), emit);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(require_use_delegated_props.useDelegatedProps(props, "class"), emit);
 		const tinyColorRef = require_use_color_model.defineColorModel(props, emit);
 		const hueRef = (0, vue.ref)(tinyColorRef.value.toHsl().h);
 		const currentColorFormat = (0, vue.ref)(props.defaultFormat || "hex");
@@ -94,7 +95,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 			if (!eyeDropper.value) return;
 			eyeDropper.value.open().then((result) => {
 				tinyColorRef.value = require_use_color_model.tinycolor(result.sRGBHex);
-			}).catch((e) => {});
+			}).catch((_) => {});
 		}
 		function getCurrentColorValue(key) {
 			let currentValue = 0;
@@ -448,7 +449,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 });
 //#endregion
 //#region src/components/color-picker/color-picker.vue
-var color_picker_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(color_picker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-285bb26b"]]);
+var color_picker_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(color_picker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-94b97787"]]);
 //#endregion
 Object.defineProperty(exports, "color_picker_default", {
 	enumerable: true,

package/dist/cjs/chunks/color-swatch.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_color = require("../color.cjs");
 const require_use_color_model = require("./use-color-model.cjs");
@@ -24,7 +24,7 @@ var color_swatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		(0, vue.useCssVars)((_ctx) => ({ "a9a5260a": activeSwatchColorBg.value }));
+		(0, vue.useCssVars)((_ctx) => ({ "52ca0aa2": activeSwatchColorBg.value }));
 		const tinyColorRef = require_use_color_model.defineColorModel(__props, __emit);
 		const activeSwatchColorBg = (0, vue.computed)(() => {
 			return `0 0 0 2px var(--color-bg-white-0), 0 0 0 4px ${tinyColorRef.value.toRgbString()}`;
@@ -55,7 +55,7 @@ var color_swatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 });
 //#endregion
 //#region src/components/color-picker/color-swatch.vue
-var color_swatch_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(color_swatch_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9bfe53b1"]]);
+var color_swatch_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(color_swatch_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c0ab1e9e"]]);
 //#endregion
 Object.defineProperty(exports, "color_swatch_default", {
 	enumerable: true,

package/dist/cjs/chunks/combobox-anchor.cjs

@@ -1,23 +1,65 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.cjs");
+const require_PopperAnchor = require("./PopperAnchor.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxAnchor.js
+var ComboboxAnchor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxAnchor",
+	props: {
+		reference: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		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), (0, vue.mergeProps)({
+					ref: (0, vue.unref)(forwardRef),
+					"as-child": _ctx.asChild,
+					as: _ctx.as
+				}, _ctx.$attrs), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["as-child", "as"])]),
+				_: 3
+			}, 8, ["reference"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/combobox/combobox-anchor.vue
 var combobox_anchor_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "combobox-anchor",
 	props: {
+		reference: {},
 		asChild: { type: Boolean },
 		as: {},
 		class: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const forwarded = require_dist.Ot((0, vue.computed)(() => {
+		const forwarded = require_useForwardProps.useForwardProps((0, vue.computed)(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
 		}));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.qv), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-anchor") }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ComboboxAnchor_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-anchor") }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/cjs/chunks/combobox-empty.cjs

@@ -1,7 +1,35 @@
-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_ComboboxRoot = require("./ComboboxRoot.cjs");
+const require_Primitive = require("./Primitive.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxEmpty.js
+var ComboboxEmpty_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxEmpty",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		const isRender = (0, vue.computed)(() => rootContext.ignoreFilter.value ? rootContext.allItems.value.size === 0 : rootContext.filterState.value.count === 0);
+		return (_ctx, _cache) => {
+			return isRender.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createTextVNode)("No options"))])]),
+				_: 3
+			}, 16)) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
 //#region src/components/combobox/combobox-empty.vue?vue&type=script&setup=true&lang.ts
 var combobox_empty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "combobox-empty",
@@ -17,7 +45,7 @@ var combobox_empty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return delegated;
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.em), (0, vue.mergeProps)(delegatedProps.value, { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-empty-list", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ComboboxEmpty_default), (0, vue.mergeProps)(delegatedProps.value, { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-empty-list", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
@@ -26,7 +54,7 @@ var combobox_empty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/combobox/combobox-empty.vue
-var combobox_empty_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_empty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-450bfb63"]]);
+var combobox_empty_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_empty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4423b209"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_empty_default", {
 	enumerable: true,

package/dist/cjs/chunks/combobox-group.cjs

@@ -1,6 +1,8 @@
-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_ComboboxGroup = require("./ComboboxGroup.cjs");
+const require_ComboboxLabel = require("./ComboboxLabel.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox-group.vue?vue&type=script&setup=true&lang.ts
 var combobox_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -18,8 +20,8 @@ var combobox_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return delegated;
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Zv), (0, vue.mergeProps)(delegatedProps.value, { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-items-group") }), {
-				default: (0, vue.withCtx)(() => [_ctx.heading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Jv), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxGroup.ComboboxGroup_default), (0, vue.mergeProps)(delegatedProps.value, { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-items-group") }), {
+				default: (0, vue.withCtx)(() => [_ctx.heading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxLabel.ComboboxLabel_default), {
 					key: 0,
 					class: ""
 				}, {
@@ -33,7 +35,7 @@ var combobox_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/combobox/combobox-group.vue
-var combobox_group_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_group_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-66b5c9e4"]]);
+var combobox_group_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_group_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b180207e"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_group_default", {
 	enumerable: true,

package/dist/cjs/chunks/combobox-input.cjs

@@ -1,15 +1,17 @@
-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_ComboboxInput = require("./ComboboxInput.cjs");
 const require_text_input = require("./text-input.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox-input.vue?vue&type=script&setup=true&lang.ts
 var combobox_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "combobox-input",
 	props: /* @__PURE__ */ (0, vue.mergeModels)({
-		type: {},
-		disabled: { type: Boolean },
+		displayValue: { type: Function },
+		modelValue: {},
 		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
 		class: {},
@@ -37,7 +39,7 @@ var combobox_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			};
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Gv), (0, vue.mergeProps)(comboboxInputProps.value, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxInput.ComboboxInput_default), (0, vue.mergeProps)(comboboxInputProps.value, {
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-input", props.class),
 				readonly: !props.searchable,
 				as: "div"
@@ -62,7 +64,7 @@ var combobox_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/combobox/combobox-input.vue
-var combobox_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-32b6a3f8"]]);
+var combobox_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dcca52ff"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_input_default", {
 	enumerable: true,

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

@@ -1,6 +1,8 @@
-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_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_ComboboxItem = require("./ComboboxItem.cjs");
 const require_checkbox = require("./checkbox.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox-item.vue?vue&type=script&setup=true&lang.ts
@@ -48,12 +50,12 @@ var combobox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = require_dist.Se((0, vue.computed)(() => {
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits((0, vue.computed)(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
 		}), emits);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.am), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxItem.ComboboxItem_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
 				disabled: _ctx.disabled,
 				"as-child": ""
 			}), {
@@ -64,9 +66,9 @@ var combobox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}, [
 					_ctx.checkbox && _ctx.size === "sm" ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_checkbox.checkbox_default, {
 						key: 0,
-						checked: _ctx.selected,
+						"model-value": _ctx.selected,
 						disabled: _ctx.disabled
-					}, null, 8, ["checked", "disabled"])) : (0, vue.createCommentVNode)("", true),
+					}, null, 8, ["model-value", "disabled"])) : (0, vue.createCommentVNode)("", true),
 					_ctx.$slots.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 1,
 						class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dropdown-item-prefix", `celeste-dropdown-item-prefix-${_ctx.size}`))
@@ -85,7 +87,7 @@ var combobox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/combobox/combobox-item.vue
-var combobox_item_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3c2bd0ae"]]);
+var combobox_item_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a4dc028f"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_item_default", {
 	enumerable: true,