@youcan/celeste 0.6.101 → 0.7.0

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

@@ -1,7 +1,97 @@
-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");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_Teleport = require("./Teleport.cjs");
+const require_ComboboxContent = require("./ComboboxContent.cjs");
+const require_useNonce = require("./useNonce.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/ComboboxPortal.js
+var ComboboxPortal_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxPortal",
+	props: {
+		to: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		defer: {
+			type: Boolean,
+			required: false
+		},
+		forceMount: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Teleport.Teleport_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxViewport.js
+var ComboboxViewport_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const { nonce: propNonce } = (0, vue.toRefs)(props);
+		const nonce = require_useNonce.useNonce(propNonce);
+		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({
+				..._ctx.$attrs,
+				...props
+			}, {
+				ref: (0, vue.unref)(forwardRef),
+				"data-reka-combobox-viewport": "",
+				role: "presentation",
+				style: {
+					position: "relative",
+					flex: (0, vue.unref)(rootContext).isVirtual.value ? void 0 : 1,
+					overflow: "auto"
+				}
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["style"]), (0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+				as: "style",
+				nonce: (0, vue.unref)(nonce)
+			}, {
+				default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createTextVNode)(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-combobox-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-combobox-viewport]::-webkit-scrollbar { display: none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
+});
+//#endregion
 //#region src/components/combobox/combobox-list.vue?vue&type=script&setup=true&lang.ts
 var combobox_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "combobox-list",
@@ -9,19 +99,27 @@ var combobox_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		forceMount: { type: Boolean },
 		position: { default: "popper" },
 		bodyLock: { type: Boolean },
-		dismissable: { type: Boolean },
+		hideWhenEmpty: { type: Boolean },
+		memoDependencies: {},
 		side: {},
 		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
 		align: { default: "start" },
 		alignOffset: {},
+		alignFlip: { type: Boolean },
 		avoidCollisions: { type: Boolean },
 		collisionBoundary: {},
 		collisionPadding: {},
 		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
 		sticky: {},
 		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
 		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
 		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
 		asChild: { type: Boolean },
 		as: {},
 		disableOutsidePointerEvents: { type: Boolean },
@@ -36,14 +134,14 @@ var combobox_list_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.sm), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.Qv), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-content", props.class) }), {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.tm), { class: "celeste-dropdown-items-viewport" }, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ComboboxPortal_default), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ComboboxContent.ComboboxContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-content", props.class) }), {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ComboboxViewport_default), { class: "celeste-dropdown-items-viewport" }, {
 						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 						_: 3
 					})]),
