@enos5/enos-vue-default 1.16.8 → 1.18.0

package/dist/{plugin-BXdUiTUI.js → plugin-CkWJbkrp.js}

@@ -1,4 +1,4 @@
-import { Fragment, Teleport, Transition, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, inject, isVNode, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, unref, useAttrs, useSlots, vModelCheckbox, vModelText, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, inject, isVNode, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, unref, useAttrs, useSlots, vModelCheckbox, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, ExclamationCircleIcon, ExclamationTriangleIcon, EyeDropperIcon, LockClosedIcon, PencilSquareIcon, PhotoIcon, XMarkIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { useI18n } from "vue-i18n";
@@ -36,18 +36,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 //#endregion
 //#region src/components/CardTabs.vue
-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 = {
+var _hoisted_1$40 = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
+var _hoisted_2$23 = {
 	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"
 };
-var _hoisted_3$16 = [
+var _hoisted_3$18 = [
 	"aria-selected",
 	"tabindex",
 	"onClick",
 	"onKeydown"
 ];
-var _sfc_main$40 = {
+var _sfc_main$41 = {
 	__name: "CardTabs",
 	props: {
 		tabs: {
@@ -106,7 +106,7 @@ var _sfc_main$40 = {
 			focusTabAtIndex(targetIndex);
 		};
 		return (_ctx, _cache) => {
-			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("div", _hoisted_1$40, [createElementVNode("div", _hoisted_2$23, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
 				return openBlock(), createElementBlock("button", {
 					key: tab.value,
 					ref_for: true,
@@ -123,22 +123,22 @@ var _sfc_main$40 = {
 					]),
 					onClick: ($event) => activateTab(tab.value),
 					onKeydown: ($event) => onTabKeydown($event, index)
-				}, toDisplayString(tab.label), 47, _hoisted_3$16);
+				}, toDisplayString(tab.label), 47, _hoisted_3$18);
 			}), 128))])]);
 		};
 	}
 };
 //#endregion
 //#region src/components/Card.vue
-var _hoisted_1$37 = {
+var _hoisted_1$39 = {
 	key: 0,
 	class: "mb-4"
 };
-var _hoisted_2$20 = {
+var _hoisted_2$22 = {
 	key: 1,
 	class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
-var _sfc_main$39 = {
+var _sfc_main$40 = {
 	__name: "Card",
 	props: {
 		title: {
@@ -198,13 +198,13 @@ var _sfc_main$39 = {
 				__props.overflowClass,
 				{ "sticky top-6 self-start": __props.sticky },
 				__props.cardClass
-			]) }, [__props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$40, {
+			]) }, [__props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$41, {
 				key: 0,
 				tabs: __props.tabs,
 				"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$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, {
+			}, null, 8, ["tabs", "active-tab"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(__props.paddingClass) }, [_ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$39, [renderSlot(_ctx.$slots, "customTitle")])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$22, 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",
@@ -228,7 +228,7 @@ var _sfc_main$39 = {
 };
 //#endregion
 //#region src/components/Divider.vue
-var _sfc_main$38 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _sfc_main$39 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "Divider",
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -238,7 +238,7 @@ var _sfc_main$38 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 });
 //#endregion
 //#region src/components/ActionCard.vue
-var _sfc_main$37 = {
+var _sfc_main$38 = {
 	__name: "ActionCard",
 	props: {
 		title: {
@@ -253,11 +253,11 @@ var _sfc_main$37 = {
 	setup(__props) {
 		const slots = useSlots();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$39, {
+			return openBlock(), createBlock(_sfc_main$40, {
 				title: __props.title,
 				"content-class": __props.actionsClass
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), unref(slots).danger ? (openBlock(), createBlock(_sfc_main$38, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), unref(slots).danger ? (openBlock(), createBlock(_sfc_main$39, {
 					key: 0,
 					class: "mt-6 pt-4"
 				}, {
@@ -271,8 +271,8 @@ var _sfc_main$37 = {
 };
 //#endregion
 //#region src/components/ActionMessage.vue
-var _hoisted_1$36 = { class: "text-sm text-gray-600" };
-var _sfc_main$36 = {
+var _hoisted_1$38 = { class: "text-sm text-gray-600" };
+var _sfc_main$37 = {
 	__name: "ActionMessage",
 	props: { on: Boolean },
 	setup(__props) {
@@ -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$36, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, __props.on]])]),
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1$38, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, __props.on]])]),
 				_: 3
 			})]);
 		};
@@ -297,37 +297,37 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/components/SectionTitle.vue
-var _sfc_main$35 = {};
-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" };
+var _sfc_main$36 = {};
+var _hoisted_1$37 = { class: "md:col-span-1 flex justify-between" };
+var _hoisted_2$21 = { class: "px-4 sm:px-0" };
+var _hoisted_3$17 = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
+var _hoisted_4$12 = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
+var _hoisted_5$9 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
-	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")])]);
+	return openBlock(), createElementBlock("div", _hoisted_1$37, [createElementVNode("div", _hoisted_2$21, [createElementVNode("h3", _hoisted_3$17, [renderSlot(_ctx.$slots, "title")]), createElementVNode("p", _hoisted_4$12, [renderSlot(_ctx.$slots, "description")])]), createElementVNode("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "aside")])]);
 }
-var SectionTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$35, [["render", _sfc_render]]);
+var SectionTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$36, [["render", _sfc_render]]);
 //#endregion
 //#region src/components/ActionSection.vue
-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 = {
+var _hoisted_1$36 = { class: "md:grid md:grid-cols-3 md:gap-6" };
+var _hoisted_2$20 = { class: "mt-5 md:mt-0 md:col-span-2" };
+var _hoisted_3$16 = { 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$35 = {
 	__name: "ActionSection",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$34, [createVNode(SectionTitle_default, null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$36, [createVNode(SectionTitle_default, null, {
 				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 				description: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 				_: 3
-			}), createElementVNode("div", _hoisted_2$18, [createElementVNode("div", _hoisted_3$14, [renderSlot(_ctx.$slots, "content")])])]);
+			}), createElementVNode("div", _hoisted_2$20, [createElementVNode("div", _hoisted_3$16, [renderSlot(_ctx.$slots, "content")])])]);
 		};
 	}
 };
 //#endregion
 //#region src/components/Badge.vue
-var _hoisted_1$33 = { class: "sr-only" };
-var _sfc_main$33 = {
+var _hoisted_1$35 = { class: "sr-only" };
+var _sfc_main$34 = {
 	__name: "Badge",
 	props: {
 		type: {
@@ -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$33, [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$35, [renderSlot(_ctx.$slots, "default")])], 2)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(["inline-flex items-center font-medium", [
 					colorClasses[__props.color].bg,
@@ -445,8 +445,8 @@ var _sfc_main$33 = {
 };
 //#endregion
 //#region src/components/Button.vue
-var _hoisted_1$32 = ["type", "disabled"];
-var _sfc_main$32 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _hoisted_1$34 = ["type", "disabled"];
+var _sfc_main$33 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "Button",
 	props: {
 		type: {
@@ -509,14 +509,14 @@ 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$32);
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$34);
 		};
 	}
 });
 //#endregion
 //#region src/components/Checkbox.vue
-var _hoisted_1$31 = ["value"];
-var _sfc_main$31 = {
+var _hoisted_1$33 = ["value"];
+var _sfc_main$32 = {
 	__name: "Checkbox",
 	props: {
 		checked: {
@@ -546,18 +546,18 @@ 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$31)), [[vModelCheckbox, proxyChecked.value]]);
+			}, null, 8, _hoisted_1$33)), [[vModelCheckbox, proxyChecked.value]]);
 		};
 	}
 };
 //#endregion
 //#region src/components/CheckboxInput.vue
-var _hoisted_1$30 = [
+var _hoisted_1$32 = [
 	"name",
 	"checked",
 	"disabled"
 ];
-var _sfc_main$30 = {
+var _sfc_main$31 = {
 	__name: "CheckboxInput",
 	props: {
 		modelValue: {
@@ -637,7 +637,7 @@ var _sfc_main$30 = {
 					onChange,
 					onFocus: handleFocus,
 					onBlur: handleBlur
-				}, null, 40, _hoisted_1$30),
+				}, null, 40, _hoisted_1$32),
 				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,20 +651,20 @@ var _sfc_main$30 = {
 };
 //#endregion
 //#region src/components/TextInput.vue
-var _hoisted_1$29 = [
+var _hoisted_1$31 = [
 	"type",
 	"value",
 	"disabled"
 ];
-var _hoisted_2$17 = ["aria-label"];
-var _hoisted_3$13 = {
+var _hoisted_2$19 = ["aria-label"];
+var _hoisted_3$15 = {
 	key: 0,
 	class: "h-5 w-5",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24"
 };
-var _hoisted_4$10 = {
+var _hoisted_4$11 = {
 	key: 1,
 	class: "h-5 w-5",
 	fill: "none",
@@ -672,7 +672,7 @@ var _hoisted_4$10 = {
 	viewBox: "0 0 24 24"
 };
 var DEFAULT_MAX_LENGTH$1 = 254;
-var _sfc_main$29 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _sfc_main$30 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "TextInput",
 	props: {
 		modelValue: {
@@ -748,19 +748,19 @@ 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$29),
+				}), null, 16, _hoisted_1$31),
 				isPasswordField.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: normalizeClass(["absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-400 transition-colors hover:text-neutral-700 focus:outline-none dark:text-neutral-200 dark:hover:text-neutral-50", props.ui.trailingAction]),
 					"aria-label": revealed.value ? "Hide password" : "Show password",
 					onClick: toggleVisibility
-				}, [revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_3$13, [..._cache[2] || (_cache[2] = [createElementVNode("path", {
+				}, [revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_3$15, [..._cache[2] || (_cache[2] = [createElementVNode("path", {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"stroke-width": "2",
 					d: "M13.875 18.825A10.05 10.05 0 0112 19c-5 0-9.27-3.11-11-7 1.01-2.27 2.78-4.1 5-5.32m3.08-1.3A9.96 9.96 0 0112 5c5 0 9.27 3.11 11 7a11.03 11.03 0 01-4.16 4.91M15 12a3 3 0 00-3-3m0 0a3 3 0 00-2.94 3.59M3 3l18 18"
-				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_4$10, [..._cache[3] || (_cache[3] = [createElementVNode("path", {
+				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_4$11, [..._cache[3] || (_cache[3] = [createElementVNode("path", {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"stroke-width": "2",
@@ -770,16 +770,16 @@ var _sfc_main$29 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 					"stroke-linejoin": "round",
 					"stroke-width": "2",
 					d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
-				}, null, -1)])]))], 10, _hoisted_2$17)) : createCommentVNode("", true)
+				}, null, -1)])]))], 10, _hoisted_2$19)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/TextArea.vue
-var _hoisted_1$28 = ["value", "disabled"];
+var _hoisted_1$30 = ["value", "disabled"];
 var DEFAULT_MAX_LENGTH = 1e3;
-var _sfc_main$28 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _sfc_main$29 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "TextArea",
 	props: {
 		modelValue: String,
@@ -850,30 +850,30 @@ var _sfc_main$28 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 				value: props.modelValue,
 				disabled: props.disabled,
 				onInput: updateValue
-			}), null, 16, _hoisted_1$28)], 2);
+			}), null, 16, _hoisted_1$30)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/CustomSelect.vue
-var _hoisted_1$27 = { class: "flex h-5 shrink-0 items-center gap-1" };
-var _hoisted_2$16 = ["placeholder"];
-var _hoisted_3$12 = [
+var _hoisted_1$29 = { class: "flex h-5 shrink-0 items-center gap-1" };
+var _hoisted_2$18 = ["placeholder"];
+var _hoisted_3$14 = [
 	"data-option-value",
 	"onClick",
 	"onFocus",
 	"onKeydown"
 ];
-var _hoisted_4$9 = {
+var _hoisted_4$10 = {
 	key: 0,
 	class: "flex items-center gap-3"
 };
-var _hoisted_5$7 = [
+var _hoisted_5$8 = [
 	"checked",
 	"disabled",
 	"onChange"
 ];
-var _sfc_main$27 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _sfc_main$28 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "CustomSelect",
 	props: {
 		modelValue: {
@@ -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$27, [canClearSelection.value ? (openBlock(), createElementBlock("button", {
+			}, toDisplayString(displayText.value), 39), createElementVNode("div", _hoisted_1$29, [canClearSelection.value ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				type: "button",
 				class: normalizeClass(clearButtonClasses.value),
@@ -1641,7 +1641,7 @@ var _sfc_main$27 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 						class: normalizeClass(searchInputClasses.value),
 						onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
 						onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
-					}, null, 42, _hoisted_2$16)), [[vModelText, searchQuery.value]]) : createCommentVNode("", true),
+					}, null, 42, _hoisted_2$18)), [[vModelText, searchQuery.value]]) : createCommentVNode("", true),
 					selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass([
@@ -1665,7 +1665,7 @@ var _sfc_main$27 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 							onClick: withModifiers(($event) => __props.multiple ? toggleMultipleOption(option) : selectOption(option), ["stop"]),
 							onFocus: ($event) => highlightedOptionValue.value = String(optionValue(option) ?? ""),
 							onKeydown: ($event) => handleOptionKeydown($event, option)
-						}, [__props.multiple ? (openBlock(), createElementBlock("div", _hoisted_4$9, [createElementVNode("input", {
+						}, [__props.multiple ? (openBlock(), createElementBlock("div", _hoisted_4$10, [createElementVNode("input", {
 							type: "checkbox",
 							class: normalizeClass(["h-4 w-4 rounded border-neutral-300 text-neutral-900 focus:ring-neutral-900", props.ui.optionControl]),
 							checked: optionIsSelected(option),
@@ -1673,14 +1673,14 @@ var _sfc_main$27 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 							tabindex: "-1",
 							onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"])),
 							onChange: withModifiers(($event) => toggleMultipleOption(option), ["stop"])
-						}, null, 42, _hoisted_5$7), createElementVNode("span", {
+						}, null, 42, _hoisted_5$8), createElementVNode("span", {
 							class: "shrink-0 whitespace-nowrap",
 							style: normalizeStyle(darkTextStyle.value)
 						}, toDisplayString(optionText(option)), 5)])) : (openBlock(), createElementBlock("span", {
 							key: 1,
 							class: "whitespace-nowrap",
 							style: normalizeStyle(darkTextStyle.value)
-						}, toDisplayString(optionText(option)), 5))], 42, _hoisted_3$12);
+						}, toDisplayString(optionText(option)), 5))], 42, _hoisted_3$14);
 					}), 128))
 				], 6)], 6)) : createCommentVNode("", true)]),
 				_: 1
@@ -1690,7 +1690,7 @@ var _sfc_main$27 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 });
 //#endregion
 //#region src/components/SelectInput.vue
