@youcan/celeste 0.6.97 → 0.6.98

package/dist/esm/chunks/combobox-item.js

@@ -0,0 +1,89 @@
+import { I as Se, st as am } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as checkbox_default } from "./checkbox.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "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"
+};
+//#endregion
+//#region src/components/combobox/combobox-item.vue
+var combobox_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 = Se(computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		}), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(am), mergeProps(unref(forwarded), {
+				disabled: _ctx.disabled,
+				"as-child": ""
+			}), {
+				default: withCtx(() => [createElementVNode("div", {
+					tabindex: "0",
+					"aria-disabled": _ctx.disabled,
+					class: normalizeClass(unref(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" ? (openBlock(), createBlock(checkbox_default, {
+						key: 0,
+						checked: _ctx.selected,
+						disabled: _ctx.disabled
+					}, null, 8, ["checked", "disabled"])) : createCommentVNode("", true),
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(unref(clsx)("celeste-dropdown-item-prefix", `celeste-dropdown-item-prefix-${_ctx.size}`))
+					}, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)], 2)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(unref(clsx)("celeste-dropdown-item-header", `celeste-dropdown-item-header-${_ctx.size}`)) }, [createElementVNode("span", {
+						class: "celeste-dropdown-item-label",
+						innerHTML: _ctx.label
+					}, null, 8, _hoisted_3), _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)], 2), _ctx.description && _ctx.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)]),
+					_ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "suffix", {}, void 0, true)])) : createCommentVNode("", true),
+					_ctx.selected ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
+				], 10, _hoisted_1)]),
+				_: 3
+			}, 16, ["disabled"]);
+		};
+	}
+}), [["__scopeId", "data-v-3c2bd0ae"]]);
+//#endregion
+export { combobox_item_default as t };

package/dist/esm/chunks/combobox-list.js

@@ -0,0 +1,59 @@
+import { I as Se, Lt as sm, N as Qv, zt as tm } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/combobox/combobox-list.vue
+var combobox_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 = Se(computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		}), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sm), null, {
+				default: withCtx(() => [createVNode(unref(Qv), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-dropdown-content", props.class) }), {
+					default: withCtx(() => [createVNode(unref(tm), { class: "celeste-dropdown-items-viewport" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+						_: 3
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+}), [["__scopeId", "data-v-38838139"]]);
+//#endregion
+export { combobox_list_default as t };

package/dist/esm/chunks/combobox-root.js

@@ -0,0 +1,43 @@
+import { H as Uv, I as Se } from "./dist.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/combobox/combobox-root.vue
+var combobox_root_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 = Se(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Uv), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16);
+		};
+	}
+}), [["__scopeId", "data-v-29e14e56"]]);
+//#endregion
+export { combobox_root_default as t };

package/dist/esm/chunks/combobox-separator.js

@@ -0,0 +1,29 @@
+import { kt as om } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/combobox/combobox-separator.vue
+var combobox_separator_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "combobox-separator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(om), mergeProps(delegatedProps.value, { class: unref(clsx)("celeste-dropdown-separator", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-987226c9"]]);
+//#endregion
+export { combobox_separator_default as t };

package/dist/esm/chunks/combobox-trigger.js

