@enos5/enos-vue-default 1.9.7 → 1.10.4

package/dist/{plugin-Cr_xJNd_.js → plugin-BXOFohfj.js}

@@ -1,5 +1,5 @@
 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 { CheckIcon, ChevronDownIcon, ChevronUpIcon, ExclamationCircleIcon, ExclamationTriangleIcon, EyeDropperIcon, LockClosedIcon, MagnifyingGlassIcon, PencilSquareIcon, PhotoIcon, XMarkIcon } from "@heroicons/vue/24/outline";
+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";
 import { Link } from "@inertiajs/vue3";
@@ -37,7 +37,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 //#region src/components/CardTabs.vue
 var _hoisted_1$37 = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
-var _hoisted_2$22 = {
+var _hoisted_2$21 = {
 	role: "tablist",
 	class: "flex overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-neutral-200 dark:bg-neutral-950 dark:ring-neutral-800"
 };
@@ -106,7 +106,7 @@ var _sfc_main$40 = {
 			focusTabAtIndex(targetIndex);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$37, [createElementVNode("div", _hoisted_2$22, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$37, [createElementVNode("div", _hoisted_2$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
 				return openBlock(), createElementBlock("button", {
 					key: tab.value,
 					ref_for: true,
@@ -134,7 +134,7 @@ var _hoisted_1$36 = {
 	key: 0,
 	class: "mb-4"
 };
-var _hoisted_2$21 = {
+var _hoisted_2$20 = {
 	key: 1,
 	class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
@@ -204,7 +204,7 @@ var _sfc_main$39 = {
 				"active-tab": __props.activeTab,
 				"onUpdate:activeTab": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:activeTab", $event)),
 				onTabClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("tab-click", $event))
-			}, null, 8, ["tabs", "active-tab"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(__props.paddingClass) }, [_ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$36, [renderSlot(_ctx.$slots, "customTitle")])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$21, 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$36, [renderSlot(_ctx.$slots, "customTitle")])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$20, toDisplayString(__props.title), 1)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"]) }, [createVNode(Transition, {
 				"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",
@@ -299,18 +299,18 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#region src/components/SectionTitle.vue
 var _sfc_main$35 = {};
 var _hoisted_1$34 = { class: "md:col-span-1 flex justify-between" };
-var _hoisted_2$20 = { class: "px-4 sm:px-0" };
+var _hoisted_2$19 = { class: "px-4 sm:px-0" };
 var _hoisted_3$15 = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
 var _hoisted_4$11 = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
 var _hoisted_5$8 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$34, [createElementVNode("div", _hoisted_2$20, [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$34, [createElementVNode("div", _hoisted_2$19, [createElementVNode("h3", _hoisted_3$15, [renderSlot(_ctx.$slots, "title")]), createElementVNode("p", _hoisted_4$11, [renderSlot(_ctx.$slots, "description")])]), createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "aside")])]);
 }
 var SectionTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$35, [["render", _sfc_render]]);
 //#endregion
 //#region src/components/ActionSection.vue
 var _hoisted_1$33 = { class: "md:grid md:grid-cols-3 md:gap-6" };
-var _hoisted_2$19 = { class: "mt-5 md:mt-0 md:col-span-2" };
+var _hoisted_2$18 = { class: "mt-5 md:mt-0 md:col-span-2" };
 var _hoisted_3$14 = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
 var _sfc_main$34 = {
 	__name: "ActionSection",
@@ -320,7 +320,7 @@ var _sfc_main$34 = {
 				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 				description: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 				_: 3
-			}), createElementVNode("div", _hoisted_2$19, [createElementVNode("div", _hoisted_3$14, [renderSlot(_ctx.$slots, "content")])])]);
+			}), createElementVNode("div", _hoisted_2$18, [createElementVNode("div", _hoisted_3$14, [renderSlot(_ctx.$slots, "content")])])]);
 		};
 	}
 };
@@ -656,7 +656,7 @@ var _hoisted_1$28 = [
 	"value",
 	"disabled"
 ];
-var _hoisted_2$18 = ["aria-label"];
+var _hoisted_2$17 = ["aria-label"];
 var _hoisted_3$13 = {
 	key: 0,
 	class: "h-5 w-5",
@@ -770,7 +770,7 @@ 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$18)) : createCommentVNode("", true)
+				}, null, -1)])]))], 10, _hoisted_2$17)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -854,7 +854,7 @@ var _sfc_main$28 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 //#endregion
 //#region src/components/CustomSelect.vue
 var _hoisted_1$26 = { class: "flex h-5 items-center gap-1" };
