@youcan/celeste 0.9.2 → 0.10.0

package/dist/es/chunks/checkbox.js

@@ -3,7 +3,7 @@ import { t as isEqual } from "./ohash.D__AXeF1.js";
 import { t as createContext } from "./createContext.js";
 import { t as isNullish } from "./nullish.js";
 import { t as isValueEqualOrExist } from "./isValueEqualOrExist.js";
-import { s as useVModel } from "./dist.js";
+import { f as useVModel } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useFormControl } from "./useFormControl.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
@@ -13,11 +13,11 @@ import { t as Presence_default } from "./Presence.js";
 import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { t as RovingFocusItem_default } from "./RovingFocusItem.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx, withKeys, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxGroupRoot.js
-var [injectCheckboxGroupRootContext, provideCheckboxGroupRootContext] = /* @__PURE__ */ createContext("CheckboxGroupRoot");
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx, withKeys, withModifiers } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxGroupRoot.js
+var [injectCheckboxGroupRootContext, provideCheckboxGroupRootContext] = /*#__PURE__*/ createContext("CheckboxGroupRoot");
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/utils.js
 function isIndeterminate(checked) {
 	return checked === "indeterminate";
 }
@@ -25,8 +25,8 @@ function getState(checked) {
 	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxRoot.js
-var [injectCheckboxRootContext, provideCheckboxRootContext] = /* @__PURE__ */ createContext("CheckboxRoot");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxRoot.js
+var [injectCheckboxRootContext, provideCheckboxRootContext] = /*#__PURE__*/ createContext("CheckboxRoot");
 var CheckboxRoot_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
@@ -180,7 +180,7 @@ var CheckboxRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxIndicator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxIndicator.js
 var CheckboxIndicator_default = /* @__PURE__ */ defineComponent({
 	__name: "CheckboxIndicator",
 	props: {
@@ -240,16 +240,37 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 		as: {},
 		name: {},
 		required: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
+		const delegatedProps = useDelegatedProps(props, "class");
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(CheckboxRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-checkbox", props.class) }), {
-				default: withCtx(() => [createVNode(unref(CheckboxIndicator_default), { class: "celeste-checkbox-indicator" })]),
+				default: withCtx(() => [createVNode(unref(CheckboxIndicator_default), {
+					"force-mount": "",
+					class: "celeste-checkbox-indicator"
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+						class: "celeste-checkbox-check",
+						viewBox: "0 0 10 8",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M1 3.5L4 6.5L9 1.5" })], -1), createElementVNode("svg", {
+						class: "celeste-checkbox-dash",
+						viewBox: "0 0 8 2",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M0 1H8" })], -1)])]),
+					_: 1
+				})]),
 				_: 1
 			}, 16, ["class"]);
 		};

package/dist/es/chunks/clamp.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/clamp.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/clamp.js
 /**
 * The `clamp` function restricts a number within a specified range by returning the value itself if it
 * falls within the range, or the closest boundary value if it exceeds the range.

package/dist/es/chunks/collapsible-content.js

@@ -1,12 +1,12 @@
 import { t as clsx } from "./clsx.js";
-import { i as useEventListener } from "./dist.js";
+import { s as useEventListener } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useId } from "./useId.js";
 import { t as Presence_default } from "./Presence.js";
 import { n as injectCollapsibleRootContext } from "./CollapsibleRoot.js";
 import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, nextTick, onMounted, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleContent.js
 var CollapsibleContent_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "CollapsibleContent",
@@ -108,7 +108,13 @@ var CollapsibleContent_default = /* @__PURE__ */ defineComponent({
 var collapsible_content_default = /* @__PURE__ */ defineComponent({
 	__name: "collapsible-content",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		forceMount: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {}

package/dist/es/chunks/collapsible-trigger.js

@@ -2,7 +2,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectCollapsibleRootContext } from "./CollapsibleRoot.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleTrigger.js
 var CollapsibleTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "CollapsibleTrigger",
 	props: {

package/dist/es/chunks/color-area.js

@@ -3,9 +3,8 @@ import { useUserPageSelection } from "../use-user-select.js";
 import { clamp, getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from "../color.js";
 import { n as defineColorModel, t as ColorPickerEmits } from "./use-color-model.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeStyle, onUnmounted, openBlock, ref, useCssVars, useTemplateRef, watch } from "vue";
-//#endregion
-//#region src/components/color-picker/color-area.vue
-var color_area_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+//#region src/components/color-picker/color-area.vue?vue&type=script&setup=true&lang.ts
+var color_area_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "color-area",
 	props: {
 		hue: {},
@@ -13,7 +12,7 @@ var color_area_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 	},
 	emits: ["change"].concat(ColorPickerEmits),
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "4e84ab0b": colorAreaBg.value }));
+		useCssVars((_ctx) => ({ "v4e84ab0b": colorAreaBg.value }));
 		const props = __props;
 		const emit = __emit;
 		const { preventPageUserSelect, allowPageUserSelect } = useUserPageSelection();
@@ -161,6 +160,9 @@ var color_area_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			}, null, 36)], 544);
 		};
 	}