-var _sfc_main$26 = {
+var _sfc_main$27 = {
 	__name: "SelectInput",
 	props: {
 		modelValue: {
@@ -1856,7 +1856,7 @@ var _sfc_main$26 = {
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$27, mergeProps({
+			return openBlock(), createBlock(_sfc_main$28, mergeProps({
 				"model-value": __props.modelValue,
 				"model-modifiers": __props.modelModifiers,
 				options: __props.options,
@@ -1919,7 +1919,7 @@ var _sfc_main$26 = {
 };
 //#endregion
 //#region src/components/DateInput.vue
-var _hoisted_1$26 = [
+var _hoisted_1$28 = [
 	"type",
 	"lang",
 	"max",
@@ -2014,22 +2014,22 @@ var DateInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				disabled: props.disabled,
 				onInput: handleDateInput,
 				onChange: handleDateInput
-			}), null, 16, _hoisted_1$26);
+			}), null, 16, _hoisted_1$28);
 		};
 	}
 }), [["__scopeId", "data-v-8a975d48"]]);
 //#endregion
 //#region src/components/DateRangeInput.vue
-var _hoisted_1$25 = ["value", "disabled"];
-var _hoisted_2$15 = { class: "grid grid-cols-7 gap-1" };
-var _hoisted_3$11 = [
+var _hoisted_1$27 = ["value", "disabled"];
+var _hoisted_2$17 = { class: "grid grid-cols-7 gap-1" };
+var _hoisted_3$13 = [
 	"disabled",
 	"onClick",
 	"onMouseenter"
 ];
-var _hoisted_4$8 = { class: "flex items-center justify-between" };
-var _hoisted_5$6 = { key: 0 };
-var _hoisted_6$6 = { key: 1 };
+var _hoisted_4$9 = { class: "flex items-center justify-between" };
+var _hoisted_5$7 = { key: 0 };
+var _hoisted_6$7 = { key: 1 };
 var _hoisted_7$5 = { key: 2 };
 var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
 	__name: "DateRangeInput",
@@ -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$25),
+				}, null, 10, _hoisted_1$27),
 				isOpen.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					ref_key: "calendarRef",
@@ -2351,7 +2351,7 @@ var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 							class: normalizeClass(["text-xs font-medium text-neutral-500 dark:text-neutral-400 text-center py-1", props.ui.weekday])
 						}, toDisplayString(day), 3);
 					}), 128))], 2),
-					createElementVNode("div", _hoisted_2$15, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day) => {
+					createElementVNode("div", _hoisted_2$17, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day) => {
 						return openBlock(), createElementBlock("div", {
 							key: day.date.toISOString(),
 							class: "relative"
@@ -2383,9 +2383,9 @@ var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 							onClick: ($event) => selectDate(day.date),
 							onMouseenter: ($event) => handleDateHover(day.date),
 							onMouseleave: handleDateLeave
-						}, toDisplayString(day.date.getDate()), 43, _hoisted_3$11)]);
+						}, toDisplayString(day.date.getDate()), 43, _hoisted_3$13)]);
 					}), 128))]),
-					createElementVNode("div", { class: normalizeClass(["mt-4 pt-4 border-t border-neutral-200 dark:border-neutral-800", props.ui.footer]) }, [createElementVNode("div", _hoisted_4$8, [createElementVNode("div", { class: normalizeClass(["text-xs text-neutral-500 dark:text-neutral-400", props.ui.footerText]) }, [startDate.value && endDate.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, " Range: " + toDisplayString(daysBetween.value) + " days ", 1)) : startDate.value ? (openBlock(), createElementBlock("div", _hoisted_6$6, " Select end date ")) : (openBlock(), createElementBlock("div", _hoisted_7$5, " Select start date "))], 2), startDate.value || endDate.value ? (openBlock(), createElementBlock("button", {
+					createElementVNode("div", { class: normalizeClass(["mt-4 pt-4 border-t border-neutral-200 dark:border-neutral-800", props.ui.footer]) }, [createElementVNode("div", _hoisted_4$9, [createElementVNode("div", { class: normalizeClass(["text-xs text-neutral-500 dark:text-neutral-400", props.ui.footerText]) }, [startDate.value && endDate.value ? (openBlock(), createElementBlock("div", _hoisted_5$7, " Range: " + toDisplayString(daysBetween.value) + " days ", 1)) : startDate.value ? (openBlock(), createElementBlock("div", _hoisted_6$7, " Select end date ")) : (openBlock(), createElementBlock("div", _hoisted_7$5, " Select start date "))], 2), startDate.value || endDate.value ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: normalizeClass(["text-xs text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 transition-colors", props.ui.clearButton]),
@@ -2398,10 +2398,10 @@ var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-0d27aeda"]]);
 //#endregion
 //#region src/components/ImageInput.vue
-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 = {
+var _hoisted_1$26 = ["accept"];
+var _hoisted_2$16 = { class: "flex items-center space-x-4" };
+var _hoisted_3$12 = ["src"];
+var _sfc_main$24 = {
 	__name: "ImageInput",
 	props: {
 		currentImageUrl: {
@@ -2442,21 +2442,21 @@ 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$24)], 2), props.currentImageUrl ? (openBlock(), createElementBlock("div", {
+			}), null, 16, _hoisted_1$26)], 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", {
+			}, [createElementVNode("div", _hoisted_2$16, [createElementVNode("img", {
 				src: props.currentImageUrl,
 				alt: "Current logo",
 				class: normalizeClass(["h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm", props.ui.previewImage])
-			}, null, 10, _hoisted_3$10), createElementVNode("div", null, [createElementVNode("p", { class: normalizeClass(["text-sm font-medium text-neutral-900 dark:text-neutral-50", props.ui.previewTitle]) }, toDisplayString(props.currentLabel), 3), createElementVNode("p", { class: normalizeClass(["text-xs text-neutral-500 dark:text-neutral-200", props.ui.previewText]) }, toDisplayString(props.currentSubtext), 3)])])], 2)) : createCommentVNode("", true)], 2);
+			}, null, 10, _hoisted_3$12), createElementVNode("div", null, [createElementVNode("p", { class: normalizeClass(["text-sm font-medium text-neutral-900 dark:text-neutral-50", props.ui.previewTitle]) }, toDisplayString(props.currentLabel), 3), createElementVNode("p", { class: normalizeClass(["text-xs text-neutral-500 dark:text-neutral-200", props.ui.previewText]) }, toDisplayString(props.currentSubtext), 3)])])], 2)) : createCommentVNode("", true)], 2);
 		};
 	}
 };
 //#endregion
 //#region src/components/NotationInput.vue
-var _hoisted_1$23 = ["disabled", "onClick"];
-var _sfc_main$22 = {
+var _hoisted_1$25 = ["disabled", "onClick"];
+var _sfc_main$23 = {
 	__name: "NotationInput",
 	props: {
 		modelValue: {
@@ -2505,20 +2505,20 @@ var _sfc_main$22 = {
 					]),
 					disabled: __props.disabled,
 					onClick: ($event) => selectOption(option)
-				}, toDisplayString(option), 11, _hoisted_1$23);
+				}, toDisplayString(option), 11, _hoisted_1$25);
 			}), 128))], 2);
 		};
 	}
 };
 //#endregion
 //#region src/components/RadioInput.vue