-var _hoisted_2$17 = ["placeholder"];
+var _hoisted_2$16 = ["placeholder"];
 var _hoisted_3$12 = [
 	"data-option-value",
 	"onClick",
@@ -1461,7 +1461,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$17)), [[vModelText, searchQuery.value]]) : createCommentVNode("", true),
+					}, null, 42, _hoisted_2$16)), [[vModelText, searchQuery.value]]) : createCommentVNode("", true),
 					selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass([
@@ -1837,7 +1837,7 @@ var DateInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 //#endregion
 //#region src/components/DateRangeInput.vue
 var _hoisted_1$24 = ["value", "disabled"];
-var _hoisted_2$16 = { class: "grid grid-cols-7 gap-1" };
+var _hoisted_2$15 = { class: "grid grid-cols-7 gap-1" };
 var _hoisted_3$11 = [
 	"disabled",
 	"onClick",
@@ -2167,7 +2167,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$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day) => {
+					createElementVNode("div", _hoisted_2$15, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day) => {
 						return openBlock(), createElementBlock("div", {
 							key: day.date.toISOString(),
 							class: "relative"
@@ -2215,7 +2215,7 @@ var DateRangeInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 //#endregion
 //#region src/components/ImageInput.vue
 var _hoisted_1$23 = ["accept"];
-var _hoisted_2$15 = { class: "flex items-center space-x-4" };
+var _hoisted_2$14 = { class: "flex items-center space-x-4" };
 var _hoisted_3$10 = ["src"];
 var _sfc_main$23 = {
 	__name: "ImageInput",
@@ -2261,7 +2261,7 @@ var _sfc_main$23 = {
 			}), null, 16, _hoisted_1$23)], 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$15, [createElementVNode("img", {
+			}, [createElementVNode("div", _hoisted_2$14, [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])
@@ -2656,18 +2656,18 @@ var _sfc_main$18 = {
 			});
 		};
 		const loadTinyMce = async () => {
-			const tinymceModule = await import("./tinymce-CU_lDEGk.js").then((m) => /* @__PURE__ */ __toESM(m.default));
+			const tinymceModule = await import("./tinymce-DmIcnrRb.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-B7LQ6IvT.js"),
-				import("./default-CMfkG1jR.js"),
-				import("./silver-DoFp5Vtp.js"),
-				import("./code-CrqnU0cm.js"),
-				import("./image-Cy83R-dB.js"),
-				import("./link-Bc4j-Nev.js"),
-				import("./lists-CYnRlBvx.js"),
-				import("./table-CQhKvVWs.js")
+				import("./dom-MWRrrNHw.js"),
+				import("./default-CfuokRTA.js"),
+				import("./silver-C1UDCb0C.js"),
+				import("./code-cDMhefDa.js"),
+				import("./image-BLK-ZN-f.js"),
+				import("./link-C5FTY5iu.js"),
+				import("./lists-Cg0e-iyY.js"),
+				import("./table-DmWxRlo1.js")
 			]);
 			isEditorReady.value = true;
 		};
@@ -2784,43 +2784,43 @@ var _hoisted_1$19 = [
 	"disabled",
 	"required"
 ];
-var _hoisted_2$14 = ["disabled", "aria-expanded"];
+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_7$5 = { class: "mt-4 space-y-4" };
 var _hoisted_8$3 = ["aria-label", "aria-valuenow"];
-var _hoisted_9$3 = {
+var _hoisted_9$1 = {
 	key: 0,
 	class: "absolute inset-0 bg-[linear-gradient(to_right,#fff,transparent)]"
 };
-var _hoisted_10$3 = {
+var _hoisted_10$1 = {
 	key: 2,
 	class: "absolute inset-0 bg-[linear-gradient(to_top,#000,transparent)]"
 };
-var _hoisted_11$3 = { class: "space-y-3" };
-var _hoisted_12$2 = {
+var _hoisted_11 = { class: "space-y-3" };
+var _hoisted_12 = {
 	key: 0,
 	class: "space-y-2"
 };
-var _hoisted_13$2 = ["for"];
-var _hoisted_14$2 = [
+var _hoisted_13 = ["for"];
+var _hoisted_14 = [
 	"id",
 	"disabled",
 	"value"
 ];
-var _hoisted_15$2 = {
+var _hoisted_15 = {
 	key: 1,
 	class: "space-y-2"
 };
-var _hoisted_16$1 = ["for"];
-var _hoisted_17$1 = [
+var _hoisted_16 = ["for"];
+var _hoisted_17 = [
 	"id",
 	"disabled",
 	"value"
 ];
-var _hoisted_18$1 = { class: "space-y-2" };
+var _hoisted_18 = { class: "space-y-2" };
 var _hoisted_19 = ["for"];
 var _hoisted_20 = [
 	"id",
@@ -3310,7 +3310,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						isOpen.value ? "rotate-180" : "",
 						props.ui.chevron
 					]) }, null, 8, ["class"])
-				], 16, _hoisted_2$14),
+				], 16, _hoisted_2$13),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
 					"enter-active-class": "transition duration-150 ease-out",
 					"enter-from-class": "opacity-0 translate-y-1",
@@ -3358,14 +3358,14 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							onPointerdown: _cache[0] || (_cache[0] = ($event) => beginDrag($event, updateFromSaturationPointer)),
 							onKeydown: updateFromSaturationKey
 						}, [
-							!isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_9$3)) : createCommentVNode("", true),
-							isRainbowVariant.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute inset-x-0 top-0 h-1/2 bg-[linear-gradient(to_bottom,#fff,transparent)]" }, null, -1)), _cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute inset-x-0 bottom-0 h-1/2 bg-[linear-gradient(to_bottom,transparent,#000)]" }, null, -1))], 64)) : (openBlock(), createElementBlock("div", _hoisted_10$3)),
+							!isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_9$1)) : createCommentVNode("", true),
+							isRainbowVariant.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute inset-x-0 top-0 h-1/2 bg-[linear-gradient(to_bottom,#fff,transparent)]" }, null, -1)), _cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute inset-x-0 bottom-0 h-1/2 bg-[linear-gradient(to_bottom,transparent,#000)]" }, null, -1))], 64)) : (openBlock(), createElementBlock("div", _hoisted_10$1)),
 							createElementVNode("span", {
 								class: normalizeClass(["pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_rgba(0,0,0,0.3)]", props.ui.saturationHandle]),
 								style: normalizeStyle(saturationHandleStyle.value)
 							}, null, 6)
 						], 46, _hoisted_8$3),
