@enos5/enos-vue-default 1.12.1 → 1.13.0

package/dist/{plugin-CAUVsCwi.js → plugin-D2AXUSBb.js}

@@ -36,7 +36,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 //#endregion
 //#region src/components/CardTabs.vue
-var _hoisted_1$37 = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
+var _hoisted_1$38 = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
 var _hoisted_2$21 = {
 	role: "tablist",
 	class: "flex overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-neutral-200 dark:bg-neutral-950 dark:ring-neutral-800"
@@ -106,7 +106,7 @@ var _sfc_main$40 = {
 			focusTabAtIndex(targetIndex);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$37, [createElementVNode("div", _hoisted_2$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$38, [createElementVNode("div", _hoisted_2$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
 				return openBlock(), createElementBlock("button", {
 					key: tab.value,
 					ref_for: true,
@@ -130,7 +130,7 @@ var _sfc_main$40 = {
 };
 //#endregion
 //#region src/components/Card.vue
-var _hoisted_1$36 = {
+var _hoisted_1$37 = {
 	key: 0,
 	class: "mb-4"
 };
@@ -204,7 +204,7 @@ var _sfc_main$39 = {
 				"active-tab": __props.activeTab,
 				"onUpdate:activeTab": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:activeTab", $event)),
 				onTabClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("tab-click", $event))
-			}, null, 8, ["tabs", "active-tab"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(__props.paddingClass) }, [_ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$36, [renderSlot(_ctx.$slots, "customTitle")])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$20, toDisplayString(__props.title), 1)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"]) }, [createVNode(Transition, {
+			}, null, 8, ["tabs", "active-tab"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(__props.paddingClass) }, [_ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$37, [renderSlot(_ctx.$slots, "customTitle")])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$20, toDisplayString(__props.title), 1)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"]) }, [createVNode(Transition, {
 				"enter-active-class": "transition-all duration-200 ease-in-out",
 				"enter-from-class": slideDirection.value === "right" ? "translate-x-full opacity-0" : "-translate-x-full opacity-0",
 				"enter-to-class": "translate-x-0 opacity-100",
@@ -271,7 +271,7 @@ var _sfc_main$37 = {
 };
 //#endregion
 //#region src/components/ActionMessage.vue
-var _hoisted_1$35 = { class: "text-sm text-gray-600" };
+var _hoisted_1$36 = { class: "text-sm text-gray-600" };
 var _sfc_main$36 = {
 	__name: "ActionMessage",
 	props: { on: Boolean },
@@ -282,7 +282,7 @@ var _sfc_main$36 = {
 				"leave-from-class": "opacity-100",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1$35, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, __props.on]])]),
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1$36, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, __props.on]])]),
 				_: 3
 			})]);
 		};
@@ -298,25 +298,25 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#endregion
 //#region src/components/SectionTitle.vue
 var _sfc_main$35 = {};
-var _hoisted_1$34 = { class: "md:col-span-1 flex justify-between" };
+var _hoisted_1$35 = { class: "md:col-span-1 flex justify-between" };
 var _hoisted_2$19 = { class: "px-4 sm:px-0" };
 var _hoisted_3$15 = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
 var _hoisted_4$11 = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
 var _hoisted_5$8 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$34, [createElementVNode("div", _hoisted_2$19, [createElementVNode("h3", _hoisted_3$15, [renderSlot(_ctx.$slots, "title")]), createElementVNode("p", _hoisted_4$11, [renderSlot(_ctx.$slots, "description")])]), createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "aside")])]);
+	return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("div", _hoisted_2$19, [createElementVNode("h3", _hoisted_3$15, [renderSlot(_ctx.$slots, "title")]), createElementVNode("p", _hoisted_4$11, [renderSlot(_ctx.$slots, "description")])]), createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "aside")])]);
 }
 var SectionTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$35, [["render", _sfc_render]]);
 //#endregion
 //#region src/components/ActionSection.vue