@@ -56,7 +154,7 @@ var combobox_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/combobox/combobox-list.vue
-var combobox_list_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_list_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-38838139"]]);
+var combobox_list_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_list_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-63b3dde3"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_list_default", {
 	enumerable: true,

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

@@ -1,37 +1,41 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_ComboboxRoot = require("./ComboboxRoot.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox-root.vue?vue&type=script&setup=true&lang.ts
 var combobox_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "combobox-root",
 	props: {
-		modelValue: {},
-		defaultValue: {},
 		open: { type: Boolean },
 		defaultOpen: { type: Boolean },
-		searchTerm: {},
-		selectedValue: {},
-		multiple: { type: Boolean },
-		disabled: { type: Boolean },
-		name: {},
-		dir: {},
-		filterFunction: { type: Function },
-		displayValue: { type: Function },
 		resetSearchTermOnBlur: { type: Boolean },
 		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		modelValue: {},
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		by: { type: [String, Function] },
 		asChild: { type: Boolean },
-		as: {}
+		as: {},
+		name: {},
+		required: { type: Boolean }
 	},
 	emits: [
 		"update:modelValue",
-		"update:open",
-		"update:searchTerm",
-		"update:selectedValue"
+		"highlight",
+		"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.Uv), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded)), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);
@@ -40,7 +44,7 @@ var combobox_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/combobox/combobox-root.vue
-var combobox_root_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-29e14e56"]]);
+var combobox_root_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-909a5de3"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_root_default", {
 	enumerable: true,

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

@@ -1,6 +1,7 @@
-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_ComboboxSeparator = require("./ComboboxSeparator.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox-separator.vue?vue&type=script&setup=true&lang.ts
 var combobox_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -17,7 +18,7 @@ var combobox_separator_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.om), (0, vue.mergeProps)(delegatedProps.value, { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-separator", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxSeparator.ComboboxSeparator_default), (0, vue.mergeProps)(delegatedProps.value, { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-separator", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
@@ -26,7 +27,7 @@ var combobox_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 });
 //#endregion
 //#region src/components/combobox/combobox-separator.vue
-var combobox_separator_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_separator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-987226c9"]]);
+var combobox_separator_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_separator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bf73b588"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_separator_default", {
 	enumerable: true,

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

@@ -1,7 +1,67 @@
-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");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.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/ComboboxTrigger.js
+var ComboboxTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		const disabled = (0, vue.computed)(() => props.disabled || rootContext.disabled.value || false);
+		(0, vue.onMounted)(() => {
+			if (currentElement.value) rootContext.onTriggerElementChange(currentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				tabindex: "-1",
+				"aria-label": "Show popup",
+				"aria-haspopup": "listbox",
+				"aria-expanded": (0, vue.unref)(rootContext).open.value,
+				"aria-controls": (0, vue.unref)(rootContext).contentId,
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+				disabled: disabled.value,
+				"data-disabled": disabled.value ? "" : void 0,
+				"aria-disabled": disabled.value ?? void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(rootContext).onOpenChange(!(0, vue.unref)(rootContext).open.value))
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-expanded",
+				"aria-controls",
+				"data-state",
+				"disabled",
+				"data-disabled",
+				"aria-disabled"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/combobox/combobox-trigger.vue?vue&type=script&setup=true&lang.ts
 var combobox_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "combobox-trigger",
@@ -17,12 +77,12 @@ var combobox_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	},
 	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.Yv), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ComboboxTrigger_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
 				type: "button",
 				tabindex: "0",
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-anchor-trigger", `celeste-dropdown-anchor-trigger-size-${props.size}`, `celeste-dropdown-anchor-trigger-type-${props.type}`, { "celeste-dropdown-anchor-trigger-error": props.error }, { "celeste-dropdown-anchor-trigger-filled": _ctx.filled }, props.class)
@@ -35,7 +95,7 @@ var combobox_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 });
 //#endregion
 //#region src/components/combobox/combobox-trigger.vue
-var combobox_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bddcd2de"]]);
+var combobox_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c724299e"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_trigger_default", {
 	enumerable: true,

package/dist/cjs/chunks/combobox.cjs

@@ -1,15 +1,16 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_badge = require("./badge.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_combobox_anchor = require("./combobox-anchor.cjs");
 const require_combobox_empty = require("./combobox-empty.cjs");
+const require_combobox_list = require("./combobox-list.cjs");
+const require_combobox_trigger = require("./combobox-trigger.cjs");
 const require_combobox_group = require("./combobox-group.cjs");
 const require_combobox_input = require("./combobox-input.cjs");
 const require_combobox_item = require("./combobox-item.cjs");
-const require_combobox_list = require("./combobox-list.cjs");
 const require_combobox_root = require("./combobox-root.cjs");
 const require_combobox_separator = require("./combobox-separator.cjs");
-const require_combobox_trigger = require("./combobox-trigger.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -23,10 +24,7 @@ var _hoisted_5 = {
 	key: 1,
 	class: "celeste-dropdown-anchor-trigger-prefix"
 };
-var _hoisted_6 = {
-	key: 2,
-	class: "celeste-dropdown-trigger-label"
-};
+var _hoisted_6 = { class: "celeste-dropdown-trigger-label" };
 var _hoisted_7 = {
 	key: 0,
 	class: "celeste-input-badge"
@@ -47,34 +45,36 @@ var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 		badgeProps: {},
 		searchable: { type: Boolean },
 		class: {},
-		modelValue: {},
-		defaultValue: {},
 		open: { type: Boolean },
 		defaultOpen: { type: Boolean },
-		searchTerm: {},
-		selectedValue: {},
-		multiple: { type: Boolean },
-		disabled: { type: Boolean },
-		name: {},
-		dir: {},
-		filterFunction: {},
-		displayValue: {},
 		resetSearchTermOnBlur: { type: Boolean },
 		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		modelValue: {},
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		by: {},
 		asChild: { type: Boolean },
-		as: {}
+		as: {},
+		name: {},
+		required: { type: Boolean }
 	},
 	emits: [
 		"update:modelValue",
-		"update:open",
-		"update:searchTerm",
-		"update:selectedValue"
+		"highlight",
+		"update:open"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = require_dist.Se((0, vue.computed)(() => {
-			const { open, filterFunction, options, valueBy, labelBy, placeholder, searchPlaceholder, type, size, emptyLabel, badgeProps, searchable, class: _class, ...delegated } = props;
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits((0, vue.computed)(() => {
+			const { open, options, valueBy, labelBy, placeholder, searchPlaceholder, type, size, emptyLabel, badgeProps, searchable, class: _class, ...delegated } = props;
 			return delegated;
 		}), emits);
 		const model = (0, vue.computed)(() => props.modelValue);
@@ -91,7 +91,7 @@ var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 			if (value === void 0 || value === null) return false;
 			return props.modelValue.some((selectedItem) => {
 				const { value: selectedValue } = selectedItem;
-				if (props.valueBy && Object.prototype.hasOwnProperty.call(value, props.valueBy) && Object.prototype.hasOwnProperty.call(selectedValue, props.valueBy)) return value[props.valueBy] === selectedValue[props.valueBy];
+				if (props.valueBy && typeof value === "object" && value !== null && typeof selectedValue === "object" && selectedValue !== null && Object.hasOwn(value, props.valueBy) && Object.hasOwn(selectedValue, props.valueBy)) return value[props.valueBy] === selectedValue[props.valueBy];
 				return selectedValue === value;
 			});
 		}
@@ -107,8 +107,10 @@ var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 			...props.badgeProps,
 			disabled: props.disabled
 		}));
+		const searchTerm = (0, vue.ref)("");
+		const filteredOptions = (0, vue.computed)(() => filterFunction(props.options, searchTerm.value));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(require_combobox_root.combobox_root_default, (0, vue.mergeProps)((0, vue.unref)(forwarded), { "filter-function": filterFunction }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_combobox_root.combobox_root_default, (0, vue.mergeProps)((0, vue.unref)(forwarded), { "ignore-filter": "" }), {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_combobox_anchor.combobox_anchor_default, { "as-child": "" }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_combobox_trigger.combobox_trigger_default, {
 						type: _ctx.type,
@@ -125,8 +127,8 @@ var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 								alt: "Selected option",
 								class: "selected-dropdown-image"
 							}, null, 8, _hoisted_4)], true)])) : (0, vue.createCommentVNode)("", true)])])) : _ctx.$slots.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-							_ctx.type !== "inline" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(label.value), 1), mergedBadgeProps.value && _ctx.badgeProps ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, [(0, vue.createVNode)(require_badge.badge_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(mergedBadgeProps.value)), null, 16)])) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true),