-						createElementVNode("div", _hoisted_11$3, [!isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_12$2, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, [createElementVNode("label", { for: fieldId.value ? `${fieldId.value}-hue` : void 0 }, toDisplayString(unref(t)("Hue")), 9, _hoisted_13$2), createElementVNode("span", null, toDisplayString(Math.round(hue.value)) + "°", 1)], 2), createElementVNode("input", {
+						createElementVNode("div", _hoisted_11, [!isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, [createElementVNode("label", { for: fieldId.value ? `${fieldId.value}-hue` : void 0 }, toDisplayString(unref(t)("Hue")), 9, _hoisted_13), createElementVNode("span", null, toDisplayString(Math.round(hue.value)) + "°", 1)], 2), createElementVNode("input", {
 							id: fieldId.value ? `${fieldId.value}-hue` : void 0,
 							type: "range",
 							min: "0",
@@ -3376,7 +3376,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							value: hue.value,
 							style: { "background": "linear-gradient(90deg, #FF0000 0%, #FFFF00 17%, #00FF00 33%, #00FFFF 50%, #0000FF 67%, #FF00FF 83%, #FF0000 100%)" },
 							onInput: handleHueInput
-						}, null, 42, _hoisted_14$2)])) : createCommentVNode("", true), props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_15$2, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, [createElementVNode("label", { for: fieldId.value ? `${fieldId.value}-alpha` : void 0 }, toDisplayString(unref(t)("Opacity")), 9, _hoisted_16$1), createElementVNode("span", null, toDisplayString(opacityPercent.value) + "%", 1)], 2), createElementVNode("input", {
+						}, null, 42, _hoisted_14)])) : createCommentVNode("", true), props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400", props.ui.sectionLabel]) }, [createElementVNode("label", { for: fieldId.value ? `${fieldId.value}-alpha` : void 0 }, toDisplayString(unref(t)("Opacity")), 9, _hoisted_16), createElementVNode("span", null, toDisplayString(opacityPercent.value) + "%", 1)], 2), createElementVNode("input", {
 							id: fieldId.value ? `${fieldId.value}-alpha` : void 0,
 							type: "range",
 							min: "0",