-var _hoisted_1$33 = { class: "md:grid md:grid-cols-3 md:gap-6" };
+var _hoisted_1$34 = { class: "md:grid md:grid-cols-3 md:gap-6" };
 var _hoisted_2$18 = { class: "mt-5 md:mt-0 md:col-span-2" };
 var _hoisted_3$14 = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
 var _sfc_main$34 = {
 	__name: "ActionSection",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$33, [createVNode(SectionTitle_default, null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$34, [createVNode(SectionTitle_default, null, {
 				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 				description: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 				_: 3
@@ -326,7 +326,7 @@ var _sfc_main$34 = {
 };
 //#endregion
 //#region src/components/Badge.vue
-var _hoisted_1$32 = { class: "sr-only" };
+var _hoisted_1$33 = { class: "sr-only" };
 var _sfc_main$33 = {
 	__name: "Badge",
 	props: {
@@ -431,7 +431,7 @@ var _sfc_main$33 = {
 			return __props.type === "dot" ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(["inline-flex items-center justify-center w-6 h-6 rounded-full", colorClasses[__props.color].bg])
-			}, [createElementVNode("span", { class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot]) }, null, 2), createElementVNode("span", _hoisted_1$32, [renderSlot(_ctx.$slots, "default")])], 2)) : (openBlock(), createElementBlock("span", {
+			}, [createElementVNode("span", { class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot]) }, null, 2), createElementVNode("span", _hoisted_1$33, [renderSlot(_ctx.$slots, "default")])], 2)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(["inline-flex items-center font-medium", [
 					colorClasses[__props.color].bg,
@@ -445,7 +445,7 @@ var _sfc_main$33 = {
 };
 //#endregion
 //#region src/components/Button.vue
-var _hoisted_1$31 = ["type", "disabled"];
+var _hoisted_1$32 = ["type", "disabled"];
 var _sfc_main$32 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "Button",
 	props: {
@@ -509,13 +509,13 @@ var _sfc_main$32 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 				type: __props.type,
 				disabled: __props.disabled,
 				class: buttonClasses.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$31);
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$32);
 		};
 	}
 });
 //#endregion
 //#region src/components/Checkbox.vue
-var _hoisted_1$30 = ["value"];
+var _hoisted_1$31 = ["value"];
 var _sfc_main$31 = {
 	__name: "Checkbox",
 	props: {
@@ -546,13 +546,13 @@ var _sfc_main$31 = {
 				type: "checkbox",
 				value: __props.value,
 				class: "rounded border-neutral-300 text-neutral-900 shadow-sm focus:ring-neutral-900 dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-100 dark:focus:ring-neutral-100"
-			}, null, 8, _hoisted_1$30)), [[vModelCheckbox, proxyChecked.value]]);
+			}, null, 8, _hoisted_1$31)), [[vModelCheckbox, proxyChecked.value]]);
 		};
 	}
 };
 //#endregion
 //#region src/components/CheckboxInput.vue
-var _hoisted_1$29 = [
+var _hoisted_1$30 = [
 	"name",
 	"checked",
 	"disabled"
@@ -637,7 +637,7 @@ var _sfc_main$30 = {
 					onChange,
 					onFocus: handleFocus,
 					onBlur: handleBlur
-				}, null, 40, _hoisted_1$29),
+				}, null, 40, _hoisted_1$30),
 				createElementVNode("span", { class: normalizeClass([
 					"inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none",
 					props.ui.control,
@@ -651,7 +651,7 @@ var _sfc_main$30 = {
 };
 //#endregion
 //#region src/components/TextInput.vue
-var _hoisted_1$28 = [
+var _hoisted_1$29 = [
 	"type",
 	"value",
 	"disabled"
@@ -748,7 +748,7 @@ var _sfc_main$29 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 					onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value)),
 					onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
 					onWheel: handleWheel
-				}), null, 16, _hoisted_1$28),
+				}), null, 16, _hoisted_1$29),
 				isPasswordField.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
@@ -777,7 +777,7 @@ var _sfc_main$29 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 });
 //#endregion
 //#region src/components/TextArea.vue
-var _hoisted_1$27 = ["value", "disabled"];
+var _hoisted_1$28 = ["value", "disabled"];
 var DEFAULT_MAX_LENGTH = 1e3;
 var _sfc_main$28 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "TextArea",
@@ -850,13 +850,13 @@ var _sfc_main$28 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 				value: props.modelValue,
 				disabled: props.disabled,
 				onInput: updateValue
-			}), null, 16, _hoisted_1$27)], 2);
+			}), null, 16, _hoisted_1$28)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/CustomSelect.vue
-var _hoisted_1$26 = { class: "flex h-5 shrink-0 items-center gap-1" };
+var _hoisted_1$27 = { class: "flex h-5 shrink-0 items-center gap-1" };
 var _hoisted_2$16 = ["placeholder"];
 var _hoisted_3$12 = [
 	"data-option-value",
@@ -1603,7 +1603,7 @@ var _sfc_main$27 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 				class: normalizeClass(triggerValueClasses.value),
 				style: normalizeStyle(darkTextStyle.value),
 				onPointerdown: handleTriggerValuePointerDown
-			}, toDisplayString(displayText.value), 39), createElementVNode("div", _hoisted_1$26, [canClearSelection.value ? (openBlock(), createElementBlock("button", {
+			}, toDisplayString(displayText.value), 39), createElementVNode("div", _hoisted_1$27, [canClearSelection.value ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				type: "button",
 				class: normalizeClass(clearButtonClasses.value),
@@ -1919,7 +1919,7 @@ var _sfc_main$26 = {
 };
 //#endregion
 //#region src/components/DateInput.vue
-var _hoisted_1$25 = [
+var _hoisted_1$26 = [
 	"type",
 	"lang",
 	"max",
@@ -2014,13 +2014,13 @@ var DateInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				disabled: props.disabled,
 				onInput: handleDateInput,
 				onChange: handleDateInput
-			}), null, 16, _hoisted_1$25);
+			}), null, 16, _hoisted_1$26);
 		};
 	}
 }), [["__scopeId", "data-v-8a975d48"]]);
 //#endregion
 //#region src/components/DateRangeInput.vue