-}), [["__scopeId", "data-v-3e34d3c5"]]);
+});
+//#endregion
+//#region src/components/color-picker/color-area.vue
+var color_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(color_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3e34d3c5"]]);
 //#endregion
 export { color_area_default as t };

package/dist/es/chunks/color-picker.js

@@ -37,12 +37,18 @@ var _hoisted_5 = { class: "celeste-color-format-inputs" };
 var _hoisted_6 = { class: "celeste-color-swatches" };
 //#endregion
 //#region src/components/color-picker/color-picker.vue
-var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var color_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "color-picker",
 	props: {
 		modelValue: { default: "hsl(240, 100%, 50%)" },
 		label: { default: "Pick Color" },
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		formats: { default: () => [
 			"hex",
 			"rgb",
@@ -54,10 +60,11 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "19437362": _ctx.modelValue }));
+		useCssVars((_ctx) => ({ "v19437362": _ctx.modelValue }));
 		const props = __props;
 		const emit = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emit);
+		const delegatedProps = useDelegatedProps(props, "class");
+		const forwarded = useForwardPropsEmits(delegatedProps, emit);
 		const tinyColorRef = defineColorModel(props, emit);
 		const hueRef = ref(tinyColorRef.value.toHsl().h);
 		const currentColorFormat = ref(props.defaultFormat || "hex");