@@ -3387,8 +3387,8 @@ 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$1, [createElementVNode("label", {
+						}, null, 46, _hoisted_17)])) : createCommentVNode("", true)]),
+						createElementVNode("div", _hoisted_18, [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", {
@@ -3417,7 +3417,7 @@ var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 //#endregion
 //#region src/components/InputGroup.vue
 var _hoisted_1$18 = ["for"];
-var _hoisted_2$13 = {
+var _hoisted_2$12 = {
 	key: 3,
 	class: "relative"
 };
@@ -4033,7 +4033,7 @@ var _sfc_main$16 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 					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$13, [
+				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, [
 					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])
@@ -4272,7 +4272,7 @@ var _sfc_main$14 = {
 //#endregion
 //#region src/components/ConfirmationModal.vue
 var _hoisted_1$17 = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
-var _hoisted_2$12 = { class: "sm:flex sm:items-start" };
+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" };
@@ -4317,7 +4317,7 @@ var _sfc_main$13 = {
 				position: __props.position,
 				onClose: close
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$17, [createElementVNode("div", _hoisted_2$12, [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$4, [renderSlot(_ctx.$slots, "footer")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$17, [createElementVNode("div", _hoisted_2$11, [createElementVNode("div", _hoisted_3$8, [createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })]), createElementVNode("div", _hoisted_4$6, [createElementVNode("h3", _hoisted_5$4, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "content")])])])]), createElementVNode("div", _hoisted_7$4, [renderSlot(_ctx.$slots, "footer")])]),
 				_: 3
 			}, 8, [
 				"show",
@@ -4331,7 +4331,7 @@ var _sfc_main$13 = {
 //#endregion
 //#region src/components/DialogModal.vue
 var _hoisted_1$16 = { class: "px-6 py-4" };
-var _hoisted_2$11 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+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 = {
@@ -4363,7 +4363,7 @@ var _sfc_main$12 = {
 				closeable: __props.closeable,
 				onClose: close
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$16, [createElementVNode("div", _hoisted_2$11, [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$16, [createElementVNode("div", _hoisted_2$10, [renderSlot(_ctx.$slots, "title")]), createElementVNode("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "content")])]), createElementVNode("div", _hoisted_4$5, [renderSlot(_ctx.$slots, "footer")])]),
 				_: 3
 			}, 8, [
 				"show",
@@ -4527,7 +4527,7 @@ var _hoisted_1$14 = {
 	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$10 = ["href"];
+var _hoisted_2$9 = ["href"];
 var _sfc_main$10 = {
 	__name: "DropdownLink",
 	props: {
@@ -4540,7 +4540,7 @@ var _sfc_main$10 = {
 				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$10)) : (openBlock(), createBlock(unref(Link), {
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2$9)) : (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"
@@ -4554,7 +4554,7 @@ var _sfc_main$10 = {
 //#endregion
 //#region src/components/FormSection.vue
 var _hoisted_1$13 = { class: "md:grid md:grid-cols-3 md:gap-6" };
-var _hoisted_2$9 = { class: "mt-5 md:col-span-2 md:mt-0" };
+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 = {
 	key: 0,
@@ -4570,7 +4570,7 @@ var _sfc_main$9 = {
 				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
 				description: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 				_: 3
-			}), 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$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$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)])]);
 		};
 	}
 };
@@ -4589,14 +4589,14 @@ var _sfc_main$8 = {
 //#endregion
 //#region src/components/InputLabel.vue
 var _hoisted_1$11 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-var _hoisted_2$8 = { key: 0 };
+var _hoisted_2$7 = { key: 0 };
 var _hoisted_3$5 = { key: 1 };
 var _sfc_main$7 = {
 	__name: "InputLabel",
 	props: { value: String },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", _hoisted_1$11, [__props.value ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [renderSlot(_ctx.$slots, "default")]))]);
+			return openBlock(), createElementBlock("label", _hoisted_1$11, [__props.value ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [renderSlot(_ctx.$slots, "default")]))]);
 		};
 	}
 };
@@ -4682,12 +4682,12 @@ var _sfc_main$6 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 //#endregion
 //#region src/components/SectionBorder.vue
 var _hoisted_1$9 = { class: "hidden sm:block" };
-var _hoisted_2$7 = { class: "py-8" };
+var _hoisted_2$6 = { class: "py-8" };
 var _sfc_main$5 = {
 	__name: "SectionBorder",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$7, [createVNode(_sfc_main$38)])]);
+			return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$6, [createVNode(_sfc_main$38)])]);
 		};
 	}
 };
@@ -4743,7 +4743,7 @@ var _hoisted_1$8 = [
 	"data-variant",
 	"data-side"
 ];
-var _hoisted_2$6 = {
+var _hoisted_2$5 = {
 	"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"
 };
@@ -4794,7 +4794,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$6, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_1$8));
+			] }, _ctx.$attrs), [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")])], 16)], 8, _hoisted_1$8));
 		};
 	}
 });
@@ -5379,7 +5379,7 @@ var SidebarTrigger_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$5 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
+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" };
@@ -5424,7 +5424,7 @@ var _sfc_main$4 = {
 			emit("sort", fieldKey);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$5, [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$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("button", {
 					key: field.key,
 					onClick: ($event) => handleSort(field.key),
@@ -5446,8 +5446,7 @@ var _sfc_main$4 = {
 };
 //#endregion
 //#region src/components/ThSortable.vue
-var _hoisted_1$5 = { class: "flex items-center space-x-1" };
-var _hoisted_2$4 = { class: "flex flex-col" };
+var _hoisted_1$5 = { class: "flex flex-col" };
 var _sfc_main$3 = {
 	__name: "ThSortable",
 	props: {
@@ -5462,6 +5461,22 @@ var _sfc_main$3 = {
 		currentDirection: {
 			type: String,
 			default: "asc"
+		},
+		headerClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		headerStyle: {
+			type: Object,
+			default: () => ({})
+		},
+		contentClass: {
+			type: String,
+			default: ""
 		}
 	},
 	setup(__props) {
@@ -5475,15 +5490,16 @@ var _sfc_main$3 = {
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("th", {
-				class: "cursor-pointer px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-neutral-500 transition-colors duration-150 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-900",
+				class: normalizeClass(__props.headerClass),
+				style: normalizeStyle(__props.headerStyle),
 				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort", __props.field))
-			}, [createElementVNode("div", _hoisted_1$5, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_2$4, [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$5, [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), {
 				key: 1,
 				class: normalizeClass([sortIconClass.value, "w-3 h-3"])
-			}, null, 8, ["class"])) : createCommentVNode("", true)])])]);
+			}, null, 8, ["class"])) : createCommentVNode("", true)])], 2)], 6);
 		};
 	}
 };
