@youcan/celeste 0.6.97 → 0.6.99

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

@@ -0,0 +1,72 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.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 },
+		autoFocus: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {},
+		textInputProps: {},
+		searchable: { type: Boolean },
+		placeholder: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = (0, vue.useModel)(__props, "modelValue");
+		const comboboxInputProps = (0, vue.computed)(() => {
+			const { class: _class, textInputProps: _textInputProps, placeholder: _placeholder, ...rest } = props;
+			return rest;
+		});
+		const textInputProps = (0, vue.computed)(() => {
+			return {
+				type: "search",
+				size: "sm",
+				placeholder: props.placeholder ?? "Search",
+				...props.textInputProps
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Gv), (0, vue.mergeProps)(comboboxInputProps.value, {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-input", props.class),
+				readonly: !props.searchable,
+				as: "div"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_text_input.text_input_default, (0, vue.mergeProps)(textInputProps.value, {
+					modelValue: model.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					readonly: !props.searchable,
+					style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
+				}), {
+					leadingIcon: (0, vue.withCtx)(() => _cache[1] || (_cache[1] = [(0, vue.createElementVNode)("i", { "i-celeste-search-2-line": "" }, null, -1)])),
+					_: 1
+				}, 16, [
+					"modelValue",
+					"readonly",
+					"style"
+				])]),
+				_: 1
+			}, 16, ["class", "readonly"]);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_input_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_input_default;
+	}
+});

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

@@ -0,0 +1,95 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.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
+var _hoisted_1 = ["aria-disabled"];
+var _hoisted_2 = { class: "celeste-dropdown-item-info" };
+var _hoisted_3 = ["innerHTML"];
+var _hoisted_4 = {
+	key: 0,
+	class: "celeste-dropdown-item-sublabel"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "celeste-dropdown-item-description"
+};
+var _hoisted_6 = {
+	key: 2,
+	class: "celeste-dropdown-item-suffix"
+};
+var _hoisted_7 = {
+	key: 3,
+	class: "i-celeste-check-fill"
+};
+var combobox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "combobox-item",
+	props: {
+		class: {},
+		label: {},
+		size: { default: "sm" },
+		checkbox: { type: Boolean },
+		sublabel: {},
+		description: {},
+		selected: { type: [Boolean, String] },
+		focused: { type: Boolean },
+		value: { type: [
+			String,
+			Number,
+			Boolean,
+			Object
+		] },
+		icon: {},
+		image: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = require_dist.Se((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), {
+				disabled: _ctx.disabled,
+				"as-child": ""
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
+					tabindex: "0",
+					"aria-disabled": _ctx.disabled,
+					class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-item", { "celeste-dropdown-item-disabled": _ctx.disabled }, { "celeste-dropdown-item-selected": _ctx.selected }, { "celeste-dropdown-item-focused": _ctx.focused }))
+				}, [
+					_ctx.checkbox && _ctx.size === "sm" ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_checkbox.checkbox_default, {
+						key: 0,
+						checked: _ctx.selected,
+						disabled: _ctx.disabled
+					}, null, 8, ["checked", "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}`))
+					}, [(0, vue.renderSlot)(_ctx.$slots, "prefix", {}, void 0, true)], 2)) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dropdown-item-header", `celeste-dropdown-item-header-${_ctx.size}`)) }, [(0, vue.createElementVNode)("span", {
+						class: "celeste-dropdown-item-label",
+						innerHTML: _ctx.label
+					}, null, 8, _hoisted_3), _ctx.sublabel ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(_ctx.sublabel), 1)) : (0, vue.createCommentVNode)("", true)], 2), _ctx.description && _ctx.size === "lg" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5, (0, vue.toDisplayString)(_ctx.description), 1)) : (0, vue.createCommentVNode)("", true)]),
+					_ctx.$slots.suffix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, [(0, vue.renderSlot)(_ctx.$slots, "suffix", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+					_ctx.selected ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", _hoisted_7)) : (0, vue.createCommentVNode)("", true)
+				], 10, _hoisted_1)]),
+				_: 3
+			}, 16, ["disabled"]);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_item_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_item_default;
+	}
+});

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

@@ -0,0 +1,66 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+//#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",
+	props: {
+		forceMount: { type: Boolean },
+		position: { default: "popper" },
+		bodyLock: { type: Boolean },
+		dismissable: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		align: { default: "start" },
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		updatePositionStrategy: {},
+		prioritizePosition: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		class: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = require_dist.Se((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" }, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+						_: 3
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_list_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_list_default;
+	}
+});

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

@@ -0,0 +1,50 @@
+const require_dist = require("./dist.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.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 },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:open",
+		"update:searchTerm",
+		"update:selectedValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const forwarded = require_dist.Se(__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)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_root_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_root_default;
+	}
+});

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

@@ -0,0 +1,36 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.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)({
+	__name: "combobox-separator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = (0, vue.computed)(() => {
+			const { class: _, ...delegated } = props;
+			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) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_separator_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_separator_default;
+	}
+});

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

