@youcan/celeste 0.6.101 → 0.7.0

package/dist/cjs/chunks/dropdown-menu-sub-trigger.cjs

@@ -1,8 +1,196 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.cjs");
+const require_useId = require("./useId.cjs");
+const require_utils = require("./utils.cjs");
+const require_MenuAnchor = require("./MenuAnchor.cjs");
+const require_MenuRoot = require("./MenuRoot.cjs");
+const require_MenuContentImpl = require("./MenuContentImpl.cjs");
+const require_MenuItemImpl = require("./MenuItemImpl.cjs");
+const require_MenuSub = require("./MenuSub.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Menu/MenuSubTrigger.js
+var MenuSubTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "MenuSubTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		textValue: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const menuContext = require_MenuRoot.injectMenuContext();
+		const rootContext = require_MenuRoot.injectMenuRootContext();
+		const subContext = require_MenuSub.injectMenuSubContext();
+		const contentContext = require_MenuContentImpl.injectMenuContentContext();
+		(0, vue.watch)(menuContext.open, (open) => {
+			if (open) contentContext.activeSubmenuContext.value = {
+				onOpenChange: menuContext.onOpenChange,
+				trigger: subContext.trigger
+			};
+			else if (contentContext.activeSubmenuContext.value?.trigger.value === subContext.trigger.value) contentContext.activeSubmenuContext.value = void 0;
+		});
+		const openTimerRef = (0, vue.ref)(null);
+		subContext.triggerId ||= require_useId.useId(void 0, "reka-menu-sub-trigger");
+		function clearOpenTimer() {
+			if (openTimerRef.value) window.clearTimeout(openTimerRef.value);
+			openTimerRef.value = null;
+		}
+		(0, vue.onUnmounted)(() => {
+			clearOpenTimer();
+		});
+		function handlePointerMove(event) {
+			if (!require_utils.isMouseEvent(event)) return;
+			if (contentContext.onItemEnter(event)) return;
+			if (!props.disabled && !menuContext.open.value && !openTimerRef.value) {
+				contentContext.onPointerGraceIntentChange(null);
+				openTimerRef.value = window.setTimeout(() => {
+					menuContext.onOpenChange(true);
+					clearOpenTimer();
+				}, 100);
+			}
+		}
+		async function handlePointerLeave(event) {
+			if (!require_utils.isMouseEvent(event)) return;
+			clearOpenTimer();
+			const contentRect = menuContext.content.value?.getBoundingClientRect();
+			if (contentRect?.width) {
+				const side = menuContext.content.value?.dataset.side;
+				const rightSide = side === "right";
+				const bleed = rightSide ? -5 : 5;
+				const contentNearEdge = contentRect[rightSide ? "left" : "right"];
+				const contentFarEdge = contentRect[rightSide ? "right" : "left"];
+				contentContext.onPointerGraceIntentChange({
+					area: [
+						{
+							x: event.clientX + bleed,
+							y: event.clientY
+						},
+						{
+							x: contentNearEdge,
+							y: contentRect.top
+						},
+						{
+							x: contentFarEdge,
+							y: contentRect.top
+						},
+						{
+							x: contentFarEdge,
+							y: contentRect.bottom
+						},
+						{
+							x: contentNearEdge,
+							y: contentRect.bottom
+						}
+					],
+					side
+				});
+				window.clearTimeout(contentContext.pointerGraceTimerRef.value);
+				contentContext.pointerGraceTimerRef.value = window.setTimeout(() => contentContext.onPointerGraceIntentChange(null), 300);
+			} else {
+				if (contentContext.onTriggerLeave(event)) return;
+				contentContext.onPointerGraceIntentChange(null);
+			}
+		}
+		async function handleKeyDown(event) {
+			const isTypingAhead = contentContext.searchRef.value !== "";
+			if (props.disabled || isTypingAhead && event.key === " ") return;
+			if (require_utils.SUB_OPEN_KEYS[rootContext.dir.value].includes(event.key)) {
+				menuContext.onOpenChange(true);
+				await (0, vue.nextTick)();
+				menuContext.content.value?.focus();
+				event.preventDefault();
+			}
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_MenuAnchor.MenuAnchor_default, { "as-child": "" }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_MenuItemImpl.MenuItemImpl_default, (0, vue.mergeProps)(props, {
+					id: (0, vue.unref)(subContext).triggerId,
+					ref: (vnode) => {
+						if (!vnode) return void 0;
+						(0, vue.unref)(subContext)?.onTriggerChange(vnode?.$el);
+					},
+					"aria-haspopup": "menu",
+					"aria-expanded": (0, vue.unref)(menuContext).open.value,
+					"aria-controls": (0, vue.unref)(subContext).contentId,
+					"data-state": (0, vue.unref)(require_utils.getOpenState)((0, vue.unref)(menuContext).open.value),
+					onClick: _cache[0] || (_cache[0] = async (event) => {
+						if (props.disabled || event.defaultPrevented) return;
+						/**
+						* We manually focus because iOS Safari doesn't always focus on click (e.g. buttons)
+						* and we rely heavily on `onFocusOutside` for submenus to close when switching
+						* between separate submenus.
+						*/
+						event.currentTarget?.focus();
+						if (!(0, vue.unref)(menuContext).open.value) (0, vue.unref)(menuContext).onOpenChange(true);
+					}),
+					onPointermove: handlePointerMove,
+					onPointerleave: handlePointerLeave,
+					onKeydown: handleKeyDown
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"id",
+					"aria-expanded",
+					"aria-controls",
+					"data-state"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSubTrigger.js
+var DropdownMenuSubTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DropdownMenuSubTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		textValue: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuSubTrigger_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub-trigger.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -20,9 +208,9 @@ var dropdown_menu_sub_trigger_vue_vue_type_script_setup_true_lang_default = /* @
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = require_dist.Ot(require_use_delegated_props.useDelegatedProps(props, "class"));
+		const forwardedProps = require_useForwardProps.useForwardProps(require_use_delegated_props.useDelegatedProps(props, "class"));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Sh), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuSubTrigger_default), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
 				default: (0, vue.withCtx)(() => [
 					_ctx.$slots.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "prefix", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
@@ -35,7 +223,7 @@ var dropdown_menu_sub_trigger_vue_vue_type_script_setup_true_lang_default = /* @
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub-trigger.vue
-var dropdown_menu_sub_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_sub_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bc9c21ce"]]);
+var dropdown_menu_sub_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_sub_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-47876e9e"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_sub_trigger_default", {
 	enumerable: true,

package/dist/cjs/chunks/dropdown-menu-sub.cjs

@@ -1,5 +1,42 @@
+require("./chunk.cjs");
 const require_dist = require("./dist.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_MenuSub = require("./MenuSub.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSub.js
+var DropdownMenuSub_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DropdownMenuSub",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const open = require_dist.useVModel(props, "open", __emit, {
+			passive: props.open === void 0,
+			defaultValue: props.defaultOpen ?? false
+		});
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_MenuSub.MenuSub_default), {
+				open: (0, vue.unref)(open),
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(open) ? open.value = $event : null)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { open: (0, vue.unref)(open) })]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub.vue
 var dropdown_menu_sub_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -10,9 +47,9 @@ var dropdown_menu_sub_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_dist.Se(__props, __emit);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist._h), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuSub_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/cjs/chunks/dropdown-menu-trigger.cjs

@@ -1,6 +1,93 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.cjs");
+const require_useId = require("./useId.cjs");
+const require_MenuAnchor = require("./MenuAnchor.cjs");
+const require_DropdownMenuRoot = require("./DropdownMenuRoot.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuTrigger.js
+var DropdownMenuTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DropdownMenuTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_DropdownMenuRoot.injectDropdownMenuRootContext();
+		const { forwardRef, currentElement: triggerElement } = require_useForwardExpose.useForwardExpose();
+		(0, vue.onMounted)(() => {
+			rootContext.triggerElement = triggerElement;
+		});
+		rootContext.triggerId ||= require_useId.useId(void 0, "reka-dropdown-menu-trigger");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_MenuAnchor.MenuAnchor_default), { "as-child": "" }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+					id: (0, vue.unref)(rootContext).triggerId,
+					ref: (0, vue.unref)(forwardRef),
+					type: _ctx.as === "button" ? "button" : void 0,
+					"as-child": props.asChild,
+					as: _ctx.as,
+					"aria-haspopup": "menu",
+					"aria-expanded": (0, vue.unref)(rootContext).open.value,
+					"aria-controls": (0, vue.unref)(rootContext).open.value ? (0, vue.unref)(rootContext).contentId : void 0,
+					"data-disabled": _ctx.disabled ? "" : void 0,
+					disabled: _ctx.disabled,
+					"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+					onClick: _cache[0] || (_cache[0] = async (event) => {
+						if (!_ctx.disabled && event.button === 0 && event.ctrlKey === false) {
+							(0, vue.unref)(rootContext)?.onOpenToggle();
+							await (0, vue.nextTick)();
+							if ((0, vue.unref)(rootContext).open.value) event.preventDefault();
+						}
+					}),
+					onKeydown: _cache[1] || (_cache[1] = (0, vue.withKeys)((event) => {
+						if (_ctx.disabled) return;
+						if (["Enter", " "].includes(event.key)) (0, vue.unref)(rootContext).onOpenToggle();
+						if (event.key === "ArrowDown") (0, vue.unref)(rootContext).onOpenChange(true);
+						if ([
+							"Enter",
+							" ",
+							"ArrowDown"
+						].includes(event.key)) event.preventDefault();
+					}, [
+						"enter",
+						"space",
+						"arrow-down"
+					]))
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"id",
+					"type",
+					"as-child",
+					"as",
+					"aria-expanded",
+					"aria-controls",
+					"data-disabled",
+					"disabled",
+					"data-state"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
 //#region src/components/dropdown-menu/dropdown-menu-trigger.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "dropdown-menu-trigger",
@@ -10,9 +97,9 @@ var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PU
 		as: {}
 	},
 	setup(__props) {
-		const forwardedProps = require_dist.Ot(__props);
+		const forwardedProps = require_useForwardProps.useForwardProps(__props);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.dh), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-trigger" }, (0, vue.unref)(forwardedProps), { as: "div" }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuTrigger_default), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-trigger" }, (0, vue.unref)(forwardedProps), { as: "div" }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);
@@ -21,7 +108,7 @@ var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PU
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-trigger.vue
-var dropdown_menu_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-003a2030"]]);
+var dropdown_menu_trigger_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-182db80e"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_trigger_default", {
 	enumerable: true,

package/dist/cjs/chunks/dropdown-menu.cjs

@@ -1,6 +1,8 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_DropdownMenuRoot = require("./DropdownMenuRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
 //#region src/components/dropdown-menu/dropdown-menu.vue?vue&type=script&setup=true&lang.ts
@@ -17,9 +19,9 @@ var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.uh), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
@@ -28,7 +30,7 @@ var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu.vue
-var dropdown_menu_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-65fa331f"]]);
+var dropdown_menu_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1cc87774"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_default", {
 	enumerable: true,

package/dist/cjs/chunks/extra-settings.cjs

@@ -1,10 +1,10 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_compact_button = require("./compact-button.cjs");
 const require_select_content = require("./select-content.cjs");
-const require_select_icon = require("./select-icon.cjs");
-const require_select_item = require("./select-item.cjs");
 const require_select_trigger = require("./select-trigger.cjs");
+const require_select_item = require("./select-item.cjs");
+const require_compact_button = require("./compact-button.cjs");
+const require_select_icon = require("./select-icon.cjs");
 const require_select = require("./select.cjs");
 const require_tooltip = require("./tooltip.cjs");
 let vue = require("vue");
@@ -125,7 +125,7 @@ var extra_settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/rich-editor/extra-settings.vue
-var extra_settings_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(extra_settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3c432b0c"]]);
+var extra_settings_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(extra_settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8091e700"]]);
 //#endregion
 Object.defineProperty(exports, "extra_settings_default", {
 	enumerable: true,

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

@@ -1,6 +1,7 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
 let vue = require("vue");
 //#region src/components/button/fancy-button.vue?vue&type=script&setup=true&lang.ts
 var fancy_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -15,7 +16,7 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 				as: _ctx.as,
 				"as-child": _ctx.asChild,
 				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-fbutton", `celeste-fbutton-${_ctx.intent}`, `celeste-fbutton-${_ctx.size}`, props.class))
@@ -32,7 +33,7 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 });
 //#endregion
 //#region src/components/button/fancy-button.vue
-var fancy_button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(fancy_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cc3b0550"]]);
+var fancy_button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(fancy_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-970a57eb"]]);
 //#endregion
 Object.defineProperty(exports, "fancy_button_default", {
 	enumerable: true,

package/dist/cjs/chunks/file-upload-area.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_button = require("./button.cjs");
@@ -129,7 +129,7 @@ var file_upload_area_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 });
 //#endregion
 //#region src/components/file-upload/file-upload-area.vue
-var file_upload_area_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(file_upload_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0e4f337e"]]);
+var file_upload_area_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(file_upload_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ec9187b9"]]);
 //#endregion
 Object.defineProperty(exports, "file_upload_area_default", {
 	enumerable: true,

package/dist/cjs/chunks/getActiveElement.cjs

@@ -0,0 +1,14 @@
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/getActiveElement.js
+function getActiveElement() {
+	let activeElement = document.activeElement;
+	if (activeElement == null) return null;
+	while (activeElement != null && activeElement.shadowRoot != null && activeElement.shadowRoot.activeElement != null) activeElement = activeElement.shadowRoot.activeElement;
+	return activeElement;
+}
+//#endregion
+Object.defineProperty(exports, "getActiveElement", {
+	enumerable: true,
+	get: function() {
+		return getActiveElement;
+	}
+});

package/dist/cjs/chunks/handleAndDispatchCustomEvent.cjs

@@ -0,0 +1,18 @@
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/handleAndDispatchCustomEvent.js
+function handleAndDispatchCustomEvent(name, handler, detail) {
+	const target = detail.originalEvent.target;
+	const event = new CustomEvent(name, {
+		bubbles: false,
+		cancelable: true,
+		detail
+	});
+	if (handler) target.addEventListener(name, handler, { once: true });
+	target.dispatchEvent(event);
+}
+//#endregion
+Object.defineProperty(exports, "handleAndDispatchCustomEvent", {
+	enumerable: true,
+	get: function() {
+		return handleAndDispatchCustomEvent;
+	}
+});

package/dist/cjs/chunks/hint-text.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 let vue = require("vue");
@@ -28,7 +28,7 @@ var hint_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 });
 //#endregion
 //#region src/components/hint-text/hint-text.vue
-var hint_text_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(hint_text_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-42c3df99"]]);
+var hint_text_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(hint_text_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9063842e"]]);
 //#endregion
 Object.defineProperty(exports, "hint_text_default", {
 	enumerable: true,

package/dist/cjs/chunks/hue-slider.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_use_user_select = require("../use-user-select.cjs");
 const require_color = require("../color.cjs");

package/dist/cjs/chunks/isValueEqualOrExist.cjs

@@ -0,0 +1,24 @@
+const require_ohash_D__AXeF1 = require("./ohash.D__AXeF1.cjs");
+const require_nullish = require("./nullish.cjs");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/isValueEqualOrExist.js
+/**
+* The function `isValueEqualOrExist` checks if a value is equal to or exists in another value or
+* array.
+* @param {T | T[] | undefined} base - It represents the base value that you want to compare with the `current` value.
+* @param {T | T[] | undefined} current - The `current` parameter represents the current value that you want to compare with the `base` value or values.
+* @returns The `isValueEqualOrExist` function returns a boolean value. It checks if the `base` value
+* is equal to the `current` value or if the `current` value exists within the `base` value. The
+* function handles cases where `base` can be a single value, an array of values, or undefined.
+*/
+function isValueEqualOrExist(base, current) {
+	if (require_nullish.isNullish(base)) return false;
+	if (Array.isArray(base)) return base.some((val) => require_ohash_D__AXeF1.isEqual(val, current));
+	else return require_ohash_D__AXeF1.isEqual(base, current);
+}
+//#endregion
+Object.defineProperty(exports, "isValueEqualOrExist", {
+	enumerable: true,
+	get: function() {
+		return isValueEqualOrExist;
+	}
+});

package/dist/cjs/chunks/{label.cjs → label2.cjs}

@@ -1,12 +1,13 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_Label = require("./Label.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 const require_tooltip = require("./tooltip.cjs");
 let vue = require("vue");
 //#region src/components/label/label.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "celeste-label-text" };
-var _hoisted_2 = {
+var _hoisted_1 = {
 	key: 0,
 	class: "celeste-sublabel"
 };
@@ -26,15 +27,21 @@ var label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Vh), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Label.Label_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
 				"aria-required": _ctx.required,
 				"aria-disabled": _ctx.disabled,
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-label", props.class)
 			}), {
 				default: (0, vue.withCtx)(() => [
-					(0, vue.createElementVNode)("span", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
-					(0, vue.renderSlot)(_ctx.$slots, "button", { class: "celeste-label-button" }, void 0, true),
-					_ctx.sublabel ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(_ctx.sublabel), 1)) : (0, vue.createCommentVNode)("", true),
+					(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true),
+					(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+						class: "celeste-label-button",
+						"as-child": ""
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "button", {}, void 0, true)]),
+						_: 3
+					}),
+					_ctx.sublabel ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, (0, vue.toDisplayString)(_ctx.sublabel), 1)) : (0, vue.createCommentVNode)("", true),
 					_ctx.information ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_tooltip.tooltip_default, {
 						key: 1,
 						title: _ctx.information
@@ -54,7 +61,7 @@ var label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.
 });
 //#endregion
 //#region src/components/label/label.vue
-var label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-896f427f"]]);
+var label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5ae119db"]]);
 //#endregion
 Object.defineProperty(exports, "label_default", {
 	enumerable: true,