@youcan/celeste 0.21.1 → 0.22.0

package/dist/es/chunks/chart-card.js

@@ -1,7 +1,7 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as badge_default } from "./badge.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import clsx$1 from "clsx";
 //#region src/components/chart/chart-card.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-chart-card-header" };
 var _hoisted_2 = { class: "celeste-chart-card-heading" };
@@ -39,7 +39,7 @@ var chart_card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", { class: normalizeClass(unref(clsx)("celeste-chart-card", props.class)) }, [createElementVNode("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+			return openBlock(), createElementBlock("section", { class: normalizeClass(unref(clsx$1)("celeste-chart-card", props.class)) }, [createElementVNode("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1),
 				__props.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(__props.value), 1), __props.delta ? (openBlock(), createBlock(badge_default, {
 					key: 0,

package/dist/es/chunks/chart-legend.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, useModel, withCtx } from "vue";
+import clsx$1 from "clsx";
 //#region src/components/chart/chart-legend.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-variant"];
 var _hoisted_2 = { class: "celeste-chart-legend-name" };
@@ -43,7 +43,7 @@ var chart_legend_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(clsx)("celeste-chart-legend", props.class)),
+				class: normalizeClass(unref(clsx$1)("celeste-chart-legend", props.class)),
 				"data-variant": __props.variant
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createBlock(resolveDynamicComponent(__props.toggle ? "button" : "span"), {

package/dist/es/chunks/chart-plot.js

@@ -1,5 +1,5 @@
-import { t as clsx } from "./clsx.js";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";
+import clsx$1 from "clsx";
 //#region src/components/chart/chart-plot.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-size",
@@ -47,7 +47,7 @@ var chart_plot_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-chart", props.class)) }, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx$1)("celeste-chart", props.class)) }, [
 				createElementVNode("div", {
 					class: "celeste-chart-plot",
 					"data-size": __props.size,

package/dist/es/chunks/checkbox-card.js

@@ -1,9 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Label, Primitive } from "reka-ui";
 //#region src/components/checkbox/checkbox-card.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-checkbox-card-content" };
 var _hoisted_2 = { role: "presentation" };
@@ -33,10 +32,10 @@ var checkbox_card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label), mergeProps(unref(delegatedProps), {
 				"aria-required": __props.required,
 				"aria-disabled": __props.disabled,
-				class: unref(clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": __props.disabled })
+				class: unref(clsx$1)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": __props.disabled })
 			}), {
 				default: withCtx(() => [
 					_ctx.$slots.image || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {

package/dist/es/chunks/checkbox-label.js

@@ -1,9 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Label, Primitive } from "reka-ui";
 //#region src/components/checkbox/checkbox-label.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { role: "presentation" };
 var _hoisted_2 = {
@@ -36,10 +35,10 @@ var checkbox_label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label), mergeProps(unref(delegatedProps), {
 				"aria-required": __props.required,
 				"aria-disabcled": __props.disabled,
-				class: unref(clsx)("celeste-checkbox-label", props.class)
+				class: unref(clsx$1)("celeste-checkbox-label", props.class)
 			}), {
 				default: withCtx(() => [createVNode(unref(Primitive), {
 					"as-child": "",

package/dist/es/chunks/checkbox.js

@@ -1,229 +1,7 @@
-import { t as clsx } from "./clsx.js";
-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 { p 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";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as useForwardScopeId } from "./useForwardScopeId.js";
-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, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx, withKeys, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_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.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/utils.js
-function isIndeterminate(checked) {
-	return checked === "indeterminate";
-}
-function getState(checked) {
-	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_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",
-	props: {
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		modelValue: {
-			type: null,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		value: {
-			type: null,
-			required: false,
-			default: "on"
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		trueValue: {
-			type: null,
-			required: false,
-			default: () => true
-		},
-		falseValue: {
-			type: null,
-			required: false,
-			default: () => false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { forwardRef, currentElement } = useForwardExpose();
-		const checkboxGroupContext = injectCheckboxGroupRootContext(null);
-		const modelValue = useVModel(props, "modelValue", emits, {
-			defaultValue: props.defaultValue ?? props.falseValue,
-			passive: props.modelValue === void 0
-		});
-		const disabled = computed(() => checkboxGroupContext?.disabled.value || props.disabled);
-		const isChecked = computed(() => isEqual(modelValue.value, props.trueValue));
-		const checkboxState = computed(() => {
-			if (!isNullish(checkboxGroupContext?.modelValue.value)) return isValueEqualOrExist(checkboxGroupContext.modelValue.value, props.value);
-			else {
-				if (modelValue.value === "indeterminate") return "indeterminate";
-				return isChecked.value;
-			}
-		});
-		function handleClick() {
-			if (!isNullish(checkboxGroupContext?.modelValue.value)) {
-				const modelValueArray = [...checkboxGroupContext.modelValue.value || []];
-				if (isValueEqualOrExist(modelValueArray, props.value)) {
-					const index = modelValueArray.findIndex((i) => isEqual(i, props.value));
-					modelValueArray.splice(index, 1);
-				} else modelValueArray.push(props.value);
-				checkboxGroupContext.modelValue.value = modelValueArray;
-			} else if (modelValue.value === "indeterminate") modelValue.value = props.trueValue;
-			else modelValue.value = isChecked.value ? props.falseValue : props.trueValue;
-		}
-		const isFormControl = useFormControl(currentElement);
-		const scopeIdAttrs = useForwardScopeId();
-		const attrs = useAttrs();
-		const ariaLabel = computed(() => {
-			if (attrs["aria-label"]) return void 0;
-			return props.id && currentElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : void 0;
-		});
-		provideCheckboxRootContext({
-			disabled,
-			state: checkboxState
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(resolveDynamicComponent(unref(checkboxGroupContext)?.rovingFocus.value ? unref(RovingFocusItem_default) : unref(Primitive)), mergeProps({
-				..._ctx.$attrs,
-				...unref(scopeIdAttrs)
-			}, {
-				id: _ctx.id,
-				ref: unref(forwardRef),
-				role: "checkbox",
-				"as-child": _ctx.asChild,
-				as: _ctx.as,
-				type: _ctx.as === "button" ? "button" : void 0,
-				"aria-checked": unref(isIndeterminate)(checkboxState.value) ? "mixed" : checkboxState.value,
-				"aria-required": _ctx.required,
-				"aria-label": _ctx.$attrs["aria-label"] || ariaLabel.value,
-				"data-state": unref(getState)(checkboxState.value),
-				"data-disabled": disabled.value ? "" : void 0,
-				disabled: disabled.value,
-				focusable: unref(checkboxGroupContext)?.rovingFocus.value ? !disabled.value : void 0,
-				onKeydown: withKeys(withModifiers(() => {}, ["prevent"]), ["enter"]),
-				onClick: handleClick
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					modelValue: unref(modelValue),
-					state: checkboxState.value
-				})]),
-				_: 3
-			}, 16, [
-				"id",
-				"as-child",
-				"as",
-				"type",
-				"aria-checked",
-				"aria-required",
-				"aria-label",
-				"data-state",
-				"data-disabled",
-				"disabled",
-				"focusable",
-				"onKeydown"
-			])), unref(isFormControl) && _ctx.name && !unref(checkboxGroupContext) ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), mergeProps({
-				key: 0,
-				type: "checkbox",
-				checked: !!checkboxState.value,
-				name: _ctx.name,
-				value: _ctx.value,
-				disabled: disabled.value,
-				required: _ctx.required
-			}, unref(scopeIdAttrs)), null, 16, [
-				"checked",
-				"name",
-				"value",
-				"disabled",
-				"required"
-			])) : createCommentVNode("v-if", true)], 64);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Checkbox/CheckboxIndicator.js
-var CheckboxIndicator_default = /* @__PURE__ */ defineComponent({
-	__name: "CheckboxIndicator",
-	props: {
-		forceMount: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		const { forwardRef } = useForwardExpose();
-		const rootContext = injectCheckboxRootContext();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(isIndeterminate)(unref(rootContext).state.value) || unref(rootContext).state.value === true }, {
-				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-					ref: unref(forwardRef),
-					"data-state": unref(getState)(unref(rootContext).state.value),
-					"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
-					style: { pointerEvents: "none" },
-					"as-child": _ctx.asChild,
-					as: _ctx.as
-				}, _ctx.$attrs), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, [
-					"data-state",
-					"data-disabled",
-					"as-child",
-					"as"
-				])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/checkbox/checkbox.vue
 var checkbox_default = /* @__PURE__ */ defineComponent({
@@ -255,8 +33,8 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 		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), {
+			return openBlock(), createBlock(unref(CheckboxRoot), mergeProps(unref(forwarded), { class: unref(clsx$1)("celeste-checkbox", props.class) }), {
+				default: withCtx(() => [createVNode(unref(CheckboxIndicator), {
 					"force-mount": "",
 					class: "celeste-checkbox-indicator"
 				}, {

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

@@ -1,108 +1,6 @@
-import { t as clsx } from "./clsx.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.5_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",
-	props: {
-		forceMount: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	emits: ["contentFound"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const rootContext = injectCollapsibleRootContext();
-		rootContext.contentId ||= useId(void 0, "reka-collapsible-content");
-		const presentRef = ref();
-		const { forwardRef, currentElement } = useForwardExpose();
-		const width = ref(0);
-		const height = ref(0);
-		const isOpen = computed(() => rootContext.open.value);
-		const isMountAnimationPrevented = ref(isOpen.value);
-		const currentStyle = ref();
-		watch(() => [isOpen.value, presentRef.value?.present], async () => {
-			await nextTick();
-			const node = currentElement.value;
-			if (!node) return;
-			currentStyle.value = currentStyle.value || {
-				transitionDuration: node.style.transitionDuration,
-				animationName: node.style.animationName
-			};
-			node.style.transitionDuration = "0s";
-			node.style.animationName = "none";
-			const rect = node.getBoundingClientRect();
-			height.value = rect.height;
-			width.value = rect.width;
-			if (!isMountAnimationPrevented.value) {
-				node.style.transitionDuration = currentStyle.value.transitionDuration;
-				node.style.animationName = currentStyle.value.animationName;
-			}
-		}, { immediate: true });
-		const skipAnimation = computed(() => isMountAnimationPrevented.value && rootContext.open.value);
-		onMounted(() => {
-			requestAnimationFrame(() => {
-				isMountAnimationPrevented.value = false;
-			});
-		});
-		useEventListener(currentElement, "beforematch", (ev) => {
-			requestAnimationFrame(() => {
-				rootContext.onOpenToggle();
-				emits("contentFound");
-			});
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Presence_default), {
-				ref_key: "presentRef",
-				ref: presentRef,
-				present: _ctx.forceMount || unref(rootContext).open.value,
-				"force-mount": true
-			}, {
-				default: withCtx(({ present }) => [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
-					id: unref(rootContext).contentId,
-					ref: unref(forwardRef),
-					"as-child": props.asChild,
-					as: _ctx.as,
-					hidden: !present ? unref(rootContext).unmountOnHide.value ? "" : "until-found" : void 0,
-					"data-state": skipAnimation.value ? void 0 : unref(rootContext).open.value ? "open" : "closed",
-					"data-disabled": unref(rootContext).disabled?.value ? "" : void 0,
-					style: {
-						[`--reka-collapsible-content-height`]: `${height.value}px`,
-						[`--reka-collapsible-content-width`]: `${width.value}px`
-					}
-				}), {
-					default: withCtx(() => [(unref(rootContext).unmountOnHide.value ? present : true) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)]),
-					_: 2
-				}, 1040, [
-					"id",
-					"as-child",
-					"as",
-					"hidden",
-					"data-state",
-					"data-disabled",
-					"style"
-				])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { CollapsibleContent } from "reka-ui";
 //#endregion
 //#region src/components/collapsible/collapsible-content.vue
 var collapsible_content_default = /* @__PURE__ */ defineComponent({
@@ -122,7 +20,7 @@ var collapsible_content_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollapsibleContent_default), mergeProps(props, { class: unref(clsx)("celeste-collapsible-content", props.class) }), {
+			return openBlock(), createBlock(unref(CollapsibleContent), mergeProps(props, { class: unref(clsx$1)("celeste-collapsible-content", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

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

@@ -1,53 +1,5 @@
-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.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleTrigger.js
-var CollapsibleTrigger_default = /* @__PURE__ */ defineComponent({
-	__name: "CollapsibleTrigger",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		useForwardExpose();
-		const rootContext = injectCollapsibleRootContext();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				type: _ctx.as === "button" ? "button" : void 0,
-				as: _ctx.as,
-				"as-child": props.asChild,
-				"aria-controls": unref(rootContext).contentId,
-				"aria-expanded": unref(rootContext).open.value,
-				"data-state": unref(rootContext).open.value ? "open" : "closed",
-				"data-disabled": unref(rootContext).disabled?.value ? "" : void 0,
-				disabled: unref(rootContext).disabled?.value,
-				onClick: unref(rootContext).onOpenToggle
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"type",
-				"as",
-				"as-child",
-				"aria-controls",
-				"aria-expanded",
-				"data-state",
-				"data-disabled",
-				"disabled",
-				"onClick"
-			]);
-		};
-	}
-});
+import { CollapsibleTrigger } from "reka-ui";
 //#endregion
 //#region src/components/collapsible/collapsible-trigger.vue
 var collapsible_trigger_default = /* @__PURE__ */ defineComponent({
@@ -59,7 +11,7 @@ var collapsible_trigger_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollapsibleTrigger_default), normalizeProps(guardReactiveProps(props)), {
+			return openBlock(), createBlock(unref(CollapsibleTrigger), normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/es/chunks/collapsible.js

@@ -1,6 +1,5 @@
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as CollapsibleRoot_default } from "./CollapsibleRoot.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { CollapsibleRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/collapsible/collapsible.vue
 var collapsible_default = /* @__PURE__ */ defineComponent({
@@ -17,7 +16,7 @@ var collapsible_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const forwarded = useForwardPropsEmits(__props, __emit);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollapsibleRoot_default), normalizeProps(guardReactiveProps(unref(forwarded))), {
+			return openBlock(), createBlock(unref(CollapsibleRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
 				default: withCtx(({ open }) => [renderSlot(_ctx.$slots, "default", { open })]),
 				_: 3
 			}, 16);

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

@@ -1,29 +1,29 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as popover_content_default } from "./popover-content.js";
-import { t as popover_trigger_default } from "./popover-trigger.js";
-import { t as select_content_default } from "./select-content.js";
-import { t as select_trigger_default } from "./select-trigger.js";
-import { t as select_item_default } from "./select-item.js";
-import "./select-label.js";
-import "./select-separator.js";
-import { t as select_value_default } from "./select-value.js";
 import { t as button_default } from "./button.js";
 import "./gradient-picker.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { COLOR_NUMBER_VALIDATION_PATTERN, HEX_VALIDATION_PATTERN, bumpColorValue, clamp, getColorConstraints, resolveArrowDirection, truncColorValue } from "../color.js";
-import { t as tinycolor } from "./tinycolor.js";
 import { defineColorModel } from "../use-color-model.js";
 import { t as alpha_slider_default } from "./alpha-slider.js";
 import { t as color_area_default } from "./color-area.js";
+import { t as popover_content_default } from "./popover-content.js";
+import { t as popover_trigger_default } from "./popover-trigger.js";
 import { t as popover_default } from "./popover.js";
+import { t as select_content_default } from "./select-content.js";
 import "./select-group.js";
 import "./select-icon.js";
+import { t as select_item_default } from "./select-item.js";
+import "./select-label.js";
+import "./select-separator.js";
+import { t as select_trigger_default } from "./select-trigger.js";
+import { t as select_value_default } from "./select-value.js";
 import { t as select_default } from "./select.js";
 import { t as text_input_default } from "./text-input.js";
 import { t as color_swatch_default } from "./color-swatch.js";
 import { t as hue_slider_default } from "./hue-slider.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, mergeProps, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useCssVars, watch, withCtx, withKeys, withModifiers } from "vue";
+import { useForwardPropsEmits } from "reka-ui";
+import tinycolor from "tinycolor2";
 //#region src/components/color-picker/color-picker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-color-picker" };
 var _hoisted_2 = { class: "celeste-color-control-panel" };

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

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { DEFAULT_SWATCH } from "../color.js";
-import { t as tinycolor } from "./tinycolor.js";
 import { defineColorModel } from "../use-color-model.js";
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, renderList, toDisplayString, useCssVars, withKeys } from "vue";
+import tinycolor from "tinycolor2";
 //#region src/components/color-picker/color-swatch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-color-swatch" };
 var _hoisted_2 = { class: "swatch-label" };

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

@@ -1,46 +1,6 @@
-import { t as clsx } from "./clsx.js";
-import { t as Primitive } from "./Primitive.js";
-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.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxAnchor.js
-var ComboboxAnchor_default = /* @__PURE__ */ defineComponent({
-	__name: "ComboboxAnchor",
-	props: {
-		reference: {
-			type: null,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const { forwardRef } = useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopperAnchor_default), {
-				"as-child": "",
-				reference: _ctx.reference
-			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-					ref: unref(forwardRef),
-					"as-child": _ctx.asChild,
-					as: _ctx.as
-				}, _ctx.$attrs), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["as-child", "as"])]),
-				_: 3
-			}, 8, ["reference"]);
-		};
-	}
-});
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ComboboxAnchor, useForwardProps } from "reka-ui";
 //#endregion
 //#region src/components/combobox/combobox-anchor.vue
 var combobox_anchor_default = /* @__PURE__ */ defineComponent({
@@ -65,7 +25,7 @@ var combobox_anchor_default = /* @__PURE__ */ defineComponent({
 		});
 		const forwarded = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxAnchor_default), mergeProps(unref(forwarded), { class: unref(clsx)(props.class, "celeste-dropdown-anchor") }), {
+			return openBlock(), createBlock(unref(ComboboxAnchor), mergeProps(unref(forwarded), { class: unref(clsx$1)(props.class, "celeste-dropdown-anchor") }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);