@@ -5491,30 +5507,24 @@ var _sfc_main$3 = {
 //#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 = { class: "flex w-full min-w-0 flex-1 flex-col gap-3 lg:flex-row lg:items-center" };
-var _hoisted_3$3 = {
-	key: 0,
-	class: "relative w-full lg:max-w-md"
-};
-var _hoisted_4$2 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" };
-var _hoisted_5$2 = ["placeholder"];
-var _hoisted_6$2 = { class: "min-w-0 flex-1" };
-var _hoisted_7$2 = {
+var _hoisted_3$3 = { class: "min-w-0 flex-1" };
+var _hoisted_4$2 = {
 	key: 0,
 	class: "flex shrink-0 flex-col items-start gap-3 sm:flex-row sm:items-center lg:w-auto"
 };
-var _hoisted_8$2 = {
+var _hoisted_5$2 = {
 	key: 0,
 	class: "flex items-center"
 };
-var _hoisted_9$2 = {
+var _hoisted_6$2 = {
 	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_10$2 = {
+var _hoisted_7$2 = {
 	key: 0,
 	class: "ml-2"
 };
-var _hoisted_11$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
+var _hoisted_8$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
 var _sfc_main$2 = {
 	__name: "TableSearch",
 	props: {
@@ -5577,19 +5587,24 @@ var _sfc_main$2 = {
 			set: (value) => emit("update:showDeleted", value)
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(__props.cardClass) }, [createElementVNode("div", _hoisted_1$4, [createElementVNode("div", _hoisted_2$3, [__props.searchbar ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createElementVNode("div", _hoisted_4$2, [createVNode(unref(Search), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-500" })]), withDirectives(createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(__props.cardClass) }, [createElementVNode("div", _hoisted_1$4, [createElementVNode("div", _hoisted_2$3, [__props.searchbar ? (openBlock(), createBlock(_sfc_main$16, {
+				key: 0,
+				modelValue: model.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				type: "text",
-				placeholder: __props.placeholder,
-				class: "block w-full rounded-lg border border-neutral-300 bg-white py-2 pr-3 pl-10 text-sm text-neutral-900 placeholder:text-neutral-500 transition-all duration-200 focus:border-neutral-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:placeholder:text-neutral-500 dark:focus:border-neutral-500"
-			}, null, 8, _hoisted_5$2), [[vModelText, model.value]])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$2, [renderSlot(_ctx.$slots, "search-fields")])]), __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
-				__props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_8$2, [createVNode(_sfc_main$20, {
+				"root-class": "w-full lg:max-w-md",
+				placeholder: __props.placeholder
+			}, {
+				"leading-icon": withCtx(() => [createVNode(unref(Search), { class: "h-5 w-5" })]),
+				_: 1
+			}, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "search-fields")])]), __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+				__props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_5$2, [createVNode(_sfc_main$20, {
 					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_9$2, [createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1), model.value ? (openBlock(), createElementBlock("span", _hoisted_10$2, [createTextVNode(toDisplayString(__props.queryLabel) + " ", 1), createElementVNode("span", _hoisted_11$2, " \"" + toDisplayString(model.value) + "\" ", 1)])) : createCommentVNode("", true)])) : createCommentVNode("", true)
+				__props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1), model.value ? (openBlock(), createElementBlock("span", _hoisted_7$2, [createTextVNode(toDisplayString(__props.queryLabel) + " ", 1), createElementVNode("span", _hoisted_8$2, " \"" + toDisplayString(model.value) + "\" ", 1)])) : createCommentVNode("", true)])) : createCommentVNode("", true)
 			])) : createCommentVNode("", true)])], 2);
 		};
 	}