-var _hoisted_1$24 = ["value", "disabled"];
+var _hoisted_1$25 = ["value", "disabled"];
 var _hoisted_2$15 = { class: "grid grid-cols-7 gap-1" };
 var _hoisted_3$11 = [
 	"disabled",
@@ -2304,7 +2304,7 @@ var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					value: displayText.value,
 					disabled: props.disabled,
 					onClick: toggleCalendar
-				}, null, 10, _hoisted_1$24),
+				}, null, 10, _hoisted_1$25),
 				isOpen.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					ref_key: "calendarRef",
@@ -2398,7 +2398,7 @@ var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-0d27aeda"]]);
 //#endregion
 //#region src/components/ImageInput.vue
-var _hoisted_1$23 = ["accept"];
+var _hoisted_1$24 = ["accept"];
 var _hoisted_2$14 = { class: "flex items-center space-x-4" };
 var _hoisted_3$10 = ["src"];
 var _sfc_main$23 = {
@@ -2442,7 +2442,7 @@ var _sfc_main$23 = {
 				accept: __props.accept,
 				class: ["block h-[48px] w-full cursor-pointer rounded-lg border border-neutral-200 bg-white py-[7px] pl-10 pr-4 text-sm text-neutral-700 align-middle shadow-sm transition-all duration-200 file:mr-3 file:h-[34px] file:align-middle file:rounded-md file:border-0 file:bg-neutral-900 file:px-4 file:py-0 file:text-sm file:font-medium file:leading-[34px] file:text-neutral-50 hover:file:bg-neutral-800 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-100 dark:file:bg-neutral-800 dark:file:text-neutral-50 dark:hover:file:bg-neutral-700 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10", props.ui.input],
 				onChange: handleFileChange
-			}), null, 16, _hoisted_1$23)], 2), props.currentImageUrl ? (openBlock(), createElementBlock("div", {
+			}), null, 16, _hoisted_1$24)], 2), props.currentImageUrl ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(["mt-4 rounded-lg border border-neutral-200 bg-neutral-50 p-4 dark:border-neutral-800 dark:bg-neutral-900/50", props.ui.previewCard])
 			}, [createElementVNode("div", _hoisted_2$14, [createElementVNode("img", {
@@ -2455,7 +2455,7 @@ var _sfc_main$23 = {
 };
 //#endregion
 //#region src/components/NotationInput.vue
-var _hoisted_1$22 = ["disabled", "onClick"];
+var _hoisted_1$23 = ["disabled", "onClick"];
 var _sfc_main$22 = {
 	__name: "NotationInput",
 	props: {
@@ -2505,14 +2505,14 @@ var _sfc_main$22 = {
 					]),
 					disabled: __props.disabled,
 					onClick: ($event) => selectOption(option)
-				}, toDisplayString(option), 11, _hoisted_1$22);
+				}, toDisplayString(option), 11, _hoisted_1$23);
 			}), 128))], 2);
 		};
 	}
 };
 //#endregion
 //#region src/components/RadioInput.vue
-var _hoisted_1$21 = [
+var _hoisted_1$22 = [
 	"name",
 	"value",
 	"checked",
@@ -2587,13 +2587,13 @@ var _sfc_main$21 = {
 				onChange,
 				onFocus: handleFocus,
 				onBlur: handleBlur
-			}, null, 40, _hoisted_1$21), createElementVNode("span", { class: normalizeClass(props.ui.label) }, [createElementVNode("span", { class: normalizeClass(props.ui.indicator) }, toDisplayString(isChecked.value ? "✓" : "○"), 3), createTextVNode(" " + toDisplayString(__props.label), 1)], 2)], 2);
+			}, null, 40, _hoisted_1$22), createElementVNode("span", { class: normalizeClass(props.ui.label) }, [createElementVNode("span", { class: normalizeClass(props.ui.indicator) }, toDisplayString(isChecked.value ? "✓" : "○"), 3), createTextVNode(" " + toDisplayString(__props.label), 1)], 2)], 2);
 		};
 	}
 };
 //#endregion
 //#region src/components/ToggleInput.vue