-var _hoisted_1$22 = [
+var _hoisted_1$24 = [
 	"name",
 	"value",
 	"checked",
 	"disabled"
 ];
-var _sfc_main$21 = {
+var _sfc_main$22 = {
 	__name: "RadioInput",
 	props: {
 		modelValue: {
@@ -2587,18 +2587,18 @@ var _sfc_main$21 = {
 				onChange,
 				onFocus: handleFocus,
 				onBlur: handleBlur
-			}, 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);
+			}, null, 40, _hoisted_1$24), 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$21 = [
+var _hoisted_1$23 = [
 	"name",
 	"checked",
 	"disabled"
 ];
-var _sfc_main$20 = {
+var _sfc_main$21 = {
 	__name: "ToggleInput",
 	props: {
 		modelValue: {
@@ -2677,7 +2677,7 @@ var _sfc_main$20 = {
 					onChange,
 					onFocus: handleFocus,
 					onBlur: handleBlur
-				}, null, 40, _hoisted_1$21),
+				}, null, 40, _hoisted_1$23),
 				createElementVNode("span", {
 					"aria-hidden": "true",
 					class: normalizeClass([
@@ -2701,7 +2701,7 @@ var _sfc_main$20 = {
 };
 //#endregion
 //#region src/components/RadioMultipleInput.vue
-var _sfc_main$19 = {
+var _sfc_main$20 = {
 	__name: "RadioMultipleInput",
 	props: {
 		modelValue: {
@@ -2739,7 +2739,7 @@ var _sfc_main$19 = {
 		const selectOption = (option) => emit("update:modelValue", option);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-wrap gap-3", props.ui.group]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-				return openBlock(), createBlock(_sfc_main$16, {
+				return openBlock(), createBlock(_sfc_main$17, {
 					key: `radio-${__props.name ?? "group"}-${option}`,
 					type: "radio-input",
 					"model-value": props.modelValue,
@@ -2763,7 +2763,7 @@ var _sfc_main$19 = {
 };
 //#endregion
 //#region src/components/TinyEditor.vue
-var _sfc_main$18 = {
+var _sfc_main$19 = {
 	__name: "TinyEditor",
 	props: {
 		modelValue: {
@@ -2840,18 +2840,18 @@ var _sfc_main$18 = {
 			});
 		};
 		const loadTinyMce = async () => {
-			const tinymceModule = await import("./tinymce-_FcmnBzR.js").then((m) => /* @__PURE__ */ __toESM(m.default));
+			const tinymceModule = await import("./tinymce-B_nz3bjz.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-CyNQy3FR.js"),
-				import("./default-BrvQoVVs.js"),
-				import("./silver-6SQnxErw.js"),
-				import("./code-Uq_sE9rw.js"),
-				import("./image-BPy4dcSt.js"),
-				import("./link-BNLldsh6.js"),
-				import("./lists-CCw-difh.js"),
-				import("./table-eUIcL87o.js")
+				import("./dom-CFK7rsQj.js"),
+				import("./default-CXSE-CfC.js"),
+				import("./silver-Ck5Nmwm5.js"),
+				import("./code-mFVfv-JF.js"),
+				import("./image-BKHRC93C.js"),
+				import("./link-6m9FnJyE.js"),
+				import("./lists-Dm_2IIm_.js"),
+				import("./table-BaMYTIbc.js")
 			]);
 			isEditorReady.value = true;
 		};
@@ -2962,17 +2962,17 @@ var _sfc_main$18 = {
 };
 //#endregion
 //#region src/components/ColorPicker.vue
-var _hoisted_1$20 = [
+var _hoisted_1$22 = [
 	"name",
 	"value",
 	"disabled",
 	"required"
 ];
-var _hoisted_2$13 = ["disabled", "aria-expanded"];
-var _hoisted_3$9 = { class: "min-w-0 flex-1" };
-var _hoisted_4$7 = { class: "flex items-start gap-3" };
-var _hoisted_5$5 = { class: "min-w-0 flex-1" };
-var _hoisted_6$5 = ["disabled", "aria-label"];
+var _hoisted_2$15 = ["disabled", "aria-expanded"];
+var _hoisted_3$11 = { class: "min-w-0 flex-1" };
+var _hoisted_4$8 = { class: "flex items-start gap-3" };
+var _hoisted_5$6 = { class: "min-w-0 flex-1" };
+var _hoisted_6$6 = ["disabled", "aria-label"];
 var _hoisted_7$4 = { class: "mt-4 space-y-4" };
 var _hoisted_8$2 = ["aria-label", "aria-valuenow"];
 var _hoisted_9$2 = {
@@ -2999,14 +2999,14 @@ var _hoisted_15$2 = {
 	class: "space-y-2"
 };
 var _hoisted_16$2 = ["for"];
-var _hoisted_17$1 = [
+var _hoisted_17$2 = [
 	"id",
 	"disabled",
 	"value"
 ];
-var _hoisted_18 = { class: "space-y-2" };
-var _hoisted_19 = ["for"];
-var _hoisted_20 = [
+var _hoisted_18$2 = { class: "space-y-2" };
+var _hoisted_19$1 = ["for"];
+var _hoisted_20$1 = [
 	"id",
 	"maxlength",
 	"placeholder",
@@ -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$20)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_1$22)) : createCommentVNode("", true),
 				createElementVNode("button", mergeProps({
 					ref_key: "triggerRef",
 					ref: triggerRef
@@ -3488,13 +3488,13 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						class: "absolute inset-0",
 						style: normalizeStyle({ backgroundColor: swatchColor.value })
 					}, null, 4)], 2),
-					createElementVNode("span", _hoisted_3$9, [createElementVNode("span", { class: normalizeClass(["block text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, toDisplayString(unref(t)("Color")), 3), createElementVNode("span", { class: normalizeClass(["block truncate font-mono text-sm text-neutral-900 dark:text-neutral-50", props.ui.value]) }, toDisplayString(emittedValue.value), 3)]),
+					createElementVNode("span", _hoisted_3$11, [createElementVNode("span", { class: normalizeClass(["block text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, toDisplayString(unref(t)("Color")), 3), createElementVNode("span", { class: normalizeClass(["block truncate font-mono text-sm text-neutral-900 dark:text-neutral-50", props.ui.value]) }, toDisplayString(emittedValue.value), 3)]),
 					createVNode(unref(ChevronDownIcon), { class: normalizeClass([
 						"size-4 shrink-0 text-neutral-400 transition-transform dark:text-neutral-500",
 						isOpen.value ? "rotate-180" : "",
 						props.ui.chevron
 					]) }, null, 8, ["class"])
-				], 16, _hoisted_2$13),
+				], 16, _hoisted_2$15),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
 					"enter-active-class": "transition duration-150 ease-out",
 					"enter-from-class": "opacity-0 translate-y-1",
@@ -3509,12 +3509,12 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						ref: panelRef,
 						class: normalizeClass(["z-50", props.ui.panelRoot]),
 						style: normalizeStyle(panelStyle.value)
-					}, [createElementVNode("div", { class: normalizeClass(["rounded-2xl border border-neutral-200 bg-white/96 p-4 shadow-2xl shadow-neutral-950/12 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/96 dark:shadow-black/30", props.ui.panel]) }, [createElementVNode("div", _hoisted_4$7, [
+					}, [createElementVNode("div", { class: normalizeClass(["rounded-2xl border border-neutral-200 bg-white/96 p-4 shadow-2xl shadow-neutral-950/12 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/96 dark:shadow-black/30", props.ui.panel]) }, [createElementVNode("div", _hoisted_4$8, [
 						createElementVNode("div", { class: normalizeClass(["color-picker-checker relative size-14 shrink-0 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700", props.ui.previewSwatch]) }, [createElementVNode("span", {
 							class: "absolute inset-0",
 							style: normalizeStyle({ backgroundColor: swatchColor.value })
 						}, null, 4)], 2),
-						createElementVNode("div", _hoisted_5$5, [createElementVNode("p", { class: normalizeClass(["text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, toDisplayString(unref(t)("Selected color")), 3), createElementVNode("p", { class: normalizeClass(["truncate font-mono text-base text-neutral-900 dark:text-neutral-50", props.ui.value]) }, toDisplayString(emittedValue.value), 3)]),
+						createElementVNode("div", _hoisted_5$6, [createElementVNode("p", { class: normalizeClass(["text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, toDisplayString(unref(t)("Selected color")), 3), createElementVNode("p", { class: normalizeClass(["truncate font-mono text-base text-neutral-900 dark:text-neutral-50", props.ui.value]) }, toDisplayString(emittedValue.value), 3)]),
 						supportsEyeDropper.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							type: "button",
@@ -3526,7 +3526,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							disabled: props.disabled,
 							"aria-label": unref(t)("Pick color from screen"),
 							onClick: pickFromScreen
-						}, [createVNode(unref(EyeDropperIcon), { class: "size-5" })], 10, _hoisted_6$5)) : createCommentVNode("", true)
+						}, [createVNode(unref(EyeDropperIcon), { class: "size-5" })], 10, _hoisted_6$6)) : createCommentVNode("", true)
 					]), createElementVNode("div", _hoisted_7$4, [
 						createElementVNode("div", {
 							ref_key: "saturationRef",
@@ -3571,11 +3571,11 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							value: opacityPercent.value,
 							style: normalizeStyle({ background: alphaGradient.value }),
 							onInput: handleAlphaInput
-						}, null, 46, _hoisted_17$1)])) : createCommentVNode("", true)]),
-						createElementVNode("div", _hoisted_18, [createElementVNode("label", {
+						}, null, 46, _hoisted_17$2)])) : createCommentVNode("", true)]),
+						createElementVNode("div", _hoisted_18$2, [createElementVNode("label", {
 							for: fieldId.value ? `${fieldId.value}-hex` : void 0,
 							class: normalizeClass(["text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel])
-						}, toDisplayString(unref(t)("Hex value")), 11, _hoisted_19), createElementVNode("input", {
+						}, toDisplayString(unref(t)("Hex value")), 11, _hoisted_19$1), createElementVNode("input", {
 							id: fieldId.value ? `${fieldId.value}-hex` : void 0,
 							ref_key: "hexInputRef",
 							ref: hexInputRef,
@@ -3590,7 +3590,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							disabled: props.disabled,
 							onInput: handleHexInput,
 							onBlur: handleHexBlur
-						}, null, 42, _hoisted_20)])
+						}, null, 42, _hoisted_20$1)])
 					])], 2)], 6)) : createCommentVNode("", true)]),
 					_: 1
 				})]))
@@ -3600,8 +3600,8 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-ce146146"]]);
 //#endregion
 //#region src/components/InputGroup.vue
-var _hoisted_1$19 = ["for"];
-var _hoisted_2$12 = {
+var _hoisted_1$21 = ["for"];
+var _hoisted_2$14 = {
 	key: 3,
 	class: "relative"
 };
@@ -3610,7 +3610,7 @@ var defaultLabelClass = "mb-1 block text-base font-semibold text-gray-900 dark:t
 var defaultHelperTextClass = "mb-1 block text-xs text-gray-500";
 var defaultErrorClass = "mt-2 flex items-center text-sm text-red-600";
 var defaultErrorIconClass = "mr-1 h-4 w-4 flex-shrink-0";
-var _sfc_main$16 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _sfc_main$17 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "InputGroup",
 	props: {
 		type: {
@@ -4146,20 +4146,20 @@ var _sfc_main$16 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 			ui: props.ui
 		}));
 		const resolvedFieldComponent = computed(() => {
-			if (isTextareaType.value) return _sfc_main$28;
-			if (isTinyEditorType.value) return _sfc_main$18;
+			if (isTextareaType.value) return _sfc_main$29;
+			if (isTinyEditorType.value) return _sfc_main$19;
 			if (isColorPickerType.value) return ColorPicker_default;
-			if (isSelectType.value) return _sfc_main$26;
+			if (isSelectType.value) return _sfc_main$27;
 			if (isDateType.value) return DateInput_default;
 			if (isDateRangeType.value) return DateRangeInput_default;
-			if (isTextLikeType.value) return _sfc_main$29;
-			if (isImageType.value) return _sfc_main$23;
-			if (isCheckboxSingleType.value) return _sfc_main$30;
-			if (isRadioSingleType.value) return _sfc_main$21;
-			if (isToggleSingleType.value) return _sfc_main$20;
-			if (isNotationType.value) return _sfc_main$22;
-			if (isCheckboxType.value) return _sfc_main$15;
-			if (isRadioType.value) return _sfc_main$19;
+			if (isTextLikeType.value) return _sfc_main$30;
+			if (isImageType.value) return _sfc_main$24;
+			if (isCheckboxSingleType.value) return _sfc_main$31;
+			if (isRadioSingleType.value) return _sfc_main$22;
+			if (isToggleSingleType.value) return _sfc_main$21;
+			if (isNotationType.value) return _sfc_main$23;
+			if (isCheckboxType.value) return _sfc_main$16;
+			if (isRadioType.value) return _sfc_main$20;
 			return null;
 		});
 		const resolvedFieldBindings = computed(() => {
@@ -4211,13 +4211,13 @@ 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$19)) : createCommentVNode("", true)]) : createCommentVNode("", true),
+				}, toDisplayString(__props.label), 11, _hoisted_1$21)) : createCommentVNode("", true)]) : createCommentVNode("", true),
 				__props.helperText && !showsInlineChoiceControl.value ? renderSlot(_ctx.$slots, "helper", {
 					key: 1,
 					helperText: __props.helperText,
 					helperTextClass: props.helperTextClass ?? defaultHelperTextClass
 				}, () => [createElementVNode("span", { class: normalizeClass(props.helperTextClass ?? defaultHelperTextClass) }, toDisplayString(__props.helperText), 3)]) : createCommentVNode("", true),
-				resolvedFieldComponent.value && !showsLeadingIcon.value && !showsTrailingIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(resolvedFieldComponent.value), mergeProps({ key: 2 }, resolvedFieldBindings.value, toHandlers(fieldListeners)), null, 16)) : resolvedFieldComponent.value ? (openBlock(), createElementBlock("div", _hoisted_2$12, [
+				resolvedFieldComponent.value && !showsLeadingIcon.value && !showsTrailingIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(resolvedFieldComponent.value), mergeProps({ key: 2 }, resolvedFieldBindings.value, toHandlers(fieldListeners)), null, 16)) : resolvedFieldComponent.value ? (openBlock(), createElementBlock("div", _hoisted_2$14, [
 					showsLeadingIcon.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(["pointer-events-none absolute inset-y-0 left-0 z-10 flex items-center pl-3 text-neutral-400 dark:text-neutral-200", props.leadingIconClass])
@@ -4259,7 +4259,7 @@ var _sfc_main$16 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 });
 //#endregion
 //#region src/components/CheckboxMultipleInput.vue
-var _sfc_main$15 = {
+var _sfc_main$16 = {
 	__name: "CheckboxMultipleInput",
 	props: {
 		modelValue: {
@@ -4302,7 +4302,7 @@ var _sfc_main$15 = {
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-wrap gap-3", props.ui.group]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-				return openBlock(), createBlock(_sfc_main$16, {
+				return openBlock(), createBlock(_sfc_main$17, {
 					key: `checkbox-${option}`,
 					type: "checkbox-input",
 					name: __props.name,
@@ -4327,7 +4327,7 @@ var _sfc_main$15 = {
 };
 //#endregion
 //#region src/components/Modal.vue
-var _sfc_main$14 = {
+var _sfc_main$15 = {
 	__name: "Modal",
 	props: {
 		show: {
@@ -4455,14 +4455,14 @@ var _sfc_main$14 = {
 };
 //#endregion
 //#region src/components/ConfirmationModal.vue
-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" };
-var _hoisted_5$4 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-var _hoisted_6$4 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
+var _hoisted_1$20 = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
+var _hoisted_2$13 = { class: "sm:flex sm:items-start" };
+var _hoisted_3$10 = { 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$7 = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" };
+var _hoisted_5$5 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+var _hoisted_6$5 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
 var _hoisted_7$3 = { class: "flex flex-col-reverse gap-4 border-t border-neutral-200 bg-neutral-50 px-6 py-4 text-end dark:border-neutral-800 dark:bg-neutral-900/60 lg:flex-row lg:justify-end lg:gap-0" };
-var _sfc_main$13 = {
+var _sfc_main$14 = {
 	__name: "ConfirmationModal",
 	props: {
 		show: {
@@ -4494,14 +4494,14 @@ var _sfc_main$13 = {
 			emit("close");
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$14, {
+			return openBlock(), createBlock(_sfc_main$15, {
 				show: __props.show,
 				"max-width": __props.maxWidth,
 				closeable: __props.closeable,
 				position: __props.position,
 				onClose: close
 			}, {
-				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")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$20, [createElementVNode("div", _hoisted_2$13, [createElementVNode("div", _hoisted_3$10, [createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })]), createElementVNode("div", _hoisted_4$7, [createElementVNode("h3", _hoisted_5$5, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_6$5, [renderSlot(_ctx.$slots, "content")])])])]), createElementVNode("div", _hoisted_7$3, [renderSlot(_ctx.$slots, "footer")])]),
 				_: 3
 			}, 8, [
 				"show",
@@ -4514,11 +4514,11 @@ var _sfc_main$13 = {
 };
 //#endregion
 //#region src/components/DialogModal.vue
-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" };
-var _sfc_main$12 = {
+var _hoisted_1$19 = { class: "px-6 py-4" };
+var _hoisted_2$12 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+var _hoisted_3$9 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
+var _hoisted_4$6 = { 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" };
+var _sfc_main$13 = {
 	__name: "DialogModal",
 	props: {
 		show: {
@@ -4541,13 +4541,13 @@ var _sfc_main$12 = {
 			emit("close");
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$14, {
+			return openBlock(), createBlock(_sfc_main$15, {
 				show: __props.show,
 				"max-width": __props.maxWidth,
 				closeable: __props.closeable,
 				onClose: close
 			}, {
-				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")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$19, [createElementVNode("div", _hoisted_2$12, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "content")])]), createElementVNode("div", _hoisted_4$6, [renderSlot(_ctx.$slots, "footer")])]),
 				_: 3
 			}, 8, [
 				"show",
@@ -4559,8 +4559,8 @@ var _sfc_main$12 = {
 };
 //#endregion
 //#region src/components/Dropdown.vue
-var _hoisted_1$16 = { class: "relative inline-block w-fit" };
-var _sfc_main$11 = {
+var _hoisted_1$18 = { class: "relative inline-block w-fit" };
+var _sfc_main$12 = {
 	__name: "Dropdown",
 	props: {
 		align: {
@@ -4679,7 +4679,7 @@ var _sfc_main$11 = {
 			window.removeEventListener("scroll", handleViewportChange, true);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$18, [createElementVNode("div", {
 				ref_key: "triggerRef",
 				ref: triggerRef,
 				onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
@@ -4706,13 +4706,13 @@ var _sfc_main$11 = {
 };
 //#endregion
 //#region src/components/DropdownLink.vue
-var _hoisted_1$15 = {
+var _hoisted_1$17 = {
 	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"
 };
-var _hoisted_2$9 = ["href"];
-var _sfc_main$10 = {
+var _hoisted_2$11 = ["href"];
+var _sfc_main$11 = {
 	__name: "DropdownLink",
 	props: {
 		href: String,
@@ -4720,11 +4720,11 @@ var _sfc_main$10 = {
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", null, [__props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$15, [renderSlot(_ctx.$slots, "default")])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
+			return openBlock(), createElementBlock("div", null, [__props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$17, [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"
-			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2$9)) : (openBlock(), createBlock(unref(Link), {
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2$11)) : (openBlock(), createBlock(unref(Link), {
 				key: 2,
 				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"
@@ -4736,63 +4736,146 @@ var _sfc_main$10 = {
 	}
 };
 //#endregion
+//#region src/components/FloatingActionHint.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = ["id"];
+var _hoisted_2$10 = { class: "block font-semibold" };
+var _hoisted_3$8 = { class: "block" };
+var viewportGap = 8;
+var triggerGap = 8;
+//#endregion
+//#region src/components/FloatingActionHint.vue
+var FloatingActionHint_default = /* @__PURE__ */ defineComponent({
+	__name: "FloatingActionHint",
+	props: {
+		id: {},
+		label: {},
+		description: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const trigger = ref(null);
+		const hint = ref(null);
+		const isOpen = ref(false);
+		const isPositioned = ref(false);
+		const position = ref({
+			left: 0,
+			top: 0
+		});
+		const updatePosition = () => {
+			if (typeof window === "undefined" || !trigger.value || !hint.value) return;
+			const triggerBounds = trigger.value.getBoundingClientRect();
+			const hintBounds = hint.value.getBoundingClientRect();
+			const roomBelow = window.innerHeight - triggerBounds.bottom;
+			const top = roomBelow >= hintBounds.height + triggerGap + viewportGap || roomBelow >= triggerBounds.top ? triggerBounds.bottom + triggerGap : triggerBounds.top - hintBounds.height - triggerGap;
+			position.value = {
+				left: Math.max(viewportGap, Math.min(triggerBounds.left + triggerBounds.width / 2 - hintBounds.width / 2, window.innerWidth - hintBounds.width - viewportGap)),
+				top: Math.max(viewportGap, Math.min(top, window.innerHeight - hintBounds.height - viewportGap))
+			};
+			isPositioned.value = true;
+		};
+		const close = () => {
+			isOpen.value = false;
+			isPositioned.value = false;
+			if (typeof window === "undefined") return;
+			window.removeEventListener("resize", updatePosition);
+			window.removeEventListener("scroll", updatePosition, true);
+		};
+		const open = async () => {
+			if (typeof window === "undefined" || isOpen.value) return;
+			isOpen.value = true;
+			await nextTick();
+			if (!isOpen.value) return;
+			updatePosition();
+			window.addEventListener("resize", updatePosition);
+			window.addEventListener("scroll", updatePosition, true);
+		};
+		const closeOnFocusOut = (event) => {
+			if (!trigger.value?.contains(event.relatedTarget)) close();
+		};
+		onBeforeUnmount(close);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref_key: "trigger",
+				ref: trigger,
+				class: "inline-flex shrink-0",
+				onPointerenter: open,
+				onPointerleave: close,
+				onFocusin: open,
+				onFocusout: closeOnFocusOut,
+				onKeydown: withKeys(close, ["esc"])
+			}, [renderSlot(_ctx.$slots, "default", { descriptionId: props.id }), (openBlock(), createBlock(Teleport, { to: "body" }, [isOpen.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: props.id,
+				ref_key: "hint",
+				ref: hint,
+				role: "tooltip",
+				class: normalizeClass(["pointer-events-none fixed z-[100] w-max max-w-[min(20rem,calc(100vw-1rem))] rounded-lg bg-neutral-900 px-3 py-2 text-left text-xs leading-5 text-white shadow-lg dark:bg-neutral-100 dark:text-neutral-950", { invisible: !isPositioned.value }]),
+				style: normalizeStyle({
+					left: `${position.value.left}px`,
+					top: `${position.value.top}px`
+				})
+			}, [createElementVNode("span", _hoisted_2$10, toDisplayString(props.label), 1), createElementVNode("span", _hoisted_3$8, toDisplayString(props.description), 1)], 14, _hoisted_1$16)) : createCommentVNode("", true)]))], 544);
+		};
+	}
+});
+//#endregion
 //#region src/components/FormSection.vue
-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 = {
+var _hoisted_1$15 = { class: "md:grid md:grid-cols-3 md:gap-6" };
+var _hoisted_2$9 = { class: "mt-5 md:col-span-2 md:mt-0" };
+var _hoisted_3$7 = { class: "grid grid-cols-6 gap-6" };
+var _hoisted_4$5 = {
 	key: 0,
 	class: "flex items-center justify-start rounded-b-lg border border-t-0 border-neutral-200 bg-neutral-50 px-3 pb-6 text-end dark:border-neutral-800 dark:bg-neutral-900/60 sm:rounded-bl-md sm:rounded-br-md"
 };
-var _sfc_main$9 = {
+var _sfc_main$10 = {
 	__name: "FormSection",
 	emits: ["submitted"],
 	setup(__props) {
 		const hasActions = computed(() => !!useSlots().actions);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$14, [createVNode(SectionTitle_default, null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$15, [createVNode(SectionTitle_default, null, {
 				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 				description: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 				_: 3
-			}), createElementVNode("div", _hoisted_2$8, [createElementVNode("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submitted"), ["prevent"])) }, [createElementVNode("div", { class: normalizeClass(["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", hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"]) }, [createElementVNode("div", _hoisted_3$6, [renderSlot(_ctx.$slots, "form")])], 2), hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)], 32)])]);
+			}), createElementVNode("div", _hoisted_2$9, [createElementVNode("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submitted"), ["prevent"])) }, [createElementVNode("div", { class: normalizeClass(["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", hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"]) }, [createElementVNode("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "form")])], 2), hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)], 32)])]);
 		};
 	}
 };
 //#endregion
 //#region src/components/InputError.vue
-var _hoisted_1$13 = { class: "text-sm text-red-600 dark:text-neutral-100" };
-var _sfc_main$8 = {
+var _hoisted_1$14 = { class: "text-sm text-red-600 dark:text-neutral-100" };
+var _sfc_main$9 = {
 	__name: "InputError",
 	props: { message: String },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", null, [createElementVNode("p", _hoisted_1$13, toDisplayString(__props.message), 1)], 512)), [[vShow, __props.message]]);
+			return withDirectives((openBlock(), createElementBlock("div", null, [createElementVNode("p", _hoisted_1$14, toDisplayString(__props.message), 1)], 512)), [[vShow, __props.message]]);
 		};
 	}
 };
 //#endregion
 //#region src/components/InputLabel.vue
-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 = {
+var _hoisted_1$13 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
+var _hoisted_2$8 = { key: 0 };
+var _hoisted_3$6 = { key: 1 };
+var _sfc_main$8 = {
 	__name: "InputLabel",
 	props: { value: String },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			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")]))]);
+			return openBlock(), createElementBlock("label", _hoisted_1$13, [__props.value ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$6, [renderSlot(_ctx.$slots, "default")]))]);
 		};
 	}
 };
 //#endregion
 //#region src/components/LinkButton.vue
-var _hoisted_1$11 = [
+var _hoisted_1$12 = [
 	"href",
 	"title",
 	"target",
 	"rel"
 ];
-var _sfc_main$6 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
+var _sfc_main$7 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 	__name: "LinkButton",
 	props: {
 		href: {
@@ -4859,19 +4942,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$11));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$12));
 		};
 	}
 });
 //#endregion
 //#region src/components/SectionBorder.vue
-var _hoisted_1$10 = { class: "hidden sm:block" };
-var _hoisted_2$6 = { class: "py-8" };
-var _sfc_main$5 = {
+var _hoisted_1$11 = { class: "hidden sm:block" };
+var _hoisted_2$7 = { class: "py-8" };
+var _sfc_main$6 = {
 	__name: "SectionBorder",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$6, [createVNode(_sfc_main$38)])]);
+			return openBlock(), createElementBlock("div", _hoisted_1$11, [createElementVNode("div", _hoisted_2$7, [createVNode(_sfc_main$39)])]);
 		};
 	}
 };
@@ -4921,13 +5004,13 @@ function useSidebar() {
 }
 //#endregion
 //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = [
+var _hoisted_1$10 = [
 	"data-state",
 	"data-collapsible",
 	"data-variant",
 	"data-side"
 ];
-var _hoisted_2$5 = {
+var _hoisted_2$6 = {
 	"data-sidebar": "sidebar",
 	class: "bg-sidebar text-sidebar-foreground flex h-full w-full flex-col group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
 };
@@ -4978,7 +5061,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$9));
+			] }, _ctx.$attrs), [createElementVNode("div", _hoisted_2$6, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_1$10));
 		};
 	}
 });
@@ -5194,7 +5277,7 @@ var SidebarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SidebarMenuButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = [
+var _hoisted_1$9 = [
 	"href",
 	"target",
 	"rel"
@@ -5280,7 +5363,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$8)) : (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$9)) : (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));
@@ -5474,6 +5557,30 @@ var createLucideIcon = (iconName, iconNode) => (props, { slots, attrs }) => h(Ic
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Columns3 = createLucideIcon("columns-3", [
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "afitv7"
+	}],
+	["path", {
+		d: "M9 3v18",
+		key: "fh3hqa"
+	}],
+	["path", {
+		d: "M15 3v18",
+		key: "14nvp0"
+	}]
+]);
+/**
+* @license @lucide/vue v1.7.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var GripVertical = createLucideIcon("grip-vertical", [
 	["circle", {
 		cx: "9",
@@ -5590,7 +5697,7 @@ var SidebarTrigger_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const { state, toggleSidebar } = useSidebar();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$32, {
+			return openBlock(), createBlock(_sfc_main$33, {
 				"data-sidebar": "trigger",
 				"data-slot": "sidebar-trigger",
 				variant: "ghost",
@@ -5722,7 +5829,7 @@ var unregisterSlidePanel = (id, lockBody) => {
 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"];
+var _hoisted_1$8 = ["aria-modal"];
 //#endregion
 //#region src/components/SlidePanel.vue
 var SlidePanel_default = /* @__PURE__ */ defineComponent({
@@ -5953,7 +6060,7 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 					"aria-modal": __props.backdrop ? "true" : void 0,
 					tabindex: "-1",
 					onAfterLeave: finishClose
-				}, [renderSlot(_ctx.$slots, "default")], 44, _hoisted_1$7)), [[vShow, visible.value]]) : createCommentVNode("", true)]),
+				}, [renderSlot(_ctx.$slots, "default")], 44, _hoisted_1$8)), [[vShow, visible.value]]) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["enter-from-class", "leave-to-class"])]);
 		};
@@ -5961,14 +6068,14 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 });
 //#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" };
-var _hoisted_3$4 = { class: "flex items-center gap-3" };
-var _hoisted_4$3 = { class: "text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-var _hoisted_5$3 = { class: "flex flex-wrap items-center gap-2" };
-var _hoisted_6$3 = ["onClick"];
+var _hoisted_1$7 = { 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$5 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
+var _hoisted_3$5 = { class: "flex items-center gap-3" };
+var _hoisted_4$4 = { class: "text-sm font-medium text-neutral-700 dark:text-neutral-100" };
+var _hoisted_5$4 = { class: "flex flex-wrap items-center gap-2" };
+var _hoisted_6$4 = ["onClick"];
 var _hoisted_7$2 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-var _sfc_main$4 = {
+var _sfc_main$5 = {
 	__name: "SortControls",
 	props: {
 		fields: {
@@ -6007,7 +6114,7 @@ var _sfc_main$4 = {
 			emit("sort", fieldKey);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$4, [createElementVNode("div", _hoisted_3$4, [createElementVNode("label", _hoisted_4$3, toDisplayString(__props.sortByLabel) + ":", 1), createElementVNode("div", _hoisted_5$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$7, [createElementVNode("div", _hoisted_2$5, [createElementVNode("div", _hoisted_3$5, [createElementVNode("label", _hoisted_4$4, toDisplayString(__props.sortByLabel) + ":", 1), createElementVNode("div", _hoisted_5$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field) => {
 				return openBlock(), createElementBlock("button", {
 					key: field.key,
 					onClick: ($event) => handleSort(field.key),
@@ -6022,15 +6129,15 @@ var _sfc_main$4 = {
 						key: 1,
 						class: "w-3 h-3 ml-1 inline"
 					})) : createCommentVNode("", true)
-				], 10, _hoisted_6$3);
+				], 10, _hoisted_6$4);
 			}), 128))])]), createElementVNode("div", _hoisted_7$2, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1)])]);
 		};
 	}
 };
 //#endregion
 //#region src/components/ThSortable.vue
-var _hoisted_1$5 = { class: "flex flex-col" };
-var _sfc_main$3 = {
+var _hoisted_1$6 = { class: "flex flex-col" };
+var _sfc_main$4 = {
 	__name: "ThSortable",
 	props: {
 		field: {
@@ -6076,7 +6183,7 @@ var _sfc_main$3 = {
 				class: normalizeClass(__props.headerClass),
 				style: normalizeStyle(__props.headerStyle),
 				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort", __props.field))
-			}, [createElementVNode("div", { class: normalizeClass(__props.contentClass) }, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_1$5, [isCurrentSort.value && __props.currentDirection === "asc" ? (openBlock(), createBlock(unref(ChevronUpIcon), {
+			}, [createElementVNode("div", { class: normalizeClass(__props.contentClass) }, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_1$6, [isCurrentSort.value && __props.currentDirection === "asc" ? (openBlock(), createBlock(unref(ChevronUpIcon), {
 				key: 0,
 				class: normalizeClass([sortIconClass.value, "w-3 h-3"])
 			}, null, 8, ["class"])) : createCommentVNode("", true), isCurrentSort.value && __props.currentDirection === "desc" ? (openBlock(), createBlock(unref(ChevronDownIcon), {
@@ -6088,25 +6195,25 @@ var _sfc_main$3 = {
 };
 //#endregion
 //#region src/components/TableSearch.vue
-var _hoisted_1$4 = { class: "flex flex-col items-start gap-4 lg:flex-row lg:flex-wrap lg:items-center lg:justify-between" };
-var _hoisted_2$3 = {
+var _hoisted_1$5 = { class: "flex flex-col items-start gap-4 lg:flex-row lg:flex-wrap lg:items-center lg:justify-between" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "flex shrink-0 flex-col items-start gap-3 sm:flex-row sm:items-center lg:w-auto"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$4 = {
 	key: 0,
 	class: "flex items-center"
 };
-var _hoisted_4$2 = {
+var _hoisted_4$3 = {
 	key: 1,
 	class: "flex items-center text-xs text-neutral-500 dark:text-neutral-400 sm:w-auto sm:text-sm lg:w-auto"
 };
-var _hoisted_5$2 = {
+var _hoisted_5$3 = {
 	key: 0,
 	class: "ml-2"
 };
-var _hoisted_6$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
-var _sfc_main$2 = {
+var _hoisted_6$3 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
+var _sfc_main$3 = {
 	__name: "TableSearch",
 	props: {
 		modelValue: {
@@ -6175,7 +6282,7 @@ var _sfc_main$2 = {
 		const searchContentClasses = computed(() => props.searchFieldsLayout === "stacked" ? "flex w-full min-w-0 flex-1 flex-col gap-3" : "flex w-full min-w-0 flex-1 flex-col gap-3 lg:flex-row lg:items-center");
 		const searchFieldsClasses = computed(() => props.searchFieldsLayout === "stacked" ? "w-full min-w-0" : "min-w-0 flex-1");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(__props.cardClass) }, [createElementVNode("div", _hoisted_1$4, [createElementVNode("div", { class: normalizeClass(searchContentClasses.value) }, [__props.searchbar ? (openBlock(), createBlock(_sfc_main$16, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(__props.cardClass) }, [createElementVNode("div", _hoisted_1$5, [createElementVNode("div", { class: normalizeClass(searchContentClasses.value) }, [__props.searchbar ? (openBlock(), createBlock(_sfc_main$17, {
 				key: 0,
 				modelValue: model.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
@@ -6185,19 +6292,156 @@ var _sfc_main$2 = {
 			}, {
 				"leading-icon": withCtx(() => [createVNode(unref(Search), { class: "h-5 w-5" })]),
 				_: 1
-			}, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(searchFieldsClasses.value) }, [renderSlot(_ctx.$slots, "search-fields")], 2)], 2), __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-				__props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$20, {
+			}, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(searchFieldsClasses.value) }, [renderSlot(_ctx.$slots, "search-fields")], 2)], 2), __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+				__props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$21, {
 					modelValue: showDeletedModel.value,
 					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeletedModel.value = $event),
 					label: __props.showDeletedLabel
 				}, null, 8, ["modelValue", "label"])])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "controls"),
-				__props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1), model.value ? (openBlock(), createElementBlock("span", _hoisted_5$2, [createTextVNode(toDisplayString(__props.queryLabel) + " ", 1), createElementVNode("span", _hoisted_6$2, " \"" + toDisplayString(model.value) + "\" ", 1)])) : createCommentVNode("", true)])) : createCommentVNode("", true)
+				__props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1), model.value ? (openBlock(), createElementBlock("span", _hoisted_5$3, [createTextVNode(toDisplayString(__props.queryLabel) + " ", 1), createElementVNode("span", _hoisted_6$3, " \"" + toDisplayString(model.value) + "\" ", 1)])) : createCommentVNode("", true)])) : createCommentVNode("", true)
 			])) : createCommentVNode("", true)])], 2);
 		};
 	}
 };
 //#endregion
+//#region src/components/TableColumnVisibility.vue
+var _hoisted_1$4 = { class: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4" };
+var _hoisted_2$3 = { class: "sr-only" };
+var _hoisted_3$3 = ["checked", "onChange"];
+var _hoisted_4$2 = { class: "min-w-0 truncate" };
+var _hoisted_5$2 = { class: "flex w-full items-center justify-between gap-3" };
+var _hoisted_6$2 = { class: "flex gap-3" };
+var _sfc_main$2 = {
+	__name: "TableColumnVisibility",
+	props: {
+		columns: {
+			type: Array,
+			required: true
+		},
+		hiddenColumns: {
+			type: Array,
+			default: () => []
+		},
+		buttonLabel: {
+			type: String,
+			default: "Columns"
+		},
+		title: {
+			type: String,
+			default: "Visible columns"
+		},
+		description: {
+			type: String,
+			default: "Choose the columns displayed in the table."
+		},
+		showAllLabel: {
+			type: String,
+			default: "Show all"
+		},
+		applyLabel: {
+			type: String,
+			default: "OK"
+		},
+		cancelLabel: {
+			type: String,
+			default: "Cancel"
+		}
+	},
+	emits: ["update:hiddenColumns"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isOpen = ref(false);
+		const trigger = ref(null);
+		const draftHiddenColumns = ref([]);
+		const open = () => {
+			draftHiddenColumns.value = [...props.hiddenColumns];
+			isOpen.value = true;
+		};
+		const close = () => {
+			isOpen.value = false;
+			window.setTimeout(() => trigger.value?.$el?.focus(), 220);
+		};
+		const cancel = () => {
+			draftHiddenColumns.value = [];
+			close();
+		};
+		const apply = () => {
+			emit("update:hiddenColumns", [...draftHiddenColumns.value]);
+			close();
+		};
+		const isVisible = (column) => !draftHiddenColumns.value.includes(column.key);
+		const updateColumn = (column, visible) => {
+			const hiddenColumns = new Set(draftHiddenColumns.value);
+			if (visible) hiddenColumns.delete(column.key);
+			else hiddenColumns.add(column.key);
+			draftHiddenColumns.value = Array.from(hiddenColumns);
+		};
+		const showAll = () => {
+			draftHiddenColumns.value = [];
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$33, {
+				ref_key: "trigger",
+				ref: trigger,
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				"aria-haspopup": "dialog",
+				"aria-expanded": isOpen.value,
+				"aria-label": __props.buttonLabel,
+				onClick: open
+			}, {
+				default: withCtx(() => [createVNode(unref(Columns3), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}), createTextVNode(" " + toDisplayString(__props.buttonLabel), 1)]),
+				_: 1
+			}, 8, ["aria-expanded", "aria-label"]), createVNode(_sfc_main$13, {
+				show: isOpen.value,
+				"max-width": "4xl",
+				onClose: cancel
+			}, {
+				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+				content: withCtx(() => [createElementVNode("p", null, toDisplayString(__props.description), 1), createElementVNode("fieldset", _hoisted_1$4, [createElementVNode("legend", _hoisted_2$3, toDisplayString(__props.title), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+					return openBlock(), createElementBlock("label", {
+						key: column.key,
+						class: "flex min-w-0 items-center gap-2"
+					}, [createElementVNode("input", {
+						type: "checkbox",
+						class: "size-4 shrink-0 rounded border-neutral-300 text-primary-600 shadow-sm focus:ring-primary-500 dark:border-neutral-700 dark:bg-neutral-900",
+						checked: isVisible(column),
+						onChange: ($event) => updateColumn(column, $event.target.checked)
+					}, null, 40, _hoisted_3$3), createElementVNode("span", _hoisted_4$2, toDisplayString(column.label), 1)]);
+				}), 128))])]),
+				footer: withCtx(() => [createElementVNode("div", _hoisted_5$2, [createVNode(_sfc_main$33, {
+					type: "button",
+					variant: "ghost",
+					onClick: showAll
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.showAllLabel), 1)]),
+					_: 1
+				}), createElementVNode("div", _hoisted_6$2, [createVNode(_sfc_main$33, {
+					type: "button",
+					variant: "outline",
+					onClick: cancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
+					_: 1
+				}), createVNode(_sfc_main$33, {
+					type: "button",
+					onClick: apply
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.applyLabel), 1)]),
+					_: 1
+				})])])]),
+				_: 1
+			}, 8, ["show"])], 64);
+		};
+	}
+};
+//#endregion
 //#region src/components/tableListOrdering.js
 var getNestedValue = (object, path) => {
 	if (!path || typeof path !== "string") return object;
@@ -6237,43 +6481,50 @@ var reorderRows = ({ data, fromIndex, toIndex, orderField, mutateRows }) => {
 };
 //#endregion
 //#region src/components/TableList.vue
-var _hoisted_1$3 = { class: "space-y-6" };
+var _hoisted_1$3 = { class: "min-w-0 max-w-full space-y-6" };
 var _hoisted_2$2 = {
+	key: 1,
+	class: "flex justify-end"
+};
+var _hoisted_3$2 = {
 	key: 0,
 	class: "w-10 px-2 py-3 text-center text-[11px] font-semibold uppercase tracking-[0.12em] text-neutral-600 dark:text-neutral-200"
 };
-var _hoisted_3$2 = {
+var _hoisted_4$1 = ["data-table-sticky-key"];
+var _hoisted_5$1 = ["data-table-sticky-key"];
+var _hoisted_6$1 = {
 	key: 0,
 	"data-table-list-placeholder": "",
 	class: "bg-blue-50/60 dark:bg-blue-950/20"
 };
-var _hoisted_4$1 = ["colspan"];
-var _hoisted_5$1 = ["data-row-index"];
-var _hoisted_6$1 = {
+var _hoisted_7$1 = ["colspan"];
+var _hoisted_8$1 = ["data-row-index"];
+var _hoisted_9$1 = {
 	key: 0,
 	class: "w-10 whitespace-nowrap px-2 py-4 text-center text-sm text-neutral-500 dark:text-neutral-400"
 };
-var _hoisted_7$1 = { class: "inline-flex items-center gap-1" };
-var _hoisted_8$1 = ["aria-label", "onPointerdown"];
-var _hoisted_9$1 = ["title"];
-var _hoisted_10$1 = {
+var _hoisted_10$1 = { class: "inline-flex items-center gap-1" };
+var _hoisted_11$1 = ["aria-label", "onPointerdown"];
+var _hoisted_12$1 = ["title"];
+var _hoisted_13$1 = {
 	key: 0,
 	class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-700 dark:bg-red-950/60 dark:text-neutral-100"
 };
-var _hoisted_11$1 = ["innerHTML"];
-var _hoisted_12$1 = {
+var _hoisted_14$1 = ["innerHTML"];
+var _hoisted_15$1 = { class: "ml-auto flex w-max min-w-max flex-nowrap items-center justify-end" };
+var _hoisted_16$1 = {
 	key: 0,
 	"data-table-list-placeholder": "",
 	class: "bg-blue-50/60 dark:bg-blue-950/20"
 };
-var _hoisted_13$1 = ["colspan"];
-var _hoisted_14$1 = {
+var _hoisted_17$1 = ["colspan"];
+var _hoisted_18$1 = {
 	key: 0,
 	class: "py-12 text-center"
 };
-var _hoisted_15$1 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
-var _hoisted_16$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
-var _hoisted_17 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
+var _hoisted_19 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
+var _hoisted_20 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
+var _hoisted_21 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
 var _sfc_main$1 = {
 	__name: "TableList",
 	props: {
@@ -6321,7 +6572,7 @@ var _sfc_main$1 = {
 		},
 		rowClasses: {
 			type: Function,
-			default: (item, index) => ["transition-colors duration-150", item.deleted_at ? "bg-red-50 hover:bg-red-100 dark:bg-red-950/30 dark:hover:bg-red-950/50" : "odd:bg-white even:bg-neutral-50 hover:bg-neutral-100 dark:odd:bg-neutral-950 dark:even:bg-neutral-900/70 dark:hover:bg-neutral-900"]
+			default: (item, index) => ["transition-colors duration-150", item.deleted_at ? "bg-red-50 hover:bg-red-100 dark:bg-[#1c0c0b] dark:hover:bg-[#280d0b]" : "odd:bg-white even:bg-neutral-50 hover:bg-neutral-100 dark:odd:bg-neutral-950 dark:even:bg-neutral-900 dark:hover:bg-neutral-800"]
 		},
 		maxTextLength: {
 			type: Number,
@@ -6355,6 +6606,42 @@ var _sfc_main$1 = {
 			type: String,
 			default: "Actions"
 		},
+		stickyActions: {
+			type: Boolean,
+			default: false
+		},
+		columnVisibility: {
+			type: Boolean,
+			default: false
+		},
+		hiddenColumns: {
+			type: Array,
+			default: void 0
+		},
+		columnVisibilityLabel: {
+			type: String,
+			default: "Columns"
+		},
+		columnVisibilityTitle: {
+			type: String,
+			default: "Visible columns"
+		},
+		columnVisibilityDescription: {
+			type: String,
+			default: "Choose the columns displayed in the table."
+		},
+		columnVisibilityShowAllLabel: {
+			type: String,
+			default: "Show all"
+		},
+		columnVisibilityApplyLabel: {
+			type: String,
+			default: "OK"
+		},
+		columnVisibilityCancelLabel: {
+			type: String,
+			default: "Cancel"
+		},
 		deletedLabel: {
 			type: String,
 			default: "Deleted"
@@ -6410,7 +6697,8 @@ var _sfc_main$1 = {
 		"sort",
 		"reorder",
 		"update:searchShowDeleted",
-		"update:searchValue"
+		"update:searchValue",
+		"update:hiddenColumns"
 	],
 	setup(__props, { emit: __emit }) {
 		const slots = useSlots();
@@ -6421,6 +6709,14 @@ var _sfc_main$1 = {
 			localData.value = value;
 		});
 		const hasActionsSlot = computed(() => !!slots.actions);
+		const internalHiddenColumns = ref(props.columns.filter((column) => column.hidden === true).map((column) => column.key));
+		const resolvedHiddenColumns = computed(() => props.hiddenColumns ?? internalHiddenColumns.value);
+		const visibleColumns = computed(() => props.columns.filter((column) => !resolvedHiddenColumns.value.includes(column.key)));
+		const visibilityColumns = computed(() => props.columns.filter((column) => column.hideable !== false));
+		const updateHiddenColumns = (hiddenColumns) => {
+			internalHiddenColumns.value = hiddenColumns;
+			emit("update:hiddenColumns", hiddenColumns);
+		};
 		const internalSearchQuery = ref("");
 		const searchQuery = computed({
 			get: () => props.searchValue ?? internalSearchQuery.value,
@@ -6451,6 +6747,8 @@ var _sfc_main$1 = {
 		const dragPreview = ref(null);
 		const dragRowHeight = ref(0);
 		const tableRef = ref(null);
+		const stickyOffsets = ref({});
+		let stickyResizeObserver = null;
 		const activePointerId = ref(null);
 		const dragStartPosition = ref(null);
 		const dragHandle = ref(null);
@@ -6459,7 +6757,35 @@ var _sfc_main$1 = {
 			return props.orderable && !searchQuery.value.trim();
 		});
 		const placeholderColumnCount = computed(() => {
-			return props.columns.length + 1 + (hasActionsSlot.value ? 1 : 0);
+			return visibleColumns.value.length + 1 + (hasActionsSlot.value ? 1 : 0);
+		});
+		const isStickyColumn = (column) => column.sticky === true || column.sticky === "right";
+		const updateStickyOffsets = async () => {
+			await nextTick();
+			const stickyHeaders = Array.from(tableRef.value?.querySelectorAll("thead [data-table-sticky-key]") ?? []);
+			let right = 0;
+			const offsets = {};
+			stickyHeaders.reverse().forEach((header) => {
+				offsets[header.dataset.tableStickyKey] = right;
+				right += header.getBoundingClientRect().width;
+			});
+			stickyOffsets.value = offsets;
+		};
+		watch(() => [
+			visibleColumns.value.map((column) => column.key).join("|"),
+			props.stickyActions,
+			hasActionsSlot.value
+		], updateStickyOffsets);
+		onMounted(() => {
+			updateStickyOffsets();
+			if (typeof ResizeObserver !== "undefined" && tableRef.value) {
+				stickyResizeObserver = new ResizeObserver(updateStickyOffsets);
+				stickyResizeObserver.observe(tableRef.value);
+			} else if (typeof window !== "undefined") window.addEventListener("resize", updateStickyOffsets);
+		});
+		onBeforeUnmount(() => {
+			stickyResizeObserver?.disconnect();
+			if (typeof window !== "undefined") window.removeEventListener("resize", updateStickyOffsets);
 		});
 		const insertionPositionForRow = (index) => {
 			if (draggedIndex.value === null || index < draggedIndex.value) return index;
@@ -6644,165 +6970,220 @@ var _sfc_main$1 = {
 			return item.deleted_at || item.deleted;
 		};
 		const getColumnClass = (column) => {
-			return joinClasses(props.dense ? "px-3 py-2 text-sm truncate" : "px-6 py-4 text-sm truncate", !column.isSecondary ? "font-medium" : "", column.isSecondary ? "text-neutral-600 dark:text-neutral-200" : "", column.align === "right" ? "text-right" : "", column.class, column.cellClass);
+			return joinClasses(props.dense ? "px-3 py-2 text-sm truncate" : "px-6 py-4 text-sm truncate", !column.isSecondary ? "font-medium" : "", column.isSecondary ? "text-neutral-600 dark:text-neutral-200" : "", column.align === "right" ? "text-right" : "", isStickyColumn(column) ? "sticky z-20 bg-inherit shadow-[-1px_0_0_rgb(229_229_229)] dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "", column.class, column.cellClass);
 		};
 		const getHeaderClass = (column) => {
-			return joinClasses(column.sortable ? "cursor-pointer transition-colors duration-150" : "", props.dense ? "px-3 py-2 text-left text-[11px] font-semibold uppercase tracking-[0.12em]" : "px-6 py-3 text-left text-[11px] font-semibold uppercase tracking-[0.12em]", "text-neutral-600 dark:text-neutral-200", column.sortable ? "hover:bg-neutral-100 dark:hover:bg-neutral-900" : "", column.align === "right" ? "text-right" : "", column.headerClass);
+			return joinClasses(column.sortable ? "cursor-pointer transition-colors duration-150" : "", props.dense ? "px-3 py-2 text-left text-[11px] font-semibold uppercase tracking-[0.12em]" : "px-6 py-3 text-left text-[11px] font-semibold uppercase tracking-[0.12em]", "text-neutral-600 dark:text-neutral-200", column.sortable ? "hover:bg-neutral-100 dark:hover:bg-neutral-900" : "", column.align === "right" ? "text-right" : "", isStickyColumn(column) ? "sticky z-30 bg-neutral-50 shadow-[-1px_0_0_rgb(229_229_229)] dark:bg-neutral-900 dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "", column.headerClass);
 		};
 		const getContentClass = (column) => {
 			return joinClasses(column.sortable ? "flex items-center space-x-1" : "", column.align === "right" ? "w-full text-right justify-end" : "", column.contentClass);
 		};
 		const getColumnWidthStyle = (column) => {
-			return column.width ? { width: column.width } : {};
+			return {
+				...column.width ? { width: column.width } : {},
+				...isStickyColumn(column) ? { right: `${stickyOffsets.value[column.key] ?? 0}px` } : {}
+			};
 		};
 		const actionHeaderClass = computed(() => {
-			return joinClasses(props.dense ? "px-3 py-2 text-right text-[11px] font-semibold uppercase tracking-[0.12em]" : "px-6 py-3 text-right text-[11px] font-semibold uppercase tracking-[0.12em]", "text-neutral-600 dark:text-neutral-200");
+			return joinClasses(props.dense ? "px-3 py-2 text-right text-[11px] font-semibold uppercase tracking-[0.12em]" : "px-6 py-3 text-right text-[11px] font-semibold uppercase tracking-[0.12em]", "w-px whitespace-nowrap text-neutral-600 dark:text-neutral-200", props.stickyActions ? "sticky z-30 bg-neutral-50 shadow-[-1px_0_0_rgb(229_229_229)] dark:bg-neutral-900 dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "");
 		});
 		const actionCellClass = computed(() => {
-			return joinClasses(props.dense ? "px-3 py-2 whitespace-nowrap text-right text-sm font-medium" : "px-6 py-4 whitespace-nowrap text-right text-sm font-medium");
+			return joinClasses(props.dense ? "px-3 py-2 whitespace-nowrap text-right text-sm font-medium" : "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", "w-px", props.stickyActions ? "sticky z-20 bg-inherit shadow-[-1px_0_0_rgb(229_229_229)] dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "");
+		});
+		const actionColumnStyle = computed(() => {
+			return props.stickyActions ? { right: `${stickyOffsets.value.__actions ?? 0}px` } : {};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [__props.search ? (openBlock(), createBlock(_sfc_main$2, {
-				key: 0,
-				"model-value": searchQuery.value,
-				placeholder: __props.searchPlaceholder,
-				count: resolvedSearchCount.value,
-				"count-label": __props.searchCountLabel,
-				"query-label": __props.searchQueryLabel,
-				"show-deleted": __props.searchShowDeleted,
-				"show-deleted-toggle": __props.searchShowDeletedToggle,
-				"show-deleted-label": __props.searchShowDeletedLabel,
-				"search-mode": __props.searchMode,
-				"search-fields-layout": __props.searchFieldsLayout,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-				"onUpdate:showDeleted": updateSearchShowDeleted
-			}, createSlots({ _: 2 }, [_ctx.$slots["search-fields"] ? {
-				name: "search-fields",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "search-fields")]),
-				key: "0"
-			} : void 0, _ctx.$slots.controls ? {
-				name: "controls",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "controls")]),
-				key: "1"
-			} : void 0]), 1032, [
-				"model-value",
-				"placeholder",
-				"count",
-				"count-label",
-				"query-label",
-				"show-deleted",
-				"show-deleted-toggle",
-				"show-deleted-label",
-				"search-mode",
-				"search-fields-layout"
-			])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90", __props.isCard ? "animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""]) }, [createElementVNode("div", { class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-t-xl" : ""]) }, [createElementVNode("table", {
-				ref_key: "tableRef",
-				ref: tableRef,
-				class: normalizeClass(joinClasses("min-w-full divide-y divide-neutral-200 dark:divide-neutral-800", __props.tableClass))
-			}, [createElementVNode("thead", { class: normalizeClass(joinClasses("bg-neutral-50/80 dark:bg-neutral-900/80", __props.theadClass)) }, [createElementVNode("tr", { class: normalizeClass(__props.headerRowClass) }, [
-				__props.orderable ? (openBlock(), createElementBlock("th", _hoisted_2$2, "#")) : createCommentVNode("", true),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-					return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				__props.search ? (openBlock(), createBlock(_sfc_main$3, {
+					key: 0,
+					"model-value": searchQuery.value,
+					placeholder: __props.searchPlaceholder,
+					count: resolvedSearchCount.value,
+					"count-label": __props.searchCountLabel,
+					"query-label": __props.searchQueryLabel,
+					"show-deleted": __props.searchShowDeleted,
+					"show-deleted-toggle": __props.searchShowDeletedToggle,
+					"show-deleted-label": __props.searchShowDeletedLabel,
+					"search-mode": __props.searchMode,
+					"search-fields-layout": __props.searchFieldsLayout,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+					"onUpdate:showDeleted": updateSearchShowDeleted
+				}, createSlots({ _: 2 }, [_ctx.$slots["search-fields"] ? {
+					name: "search-fields",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "search-fields")]),
+					key: "0"
+				} : void 0, _ctx.$slots.controls || __props.columnVisibility ? {
+					name: "controls",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "controls"), __props.columnVisibility ? (openBlock(), createBlock(_sfc_main$2, {
 						key: 0,
-						field: column.key,
-						"current-sort-field": __props.sortField,
-						"current-direction": __props.sortDirection,
-						"header-class": getHeaderClass(column),
-						"header-style": getColumnWidthStyle(column),
-						"content-class": getContentClass(column),
-						onSort: sortBy
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(column.label), 1)]),
-						_: 2
-					}, 1032, [
-						"field",
-						"current-sort-field",
-						"current-direction",
-						"header-class",
-						"header-style",
-						"content-class"
-					])) : (openBlock(), createElementBlock("th", {
+						columns: visibilityColumns.value,
+						"hidden-columns": resolvedHiddenColumns.value,
+						"button-label": __props.columnVisibilityLabel,
+						title: __props.columnVisibilityTitle,
+						description: __props.columnVisibilityDescription,
+						"show-all-label": __props.columnVisibilityShowAllLabel,
+						"apply-label": __props.columnVisibilityApplyLabel,
+						"cancel-label": __props.columnVisibilityCancelLabel,
+						"onUpdate:hiddenColumns": updateHiddenColumns
+					}, null, 8, [
+						"columns",
+						"hidden-columns",
+						"button-label",
+						"title",
+						"description",
+						"show-all-label",
+						"apply-label",
+						"cancel-label"
+					])) : createCommentVNode("", true)]),
+					key: "1"
+				} : void 0]), 1032, [
+					"model-value",
+					"placeholder",
+					"count",
+					"count-label",
+					"query-label",
+					"show-deleted",
+					"show-deleted-toggle",
+					"show-deleted-label",
+					"search-mode",
+					"search-fields-layout"
+				])) : createCommentVNode("", true),
+				__props.columnVisibility && !__props.search ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createVNode(_sfc_main$2, {
+					columns: visibilityColumns.value,
+					"hidden-columns": resolvedHiddenColumns.value,
+					"button-label": __props.columnVisibilityLabel,
+					title: __props.columnVisibilityTitle,
+					description: __props.columnVisibilityDescription,
+					"show-all-label": __props.columnVisibilityShowAllLabel,
+					"apply-label": __props.columnVisibilityApplyLabel,
+					"cancel-label": __props.columnVisibilityCancelLabel,
+					"onUpdate:hiddenColumns": updateHiddenColumns
+				}, null, 8, [
+					"columns",
+					"hidden-columns",
+					"button-label",
+					"title",
+					"description",
+					"show-all-label",
+					"apply-label",
+					"cancel-label"
+				])])) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(["min-w-0 max-w-full bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90", __props.isCard ? "animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""]) }, [createElementVNode("div", { class: normalizeClass(["min-w-0 max-w-full overflow-x-auto", __props.isCard ? "rounded-t-xl" : ""]) }, [createElementVNode("table", {
+					ref_key: "tableRef",
+					ref: tableRef,
+					class: normalizeClass(joinClasses("min-w-full divide-y divide-neutral-200 dark:divide-neutral-800", __props.tableClass))
+				}, [createElementVNode("thead", { class: normalizeClass(joinClasses("bg-neutral-50/80 dark:bg-neutral-900/80", __props.theadClass)) }, [createElementVNode("tr", { class: normalizeClass(__props.headerRowClass) }, [
+					__props.orderable ? (openBlock(), createElementBlock("th", _hoisted_3$2, "#")) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
+						return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$4, {
+							key: 0,
+							"data-table-sticky-key": isStickyColumn(column) ? column.key : void 0,
+							field: column.key,
+							"current-sort-field": __props.sortField,
+							"current-direction": __props.sortDirection,
+							"header-class": getHeaderClass(column),
+							"header-style": getColumnWidthStyle(column),
+							"content-class": getContentClass(column),
+							onSort: sortBy
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(column.label), 1)]),
+							_: 2
+						}, 1032, [
+							"data-table-sticky-key",
+							"field",
+							"current-sort-field",
+							"current-direction",
+							"header-class",
+							"header-style",
+							"content-class"
+						])) : (openBlock(), createElementBlock("th", {
+							key: 1,
+							"data-table-sticky-key": isStickyColumn(column) ? column.key : void 0,
+							class: normalizeClass(getHeaderClass(column)),
+							style: normalizeStyle(getColumnWidthStyle(column))
+						}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, toDisplayString(column.label), 3)], 14, _hoisted_4$1))], 64);
+					}), 128)),
+					_ctx.$slots.actions ? (openBlock(), createElementBlock("th", {
 						key: 1,
-						class: normalizeClass(getHeaderClass(column)),
-						style: normalizeStyle(getColumnWidthStyle(column))
-					}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, toDisplayString(column.label), 3)], 6))], 64);
-				}), 128)),
-				_ctx.$slots.actions ? (openBlock(), createElementBlock("th", {
-					key: 1,
-					class: normalizeClass(actionHeaderClass.value)
-				}, toDisplayString(__props.actionsLabel), 3)) : createCommentVNode("", true)
-			], 2)], 2), createElementVNode("tbody", { class: normalizeClass(joinClasses("divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950", __props.tbodyClass)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredData.value, (item, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: unref(getRowKey)(item, index, __props.rowKey) }, [isDragging.value && index !== draggedIndex.value && insertionIndex.value === insertionPositionForRow(index) ? (openBlock(), createElementBlock("tr", _hoisted_3$2, [createElementVNode("td", {
+						"data-table-sticky-key": __props.stickyActions ? "__actions" : void 0,
+						class: normalizeClass(actionHeaderClass.value),
+						style: normalizeStyle(actionColumnStyle.value)
+					}, toDisplayString(__props.actionsLabel), 15, _hoisted_5$1)) : createCommentVNode("", true)
+				], 2)], 2), createElementVNode("tbody", { class: normalizeClass(joinClasses("divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950", __props.tbodyClass)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredData.value, (item, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: unref(getRowKey)(item, index, __props.rowKey) }, [isDragging.value && index !== draggedIndex.value && insertionIndex.value === insertionPositionForRow(index) ? (openBlock(), createElementBlock("tr", _hoisted_6$1, [createElementVNode("td", {
+						colspan: placeholderColumnCount.value,
+						class: "p-0"
+					}, [createElementVNode("div", {
+						class: "mx-2 rounded-md border border-dashed border-blue-400 bg-blue-50/70 dark:border-blue-500 dark:bg-blue-950/30",
+						style: normalizeStyle({ height: `${dragRowHeight.value}px` })
+					}, null, 4)], 8, _hoisted_7$1)])) : createCommentVNode("", true), !isDragging.value || index !== draggedIndex.value ? (openBlock(), createElementBlock("tr", {
+						key: 1,
+						"data-row-index": index,
+						class: normalizeClass(joinClasses(__props.rowClasses(item, index), "transition-transform duration-150 ease-out"))
+					}, [
+						__props.orderable ? (openBlock(), createElementBlock("td", _hoisted_9$1, [createElementVNode("span", _hoisted_10$1, [createElementVNode("span", {
+							class: "cursor-grab touch-none active:cursor-grabbing",
+							"aria-label": `Drag row ${index + 1}`,
+							onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+							onPointerdown: ($event) => startPointerDrag(index, $event)
+						}, [createVNode(unref(GripVertical), { class: "size-4" })], 40, _hoisted_11$1), createElementVNode("span", null, toDisplayString(index + 1), 1)])])) : createCommentVNode("", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
+							return openBlock(), createElementBlock("td", {
+								key: column.key,
+								class: normalizeClass(getColumnClass(column)),
+								style: normalizeStyle(getColumnWidthStyle(column))
+							}, [column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", {
+								key: 0,
+								class: normalizeClass(joinClasses("flex items-center", getContentClass(column)))
+							}, [createElementVNode("div", {
+								class: "truncate text-sm font-medium text-neutral-950 dark:text-neutral-50",
+								title: getCellContent(item, column)
+							}, toDisplayString(getCellContent(item, column)), 9, _hoisted_12$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_13$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)], 2)) : column.slot ? (openBlock(), createElementBlock("div", {
+								key: 1,
+								class: normalizeClass(getContentClass(column))
+							}, [renderSlot(_ctx.$slots, column.slot, {
+								item,
+								column,
+								index
+							})], 2)) : column.render ? (openBlock(), createElementBlock("div", {
+								key: 2,
+								class: normalizeClass(getContentClass(column)),
+								innerHTML: column.render(item)
+							}, null, 10, _hoisted_14$1)) : (openBlock(), createElementBlock("div", {
+								key: 3,
+								class: normalizeClass(getContentClass(column))
+							}, toDisplayString(getCellContent(item, column)), 3))], 6);
+						}), 128)),
+						_ctx.$slots.actions ? (openBlock(), createElementBlock("td", {
+							key: 1,
+							class: normalizeClass(actionCellClass.value),
+							style: normalizeStyle(actionColumnStyle.value)
+						}, [createElementVNode("div", _hoisted_15$1, [renderSlot(_ctx.$slots, "actions", {
+							item,
+							index
+						})])], 6)) : createCommentVNode("", true)
+					], 10, _hoisted_8$1)) : createCommentVNode("", true)], 64);
+				}), 128)), isDragging.value && insertionIndex.value === filteredData.value.length - 1 ? (openBlock(), createElementBlock("tr", _hoisted_16$1, [createElementVNode("td", {
 					colspan: placeholderColumnCount.value,
 					class: "p-0"
 				}, [createElementVNode("div", {
 					class: "mx-2 rounded-md border border-dashed border-blue-400 bg-blue-50/70 dark:border-blue-500 dark:bg-blue-950/30",
 					style: normalizeStyle({ height: `${dragRowHeight.value}px` })
-				}, null, 4)], 8, _hoisted_4$1)])) : createCommentVNode("", true), !isDragging.value || index !== draggedIndex.value ? (openBlock(), createElementBlock("tr", {
-					key: 1,
-					"data-row-index": index,
-					class: normalizeClass(joinClasses(__props.rowClasses(item, index), "transition-transform duration-150 ease-out"))
-				}, [
-					__props.orderable ? (openBlock(), createElementBlock("td", _hoisted_6$1, [createElementVNode("span", _hoisted_7$1, [createElementVNode("span", {
-						class: "cursor-grab touch-none active:cursor-grabbing",
-						"aria-label": `Drag row ${index + 1}`,
-						onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-						onPointerdown: ($event) => startPointerDrag(index, $event)
-					}, [createVNode(unref(GripVertical), { class: "size-4" })], 40, _hoisted_8$1), createElementVNode("span", null, toDisplayString(index + 1), 1)])])) : createCommentVNode("", true),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-						return openBlock(), createElementBlock("td", {
-							key: column.key,
-							class: normalizeClass(getColumnClass(column)),
-							style: normalizeStyle(getColumnWidthStyle(column))
-						}, [column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", {
-							key: 0,
-							class: normalizeClass(joinClasses("flex items-center", getContentClass(column)))
-						}, [createElementVNode("div", {
-							class: "truncate text-sm font-medium text-neutral-950 dark:text-neutral-50",
-							title: getCellContent(item, column)
-						}, toDisplayString(getCellContent(item, column)), 9, _hoisted_9$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)], 2)) : column.slot ? (openBlock(), createElementBlock("div", {
-							key: 1,
-							class: normalizeClass(getContentClass(column))
-						}, [renderSlot(_ctx.$slots, column.slot, {
-							item,
-							column,
-							index
-						})], 2)) : column.render ? (openBlock(), createElementBlock("div", {
-							key: 2,
-							class: normalizeClass(getContentClass(column)),
-							innerHTML: column.render(item)
-						}, null, 10, _hoisted_11$1)) : (openBlock(), createElementBlock("div", {
-							key: 3,
-							class: normalizeClass(getContentClass(column))
-						}, toDisplayString(getCellContent(item, column)), 3))], 6);
-					}), 128)),
-					_ctx.$slots.actions ? (openBlock(), createElementBlock("td", {
-						key: 1,
-						class: normalizeClass(actionCellClass.value)
-					}, [renderSlot(_ctx.$slots, "actions", {
-						item,
-						index
-					})], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_5$1)) : createCommentVNode("", true)], 64);
-			}), 128)), isDragging.value && insertionIndex.value === filteredData.value.length - 1 ? (openBlock(), createElementBlock("tr", _hoisted_12$1, [createElementVNode("td", {
-				colspan: placeholderColumnCount.value,
-				class: "p-0"
-			}, [createElementVNode("div", {
-				class: "mx-2 rounded-md border border-dashed border-blue-400 bg-blue-50/70 dark:border-blue-500 dark:bg-blue-950/30",
-				style: normalizeStyle({ height: `${dragRowHeight.value}px` })
-			}, null, 4)], 8, _hoisted_13$1)])) : createCommentVNode("", true)], 2)], 2)], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
-				createElementVNode("div", _hoisted_15$1, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
-				createElementVNode("h3", _hoisted_16$1, toDisplayString(__props.emptyState.title), 1),
-				createElementVNode("p", _hoisted_17, toDisplayString(__props.emptyState.description), 1),
-				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$6, {
-					key: 0,
-					href: __props.emptyState.actionUrl,
-					variant: "primary"
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(__props.emptyState.actionText), 1)]),
-					_: 1
-				}, 8, ["href"])) : createCommentVNode("", true)
-			])) : createCommentVNode("", true)], 2)]);
+				}, null, 4)], 8, _hoisted_17$1)])) : createCommentVNode("", true)], 2)], 2)], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+					createElementVNode("div", _hoisted_19, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
+					createElementVNode("h3", _hoisted_20, toDisplayString(__props.emptyState.title), 1),
+					createElementVNode("p", _hoisted_21, toDisplayString(__props.emptyState.description), 1),
+					__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$7, {
+						key: 0,
+						href: __props.emptyState.actionUrl,
+						variant: "primary"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.emptyState.actionText), 1)]),
+						_: 1
+					}, 8, ["href"])) : createCommentVNode("", true)
+				])) : createCommentVNode("", true)], 2)
+			]);
 		};
 	}
 };