@@ -95,21 +102,23 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		function sipColor() {
 			if (!eyeDropper.value) return;
 			eyeDropper.value.open().then((result) => {
-				tinyColorRef.value = tinycolor(result.sRGBHex);
+				const newColor = tinycolor(result.sRGBHex);
+				tinyColorRef.value = newColor;
 			}).catch((_) => {});
 		}
 		function getCurrentColorValue(key) {
 			let currentValue = 0;
 			if (key === "r" || key === "g" || key === "b") currentValue = rgb.value[key];
 			else if (key === "h") currentValue = tinyColorRef.value.toHsl().h;
-			else if (key === "s" || key === "l" || key === "v") if (currentColorFormat.value === "hsl") {
-				const currentHsl = tinyColorRef.value.toHsl();
-				currentValue = key === "s" ? currentHsl.s * 100 : currentHsl.l * 100;
-			} else {
-				const currentHsv = tinyColorRef.value.toHsv();
-				currentValue = key === "s" ? currentHsv.s * 100 : currentHsv.v * 100;
-			}
-			else if (key === "a") currentValue = tinyColorRef.value.getAlpha() * 100;
+			else if (key === "s" || key === "l" || key === "v") {
+				if (currentColorFormat.value === "hsl") {
+					const currentHsl = tinyColorRef.value.toHsl();
+					currentValue = key === "s" ? currentHsl.s * 100 : currentHsl.l * 100;
+				} else {
+					const currentHsv = tinyColorRef.value.toHsv();
+					currentValue = key === "s" ? currentHsv.s * 100 : currentHsv.v * 100;
+				}
+			} else if (key === "a") currentValue = tinyColorRef.value.getAlpha() * 100;
 			return currentValue;
 		}
 		function validateInput(event) {
@@ -131,10 +140,11 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		}
 		function inputChangeRGB(event, key) {
 			const value = Number(event.target?.value);
-			tinyColorRef.value = tinycolor({
+			const newRgb = {
 				...rgb.value,
 				[key]: value
-			});
+			};
+			tinyColorRef.value = tinycolor(newRgb);
 		}
 		function inputChangeHSL(event, key) {
 			const HSLInput = event.target?.value;
@@ -168,27 +178,45 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			const currentValue = getCurrentColorValue(key);
 			const { min, max } = getColorConstraints(key);
 			const newValue = clamp(bumpColorValue(currentValue, direction), min, max);
-			if (key === "r" || key === "g" || key === "b") emit("update:modelValue", tinycolor({
-				...rgb.value,
-				[key]: newValue
-			}).toString());
-			else if (key === "h") if (currentColorFormat.value === "hsl") emit("update:modelValue", tinycolor({
-				...tinyColorRef.value.toHsl(),
-				h: newValue
-			}).toString());
-			else emit("update:modelValue", tinycolor({
-				...tinyColorRef.value.toHsv(),
-				h: newValue
-			}).toString());
-			else if (key === "s" || key === "l" || key === "v") if (currentColorFormat.value === "hsl") emit("update:modelValue", tinycolor({
-				...tinyColorRef.value.toHsl(),
-				[key]: newValue / 100
-			}).toString());
-			else emit("update:modelValue", tinycolor({
-				...tinyColorRef.value.toHsv(),
-				[key]: newValue / 100
-			}).toString());
-			else if (key === "a") emit("update:modelValue", tinyColorRef.value.setAlpha(newValue / 100).toString());
+			if (key === "r" || key === "g" || key === "b") {
+				const newColor = tinycolor({
+					...rgb.value,
+					[key]: newValue
+				});
+				emit("update:modelValue", newColor.toString());
+			} else if (key === "h") {
+				if (currentColorFormat.value === "hsl") {
+					const newColor = tinycolor({
+						...tinyColorRef.value.toHsl(),
+						h: newValue
+					});
+					emit("update:modelValue", newColor.toString());
+				} else {
+					const newColor = tinycolor({
+						...tinyColorRef.value.toHsv(),
+						h: newValue
+					});
+					emit("update:modelValue", newColor.toString());
+				}
+			} else if (key === "s" || key === "l" || key === "v") {
+				if (currentColorFormat.value === "hsl") {
+					const newColor = tinycolor({
+						...tinyColorRef.value.toHsl(),
+						[key]: newValue / 100
+					});
+					emit("update:modelValue", newColor.toString());
+				} else {
+					const currentHsv = tinyColorRef.value.toHsv();
+					const newColor = tinycolor({
+						...currentHsv,
+						[key]: newValue / 100
+					});
+					emit("update:modelValue", newColor.toString());
+				}
+			} else if (key === "a") {
+				const newColor = tinyColorRef.value.setAlpha(newValue / 100);
+				emit("update:modelValue", newColor.toString());
+			}
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(popover_default), null, {
@@ -198,7 +226,7 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 						intent: "neutral",
 						variant: "stroke"
 					}, {
-						default: withCtx(() => [_cache[53] || (_cache[53] = createElementVNode("span", { class: "celeste-selected-color" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.label), 1)]),
+						default: withCtx(() => [_cache[53] || (_cache[53] = createElementVNode("span", { class: "celeste-selected-color" }, null, -1)), createTextVNode(" " + toDisplayString(__props.label), 1)]),
 						_: 1
 					})]),
 					_: 1
@@ -252,7 +280,7 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 							intent: "neutral",
 							onClick: sipColor
 						}, {
-							default: withCtx(() => _cache[54] || (_cache[54] = [createElementVNode("i", { class: "i-celeste-sip-line" }, null, -1)])),
+							default: withCtx(() => [..._cache[54] || (_cache[54] = [createElementVNode("i", { class: "i-celeste-sip-line" }, null, -1)])]),
 							_: 1
 						})) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [currentColorFormat.value === "hex" ? (openBlock(), createBlock(unref(text_input_default), {
 							key: 0,
@@ -430,11 +458,11 @@ var color_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 								_cache[51] || (_cache[51] = withKeys(withModifiers((e) => handleColorValueKeyDown(e, "a"), ["prevent", "stop"]), ["down"]))
 							]
 						}, null, 8, ["value", "onKeydown"])])])])