-var _hoisted_1$20 = [
+var _hoisted_1$21 = [
 	"name",
 	"checked",
 	"disabled"
@@ -2677,7 +2677,7 @@ var _sfc_main$20 = {
 					onChange,
 					onFocus: handleFocus,
 					onBlur: handleBlur
-				}, null, 40, _hoisted_1$20),
+				}, null, 40, _hoisted_1$21),
 				createElementVNode("span", {
 					"aria-hidden": "true",
 					class: normalizeClass([
@@ -2840,18 +2840,18 @@ var _sfc_main$18 = {
 			});
 		};
 		const loadTinyMce = async () => {
-			const tinymceModule = await import("./tinymce-MtZm0tO1.js").then((m) => /* @__PURE__ */ __toESM(m.default));
+			const tinymceModule = await import("./tinymce-DSpgSOHq.js").then((m) => /* @__PURE__ */ __toESM(m.default));
 			const tinymce = tinymceModule.default ?? tinymceModule;
 			if (typeof globalThis !== "undefined" && !globalThis.tinymce) globalThis.tinymce = tinymce;
 			await Promise.all([
-				import("./dom-xxydnx09.js"),
-				import("./default-Cg06Xbof.js"),
-				import("./silver-DBIMTjpA.js"),
-				import("./code-DLk8fNv6.js"),
-				import("./image-dZ6Kk_ow.js"),
-				import("./link-B0sR9DjM.js"),
-				import("./lists-bpH_byGd.js"),
-				import("./table-ClqAOHzm.js")
+				import("./dom-qMdI7Hxa.js"),
+				import("./default-Flprzxjh.js"),
+				import("./silver-BR7d7Fgm.js"),
+				import("./code-Dbgam4AR.js"),
+				import("./image-gNW6MW95.js"),
+				import("./link-BjMbJFH5.js"),
+				import("./lists-DUJhZYLg.js"),
+				import("./table-BWuli_S0.js")
 			]);
 			isEditorReady.value = true;
 		};
@@ -2962,7 +2962,7 @@ var _sfc_main$18 = {
 };
 //#endregion
 //#region src/components/ColorPicker.vue
-var _hoisted_1$19 = [
+var _hoisted_1$20 = [
 	"name",
 	"value",
 	"disabled",
@@ -3472,7 +3472,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					value: emittedValue.value,
 					disabled: props.disabled,
 					required: hiddenInputRequired.value
-				}, null, 8, _hoisted_1$19)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_1$20)) : createCommentVNode("", true),
 				createElementVNode("button", mergeProps({
 					ref_key: "triggerRef",
 					ref: triggerRef
@@ -3600,7 +3600,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-ce146146"]]);
 //#endregion
 //#region src/components/InputGroup.vue
-var _hoisted_1$18 = ["for"];
+var _hoisted_1$19 = ["for"];
 var _hoisted_2$12 = {
 	key: 3,
 	class: "relative"
@@ -4211,7 +4211,7 @@ var _sfc_main$16 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 					key: 0,
 					for: fieldId.value,
 					class: normalizeClass(props.labelClass ?? defaultLabelClass)
-				}, toDisplayString(__props.label), 11, _hoisted_1$18)) : createCommentVNode("", true)]) : createCommentVNode("", true),
+				}, toDisplayString(__props.label), 11, _hoisted_1$19)) : createCommentVNode("", true)]) : createCommentVNode("", true),
 				__props.helperText && !showsInlineChoiceControl.value ? renderSlot(_ctx.$slots, "helper", {
 					key: 1,
 					helperText: __props.helperText,
@@ -4455,7 +4455,7 @@ var _sfc_main$14 = {
 };
 //#endregion
 //#region src/components/ConfirmationModal.vue
-var _hoisted_1$17 = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
+var _hoisted_1$18 = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
 var _hoisted_2$11 = { class: "sm:flex sm:items-start" };
 var _hoisted_3$8 = { class: "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-red-100 dark:bg-red-950/60 sm:mx-0 sm:size-10" };
 var _hoisted_4$6 = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" };
@@ -4501,7 +4501,7 @@ var _sfc_main$13 = {
 				position: __props.position,
 				onClose: close
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$17, [createElementVNode("div", _hoisted_2$11, [createElementVNode("div", _hoisted_3$8, [createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })]), createElementVNode("div", _hoisted_4$6, [createElementVNode("h3", _hoisted_5$4, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "content")])])])]), createElementVNode("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "footer")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$18, [createElementVNode("div", _hoisted_2$11, [createElementVNode("div", _hoisted_3$8, [createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })]), createElementVNode("div", _hoisted_4$6, [createElementVNode("h3", _hoisted_5$4, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "content")])])])]), createElementVNode("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "footer")])]),
 				_: 3
 			}, 8, [
 				"show",
@@ -4514,7 +4514,7 @@ var _sfc_main$13 = {
 };
 //#endregion
 //#region src/components/DialogModal.vue
-var _hoisted_1$16 = { class: "px-6 py-4" };
+var _hoisted_1$17 = { class: "px-6 py-4" };
 var _hoisted_2$10 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
 var _hoisted_3$7 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
 var _hoisted_4$5 = { class: "flex flex-row justify-end border-t border-neutral-200 bg-neutral-50 px-6 py-4 text-end dark:border-neutral-800 dark:bg-neutral-900/60" };
@@ -4547,7 +4547,7 @@ var _sfc_main$12 = {
 				closeable: __props.closeable,
 				onClose: close
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$16, [createElementVNode("div", _hoisted_2$10, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "content")])]), createElementVNode("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "footer")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$17, [createElementVNode("div", _hoisted_2$10, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "content")])]), createElementVNode("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "footer")])]),
 				_: 3
 			}, 8, [
 				"show",
@@ -4559,7 +4559,7 @@ var _sfc_main$12 = {
 };
 //#endregion
 //#region src/components/Dropdown.vue
-var _hoisted_1$15 = { class: "relative inline-block w-fit" };
+var _hoisted_1$16 = { class: "relative inline-block w-fit" };
 var _sfc_main$11 = {
 	__name: "Dropdown",
 	props: {
@@ -4679,7 +4679,7 @@ var _sfc_main$11 = {
 			window.removeEventListener("scroll", handleViewportChange, true);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$15, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", {
 				ref_key: "triggerRef",
 				ref: triggerRef,
 				onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
@@ -4706,7 +4706,7 @@ var _sfc_main$11 = {
 };
 //#endregion
 //#region src/components/DropdownLink.vue
-var _hoisted_1$14 = {
+var _hoisted_1$15 = {
 	key: 0,
 	type: "submit",
 	class: "block w-full px-4 py-2 text-start text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
@@ -4720,7 +4720,7 @@ var _sfc_main$10 = {
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", null, [__props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$14, [renderSlot(_ctx.$slots, "default")])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
+			return openBlock(), createElementBlock("div", null, [__props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$15, [renderSlot(_ctx.$slots, "default")])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
 				key: 1,
 				href: __props.href,
 				class: "block px-4 py-2 text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
@@ -4737,7 +4737,7 @@ var _sfc_main$10 = {
 };
 //#endregion
 //#region src/components/FormSection.vue
-var _hoisted_1$13 = { class: "md:grid md:grid-cols-3 md:gap-6" };
+var _hoisted_1$14 = { class: "md:grid md:grid-cols-3 md:gap-6" };
 var _hoisted_2$8 = { class: "mt-5 md:col-span-2 md:mt-0" };
 var _hoisted_3$6 = { class: "grid grid-cols-6 gap-6" };
 var _hoisted_4$4 = {
@@ -4750,7 +4750,7 @@ var _sfc_main$9 = {
 	setup(__props) {
 		const hasActions = computed(() => !!useSlots().actions);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$13, [createVNode(SectionTitle_default, null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$14, [createVNode(SectionTitle_default, null, {
 				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 				description: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 				_: 3
@@ -4760,19 +4760,19 @@ var _sfc_main$9 = {
 };
 //#endregion
 //#region src/components/InputError.vue
-var _hoisted_1$12 = { class: "text-sm text-red-600 dark:text-neutral-100" };
+var _hoisted_1$13 = { class: "text-sm text-red-600 dark:text-neutral-100" };
 var _sfc_main$8 = {
 	__name: "InputError",
 	props: { message: String },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", null, [createElementVNode("p", _hoisted_1$12, toDisplayString(__props.message), 1)], 512)), [[vShow, __props.message]]);
+			return withDirectives((openBlock(), createElementBlock("div", null, [createElementVNode("p", _hoisted_1$13, toDisplayString(__props.message), 1)], 512)), [[vShow, __props.message]]);
 		};
 	}
 };
 //#endregion
 //#region src/components/InputLabel.vue
-var _hoisted_1$11 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
+var _hoisted_1$12 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
 var _hoisted_2$7 = { key: 0 };
 var _hoisted_3$5 = { key: 1 };
 var _sfc_main$7 = {
@@ -4780,13 +4780,13 @@ var _sfc_main$7 = {
 	props: { value: String },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", _hoisted_1$11, [__props.value ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [renderSlot(_ctx.$slots, "default")]))]);
+			return openBlock(), createElementBlock("label", _hoisted_1$12, [__props.value ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [renderSlot(_ctx.$slots, "default")]))]);
 		};
 	}
 };
 //#endregion
 //#region src/components/LinkButton.vue
-var _hoisted_1$10 = [
+var _hoisted_1$11 = [
 	"href",
 	"title",
 	"target",
@@ -4859,19 +4859,19 @@ var _sfc_main$6 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 				target: __props.target,
 				rel: __props.rel,
 				class: linkClasses.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$10));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$11));
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionBorder.vue
-var _hoisted_1$9 = { class: "hidden sm:block" };
+var _hoisted_1$10 = { class: "hidden sm:block" };
 var _hoisted_2$6 = { class: "py-8" };
 var _sfc_main$5 = {
 	__name: "SectionBorder",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$6, [createVNode(_sfc_main$38)])]);
+			return openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$6, [createVNode(_sfc_main$38)])]);
 		};
 	}
 };
@@ -4921,7 +4921,7 @@ function useSidebar() {
 }
 //#endregion
 //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = [
+var _hoisted_1$9 = [
 	"data-state",
 	"data-collapsible",
 	"data-variant",
@@ -4978,7 +4978,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 				__props.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
 				__props.variant === "floating" || __props.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
 				props.class
-			] }, _ctx.$attrs), [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_1$8));
+			] }, _ctx.$attrs), [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_1$9));
 		};
 	}
 });