@@ -6812,37 +7193,39 @@ var _hoisted_1$2 = {
 	key: 0,
 	class: "w-10 px-2 py-3 text-center text-xs font-medium uppercase tracking-wider text-neutral-500 dark:text-neutral-200"
 };
-var _hoisted_2$1 = ["onDragover", "onDrop"];
-var _hoisted_3$1 = {
+var _hoisted_2$1 = ["data-table-sticky-key"];
+var _hoisted_3$1 = ["data-table-sticky-key"];
+var _hoisted_4 = ["onDragover", "onDrop"];
+var _hoisted_5 = {
 	key: 0,
 	class: "w-10 whitespace-nowrap px-2 py-4 text-center text-sm text-neutral-500 dark:text-neutral-400"
 };
-var _hoisted_4 = { class: "inline-flex items-center gap-1" };
-var _hoisted_5 = [
+var _hoisted_6 = { class: "inline-flex items-center gap-1" };
+var _hoisted_7 = [
 	"draggable",
 	"aria-label",
 	"onDragstart"
 ];
-var _hoisted_6 = {
+var _hoisted_8 = {
 	key: 2,
 	class: "flex items-center"
 };
-var _hoisted_7 = ["title"];
-var _hoisted_8 = {
+var _hoisted_9 = ["title"];
+var _hoisted_10 = {
 	key: 0,
 	class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-800 dark:bg-red-950/60 dark:text-neutral-100"
 };
-var _hoisted_9 = ["innerHTML"];
-var _hoisted_10 = { key: 5 };
-var _hoisted_11 = { class: "flex items-center justify-end gap-2" };
-var _hoisted_12 = ["colspan"];
-var _hoisted_13 = {
+var _hoisted_11 = ["innerHTML"];
+var _hoisted_12 = { key: 5 };
+var _hoisted_13 = { class: "ml-auto flex w-max min-w-max flex-nowrap items-center justify-end gap-2" };
+var _hoisted_14 = ["colspan"];
+var _hoisted_15 = {
 	key: 2,
 	class: "py-12 text-center"
 };
-var _hoisted_14 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
-var _hoisted_15 = { class: "mb-2 text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-var _hoisted_16 = { class: "mb-4 text-neutral-500 dark:text-neutral-200" };
+var _hoisted_16 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
+var _hoisted_17 = { class: "mb-2 text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+var _hoisted_18 = { class: "mb-4 text-neutral-500 dark:text-neutral-200" };
 var _sfc_main = {
 	__name: "TableListForm",
 	props: {
@@ -6874,7 +7257,7 @@ var _sfc_main = {
 		},
 		rowClasses: {
 			type: Function,
-			default: (item) => ["transition-colors duration-150", item.deleted_at ? "bg-red-50 hover:bg-red-100 dark:bg-red-950/30 dark:hover:bg-red-950/50" : "odd:bg-white even:bg-neutral-50 hover:bg-neutral-100 dark:odd:bg-neutral-950 dark:even:bg-neutral-900/70 dark:hover:bg-neutral-900"]
+			default: (item) => ["transition-colors duration-150", item.deleted_at ? "bg-red-50 hover:bg-red-100 dark:bg-[#1c0c0b] dark:hover:bg-[#280d0b]" : "odd:bg-white even:bg-neutral-50 hover:bg-neutral-100 dark:odd:bg-neutral-950 dark:even:bg-neutral-900 dark:hover:bg-neutral-800"]
 		},
 		getErrorMessage: {
 			type: Function,
@@ -6937,6 +7320,10 @@ var _sfc_main = {
 			type: String,
 			default: "Actions"
 		},
+		stickyActions: {
+			type: Boolean,
+			default: false
+		},
 		deletedLabel: {
 			type: String,
 			default: "Deleted"
@@ -7010,6 +7397,9 @@ var _sfc_main = {
 		const localSortField = ref(props.sortField);
 		const localSortDirection = ref(props.sortDirection);
 		const localData = ref(props.data);
+		const tableRef = ref(null);
+		const stickyOffsets = ref({});
+		let stickyResizeObserver = null;
 		const internalSearchQuery = ref("");
 		const searchQuery = computed({
 			get: () => props.searchValue ?? internalSearchQuery.value,
@@ -7118,6 +7508,34 @@ var _sfc_main = {
 		const hasActionsColumn = computed(() => hasActionsSlot.value || props.rowEditing);
 		const hasData = computed(() => sortedData.value && sortedData.value.length > 0);
 		const hasExpandedRow = computed(() => Boolean(slots["expanded-row"]));
+		const isStickyColumn = (column) => column.sticky === true || column.sticky === "right";
+		const updateStickyOffsets = async () => {
+			await nextTick();
+			const stickyHeaders = Array.from(tableRef.value?.querySelectorAll("thead [data-table-sticky-key]") ?? []);
+			let right = 0;
+			const offsets = {};
+			stickyHeaders.reverse().forEach((header) => {
+				offsets[header.dataset.tableStickyKey] = right;
+				right += header.getBoundingClientRect().width;
+			});
+			stickyOffsets.value = offsets;
+		};
+		watch(() => [
+			props.columns.map((column) => column.key).join("|"),
+			props.stickyActions,
+			hasActionsColumn.value
+		], updateStickyOffsets);
+		onMounted(() => {
+			updateStickyOffsets();
+			if (typeof ResizeObserver !== "undefined" && tableRef.value) {
+				stickyResizeObserver = new ResizeObserver(updateStickyOffsets);
+				stickyResizeObserver.observe(tableRef.value);
+			} else if (typeof window !== "undefined") window.addEventListener("resize", updateStickyOffsets);
+		});
+		onBeforeUnmount(() => {
+			stickyResizeObserver?.disconnect();
+			if (typeof window !== "undefined") window.removeEventListener("resize", updateStickyOffsets);
+		});
 		const sortBy = (field) => {
 			if (localSortField.value === field) localSortDirection.value = localSortDirection.value === "asc" ? "desc" : "asc";
 			else {
@@ -7218,16 +7636,19 @@ var _sfc_main = {
 			return truncateText(value);
 		};
 		const getColumnClass = (column, item, index) => {
-			return joinClasses(isEditingRow(item, index) && (column.input || slots[getEditSlotName(column)]) ? props.dense ? "px-3 py-2 text-sm align-top" : "px-6 py-3 text-sm align-top" : props.dense ? "px-3 py-2 text-sm truncate" : "px-6 py-4 text-sm truncate", !column.isSecondary ? "font-medium" : "", column.isSecondary ? "text-neutral-600 dark:text-neutral-200" : "", column.align === "right" ? "text-right" : "", column.class, column.cellClass);
+			return joinClasses(isEditingRow(item, index) && (column.input || slots[getEditSlotName(column)]) ? props.dense ? "px-3 py-2 text-sm align-top" : "px-6 py-3 text-sm align-top" : props.dense ? "px-3 py-2 text-sm truncate" : "px-6 py-4 text-sm truncate", !column.isSecondary ? "font-medium" : "", column.isSecondary ? "text-neutral-600 dark:text-neutral-200" : "", column.align === "right" ? "text-right" : "", isStickyColumn(column) ? "sticky z-20 bg-inherit shadow-[-1px_0_0_rgb(229_229_229)] dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "", column.class, column.cellClass);
 		};
 		const getHeaderClass = (column) => {
-			return joinClasses(column.sortable ? "cursor-pointer transition-colors duration-150" : "", props.dense ? "px-3 py-2 text-left text-xs font-medium uppercase tracking-wider" : "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider", "text-neutral-500 dark:text-neutral-200", column.sortable ? "hover:bg-neutral-100 dark:hover:bg-neutral-900" : "", column.align === "right" ? "text-right" : "", column.headerClass);
+			return joinClasses(column.sortable ? "cursor-pointer transition-colors duration-150" : "", props.dense ? "px-3 py-2 text-left text-xs font-medium uppercase tracking-wider" : "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider", "text-neutral-500 dark:text-neutral-200", column.sortable ? "hover:bg-neutral-100 dark:hover:bg-neutral-900" : "", column.align === "right" ? "text-right" : "", isStickyColumn(column) ? "sticky z-30 bg-neutral-50 shadow-[-1px_0_0_rgb(229_229_229)] dark:bg-neutral-900 dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "", column.headerClass);
 		};
 		const getContentClass = (column) => {
 			return joinClasses(column.sortable ? "flex items-center space-x-1" : "", column.align === "right" ? "w-full text-right justify-end" : "", column.contentClass);
 		};
 		const getColumnWidthStyle = (column) => {
-			return column.width ? { width: column.width } : {};
+			return {
+				...column.width ? { width: column.width } : {},
+				...isStickyColumn(column) ? { right: `${stickyOffsets.value[column.key] ?? 0}px` } : {}
+			};
 		};
 		const getInputType = (column) => column.inputType || "text";
 		const getInputClass = (column) => {
@@ -7262,16 +7683,19 @@ var _sfc_main = {
 			return Boolean(disabled || isDeleted(item));
 		};
 		const actionHeaderClass = computed(() => {
-			return joinClasses(props.dense ? "px-3 py-2 text-right text-xs font-medium uppercase tracking-wider" : "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider", "text-neutral-500 dark:text-neutral-200");
+			return joinClasses(props.dense ? "px-3 py-2 text-right text-xs font-medium uppercase tracking-wider" : "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider", "w-px whitespace-nowrap text-neutral-500 dark:text-neutral-200", props.stickyActions ? "sticky z-30 bg-neutral-50 shadow-[-1px_0_0_rgb(229_229_229)] dark:bg-neutral-900 dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "");
 		});
 		const actionCellClass = computed(() => {
-			return joinClasses(props.dense ? "px-3 py-2 whitespace-nowrap text-right text-sm font-medium" : "px-6 py-4 whitespace-nowrap text-right text-sm font-medium");
+			return joinClasses(props.dense ? "px-3 py-2 whitespace-nowrap text-right text-sm font-medium" : "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", "w-px", props.stickyActions ? "sticky z-20 bg-inherit shadow-[-1px_0_0_rgb(229_229_229)] dark:shadow-[-1px_0_0_rgb(38_38_38)]" : "");
+		});
+		const actionColumnStyle = computed(() => {
+			return props.stickyActions ? { right: `${stickyOffsets.value.__actions ?? 0}px` } : {};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["bg-white dark:bg-neutral-950", __props.isCard ? "mx-4 rounded-xl animate-fadeIn border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""]) }, [__props.search ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["min-w-0 max-w-full bg-white dark:bg-neutral-950", __props.isCard ? "mx-4 rounded-xl animate-fadeIn border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""]) }, [__props.search ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(["px-6 py-4", __props.isCard ? "rounded-t-xl border-b border-neutral-200 bg-neutral-50/80 dark:border-neutral-800 dark:bg-neutral-900/80" : "mb-4 bg-white/80 backdrop-blur-sm dark:bg-neutral-950/80"])
-			}, [createVNode(_sfc_main$16, {
+			}, [createVNode(_sfc_main$17, {
 				"model-value": searchQuery.value,
 				type: "text",
 				"root-class": "max-w-sm",
@@ -7282,12 +7706,17 @@ var _sfc_main = {
 				_: 1
 			}, 8, ["model-value", "placeholder"])], 2)) : createCommentVNode("", true), hasData.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
-				class: normalizeClass(["overflow-x-auto", __props.isCard ? __props.search ? "" : "rounded-t-xl" : ""])
-			}, [createElementVNode("table", { class: normalizeClass(joinClasses("min-w-full divide-y divide-neutral-200 dark:divide-neutral-800", __props.tableClass)) }, [createElementVNode("thead", { class: normalizeClass(joinClasses("bg-neutral-50 dark:bg-neutral-900", __props.theadClass)) }, [createElementVNode("tr", { class: normalizeClass(__props.headerRowClass) }, [
+				class: normalizeClass(["min-w-0 max-w-full overflow-x-auto", __props.isCard ? __props.search ? "" : "rounded-t-xl" : ""])
+			}, [createElementVNode("table", {
+				ref_key: "tableRef",
+				ref: tableRef,
+				class: normalizeClass(joinClasses("min-w-full divide-y divide-neutral-200 dark:divide-neutral-800", __props.tableClass))
+			}, [createElementVNode("thead", { class: normalizeClass(joinClasses("bg-neutral-50 dark:bg-neutral-900", __props.theadClass)) }, [createElementVNode("tr", { class: normalizeClass(__props.headerRowClass) }, [
 				__props.orderable ? (openBlock(), createElementBlock("th", _hoisted_1$2, "#")) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-					return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
+					return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$4, {
 						key: 0,
+						"data-table-sticky-key": isStickyColumn(column) ? column.key : void 0,
 						field: column.key,
 						"current-sort-field": localSortField.value,
 						"current-direction": localSortDirection.value,
@@ -7299,6 +7728,7 @@ var _sfc_main = {
 						default: withCtx(() => [createTextVNode(toDisplayString(column.label), 1)]),
 						_: 2
 					}, 1032, [
+						"data-table-sticky-key",
 						"field",
 						"current-sort-field",
 						"current-direction",
@@ -7307,27 +7737,30 @@ var _sfc_main = {
 						"content-class"
 					])) : (openBlock(), createElementBlock("th", {
 						key: 1,
+						"data-table-sticky-key": isStickyColumn(column) ? column.key : void 0,
 						class: normalizeClass(getHeaderClass(column)),
 						style: normalizeStyle(getColumnWidthStyle(column))
-					}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, toDisplayString(column.label), 3)], 6))], 64);
+					}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, toDisplayString(column.label), 3)], 14, _hoisted_2$1))], 64);
 				}), 128)),
 				hasActionsColumn.value ? (openBlock(), createElementBlock("th", {
 					key: 1,
-					class: normalizeClass(actionHeaderClass.value)
-				}, toDisplayString(__props.actionsLabel), 3)) : createCommentVNode("", true)
+					"data-table-sticky-key": __props.stickyActions ? "__actions" : void 0,
+					class: normalizeClass(actionHeaderClass.value),
+					style: normalizeStyle(actionColumnStyle.value)
+				}, toDisplayString(__props.actionsLabel), 15, _hoisted_3$1)) : createCommentVNode("", true)
 			], 2)], 2), createElementVNode("tbody", { class: normalizeClass(joinClasses("divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950", __props.tbodyClass)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedData.value, (item, index) => {
 				return openBlock(), createElementBlock(Fragment, { key: getRowKey$1(item, index) }, [createElementVNode("tr", {
 					class: normalizeClass(joinClasses(__props.rowClasses(item, index), dragOverIndex.value === index ? "ring-2 ring-inset ring-neutral-400 dark:ring-neutral-500" : "")),
 					onDragover: withModifiers(($event) => canReorder.value && (dragOverIndex.value = index), ["prevent"]),
 					onDrop: ($event) => dropRow(index, $event)
 				}, [
-					__props.orderable ? (openBlock(), createElementBlock("td", _hoisted_3$1, [createElementVNode("span", _hoisted_4, [createElementVNode("span", {
+					__props.orderable ? (openBlock(), createElementBlock("td", _hoisted_5, [createElementVNode("span", _hoisted_6, [createElementVNode("span", {
 						draggable: canReorder.value,
 						class: "cursor-grab touch-none active:cursor-grabbing",
 						"aria-label": `Drag row ${index + 1}`,
 						onDragstart: ($event) => startDrag(index, $event),
 						onDragend: endDrag
-					}, [createVNode(unref(GripVertical), { class: "size-4" })], 40, _hoisted_5), createElementVNode("span", null, toDisplayString(index + 1), 1)])])) : createCommentVNode("", true),
+					}, [createVNode(unref(GripVertical), { class: "size-4" })], 40, _hoisted_7), createElementVNode("span", null, toDisplayString(index + 1), 1)])])) : createCommentVNode("", true),
 					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 						return openBlock(), createElementBlock("td", {
 							key: column.key,
@@ -7336,7 +7769,7 @@ var _sfc_main = {
 						}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, [isEditingRow(item, index) && column.slot && unref(slots)[getEditSlotName(column)] ? renderSlot(_ctx.$slots, getEditSlotName(column), mergeProps({
 							key: 0,
 							ref_for: true
-						}, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$16, {
+						}, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$17, {
 							key: 1,
 							type: getInputType(column),
 							class: normalizeClass(getInputClass(column)),
@@ -7358,24 +7791,25 @@ var _sfc_main = {
 							"error-message",
 							"onUpdate:modelValue",
 							"onBlur"
-						])) : column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("div", {
+						])) : column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("div", {
 							class: "text-sm font-medium truncate",
 							title: getCellContent(item, column)
-						}, toDisplayString(getCellContent(item, column)), 9, _hoisted_7), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)])) : column.slot ? renderSlot(_ctx.$slots, column.slot, mergeProps({
+						}, toDisplayString(getCellContent(item, column)), 9, _hoisted_9), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)])) : column.slot ? renderSlot(_ctx.$slots, column.slot, mergeProps({
 							key: 3,
 							ref_for: true
 						}, getSlotBindings(item, column, index))) : column.render ? (openBlock(), createElementBlock("div", {
 							key: 4,
 							innerHTML: column.render(item)
-						}, null, 8, _hoisted_9)) : (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(getCellContent(item, column)), 1))], 2)], 6);
+						}, null, 8, _hoisted_11)) : (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(getCellContent(item, column)), 1))], 2)], 6);
 					}), 128)),
 					hasActionsColumn.value ? (openBlock(), createElementBlock("td", {
 						key: 1,
-						class: normalizeClass(actionCellClass.value)
-					}, [createElementVNode("div", _hoisted_11, [hasActionsSlot.value ? renderSlot(_ctx.$slots, "actions", mergeProps({
+						class: normalizeClass(actionCellClass.value),
+						style: normalizeStyle(actionColumnStyle.value)
+					}, [createElementVNode("div", _hoisted_13, [hasActionsSlot.value ? renderSlot(_ctx.$slots, "actions", mergeProps({
 						key: 0,
 						ref_for: true
-					}, getSlotBindings(item, null, index))) : createCommentVNode("", true), __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$32, {
+					}, getSlotBindings(item, null, index))) : createCommentVNode("", true), __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$33, {
 						key: 1,
 						type: "button",
 						variant: "outline",
@@ -7390,7 +7824,7 @@ var _sfc_main = {
 						"title",
 						"aria-label",
 						"onClick"
-					])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$32, {
+					])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$33, {
 						key: 2,
 						type: "button",
 						variant: "secondary",
@@ -7407,8 +7841,8 @@ var _sfc_main = {
 						"title",
 						"aria-label",
 						"onClick"
-					])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
-				], 42, _hoisted_2$1), hasExpandedRow.value && __props.expandedRowKey === getRowKey$1(item, index) ? (openBlock(), createElementBlock("tr", {
+					])) : createCommentVNode("", true)])], 6)) : createCommentVNode("", true)
+				], 42, _hoisted_4), hasExpandedRow.value && __props.expandedRowKey === getRowKey$1(item, index) ? (openBlock(), createElementBlock("tr", {
 					key: 0,
 					class: normalizeClass(__props.expandedRowClass)
 				}, [createElementVNode("td", {
@@ -7418,12 +7852,12 @@ var _sfc_main = {
 					item,
 					index,
 					rowKey: getRowKey$1(item, index)
-				})], 10, _hoisted_12)], 2)) : createCommentVNode("", true)], 64);
-			}), 128))], 2)], 2)], 2)) : (openBlock(), createElementBlock("div", _hoisted_13, [
-				createElementVNode("div", _hoisted_14, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
-				createElementVNode("h3", _hoisted_15, toDisplayString(__props.emptyState.title), 1),
-				createElementVNode("p", _hoisted_16, toDisplayString(__props.emptyState.description), 1),
-				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$6, {
+				})], 10, _hoisted_14)], 2)) : createCommentVNode("", true)], 64);
+			}), 128))], 2)], 2)], 2)) : (openBlock(), createElementBlock("div", _hoisted_15, [
+				createElementVNode("div", _hoisted_16, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
+				createElementVNode("h3", _hoisted_17, toDisplayString(__props.emptyState.title), 1),
+				createElementVNode("p", _hoisted_18, toDisplayString(__props.emptyState.description), 1),
+				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$7, {
 					key: 0,
 					href: __props.emptyState.actionUrl,
 					variant: "primary"
@@ -7555,38 +7989,39 @@ var ToastContainer_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/exports.ts
 var exports_exports = /* @__PURE__ */ __exportAll({
-	ActionCard: () => _sfc_main$37,
-	ActionMessage: () => _sfc_main$36,
-	ActionSection: () => _sfc_main$34,
-	Badge: () => _sfc_main$33,
-	Button: () => _sfc_main$32,
-	Card: () => _sfc_main$39,
-	CardTabs: () => _sfc_main$40,
-	Checkbox: () => _sfc_main$31,
-	CheckboxInput: () => _sfc_main$30,
-	CheckboxMultipleInput: () => _sfc_main$15,
+	ActionCard: () => _sfc_main$38,
+	ActionMessage: () => _sfc_main$37,
+	ActionSection: () => _sfc_main$35,
+	Badge: () => _sfc_main$34,
+	Button: () => _sfc_main$33,
+	Card: () => _sfc_main$40,
+	CardTabs: () => _sfc_main$41,
+	Checkbox: () => _sfc_main$32,
+	CheckboxInput: () => _sfc_main$31,
+	CheckboxMultipleInput: () => _sfc_main$16,
 	ColorPicker: () => ColorPicker_default,
-	ConfirmationModal: () => _sfc_main$13,
-	CustomSelect: () => _sfc_main$27,
+	ConfirmationModal: () => _sfc_main$14,
+	CustomSelect: () => _sfc_main$28,
 	DateInput: () => DateInput_default,
 	DateRangeInput: () => DateRangeInput_default,
-	DialogModal: () => _sfc_main$12,
-	Divider: () => _sfc_main$38,
-	Dropdown: () => _sfc_main$11,
-	DropdownLink: () => _sfc_main$10,
-	FormSection: () => _sfc_main$9,
-	ImageInput: () => _sfc_main$23,
-	InputError: () => _sfc_main$8,
-	InputGroup: () => _sfc_main$16,
-	InputLabel: () => _sfc_main$7,
-	LinkButton: () => _sfc_main$6,
-	Modal: () => _sfc_main$14,
-	NotationInput: () => _sfc_main$22,
-	RadioInput: () => _sfc_main$21,
-	RadioMultipleInput: () => _sfc_main$19,
-	SectionBorder: () => _sfc_main$5,
+	DialogModal: () => _sfc_main$13,
+	Divider: () => _sfc_main$39,
+	Dropdown: () => _sfc_main$12,
+	DropdownLink: () => _sfc_main$11,
+	FloatingActionHint: () => FloatingActionHint_default,
+	FormSection: () => _sfc_main$10,
+	ImageInput: () => _sfc_main$24,
+	InputError: () => _sfc_main$9,
+	InputGroup: () => _sfc_main$17,
+	InputLabel: () => _sfc_main$8,
+	LinkButton: () => _sfc_main$7,
+	Modal: () => _sfc_main$15,
+	NotationInput: () => _sfc_main$23,
+	RadioInput: () => _sfc_main$22,
+	RadioMultipleInput: () => _sfc_main$20,
+	SectionBorder: () => _sfc_main$6,
 	SectionTitle: () => SectionTitle_default,
-	SelectInput: () => _sfc_main$26,
+	SelectInput: () => _sfc_main$27,
 	Sidebar: () => Sidebar_default,
 	SidebarContent: () => SidebarContent_default,
 	SidebarFooter: () => SidebarFooter_default,
@@ -7601,17 +8036,17 @@ var exports_exports = /* @__PURE__ */ __exportAll({
 	SidebarProvider: () => SidebarProvider_default,
 	SidebarTrigger: () => SidebarTrigger_default,
 	SlidePanel: () => SlidePanel_default,
-	SortControls: () => _sfc_main$4,
+	SortControls: () => _sfc_main$5,
 	TableList: () => _sfc_main$1,
 	TableListForm: () => _sfc_main,
-	TableSearch: () => _sfc_main$2,
-	TextArea: () => _sfc_main$28,
-	TextInput: () => _sfc_main$29,
-	ThSortable: () => _sfc_main$3,
-	TinyEditor: () => _sfc_main$18,
+	TableSearch: () => _sfc_main$3,
+	TextArea: () => _sfc_main$29,
+	TextInput: () => _sfc_main$30,
+	ThSortable: () => _sfc_main$4,
+	TinyEditor: () => _sfc_main$19,
 	Toast: () => Toast_default,
 	ToastContainer: () => ToastContainer_default,
-	ToggleInput: () => _sfc_main$20,
+	ToggleInput: () => _sfc_main$21,
 	useSidebar: () => useSidebar
 });
 //#endregion
@@ -7620,6 +8055,6 @@ var plugin_default = { install(app) {
 	for (const [name, component] of Object.entries(exports_exports)) app.component(name, component);
 } };
 //#endregion
-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 };
+export { _sfc_main$34 as $, _sfc_main$11 as A, _sfc_main$21 as B, useSidebar as C, _sfc_main$9 as D, _sfc_main$8 as E, _sfc_main$16 as F, DateInput_default as G, _sfc_main$23 as H, _sfc_main$17 as I, _sfc_main$29 as J, _sfc_main$27 as K, ColorPicker_default as L, _sfc_main$13 as M, _sfc_main$14 as N, _sfc_main$10 as O, _sfc_main$15 as P, _sfc_main$33 as Q, _sfc_main$19 as R, Sidebar_default as S, _sfc_main$7 as T, _sfc_main$24 as U, _sfc_main$22 as V, DateRangeInput_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$5 as c, SidebarProvider_default as d, _sfc_main$35 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, FloatingActionHint_default as k, SlidePanel_default as l, SidebarMenu_default as m, ToastContainer_default as n, _sfc_main$37 as nt, _sfc_main$3 as o, _sfc_main$41 as ot, SidebarMenuButton_default as p, _sfc_main$28 as q, Toast_default as r, _sfc_main$38 as rt, _sfc_main$4 as s, __commonJSMin as st, plugin_default as t, SectionTitle_default as tt, SidebarTrigger_default as u, SidebarGroupContent_default as v, _sfc_main$6 as w, SidebarContent_default as x, SidebarGroup_default as y, _sfc_main$20 as z };
 
-//# sourceMappingURL=plugin-BXdUiTUI.js.map
+//# sourceMappingURL=plugin-CkWJbkrp.js.map