-					]), createElementVNode("div", _hoisted_6, [_ctx.$slots.swatches ? renderSlot(_ctx.$slots, "swatches", { key: 0 }, void 0, true) : (openBlock(), createBlock(color_swatch_default, {
+					]), createElementVNode("div", _hoisted_6, [_ctx.$slots.swatches ? renderSlot(_ctx.$slots, "swatches", {}, void 0, true, 0) : (openBlock(), createBlock(color_swatch_default, {
 						key: 1,
 						modelValue: unref(tinyColorRef),
 						"onUpdate:modelValue": _cache[52] || (_cache[52] = ($event) => isRef(tinyColorRef) ? tinyColorRef.value = $event : null),
-						label: _ctx.colorSwatchLabel,
+						label: __props.colorSwatchLabel,
 						hue: hueRef.value
 					}, null, 8, [
 						"modelValue",

package/dist/es/chunks/color-swatch.js

@@ -15,7 +15,7 @@ var _hoisted_4 = [
 ];
 //#endregion
 //#region src/components/color-picker/color-swatch.vue
-var color_swatch_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var color_swatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "color-swatch",
 	props: {
 		modelValue: {},
@@ -25,7 +25,7 @@ var color_swatch_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "52ca0aa2": activeSwatchColorBg.value }));
+		useCssVars((_ctx) => ({ "v52ca0aa2": activeSwatchColorBg.value }));
 		const tinyColorRef = defineColorModel(__props, __emit);
 		const activeSwatchColorBg = computed(() => {
 			return `0 0 0 2px var(--color-bg-white-0), 0 0 0 4px ${tinyColorRef.value.toRgbString()}`;
@@ -37,7 +37,7 @@ var color_swatch_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			return tinyColorRef.value.toHex8String().toLocaleLowerCase() === tinycolor(color).toHex8String().toLocaleLowerCase();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.label), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.swatch, (swatchColor) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.swatch, (swatchColor) => {
 				return openBlock(), createElementBlock("div", {
 					key: swatchColor,
 					class: "palette-color",

package/dist/es/chunks/combobox-anchor.js

@@ -4,7 +4,7 @@ import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useForwardProps } from "./useForwardProps.js";
 import { t as PopperAnchor_default } from "./PopperAnchor.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxAnchor.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxAnchor.js
 var ComboboxAnchor_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxAnchor",
 	props: {
@@ -49,14 +49,21 @@ var combobox_anchor_default = /* @__PURE__ */ defineComponent({
 		reference: {},
 		asChild: { type: Boolean },
 		as: {},
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
-		const forwarded = useForwardProps(computed(() => {
+		const delegatedProps = computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
-		}));
+		});
+		const forwarded = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ComboboxAnchor_default), mergeProps(unref(forwarded), { class: unref(clsx)(props.class, "celeste-dropdown-anchor") }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

package/dist/es/chunks/combobox-empty.js

@@ -3,7 +3,7 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { n as injectComboboxRootContext } from "./ComboboxRoot.js";
 import { t as Primitive } from "./Primitive.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxEmpty.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxEmpty.js
 var ComboboxEmpty_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxEmpty",
 	props: {
@@ -30,12 +30,18 @@ var ComboboxEmpty_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/combobox-empty.vue
-var combobox_empty_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var combobox_empty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "combobox-empty",
 	props: {
 		asChild: { type: Boolean },
 		as: {},
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;

package/dist/es/chunks/combobox-group.js

@@ -5,12 +5,18 @@ import { t as ComboboxLabel_default } from "./ComboboxLabel.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/combobox/combobox-group.vue
-var combobox_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var combobox_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "combobox-group",
 	props: {
 		asChild: { type: Boolean },
 		as: {},
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		heading: {}
 	},
 	setup(__props) {
@@ -21,11 +27,11 @@ var combobox_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ComboboxGroup_default), mergeProps(delegatedProps.value, { class: unref(clsx)(props.class, "celeste-dropdown-items-group") }), {
-				default: withCtx(() => [_ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel_default), {
+				default: withCtx(() => [__props.heading ? (openBlock(), createBlock(unref(ComboboxLabel_default), {
 					key: 0,
 					class: ""
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.heading), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.heading), 1)]),
 					_: 1
 				})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/es/chunks/combobox-input.js

@@ -5,16 +5,22 @@ import { t as text_input_default } from "./text-input.js";
 import { computed, createBlock, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, unref, useModel, withCtx } from "vue";
 //#endregion
 //#region src/components/combobox/combobox-input.vue
-var combobox_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var combobox_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "combobox-input",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		displayValue: { type: Function },
 		modelValue: {},
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		textInputProps: {},
 		searchable: { type: Boolean },
 		placeholder: {}
@@ -50,7 +56,7 @@ var combobox_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 					readonly: !props.searchable,
 					style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
 				}), {
-					leadingIcon: withCtx(() => _cache[1] || (_cache[1] = [createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)])),
+					leadingIcon: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)])]),
 					_: 1
 				}, 16, [
 					"modelValue",

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

@@ -26,10 +26,16 @@ var _hoisted_7 = {
 };
 //#endregion
 //#region src/components/combobox/combobox-item.vue
-var combobox_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var combobox_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "combobox-item",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		label: {},
 		size: { default: "sm" },
 		checkbox: { type: Boolean },
@@ -51,35 +57,36 @@ var combobox_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(computed(() => {
+		const delegatedProps = computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
-		}), emits);
+		});
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ComboboxItem_default), mergeProps(unref(forwarded), {
-				disabled: _ctx.disabled,
+				disabled: __props.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 }))
+					"aria-disabled": __props.disabled,
+					class: normalizeClass(unref(clsx)(props.class, "celeste-dropdown-item", { "celeste-dropdown-item-disabled": __props.disabled }, { "celeste-dropdown-item-selected": __props.selected }, { "celeste-dropdown-item-focused": __props.focused }))
 				}, [
-					_ctx.checkbox && _ctx.size === "sm" ? (openBlock(), createBlock(checkbox_default, {
+					__props.checkbox && __props.size === "sm" ? (openBlock(), createBlock(checkbox_default, {
 						key: 0,
-						"model-value": _ctx.selected,
-						disabled: _ctx.disabled
+						"model-value": __props.selected,
+						disabled: __props.disabled
 					}, null, 8, ["model-value", "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}`))
+						class: normalizeClass(unref(clsx)("celeste-dropdown-item-prefix", `celeste-dropdown-item-prefix-${__props.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", {
+					createElementVNode("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(unref(clsx)("celeste-dropdown-item-header", `celeste-dropdown-item-header-${__props.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)]),
+						innerHTML: __props.label
+					}, null, 8, _hoisted_3), __props.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.sublabel), 1)) : createCommentVNode("", true)], 2), __props.description && __props.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.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)
+					__props.selected ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
 				], 10, _hoisted_1)]),
 				_: 3
 			}, 16, ["disabled"]);

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

@@ -8,7 +8,7 @@ import { t as Teleport_default } from "./Teleport.js";
 import { t as ComboboxContent_default } from "./ComboboxContent.js";
 import { t as useNonce } from "./useNonce.js";
 import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxPortal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxPortal.js
 var ComboboxPortal_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxPortal",
 	props: {
@@ -40,7 +40,7 @@ var ComboboxPortal_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxViewport.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxViewport.js
 var ComboboxViewport_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxViewport",
 	props: {
@@ -92,7 +92,7 @@ var ComboboxViewport_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/combobox-list.vue
-var combobox_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var combobox_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "combobox-list",
 	props: {
 		forceMount: { type: Boolean },
@@ -122,7 +122,13 @@ var combobox_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		asChild: { type: Boolean },
 		as: {},
 		disableOutsidePointerEvents: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: [
 		"escapeKeyDown",
@@ -133,10 +139,11 @@ var combobox_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(computed(() => {
+		const delegatedProps = computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
-		}), emits);
+		});
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ComboboxPortal_default), null, {
 				default: withCtx(() => [createVNode(unref(ComboboxContent_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-dropdown-content", props.class) }), {