@@ -5194,7 +5194,7 @@ var SidebarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SidebarMenuButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = [
+var _hoisted_1$8 = [
 	"href",
 	"target",
 	"rel"
@@ -5280,7 +5280,7 @@ var SidebarMenuButton_default = /* @__PURE__ */ defineComponent({
 				href: __props.href,
 				target: __props.target,
 				rel: __props.rel
-			}, sharedAttrs.value), [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 16, _hoisted_1$7)) : (openBlock(), createElementBlock("button", mergeProps({
+			}, sharedAttrs.value), [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 16, _hoisted_1$8)) : (openBlock(), createElementBlock("button", mergeProps({
 				key: 3,
 				type: "button"
 			}, sharedAttrs.value), [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 16));
@@ -5561,6 +5561,221 @@ var SidebarTrigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/slide-panel-context.ts
+var stack = [];
+var bodyLockCount = 0;
+var previousBodyOverflow = "";
+var registerSlidePanel = (id, lockBody) => {
+	if (!stack.includes(id)) {
+		stack.push(id);
+		if (lockBody && typeof document !== "undefined") {
+			if (bodyLockCount === 0) {
+				previousBodyOverflow = document.body.style.overflow;
+				document.body.style.overflow = "hidden";
+			}
+			bodyLockCount += 1;
+		}
+	}
+	return 1e3 + (stack.indexOf(id) + 1) * 2;
+};
+var unregisterSlidePanel = (id, lockBody) => {
+	const index = stack.indexOf(id);
+	if (index === -1) return;
+	stack.splice(index, 1);
+	if (lockBody && typeof document !== "undefined" && bodyLockCount > 0) {
+		bodyLockCount -= 1;
+		if (bodyLockCount === 0) {
+			document.body.style.overflow = previousBodyOverflow;
+			previousBodyOverflow = "";
+		}
+	}
+};
+var isTopSlidePanel = (id) => stack[stack.length - 1] === id;
+//#endregion
+//#region src/components/SlidePanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = ["aria-modal"];
+//#endregion
+//#region src/components/SlidePanel.vue
+var SlidePanel_default = /* @__PURE__ */ defineComponent({
+	__name: "SlidePanel",
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		position: { default: "right" },
+		width: {},
+		height: {},
+		top: {},
+		right: {},
+		bottom: {},
+		left: {},
+		backdrop: {
+			type: Boolean,
+			default: false
+		},
+		closeable: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const panel = ref(null);
+		const rendered = ref(false);
+		const layer = ref(0);
+		const panelId = Symbol("slide-panel");
+		let closeTimer;
+		let previouslyFocused = null;
+		const isTopmost = computed(() => isTopSlidePanel(panelId));
+		const toCssValue = (value) => {
+			if (value === void 0) return void 0;
+			return typeof value === "number" ? `${value}px` : value;
+		};
+		const panelStyle = computed(() => {
+			const style = { zIndex: String(layer.value) };
+			if (props.position === "left" || props.position === "right") {
+				style.width = toCssValue(props.width) ?? "400px";
+				style.height = toCssValue(props.height) ?? "100vh";
+			} else {
+				style.width = toCssValue(props.width) ?? "100vw";
+				style.height = toCssValue(props.height) ?? "auto";
+			}
+			Object.assign(style, {
+				right: {
+					top: "0px",
+					right: "0px",
+					bottom: "0px"
+				},
+				left: {
+					top: "0px",
+					bottom: "0px",
+					left: "0px"
+				},
+				top: {
+					top: "0px",
+					right: "0px",
+					left: "0px"
+				},
+				bottom: {
+					right: "0px",
+					bottom: "0px",
+					left: "0px"
+				}
+			}[props.position]);
+			for (const edge of [
+				"top",
+				"right",
+				"bottom",
+				"left"
+			]) {
+				const value = toCssValue(props[edge]);
+				if (value !== void 0) style[edge] = value;
+			}
+			return style;
+		});
+		const transitionClasses = computed(() => {
+			switch (props.position) {
+				case "left": return {
+					enterFrom: "-translate-x-full",
+					leaveTo: "-translate-x-full"
+				};
+				case "top": return {
+					enterFrom: "-translate-y-full",
+					leaveTo: "-translate-y-full"
+				};
+				case "bottom": return {
+					enterFrom: "translate-y-full",
+					leaveTo: "translate-y-full"
+				};
+				default: return {
+					enterFrom: "translate-x-full",
+					leaveTo: "translate-x-full"
+				};
+			}
+		});
+		const focusPanel = async () => {
+			await nextTick();
+			panel.value?.focus();
+		};
+		const open = () => {
+			if (closeTimer) {
+				clearTimeout(closeTimer);
+				closeTimer = void 0;
+			}
+			previouslyFocused = typeof document !== "undefined" ? document.activeElement : null;
+			rendered.value = true;
+			layer.value = registerSlidePanel(panelId, props.backdrop);
+			focusPanel();
+		};
+		const close = () => {
+			if (!rendered.value) return;
+			unregisterSlidePanel(panelId, props.backdrop);
+			closeTimer = setTimeout(() => {
+				rendered.value = false;
+				closeTimer = void 0;
+			}, 200);
+			if (previouslyFocused instanceof HTMLElement) previouslyFocused.focus();
+		};
+		const requestClose = () => {
+			if (props.closeable && isTopmost.value) emit("close");
+		};
+		const handleKeydown = (event) => {
+			if (event.key === "Escape" && props.show && isTopmost.value) {
+				event.preventDefault();
+				requestClose();
+			}
+		};
+		watch(() => props.show, (show) => show ? open() : close(), { immediate: true });
+		onMounted(() => document.addEventListener("keydown", handleKeydown));
+		onUnmounted(() => {
+			document.removeEventListener("keydown", handleKeydown);
+			if (closeTimer) clearTimeout(closeTimer);
+			unregisterSlidePanel(panelId, props.backdrop);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+				"enter-active-class": "transform transition duration-200 ease-out",
+				"enter-from-class": "opacity-0",
+				"enter-to-class": "opacity-100",
+				"leave-active-class": "transform transition duration-200 ease-in",
+				"leave-from-class": "opacity-100",
+				"leave-to-class": "opacity-0"
+			}, {
+				default: withCtx(() => [rendered.value && __props.backdrop ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "fixed inset-0 bg-neutral-950/40 backdrop-blur-[1px]",
+					style: normalizeStyle({ zIndex: String(layer.value - 1) }),
+					"aria-hidden": "true",
+					onClick: requestClose
+				}, null, 4)) : createCommentVNode("", true)]),
+				_: 1
+			}), createVNode(Transition, {
+				"enter-active-class": "transform transition duration-200 ease-out",
+				"enter-from-class": `${transitionClasses.value.enterFrom} opacity-0`,
+				"enter-to-class": "translate-x-0 translate-y-0 opacity-100",
+				"leave-active-class": "transform transition duration-200 ease-in",
+				"leave-from-class": "translate-x-0 translate-y-0 opacity-100",
+				"leave-to-class": `${transitionClasses.value.leaveTo} opacity-0`
+			}, {
+				default: withCtx(() => [rendered.value ? (openBlock(), createElementBlock("section", {
+					key: 0,
+					ref_key: "panel",
+					ref: panel,
+					class: "fixed max-w-full overflow-y-auto border border-neutral-200 bg-white shadow-2xl outline-none dark:border-neutral-800 dark:bg-neutral-950",
+					style: normalizeStyle(panelStyle.value),
+					role: "dialog",
+					"aria-modal": __props.backdrop ? "true" : void 0,
+					tabindex: "-1"
+				}, [renderSlot(_ctx.$slots, "default")], 12, _hoisted_1$7)) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["enter-from-class", "leave-to-class"])]);
+		};
+	}
+});
+//#endregion
 //#region src/components/SortControls.vue
 var _hoisted_1$6 = { class: "rounded-xl border border-neutral-200 bg-white/80 px-6 py-4 backdrop-blur-sm dark:border-neutral-800 dark:bg-neutral-950/80" };
 var _hoisted_2$4 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