@@ -5597,35 +5612,19 @@ var _sfc_main$2 = {
 //#endregion
 //#region src/components/TableList.vue
 var _hoisted_1$3 = { class: "space-y-6" };
-var _hoisted_2$2 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
-var _hoisted_3$2 = { class: "bg-neutral-50/80 dark:bg-neutral-900/80" };
-var _hoisted_4$1 = {
-	key: 0,
-	class: "px-6 py-3 text-right text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200"
-};
-var _hoisted_5$1 = { class: "divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950" };
-var _hoisted_6$1 = {
-	key: 0,
-	class: "flex items-center"
-};
-var _hoisted_7$1 = ["title"];
-var _hoisted_8$1 = {
+var _hoisted_2$2 = ["title"];
+var _hoisted_3$2 = {
 	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_9$1 = ["innerHTML"];
-var _hoisted_10$1 = { key: 3 };
-var _hoisted_11$1 = {
-	key: 0,
-	class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-};
-var _hoisted_12$1 = {
+var _hoisted_4$1 = ["innerHTML"];
+var _hoisted_5$1 = {
 	key: 0,
 	class: "py-12 text-center"
 };
-var _hoisted_13$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_14$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
-var _hoisted_15$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
+var _hoisted_6$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_7$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
+var _hoisted_8$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
 var _sfc_main$1 = {
 	__name: "TableList",
 	props: {
@@ -5667,6 +5666,26 @@ var _sfc_main$1 = {
 			type: Boolean,
 			default: true
 		},
+		tableClass: {
+			type: String,
+			default: ""
+		},
+		theadClass: {
+			type: String,
+			default: ""
+		},
+		tbodyClass: {
+			type: String,
+			default: ""
+		},
+		headerRowClass: {
+			type: String,
+			default: ""
+		},
+		dense: {
+			type: Boolean,
+			default: false
+		},
 		actionsLabel: {
 			type: String,
 			default: "Actions"
@@ -5754,6 +5773,13 @@ var _sfc_main$1 = {
 		const sortBy = (field) => {
 			emit("sort", field);
 		};
+		const joinClasses = (...classes) => {
+			return classes.flatMap((value) => {
+				if (Array.isArray(value)) return value;
+				if (typeof value === "string") return value;
+				return [];
+			}).filter(Boolean).join(" ");
+		};
 		const updateSearchShowDeleted = (value) => {
 			emit("update:searchShowDeleted", value);
 		};
@@ -5774,16 +5800,23 @@ var _sfc_main$1 = {
 			return item.deleted_at || item.deleted;
 		};
 		const getColumnClass = (column) => {
-			if (column.class) return column.class;
-			let classes = "px-6 py-4 text-sm truncate";
-			if (!column.isSecondary) classes += " font-medium";
-			if (column.isSecondary) classes += " text-neutral-600 dark:text-neutral-200";
-			return classes;
+			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);
 		};
 		const getHeaderClass = (column) => {
-			if (column.sortable) return "";
-			return "px-6 py-3 text-left text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200";
+			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);
+		};
+		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 } : {};
+		};
+		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");
+		});
+		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 (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$3, [__props.search ? (openBlock(), createBlock(_sfc_main$2, {
 				key: 0,
@@ -5816,12 +5849,15 @@ var _sfc_main$1 = {
 				"show-deleted-toggle",
 				"show-deleted-label",
 				"search-mode"
-			])) : 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", _hoisted_2$2, [createElementVNode("thead", _hoisted_3$2, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+			])) : 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", { 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) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 				return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
 					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)]),
@@ -5829,39 +5865,59 @@ var _sfc_main$1 = {
 				}, 1032, [
 					"field",
 					"current-sort-field",
-					"current-direction"
+					"current-direction",
+					"header-class",
+					"header-style",
+					"content-class"
 				])) : (openBlock(), createElementBlock("th", {
 					key: 1,
-					class: normalizeClass([getHeaderClass(column), { "text-right": column.align === "right" }])
-				}, toDisplayString(column.label), 3))], 64);
-			}), 128)), _ctx.$slots.actions ? (openBlock(), createElementBlock("th", _hoisted_4$1, toDisplayString(__props.actionsLabel), 1)) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredData.value, (item, index) => {
+					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: 0,
+				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("tr", {
 					key: item.id,
 					class: normalizeClass(__props.rowClasses(item, index))
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 					return openBlock(), createElementBlock("td", {
 						key: column.key,
-						class: normalizeClass(getColumnClass(column))
-					}, [column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_6$1, [createElementVNode("div", {
+						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_7$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)])) : column.slot ? renderSlot(_ctx.$slots, column.slot, {
+					}, toDisplayString(getCellContent(item, column)), 9, _hoisted_2$2), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_3$2, 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
-					}) : column.render ? (openBlock(), createElementBlock("div", {
+					})], 2)) : column.render ? (openBlock(), createElementBlock("div", {
 						key: 2,
+						class: normalizeClass(getContentClass(column)),
 						innerHTML: column.render(item)
-					}, null, 8, _hoisted_9$1)) : (openBlock(), createElementBlock("div", _hoisted_10$1, toDisplayString(getCellContent(item, column)), 1))], 2);
-				}), 128)), _ctx.$slots.actions ? (openBlock(), createElementBlock("td", _hoisted_11$1, [renderSlot(_ctx.$slots, "actions", {
+					}, null, 10, _hoisted_4$1)) : (openBlock(), createElementBlock("div", {
+						key: 3,
+						class: normalizeClass(getContentClass(column))
+					}, toDisplayString(getCellContent(item, column)), 3))], 6);
+				}), 128)), _ctx.$slots.actions ? (openBlock(), createElementBlock("td", {
+					key: 0,
+					class: normalizeClass(actionCellClass.value)
+				}, [renderSlot(_ctx.$slots, "actions", {
 					item,
 					index
-				})])) : createCommentVNode("", true)], 2);
-			}), 128))])])], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-				createElementVNode("div", _hoisted_13$1, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
-				createElementVNode("h3", _hoisted_14$1, toDisplayString(__props.emptyState.title), 1),
-				createElementVNode("p", _hoisted_15$1, toDisplayString(__props.emptyState.description), 1),
+				})], 2)) : createCommentVNode("", true)], 2);
+			}), 128))], 2)], 2)], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+				createElementVNode("div", _hoisted_6$1, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
+				createElementVNode("h3", _hoisted_7$1, toDisplayString(__props.emptyState.title), 1),
+				createElementVNode("p", _hoisted_8$1, toDisplayString(__props.emptyState.description), 1),
 				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$6, {
 					key: 0,
 					href: __props.emptyState.actionUrl,
@@ -5876,39 +5932,25 @@ var _sfc_main$1 = {
 };
 //#endregion
 //#region src/components/TableListForm.vue
-var _hoisted_1$2 = { class: "relative max-w-sm" };
-var _hoisted_2$1 = { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" };
-var _hoisted_3$1 = ["value", "placeholder"];
-var _hoisted_4 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
-var _hoisted_5 = { class: "bg-neutral-50 dark:bg-neutral-900" };
-var _hoisted_6 = {
-	key: 0,
-	class: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-neutral-500 dark:text-neutral-200"
-};
-var _hoisted_7 = { class: "divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950" };
-var _hoisted_8 = {
+var _hoisted_1$2 = {
 	key: 2,
 	class: "flex items-center"
 };
-var _hoisted_9 = ["title"];
-var _hoisted_10 = {
+var _hoisted_2$1 = ["title"];
+var _hoisted_3$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-800 dark:bg-red-950/60 dark:text-neutral-100"
 };
-var _hoisted_11 = ["innerHTML"];
-var _hoisted_12 = { key: 5 };
-var _hoisted_13 = {
-	key: 0,
-	class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-};
-var _hoisted_14 = { class: "flex items-center justify-end gap-2" };
-var _hoisted_15 = {
+var _hoisted_4 = ["innerHTML"];
+var _hoisted_5 = { key: 5 };
+var _hoisted_6 = { class: "flex items-center justify-end gap-2" };
+var _hoisted_7 = {
 	key: 2,
 	class: "py-12 text-center"
 };
-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 _hoisted_8 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
+var _hoisted_9 = { class: "mb-2 text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+var _hoisted_10 = { class: "mb-4 text-neutral-500 dark:text-neutral-200" };
 var _sfc_main = {
 	__name: "TableListForm",
 	props: {
@@ -5979,6 +6021,26 @@ var _sfc_main = {
 			type: Boolean,
 			default: true
 		},
+		tableClass: {
+			type: String,
+			default: ""
+		},
+		theadClass: {
+			type: String,
+			default: ""
+		},
+		tbodyClass: {
+			type: String,
+			default: ""
+		},
+		headerRowClass: {
+			type: String,
+			default: ""
+		},
+		dense: {
+			type: Boolean,
+			default: false
+		},
 		actionsLabel: {
 			type: String,
 			default: "Actions"
@@ -6104,6 +6166,13 @@ var _sfc_main = {
 				direction: localSortDirection.value
 			});
 		};
+		const joinClasses = (...classes) => {
+			return classes.flatMap((value) => {
+				if (Array.isArray(value)) return value;
+				if (typeof value === "string") return value;
+				return [];
+			}).filter(Boolean).join(" ");
+		};
 		const cloneValue = (value) => {
 			if (Array.isArray(value)) return value.map((entry) => cloneValue(entry));
 			if (value && typeof value === "object") return Object.fromEntries(Object.entries(value).map(([key, entry]) => [key, cloneValue(entry)]));
@@ -6194,15 +6263,16 @@ var _sfc_main = {
 			return truncateText(value);
 		};
 		const getColumnClass = (column, item, index) => {
-			if (column.class) return column.class;
-			let classes = isEditingRow(item, index) && (column.input || slots[getEditSlotName(column)]) ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
-			if (!column.isSecondary) classes += " font-medium";
-			if (column.isSecondary) classes += " text-neutral-600 dark:text-neutral-200";
-			return classes;
+			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);
 		};
 		const getHeaderClass = (column) => {
-			if (column.sortable) return "";
-			return "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-neutral-500 dark:text-neutral-200";
+			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);
+		};
+		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 } : {};
 		};
 		const getInputType = (column) => column.inputType || "text";
 		const getInputClass = (column) => {
@@ -6236,25 +6306,37 @@ var _sfc_main = {
 			const disabled = typeof column.disabled === "function" ? column.disabled(item, index) : column.disabled;
 			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");
+		});
+		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 (_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", {
 				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"])
-			}, [createElementVNode("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$1, [createVNode(unref(MagnifyingGlassIcon), { class: "h-4 w-4 text-neutral-400 dark:text-neutral-200" })]), createElementVNode("input", {
-				value: searchQuery.value,
+			}, [createVNode(_sfc_main$16, {
+				"model-value": searchQuery.value,
 				type: "text",
+				"root-class": "max-w-sm",
 				placeholder: __props.searchPlaceholder,
-				class: "block w-full rounded-lg border border-neutral-200 bg-white py-2 pl-9 pr-3 text-sm text-neutral-900 placeholder:text-neutral-500 transition-colors duration-200 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-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
-				onInput: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event.target.value)
-			}, null, 40, _hoisted_3$1)])], 2)) : createCommentVNode("", true), hasData.value ? (openBlock(), createElementBlock("div", {
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
+			}, {
+				"leading-icon": withCtx(() => [createVNode(unref(Search), { class: "h-5 w-5" })]),
+				_: 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", _hoisted_4, [createElementVNode("thead", _hoisted_5, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+			}, [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) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 				return openBlock(), createElementBlock(Fragment, { key: column.key }, [column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
 					key: 0,
 					field: column.key,
 					"current-sort-field": localSortField.value,
 					"current-direction": localSortDirection.value,
+					"header-class": getHeaderClass(column),
+					"header-style": getColumnWidthStyle(column),
+					"content-class": getContentClass(column),
 					onSort: sortBy
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(column.label), 1)]),
@@ -6262,20 +6344,28 @@ var _sfc_main = {
 				}, 1032, [
 					"field",
 					"current-sort-field",
-					"current-direction"
+					"current-direction",
+					"header-class",
+					"header-style",
+					"content-class"
 				])) : (openBlock(), createElementBlock("th", {
 					key: 1,
-					class: normalizeClass([getHeaderClass(column), { "text-right": column.align === "right" }])
-				}, toDisplayString(column.label), 3))], 64);
-			}), 128)), hasActionsColumn.value ? (openBlock(), createElementBlock("th", _hoisted_6, toDisplayString(__props.actionsLabel), 1)) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedData.value, (item, index) => {
+					class: normalizeClass(getHeaderClass(column)),
+					style: normalizeStyle(getColumnWidthStyle(column))
+				}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, toDisplayString(column.label), 3)], 6))], 64);
+			}), 128)), hasActionsColumn.value ? (openBlock(), createElementBlock("th", {
+				key: 0,
+				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(sortedData.value, (item, index) => {
 				return openBlock(), createElementBlock("tr", {
 					key: getRowKey(item, index),
 					class: normalizeClass(__props.rowClasses(item, index))
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 					return openBlock(), createElementBlock("td", {
 						key: column.key,
-						class: normalizeClass([getColumnClass(column, item, index), { "text-right": column.align === "right" }])
-					}, [isEditingRow(item, index) && column.slot && unref(slots)[getEditSlotName(column)] ? renderSlot(_ctx.$slots, getEditSlotName(column), mergeProps({
+						class: normalizeClass(getColumnClass(column, item, index)),
+						style: normalizeStyle(getColumnWidthStyle(column))
+					}, [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, {
@@ -6300,17 +6390,20 @@ var _sfc_main = {
 						"error-message",
 						"onUpdate:modelValue",
 						"onBlur"
-					])) : column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("div", {
+					])) : column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", {
 						class: "text-sm font-medium truncate",
 						title: getCellContent(item, column)
-					}, 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({
+					}, toDisplayString(getCellContent(item, column)), 9, _hoisted_2$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_3$1, 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_11)) : (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(getCellContent(item, column)), 1))], 2);
-				}), 128)), hasActionsColumn.value ? (openBlock(), createElementBlock("td", _hoisted_13, [createElementVNode("div", _hoisted_14, [hasActionsSlot.value ? renderSlot(_ctx.$slots, "actions", mergeProps({
+					}, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(getCellContent(item, column)), 1))], 2)], 6);
+				}), 128)), hasActionsColumn.value ? (openBlock(), createElementBlock("td", {
+					key: 0,
+					class: normalizeClass(actionCellClass.value)
+				}, [createElementVNode("div", _hoisted_6, [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, {
@@ -6345,11 +6438,11 @@ var _sfc_main = {
 					"title",
 					"aria-label",
 					"onClick"
-				])) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 2);
-			}), 128))])])], 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),
+				])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)], 2);
+			}), 128))], 2)], 2)], 2)) : (openBlock(), createElementBlock("div", _hoisted_7, [
+				createElementVNode("div", _hoisted_8, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
+				createElementVNode("h3", _hoisted_9, toDisplayString(__props.emptyState.title), 1),
+				createElementVNode("p", _hoisted_10, toDisplayString(__props.emptyState.description), 1),
 				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$6, {
 					key: 0,
 					href: __props.emptyState.actionUrl,
@@ -6548,4 +6641,4 @@ var plugin_default = { install(app) {
 //#endregion
 export { SectionTitle_default as $, _sfc_main$12 as A, _sfc_main$22 as B, _sfc_main$5 as C, _sfc_main$9 as D, _sfc_main$8 as E, ColorPicker_default as F, _sfc_main$27 as G, DateRangeInput_default as H, _sfc_main$18 as I, _sfc_main$30 as J, _sfc_main$28 as K, _sfc_main$19 as L, _sfc_main$14 as M, _sfc_main$15 as N, _sfc_main$10 as O, _sfc_main$16 as P, _sfc_main$34 as Q, _sfc_main$20 as R, useSidebar as S, _sfc_main$7 as T, DateInput_default as U, _sfc_main$23 as V, _sfc_main$26 as W, _sfc_main$32 as X, _sfc_main$31 as Y, _sfc_main$33 as Z, SidebarGroupContent_default as _, _sfc_main$1 as a, __commonJSMin as at, SidebarContent_default as b, _sfc_main$4 as c, SidebarMenuItem_default as d, _sfc_main$36 as et, SidebarMenuButton_default as f, SidebarGroupLabel_default as g, SidebarHeader_default as h, _sfc_main as i, _sfc_main$40 as it, _sfc_main$13 as j, _sfc_main$11 as k, SidebarTrigger_default as l, SidebarInset_default as m, ToastContainer_default as n, _sfc_main$38 as nt, _sfc_main$2 as o, SidebarMenu_default as p, _sfc_main$29 as q, Toast_default as r, _sfc_main$39 as rt, _sfc_main$3 as s, plugin_default as t, _sfc_main$37 as tt, SidebarProvider_default as u, SidebarGroup_default as v, _sfc_main$6 as w, Sidebar_default as x, SidebarFooter_default as y, _sfc_main$21 as z };
 
-//# sourceMappingURL=plugin-Cr_xJNd_.js.map
+//# sourceMappingURL=plugin-BXOFohfj.js.map