-							_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "celeste-dropdown-trigger" }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-down-s-line" })], -1))
+							(0, vue.createElementVNode)("div", _hoisted_6, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(label.value), 1), mergedBadgeProps.value && _ctx.badgeProps ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, [(0, vue.createVNode)(require_badge.badge_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(mergedBadgeProps.value)), null, 16)])) : (0, vue.createCommentVNode)("", true)]),
+							_cache[1] || (_cache[1] = (0, vue.createElementVNode)("div", { class: "celeste-dropdown-trigger" }, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-down-s-line" })], -1))
 						]),
 						_: 3
 					}, 8, [
@@ -139,16 +141,22 @@ var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 				}), (0, vue.createVNode)(require_combobox_list.combobox_list_default, null, {
 					default: (0, vue.withCtx)(() => [
 						(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["celeste-dropdown-inner-input", { "sr-only": !_ctx.searchable }]) }, [(0, vue.createVNode)(require_combobox_input.combobox_input_default, {
+							modelValue: searchTerm.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
 							searchable: _ctx.searchable,
 							placeholder: _ctx.searchPlaceholder
-						}, null, 8, ["searchable", "placeholder"]), _ctx.searchable ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_combobox_separator.combobox_separator_default, { key: 0 })) : (0, vue.createCommentVNode)("", true)], 2),
+						}, null, 8, [
+							"modelValue",
+							"searchable",
+							"placeholder"
+						]), _ctx.searchable ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_combobox_separator.combobox_separator_default, { key: 0 })) : (0, vue.createCommentVNode)("", true)], 2),
 						(0, vue.createVNode)(require_combobox_empty.combobox_empty_default, null, (0, vue.createSlots)({ _: 2 }, [_ctx.emptyLabel ? {
 							name: "default",
 							fn: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.emptyLabel), 1)]),
 							key: "0"
 						} : void 0]), 1024),
 						(0, vue.createVNode)(require_combobox_group.combobox_group_default, null, {
-							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(props.options, (option) => {
+							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(filteredOptions.value, (option) => {
 								return (0, vue.openBlock)(), (0, vue.createBlock)(require_combobox_item.combobox_item_default, {
 									key: option.label,
 									label: option.label,
@@ -189,7 +197,7 @@ var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 });
 //#endregion
 //#region src/components/combobox/combobox.vue
-var combobox_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7baed4e9"]]);
+var combobox_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f726a97d"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_default", {
 	enumerable: true,

package/dist/cjs/chunks/compact-button.cjs

@@ -1,6 +1,7 @@
-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");
 let vue = require("vue");
 //#region src/components/button/compact-button.vue?vue&type=script&setup=true&lang.ts
 var compact_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -17,7 +18,7 @@ var compact_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 				as: _ctx.as,
 				"as-child": _ctx.asChild,
 				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-cbutton", `celeste-cbutton-${_ctx.size}`, `celeste-cbutton-${_ctx.variant}`, _ctx.rounded && `celeste-cbutton-rounded`, props.class))
@@ -34,7 +35,7 @@ var compact_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/button/compact-button.vue
-var compact_button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(compact_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c062bacd"]]);
+var compact_button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(compact_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-74e9648d"]]);
 //#endregion
 Object.defineProperty(exports, "compact_button_default", {
 	enumerable: true,