@@ -6841,6 +7056,7 @@ var exports_exports = /* @__PURE__ */ __exportAll({
 	SidebarMenuItem: () => SidebarMenuItem_default,
 	SidebarProvider: () => SidebarProvider_default,
 	SidebarTrigger: () => SidebarTrigger_default,
+	SlidePanel: () => SlidePanel_default,
 	SortControls: () => _sfc_main$4,
 	TableList: () => _sfc_main$1,
 	TableListForm: () => _sfc_main,
@@ -6860,6 +7076,6 @@ var plugin_default = { install(app) {
 	for (const [name, component] of Object.entries(exports_exports)) app.component(name, component);
 } };
 //#endregion
-export { SectionTitle_default as $, _sfc_main$12 as A, _sfc_main$22 as B, _sfc_main$5 as C, _sfc_main$9 as D, _sfc_main$8 as E, ColorPicker_default as F, _sfc_main$27 as G, DateRangeInput_default as H, _sfc_main$18 as I, _sfc_main$30 as J, _sfc_main$28 as K, _sfc_main$19 as L, _sfc_main$14 as M, _sfc_main$15 as N, _sfc_main$10 as O, _sfc_main$16 as P, _sfc_main$34 as Q, _sfc_main$20 as R, useSidebar as S, _sfc_main$7 as T, DateInput_default as U, _sfc_main$23 as V, _sfc_main$26 as W, _sfc_main$32 as X, _sfc_main$31 as Y, _sfc_main$33 as Z, SidebarGroupContent_default as _, _sfc_main$1 as a, __commonJSMin as at, SidebarContent_default as b, _sfc_main$4 as c, SidebarMenuItem_default as d, _sfc_main$36 as et, SidebarMenuButton_default as f, SidebarGroupLabel_default as g, SidebarHeader_default as h, _sfc_main as i, _sfc_main$40 as it, _sfc_main$13 as j, _sfc_main$11 as k, SidebarTrigger_default as l, SidebarInset_default as m, ToastContainer_default as n, _sfc_main$38 as nt, _sfc_main$2 as o, SidebarMenu_default as p, _sfc_main$29 as q, Toast_default as r, _sfc_main$39 as rt, _sfc_main$3 as s, plugin_default as t, _sfc_main$37 as tt, SidebarProvider_default as u, SidebarGroup_default as v, _sfc_main$6 as w, Sidebar_default as x, SidebarFooter_default as y, _sfc_main$21 as z };
+export { _sfc_main$34 as $, _sfc_main$11 as A, _sfc_main$21 as B, useSidebar as C, _sfc_main$8 as D, _sfc_main$7 as E, _sfc_main$16 as F, _sfc_main$26 as G, _sfc_main$23 as H, ColorPicker_default as I, _sfc_main$29 as J, _sfc_main$27 as K, _sfc_main$18 as L, _sfc_main$13 as M, _sfc_main$14 as N, _sfc_main$9 as O, _sfc_main$15 as P, _sfc_main$33 as Q, _sfc_main$19 as R, Sidebar_default as S, _sfc_main$6 as T, DateRangeInput_default as U, _sfc_main$22 as V, DateInput_default as W, _sfc_main$31 as X, _sfc_main$30 as Y, _sfc_main$32 as Z, SidebarGroupLabel_default as _, _sfc_main$1 as a, _sfc_main$40 as at, SidebarFooter_default as b, _sfc_main$4 as c, SidebarProvider_default as d, SectionTitle_default as et, SidebarMenuItem_default as f, SidebarHeader_default as g, SidebarInset_default as h, _sfc_main as i, _sfc_main$39 as it, _sfc_main$12 as j, _sfc_main$10 as k, SlidePanel_default as l, SidebarMenu_default as m, ToastContainer_default as n, _sfc_main$37 as nt, _sfc_main$2 as o, __commonJSMin as ot, SidebarMenuButton_default as p, _sfc_main$28 as q, Toast_default as r, _sfc_main$38 as rt, _sfc_main$3 as s, plugin_default as t, _sfc_main$36 as tt, SidebarTrigger_default as u, SidebarGroupContent_default as v, _sfc_main$5 as w, SidebarContent_default as x, SidebarGroup_default as y, _sfc_main$20 as z };
 
-//# sourceMappingURL=plugin-CAUVsCwi.js.map
+//# sourceMappingURL=plugin-D2AXUSBb.js.map