@@ -0,0 +1,38 @@
+import { O as Ot, Z as Yv } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/combobox/combobox-trigger.vue
+var combobox_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 = Ot(computed(() => {
+			const { class: _, ...delegated } = props;
+			return delegated;
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Yv), mergeProps(unref(forwarded), {
+				type: "button",
+				tabindex: "0",
+				class: unref(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: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-bddcd2de"]]);
+//#endregion
+export { combobox_trigger_default as t };

package/dist/esm/chunks/combobox.js

@@ -0,0 +1,193 @@
+import { I as Se } from "./dist.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as badge_default } from "./badge.js";
+import { t as combobox_anchor_default } from "./combobox-anchor.js";
+import { t as combobox_empty_default } from "./combobox-empty.js";
+import { t as combobox_group_default } from "./combobox-group.js";
+import { t as combobox_input_default } from "./combobox-input.js";
+import { t as combobox_item_default } from "./combobox-item.js";
+import { t as combobox_list_default } from "./combobox-list.js";
+import { t as combobox_root_default } from "./combobox-root.js";
+import { t as combobox_separator_default } from "./combobox-separator.js";
+import { t as combobox_trigger_default } from "./combobox-trigger.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "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"];
+//#endregion
+//#region src/components/combobox/combobox.vue
+var combobox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 = Se(computed(() => {
+			const { open, filterFunction, options, valueBy, labelBy, placeholder, searchPlaceholder, type, size, emptyLabel, badgeProps, searchable, class: _class, ...delegated } = props;
+			return delegated;
+		}), emits);
+		const model = computed(() => props.modelValue);
+		const label = 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 = computed(() => ({
+			...props.badgeProps,
+			disabled: props.disabled
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(combobox_root_default, mergeProps(unref(forwarded), { "filter-function": filterFunction }), {
+				default: withCtx(() => [createVNode(combobox_anchor_default, { "as-child": "" }, {
+					default: withCtx(() => [createVNode(combobox_trigger_default, {
+						type: _ctx.type,
+						filled: !!model.value,
+						size: _ctx.size,
+						class: normalizeClass(props.class)
+					}, {
+						default: withCtx(() => [
+							model.value && !Array.isArray(model.value) && (model.value.icon || model.value.image) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [model.value.icon ? (openBlock(), createElementBlock("i", {
+								key: 0,
+								class: normalizeClass(model.value.icon)
+							}, null, 2)) : createCommentVNode("", true), model.value.image ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "image", normalizeProps(guardReactiveProps({ selected: model.value })), () => [createElementVNode("img", {
+								src: model.value.image,
+								alt: "Selected option",
+								class: "selected-dropdown-image"
+							}, null, 8, _hoisted_4)], true)])) : createCommentVNode("", true)])])) : _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)])) : createCommentVNode("", true),
+							_ctx.type !== "inline" ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("span", null, toDisplayString(label.value), 1), mergedBadgeProps.value && _ctx.badgeProps ? (openBlock(), createElementBlock("span", _hoisted_7, [createVNode(badge_default, normalizeProps(guardReactiveProps(mergedBadgeProps.value)), null, 16)])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+							_cache[0] || (_cache[0] = createElementVNode("div", { class: "celeste-dropdown-trigger" }, [createElementVNode("i", { class: "i-celeste-arrow-down-s-line" })], -1))
+						]),
+						_: 3
+					}, 8, [
+						"type",
+						"filled",
+						"size",
+						"class"
+					])]),
+					_: 3
+				}), createVNode(combobox_list_default, null, {
+					default: withCtx(() => [
+						createElementVNode("div", { class: normalizeClass(["celeste-dropdown-inner-input", { "sr-only": !_ctx.searchable }]) }, [createVNode(combobox_input_default, {
+							searchable: _ctx.searchable,
+							placeholder: _ctx.searchPlaceholder
+						}, null, 8, ["searchable", "placeholder"]), _ctx.searchable ? (openBlock(), createBlock(combobox_separator_default, { key: 0 })) : createCommentVNode("", true)], 2),
+						createVNode(combobox_empty_default, null, createSlots({ _: 2 }, [_ctx.emptyLabel ? {
+							name: "default",
+							fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.emptyLabel), 1)]),
+							key: "0"
+						} : void 0]), 1024),
+						createVNode(combobox_group_default, null, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (option) => {
+								return openBlock(), createBlock(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: withCtx(() => [option.icon ? (openBlock(), createElementBlock("i", {
+										key: 0,
+										class: normalizeClass(option.icon)
+									}, null, 2)) : createCommentVNode("", true), option.image ? (openBlock(), createElementBlock("img", {
+										key: 1,
+										src: option.image,
+										alt: "option",
+										class: "celeste-dropdown-item-image"
+									}, null, 8, _hoisted_8)) : createCommentVNode("", true)]),
+									_: 2
+								}, 1032, [
+									"label",
+									"sublabel",
+									"description",
+									"checkbox",
+									"value",
+									"selected"
+								]);
+							}), 128))]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 3
+			}, 16);
+		};
+	}
+}), [["__scopeId", "data-v-7baed4e9"]]);
+//#endregion
+export { combobox_default as t };

package/dist/esm/chunks/compact-button.js

@@ -0,0 +1,37 @@
+import { D as O } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/button/compact-button.vue
+var compact_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 openBlock(), createBlock(unref(O), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				class: normalizeClass(unref(clsx)("celeste-cbutton", `celeste-cbutton-${_ctx.size}`, `celeste-cbutton-${_ctx.variant}`, _ctx.rounded && `celeste-cbutton-rounded`, props.class))
+			}, {
+				default: withCtx(() => [createElementVNode("i", { class: normalizeClass(_ctx.icon) }, null, 2)]),
+				_: 1
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c062bacd"]]);
+//#endregion
+export { compact_button_default as t };