@@ -0,0 +1,45 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+//#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",
+	props: {
+		class: {},
+		size: {},
+		filled: { type: Boolean },
+		type: { default: "normal" },
+		error: { type: Boolean },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwarded = require_dist.Ot((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), {
+				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)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_trigger_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_trigger_default;
+	}
+});

package/dist/cjs/chunks/combobox.cjs

@@ -0,0 +1,199 @@
+const require_dist = require("./dist.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_badge = require("./badge.cjs");
+const require_combobox_anchor = require("./combobox-anchor.cjs");
+const require_combobox_empty = require("./combobox-empty.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 = {
+	key: 0,
+	class: "celeste-dropdown-anchor-trigger-prefix"
+};
+var _hoisted_2 = { class: "celeste-dropdown-anchor-trigger-prefix-selected" };
+var _hoisted_3 = { key: 1 };
+var _hoisted_4 = ["src"];
+var _hoisted_5 = {
+	key: 1,
+	class: "celeste-dropdown-anchor-trigger-prefix"
+};
+var _hoisted_6 = {
+	key: 2,
+	class: "celeste-dropdown-trigger-label"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "celeste-input-badge"
+};
+var _hoisted_8 = ["src"];
+var combobox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "combobox",
+	props: {
+		options: {},
+		valueBy: {},
+		labelBy: {},
+		placeholder: { default: "Select" },
+		searchPlaceholder: {},
+		type: {},
+		size: { default: "md" },
+		emptyLabel: {},
+		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 },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:open",
+		"update:searchTerm",
+		"update:selectedValue"
+	],
+	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;
+			return delegated;
+		}), emits);
+		const model = (0, vue.computed)(() => props.modelValue);
+		const label = (0, vue.computed)(() => {
+			if (!model.value) return props.placeholder;
+			if (Array.isArray(model.value)) {
+				if (model.value.length === 0) return props.placeholder;
+				return model.value.map((item) => props.labelBy ? item[props.labelBy] : item.label).join(", ");
+			}
+			return props.labelBy ? model.value[props.labelBy] : model.value.label;
+		});
+		function isSelected(value) {
+			if (!Array.isArray(props.modelValue) || !props.multiple) return;
+			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];
+				return selectedValue === value;
+			});
+		}
+		function filterFunction(list, searchTerm) {
+			return list.filter((option) => {
+				const { value, label } = option;
+				if (!value || !label) return false;
+				if (props.valueBy && typeof value === "object" && props.valueBy in value) return String(value[props.valueBy]).toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+				return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+			});
+		}
+		const mergedBadgeProps = (0, vue.computed)(() => ({
+			...props.badgeProps,
+			disabled: props.disabled
+		}));
+		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 }), {
+				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,
+						filled: !!model.value,
+						size: _ctx.size,
+						class: (0, vue.normalizeClass)(props.class)
+					}, {
+						default: (0, vue.withCtx)(() => [
+							model.value && !Array.isArray(model.value) && (model.value.icon || model.value.image) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [model.value.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", {
+								key: 0,
+								class: (0, vue.normalizeClass)(model.value.icon)
+							}, null, 2)) : (0, vue.createCommentVNode)("", true), model.value.image ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "image", (0, vue.normalizeProps)((0, vue.guardReactiveProps)({ selected: model.value })), () => [(0, vue.createElementVNode)("img", {
+								src: model.value.image,
+								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))
+						]),
+						_: 3
+					}, 8, [
+						"type",
+						"filled",
+						"size",
+						"class"
+					])]),
+					_: 3
+				}), (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, {
+							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),
+						(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) => {
+								return (0, vue.openBlock)(), (0, vue.createBlock)(require_combobox_item.combobox_item_default, {
+									key: option.label,
+									label: option.label,
+									sublabel: option.sublabel,
+									description: option.description,
+									checkbox: props.multiple,
+									value: option,
+									selected: isSelected(option.value)
+								}, {
+									prefix: (0, vue.withCtx)(() => [option.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", {
+										key: 0,
+										class: (0, vue.normalizeClass)(option.icon)
+									}, null, 2)) : (0, vue.createCommentVNode)("", true), option.image ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+										key: 1,
+										src: option.image,
+										alt: "option",
+										class: "celeste-dropdown-item-image"
+									}, null, 8, _hoisted_8)) : (0, vue.createCommentVNode)("", true)]),
+									_: 2
+								}, 1032, [
+									"label",
+									"sublabel",
+									"description",
+									"checkbox",
+									"value",
+									"selected"
+								]);
+							}), 128))]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "combobox_default", {
+	enumerable: true,
+	get: function() {
+		return combobox_default;
+	}
+});

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

@@ -0,0 +1,44 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.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)({
+	__name: "compact-button",
+	props: {
+		class: {},
+		icon: {},
+		size: { default: "lg" },
+		rounded: { type: Boolean },
+		variant: { default: "stroke" },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				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))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)(_ctx.icon) }, null, 2)]),
+				_: 1
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#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"]]);
+//#endregion
+Object.defineProperty(exports, "compact_button_default", {
+	enumerable: true,
+	get: function() {
+		return compact_button_default;
+	}
+});