@youcan/celeste 0.6.97 → 0.6.98

package/dist/esm/chunks/dropdown-menu-content.js

@@ -0,0 +1,55 @@
+import { I as Se, ft as ch, ht as fh } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-content.vue
+var dropdown_menu_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-content",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		updatePositionStrategy: {},
+		prioritizePosition: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = Se(useDelegatedProps(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ch), null, {
+				default: withCtx(() => [createVNode(unref(fh), mergeProps(unref(forwarded), {
+					class: unref(clsx)("celeste-dropdown-menu-content", props.class),
+					"side-offset": 8
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+}), [["__scopeId", "data-v-29fe82ec"]]);
+//#endregion
+export { dropdown_menu_content_default as t };

package/dist/esm/chunks/dropdown-menu-group.js

@@ -0,0 +1,23 @@
+import { Tt as mh } from "./dist.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-group.vue
+var dropdown_menu_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-group",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(mh), mergeProps({ class: "celeste-dropdown-menu-group" }, props), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16);
+		};
+	}
+}), [["__scopeId", "data-v-87c13894"]]);
+//#endregion
+export { dropdown_menu_group_default as t };

package/dist/esm/chunks/dropdown-menu-item.js

@@ -0,0 +1,43 @@
+import { Ht as vh, O as Ot } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dropdown-menu/dropdown-menu-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "celeste-dropdown-menu-item-prefix"
+};
+var _hoisted_2 = { class: "celeste-dropdown-menu-item-body" };
+var _hoisted_3 = {
+	key: 1,
+	class: "celeste-dropdown-menu-item-suffix"
+};
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.vue
+var dropdown_menu_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-item",
+	props: {
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwardedProps = Ot(useDelegatedProps(props, "class"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(vh), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-dropdown-menu-item", props.class) }), {
+				default: withCtx(() => [
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "suffix", {}, void 0, true)])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-88051c3a"]]);
+//#endregion
+export { dropdown_menu_item_default as t };

package/dist/esm/chunks/dropdown-menu-label.js

@@ -0,0 +1,27 @@
+import { O as Ot, ut as bh } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-label.vue
+var dropdown_menu_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-label",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwardedProps = Ot(useDelegatedProps(props, "class"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(bh), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-dropdown-menu-label", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-495f5d77"]]);
+//#endregion
+export { dropdown_menu_label_default as t };

package/dist/esm/chunks/dropdown-menu-separator.js

@@ -0,0 +1,24 @@
+import { vt as hh } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.vue
+var dropdown_menu_separator_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-separator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = useDelegatedProps(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(hh), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-9736785f"]]);
+//#endregion
+export { dropdown_menu_separator_default as t };

package/dist/esm/chunks/dropdown-menu-sub-content.js

@@ -0,0 +1,52 @@
+import { I as Se, ft as ch, qt as xh } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub-content.vue
+var dropdown_menu_sub_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-sub-content",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		sideOffset: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		updatePositionStrategy: {},
+		prioritizePosition: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"entryFocus",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = Se(useDelegatedProps(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ch), null, {
+				default: withCtx(() => [createVNode(unref(xh), mergeProps(unref(forwarded), { class: unref(clsx)(props.class, "celeste-dropdown-menu-sub-content") }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+}), [["__scopeId", "data-v-030354cd"]]);
+//#endregion
+export { dropdown_menu_sub_content_default as t };

package/dist/esm/chunks/dropdown-menu-sub-trigger.js

@@ -0,0 +1,39 @@
+import { L as Sh, O as Ot } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/dropdown-menu/dropdown-menu-sub-trigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "celeste-dropdown-menu-sub-prefix"
+};
+var _hoisted_2 = { class: "celeste-dropdown-menu-sub-body" };
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub-trigger.vue
+var dropdown_menu_sub_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-sub-trigger",
+	props: {
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwardedProps = Ot(useDelegatedProps(props, "class"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Sh), mergeProps(unref(forwardedProps), { class: unref(clsx)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
+				default: withCtx(() => [
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_cache[0] || (_cache[0] = createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))
+				]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-bc9c21ce"]]);
+//#endregion
+export { dropdown_menu_sub_trigger_default as t };

package/dist/esm/chunks/dropdown-menu-sub.js

@@ -0,0 +1,23 @@
+import { I as Se, rt as _h } from "./dist.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub.vue
+var dropdown_menu_sub_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-sub",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = Se(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_h), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { dropdown_menu_sub_default as t };

package/dist/esm/chunks/dropdown-menu-trigger.js

@@ -0,0 +1,24 @@
+import { O as Ot, pt as dh } from "./dist.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.vue
+var dropdown_menu_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-trigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const forwardedProps = Ot(__props);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(dh), mergeProps({ class: "celeste-dropdown-menu-trigger" }, unref(forwardedProps), { as: "div" }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16);
+		};
+	}
+}), [["__scopeId", "data-v-003a2030"]]);
+//#endregion
+export { dropdown_menu_trigger_default as t };

package/dist/esm/chunks/dropdown-menu.js

@@ -0,0 +1,31 @@
+import { Bt as uh, I as Se } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.vue
+var dropdown_menu_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		dir: {},
+		modal: { type: Boolean },
+		class: {}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = Se(useDelegatedProps(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(uh), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-dropdown-menu", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-65fa331f"]]);
+//#endregion
+export { dropdown_menu_default as t };

package/dist/esm/chunks/extra-settings.js

@@ -0,0 +1,127 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as compact_button_default } from "./compact-button.js";
+import { t as select_content_default } from "./select-content.js";
+import { t as select_icon_default } from "./select-icon.js";
+import { t as select_item_default } from "./select-item.js";
+import { t as select_trigger_default } from "./select-trigger.js";
+import { t as select_default } from "./select.js";
+import { t as tooltip_default } from "./tooltip.js";
+import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, withCtx } from "vue";
+//#region src/components/rich-editor/extra-settings.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "show-more-wrapper" };
+//#endregion
+//#region src/components/rich-editor/extra-settings.vue
+var extra_settings_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "extra-settings",
+	props: { editor: {} },
+	setup(__props) {
+		const props = __props;
+		const defaultValue = ref("");
+		const extraSettings = [
+			{
+				name: "Copy",
+				icon: "i-celeste-file-copy-line"
+			},
+			{
+				name: "Cut",
+				icon: "i-celeste-scissors-line"
+			},
+			{
+				name: "Delete",
+				icon: "i-celeste-delete-bin-4-line"
+			},
+			{
+				name: "Duplicate",
+				icon: "i-celeste-add-circle-line"
+			}
+		];
+		function selectedText(editor) {
+			const { from, to } = editor.state.selection;
+			return editor.state.doc.textBetween(from, to, "\n") || null;
+		}
+		async function copySelectionToClipboard(editor) {
+			const text = selectedText(editor);
+			if (!text) return;
+			try {
+				if (!window.isSecureContext) throw new Error("Clipboard API is not available in insecure contexts");
+				return await navigator.clipboard.writeText(text);
+			} catch (error) {
+				console.error(error);
+			}
+		}
+		async function cutSelection(editor) {
+			await copySelectionToClipboard(editor);
+			deleteSelection(editor);
+		}
+		function deleteSelection(editor) {
+			return editor.commands.deleteSelection();
+		}
+		function duplicateSelection(editor) {
+			const { to } = editor.state.selection;
+			const text = selectedText(editor);
+			if (!text) return;
+			return editor.commands.insertContentAt(to, text);
+		}
+		function clearSelectedValue() {
+			defaultValue.value = "";
+		}
+		function onActionClick(name, editor) {
+			switch (name) {
+				case "Copy":
+					copySelectionToClipboard(editor);
+					break;
+				case "Cut":
+					cutSelection(editor);
+					break;
+				case "Delete":
+					deleteSelection(editor);
+					break;
+				case "Duplicate":
+					duplicateSelection(editor);
+					break;
+				default: break;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(select_default, {
+				modelValue: defaultValue.value,
+				"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => defaultValue.value = $event), _cache[1] || (_cache[1] = ($event) => onActionClick($event, props.editor))],
+				"onUpdate:open": clearSelectedValue
+			}, {
+				default: withCtx(() => [createVNode(select_trigger_default, { variant: "inline" }, {
+					default: withCtx(() => [createVNode(tooltip_default, {
+						title: "Extra settings",
+						variant: "dark"
+					}, {
+						default: withCtx(() => [createVNode(compact_button_default, {
+							icon: "i-celeste-more-2-line",
+							variant: "ghost"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}), createVNode(select_content_default, {
+					align: "end",
+					width: "fit"
+				}, {
+					default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(extraSettings, (item, index) => {
+						return createVNode(select_item_default, {
+							key: index,
+							value: item.name
+						}, {
+							default: withCtx(() => [createVNode(select_icon_default, null, {
+								default: withCtx(() => [createElementVNode("i", { class: normalizeClass(item.icon) }, null, 2)]),
+								_: 2
+							}, 1024), createElementVNode("span", null, toDisplayString(item.name), 1)]),
+							_: 2
+						}, 1032, ["value"]);
+					}), 64))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue"])]);
+		};
+	}
+}), [["__scopeId", "data-v-64fad3cb"]]);
+//#endregion
+export { extra_settings_default as t };

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

@@ -0,0 +1,35 @@
+import { D as O } from "./dist.js";
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/button/fancy-button.vue
+var fancy_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "fancy-button",
+	props: {
+		class: {},
+		size: { default: "md" },
+		intent: { default: "primary" },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(O), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				class: normalizeClass(unref(clsx)("celeste-fbutton", `celeste-fbutton-${_ctx.intent}`, `celeste-fbutton-${_ctx.size}`, props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-cc3b0550"]]);
+//#endregion
+export { fancy_button_default as t };

package/dist/esm/chunks/file-upload-area.js

@@ -0,0 +1,132 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as button_default } from "./button.js";
+import { n as useDropZone } from "./core.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, useModel, useTemplateRef, withCtx } from "vue";
+//#region src/components/file-upload/file-upload-area.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "celeste-file-upload-area-content" };
+var _hoisted_2 = { class: "celeste-file-upload-area-label" };
+var _hoisted_3 = {
+	key: 0,
+	class: "celeste-file-upload-area-description"
+};
+var _hoisted_4 = ["multiple", "accept"];
+//#endregion
+//#region src/components/file-upload/file-upload-area.vue
+var file_upload_area_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "file-upload-area",
+	props: /* @__PURE__ */ mergeModels({
+		label: { default: "Choose a file or drag & drop it here." },
+		description: { default: "JPEG, PNG, PDF, and MP4 formats, up to 50 MB." },
+		labelOnDrop: { default: "Drop file to upload" },
+		triggerLabel: { default: "Browse Files" },
+		maxSize: { default: 2e3 },
+		maxFiles: { default: 5 },
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		icon: { default: "i-celeste-upload-cloud-2-line" },
+		accept: {},
+		onTriggerClick: {},
+		class: {}
+	}, {
+		"modelValue": { default: [] },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["error"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const files = useModel(__props, "modelValue");
+		const dropZoneRef = useTemplateRef("dropZoneRef");
+		const { isOverDropZone } = useDropZone(dropZoneRef, { onDrop });
+		const uploadComponent = computed(() => {
+			return props.onTriggerClick ? "div" : "label";
+		});
+		function handleUpload(e) {
+			const input = e.target;
+			const newFiles = Array.from(input.files ?? []);
+			const filesToProcess = newFiles.slice(0, props.maxFiles);
+			const rejectedFiles = newFiles.slice(props.maxFiles);
+			if (rejectedFiles.length > 0) emit("error", {
+				message: "Files exceeded upload limit",
+				type: "count",
+				files: rejectedFiles
+			});
+			files.value = [...filesToProcess.filter(isValidFile)];
+		}
+		function onDrop(droppedFiles) {
+			if (!droppedFiles?.length) return;
+			const filesToProcess = droppedFiles.slice(0, props.maxFiles);
+			const rejectedFiles = droppedFiles.slice(props.maxFiles);
+			if (rejectedFiles.length > 0) emit("error", {
+				message: "Files exceeded upload limit",
+				type: "count",
+				files: rejectedFiles
+			});
+			files.value = [...filesToProcess.filter(isValidFile)];
+		}
+		function isValidFile(file) {
+			const maxBytes = props.maxSize * 1024;
+			if (file.size > maxBytes) {
+				emit("error", {
+					message: `File too large: ${file.name}`,
+					type: "size",
+					files: [file]
+				});
+				return false;
+			}
+			const acceptableTypes = props.accept?.split(",") ?? [];
+			if (acceptableTypes.length > 0 && !acceptableTypes.includes(file.type)) {
+				emit("error", {
+					message: "Unsupported type",
+					type: "type",
+					files: [file]
+				});
+				return false;
+			}
+			return true;
+		}
+		function handleTriggerClick(e) {
+			if (props.onTriggerClick) {
+				e.preventDefault();
+				props.onTriggerClick();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(uploadComponent.value), {
+				ref_key: "dropZoneRef",
+				ref: dropZoneRef,
+				class: normalizeClass(unref(clsx)("celeste-file-upload-area", props.class)),
+				"data-over-drop-zone": unref(isOverDropZone),
+				onClick: handleTriggerClick
+			}, {
+				default: withCtx(() => [
+					createElementVNode("i", { class: normalizeClass(_ctx.icon) }, null, 2),
+					createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(unref(isOverDropZone) ? _ctx.labelOnDrop : _ctx.label), 1), !unref(isOverDropZone) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)]),
+					!unref(isOverDropZone) ? (openBlock(), createBlock(button_default, {
+						key: 0,
+						"as-child": "",
+						intent: "neutral",
+						variant: "stroke",
+						size: "xs",
+						class: "celeste-file-upload-area-trigger"
+					}, {
+						default: withCtx(() => [createElementVNode("span", null, toDisplayString(_ctx.triggerLabel), 1)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					!_ctx.onTriggerClick ? (openBlock(), createElementBlock("input", mergeProps({ key: 1 }, _ctx.$attrs, {
+						type: "file",
+						multiple: _ctx.multiple,
+						accept: _ctx.accept,
+						onChange: handleUpload
+					}), null, 16, _hoisted_4)) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["class", "data-over-drop-zone"]);
+		};
+	}
+}), [["__scopeId", "data-v-0e4f337e"]]);
+//#endregion
+export { file_upload_area_default as t };