@enos5/enos-vue-default 1.14.0 → 1.15.0

package/dist/{plugin-tykOOIs_.js → plugin-Bn-FKPXN.js}

@@ -2840,18 +2840,18 @@ var _sfc_main$18 = {
 			});
 		};
 		const loadTinyMce = async () => {
-			const tinymceModule = await import("./tinymce-Cp7JIZgZ.js").then((m) => /* @__PURE__ */ __toESM(m.default));
+			const tinymceModule = await import("./tinymce-CfYelvmr.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-6qrBul6e.js"),
-				import("./default-CRVuY_n5.js"),
-				import("./silver-D7n8oPdV.js"),
-				import("./code-ClREReH9.js"),
-				import("./image-hmzxlV3I.js"),
-				import("./link-BYdAyY59.js"),
-				import("./lists-KOJ-dwY-.js"),
-				import("./table-BhfoSjsB.js")
+				import("./dom-B_GpaotC.js"),
+				import("./default-xPd8Ryrk.js"),
+				import("./silver-CQ_b7DcV.js"),
+				import("./code-jMjxUD3o.js"),
+				import("./image-BvG_M2nu.js"),
+				import("./link-CENwKcvp.js"),
+				import("./lists-YVaNdPH_.js"),
+				import("./table-CtaTygbd.js")
 			]);
 			isEditorReady.value = true;
 		};
@@ -2975,30 +2975,30 @@ var _hoisted_5$5 = { class: "min-w-0 flex-1" };
 var _hoisted_6$5 = ["disabled", "aria-label"];
 var _hoisted_7$4 = { class: "mt-4 space-y-4" };
 var _hoisted_8$2 = ["aria-label", "aria-valuenow"];
-var _hoisted_9$1 = {
+var _hoisted_9$2 = {
 	key: 0,
 	class: "absolute inset-0 bg-[linear-gradient(to_right,#fff,transparent)]"
 };
-var _hoisted_10$1 = {
+var _hoisted_10$2 = {
 	key: 2,
 	class: "absolute inset-0 bg-[linear-gradient(to_top,#000,transparent)]"
 };
-var _hoisted_11$1 = { class: "space-y-3" };
-var _hoisted_12 = {
+var _hoisted_11$2 = { class: "space-y-3" };
+var _hoisted_12$2 = {
 	key: 0,
 	class: "space-y-2"
 };
-var _hoisted_13 = ["for"];
-var _hoisted_14 = [
+var _hoisted_13$2 = ["for"];
+var _hoisted_14$1 = [
 	"id",
 	"disabled",
 	"value"
 ];
-var _hoisted_15 = {
+var _hoisted_15$1 = {
 	key: 1,
 	class: "space-y-2"
 };
-var _hoisted_16 = ["for"];
+var _hoisted_16$1 = ["for"];
 var _hoisted_17 = [
 	"id",
 	"disabled",
@@ -3542,14 +3542,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$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)),
+							!isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_9$2)) : 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$2)),
 							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$2),
-						createElementVNode("div", _hoisted_11$1, [!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", {
+						createElementVNode("div", _hoisted_11$2, [!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", {
 							id: fieldId.value ? `${fieldId.value}-hue` : void 0,
 							type: "range",
 							min: "0",
@@ -3560,7 +3560,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)])) : 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", {
+						}, null, 42, _hoisted_14$1)])) : createCommentVNode("", true), props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_15$1, [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", {
 							id: fieldId.value ? `${fieldId.value}-alpha` : void 0,
 							type: "range",
 							min: "0",
@@ -5474,6 +5474,50 @@ 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 GripVertical = createLucideIcon("grip-vertical", [
+	["circle", {
+		cx: "9",
+		cy: "12",
+		r: "1",
+		key: "1vctgf"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "5",
+		r: "1",
+		key: "hp0tcf"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "19",
+		r: "1",
+		key: "fkjjf6"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "12",
+		r: "1",
+		key: "1tmaij"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "5",
+		r: "1",
+		key: "19l28e"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "19",
+		r: "1",
+		key: "f4zoj3"
+	}]
+]);
+/**
+* @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 PanelLeftClose = createLucideIcon("panel-left-close", [
 	["rect", {
 		width: "18",
@@ -5712,9 +5756,9 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const panel = ref(null);
 		const rendered = ref(false);
+		const visible = ref(false);
 		const layer = ref(0);
 		const panelId = Symbol("slide-panel");
-		let closeTimer;
 		let previouslyFocused = null;
 		let resizeObserver;
 		let warnedAboutPushTarget = false;
@@ -5791,7 +5835,7 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 			return props.pushTarget;
 		};
 		const updatePush = () => {
-			if (!props.show || !rendered.value || props.mode !== "push") {
+			if (!visible.value || props.mode !== "push") {
 				removeSlidePanelPush(panelId);
 				return;
 			}
@@ -5814,23 +5858,23 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 			updatePush();
 		};
 		const open = () => {
-			if (closeTimer) {
-				clearTimeout(closeTimer);
-				closeTimer = void 0;
-			}
 			previouslyFocused = typeof document !== "undefined" ? document.activeElement : null;
 			rendered.value = true;
 			layer.value = registerSlidePanel(panelId, props.backdrop);
-			focusPanel();
+			nextTick(() => {
+				visible.value = true;
+				focusPanel();
+			});
 		};
 		const close = () => {
 			if (!rendered.value) return;
-			unregisterSlidePanel(panelId, props.backdrop);
+			visible.value = false;
 			removeSlidePanelPush(panelId);
-			closeTimer = setTimeout(() => {
-				rendered.value = false;
-				closeTimer = void 0;
-			}, 200);
+		};
+		const finishClose = () => {
+			if (props.show) return;
+			rendered.value = false;
+			unregisterSlidePanel(panelId, props.backdrop);
 			if (previouslyFocused instanceof HTMLElement) previouslyFocused.focus();
 		};
 		const requestClose = () => {
@@ -5870,7 +5914,6 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 		});
 		onUnmounted(() => {
 			document.removeEventListener("keydown", handleKeydown);
-			if (closeTimer) clearTimeout(closeTimer);
 			resizeObserver?.disconnect();
 			unregisterSlidePanel(panelId, props.backdrop);
 			removeSlidePanelPush(panelId);
@@ -5884,13 +5927,13 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 				"leave-from-class": "opacity-100",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: withCtx(() => [rendered.value && __props.backdrop ? (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [rendered.value && __props.backdrop ? withDirectives((openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "fixed inset-0 bg-neutral-950/40 backdrop-blur-[1px]",
 					style: normalizeStyle({ zIndex: String(layer.value - 1) }),
 					"aria-hidden": "true",
 					onClick: requestClose
-				}, null, 4)) : createCommentVNode("", true)]),
+				}, null, 4)), [[vShow, visible.value]]) : createCommentVNode("", true)]),
 				_: 1
 			}), createVNode(Transition, {
 				"enter-active-class": "transform transition duration-200 ease-out",
@@ -5900,7 +5943,7 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 				"leave-from-class": "translate-x-0 translate-y-0 opacity-100",
 				"leave-to-class": `${transitionClasses.value.leaveTo} opacity-0`
 			}, {
-				default: withCtx(() => [rendered.value ? (openBlock(), createElementBlock("section", {
+				default: withCtx(() => [rendered.value ? withDirectives((openBlock(), createElementBlock("section", {
 					key: 0,
 					ref_key: "panel",
 					ref: panel,
@@ -5908,8 +5951,9 @@ var SlidePanel_default = /* @__PURE__ */ defineComponent({
 					style: normalizeStyle(panelStyle.value),
 					role: "dialog",
 					"aria-modal": __props.backdrop ? "true" : void 0,
-					tabindex: "-1"
-				}, [renderSlot(_ctx.$slots, "default")], 12, _hoisted_1$7)) : createCommentVNode("", true)]),
+					tabindex: "-1",
+					onAfterLeave: finishClose
+				}, [renderSlot(_ctx.$slots, "default")], 44, _hoisted_1$7)), [[vShow, visible.value]]) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["enter-from-class", "leave-to-class"])]);
 		};
@@ -6154,21 +6198,74 @@ var _sfc_main$2 = {
 	}
 };
 //#endregion
+//#region src/components/tableListOrdering.js
+var getNestedValue = (object, path) => {
+	if (!path || typeof path !== "string") return object;
+	return path.split(".").reduce((current, key) => current?.[key], object);
+};
+var setNestedValue = (object, path, value) => {
+	if (!path || typeof path !== "string" || object == null) return;
+	const keys = path.split(".");
+	const lastKey = keys.pop();
+	let current = object;
+	for (const key of keys) {
+		if (current[key] === void 0 || current[key] === null || typeof current[key] !== "object") current[key] = {};
+		current = current[key];
+	}
+	if (lastKey !== void 0) current[lastKey] = value;
+};
+var getRowKey = (item, index, rowKey) => {
+	if (typeof rowKey === "function") return rowKey(item, index) ?? `row-${index}`;
+	return getNestedValue(item, rowKey) ?? `row-${index}`;
+};
+var 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)]));
+	return value;
+};
+var reorderRows = ({ data, fromIndex, toIndex, orderField, mutateRows }) => {
+	const reorderedData = mutateRows ? [...data] : data.map((item) => cloneValue(item));
+	const [movedItem] = reorderedData.splice(fromIndex, 1);
+	reorderedData.splice(toIndex, 0, movedItem);
+	if (mutateRows) reorderedData.forEach((item, index) => setNestedValue(item, orderField, index + 1));
+	return {
+		data: reorderedData,
+		item: movedItem,
+		fromIndex,
+		toIndex
+	};
+};
+//#endregion
 //#region src/components/TableList.vue
 var _hoisted_1$3 = { class: "space-y-6" };
-var _hoisted_2$2 = ["title"];
-var _hoisted_3$2 = {
+var _hoisted_2$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 = ["onDragover", "onDrop"];
+var _hoisted_4$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_5$1 = { class: "inline-flex items-center gap-1" };
+var _hoisted_6$1 = [
+	"draggable",
+	"aria-label",
+	"onDragstart"
+];
+var _hoisted_7$1 = ["title"];
+var _hoisted_8$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_4$1 = ["innerHTML"];
-var _hoisted_5$1 = {
+var _hoisted_9$1 = ["innerHTML"];
+var _hoisted_10$1 = {
 	key: 0,
 	class: "py-12 text-center"
 };
-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 _hoisted_11$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_12$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
+var _hoisted_13$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
 var _sfc_main$1 = {
 	__name: "TableList",
 	props: {
@@ -6180,6 +6277,22 @@ var _sfc_main$1 = {
 			type: Array,
 			required: true
 		},
+		rowKey: {
+			type: [String, Function],
+			default: "id"
+		},
+		orderable: {
+			type: Boolean,
+			default: false
+		},
+		orderField: {
+			type: String,
+			default: "order"
+		},
+		mutateRows: {
+			type: Boolean,
+			default: true
+		},
 		sortField: {
 			type: String,
 			default: ""
@@ -6287,6 +6400,7 @@ var _sfc_main$1 = {
 	},
 	emits: [
 		"sort",
+		"reorder",
 		"update:searchShowDeleted",
 		"update:searchValue"
 	],
@@ -6294,6 +6408,10 @@ var _sfc_main$1 = {
 		const slots = useSlots();
 		const props = __props;
 		const emit = __emit;
+		const localData = ref(props.data);
+		watch(() => props.data, (value) => {
+			localData.value = value;
+		});
 		computed(() => !!slots.actions);
 		const internalSearchQuery = ref("");
 		const searchQuery = computed({
@@ -6304,9 +6422,9 @@ var _sfc_main$1 = {
 			}
 		});
 		const filteredData = computed(() => {
-			if (props.searchMode !== "client" || !props.search || !searchQuery.value.trim()) return props.data;
+			if (props.searchMode !== "client" || !props.search || !searchQuery.value.trim()) return localData.value;
 			const query = searchQuery.value.toLowerCase().trim();
-			return props.data.filter((item) => {
+			return localData.value.filter((item) => {
 				return props.columns.some((column) => {
 					if (column.searchable === false || column.slot) return false;
 					const value = column.key.split(".").reduce((obj, key) => obj?.[key], item);
@@ -6319,6 +6437,47 @@ var _sfc_main$1 = {
 		const resolvedSearchCount = computed(() => {
 			return props.searchCount ?? filteredData.value.length;
 		});
+		const draggedIndex = ref(null);
+		const dragOverIndex = ref(null);
+		const canReorder = computed(() => {
+			return props.orderable && !searchQuery.value.trim();
+		});
+		const startDrag = (index, event) => {
+			if (!canReorder.value) {
+				event.preventDefault();
+				return;
+			}
+			draggedIndex.value = index;
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", String(index));
+		};
+		const endDrag = () => {
+			draggedIndex.value = null;
+			dragOverIndex.value = null;
+		};
+		const dropRow = (toIndex, event) => {
+			event.preventDefault();
+			if (!canReorder.value || draggedIndex.value === null || draggedIndex.value === toIndex) {
+				endDrag();
+				return;
+			}
+			const result = reorderRows({
+				data: localData.value,
+				fromIndex: draggedIndex.value,
+				toIndex,
+				orderField: props.orderField,
+				mutateRows: props.mutateRows
+			});
+			if (props.mutateRows) {
+				props.data.splice(0, props.data.length, ...result.data);
+				localData.value = props.data;
+			} else localData.value = result.data;
+			emit("reorder", {
+				...result,
+				rowKey: getRowKey(result.item, toIndex, props.rowKey)
+			});
+			endDrag();
+		};
 		const sortBy = (field) => {
 			emit("sort", field);
 		};
@@ -6400,75 +6559,91 @@ var _sfc_main$1 = {
 				"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", { 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)]),
-					_: 2
-				}, 1032, [
-					"field",
-					"current-sort-field",
-					"current-direction",
-					"header-class",
-					"header-style",
-					"content-class"
-				])) : (openBlock(), createElementBlock("th", {
+			])) : 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) }, [
+				__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, {
+						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", {
+						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(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) => {
+					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)),
-						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_2$2), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)], 2)) : column.slot ? (openBlock(), createElementBlock("div", {
+					key: unref(getRowKey)(item, index, __props.rowKey),
+					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_4$1, [createElementVNode("span", _hoisted_5$1, [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_6$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_7$1), isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_8$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_9$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(getContentClass(column))
-					}, [renderSlot(_ctx.$slots, column.slot, {
+						class: normalizeClass(actionCellClass.value)
+					}, [renderSlot(_ctx.$slots, "actions", {
 						item,
-						column,
 						index
-					})], 2)) : column.render ? (openBlock(), createElementBlock("div", {
-						key: 2,
-						class: normalizeClass(getContentClass(column)),
-						innerHTML: column.render(item)
-					}, 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
-				})], 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),
+					})], 2)) : createCommentVNode("", true)
+				], 42, _hoisted_3$2);
+			}), 128))], 2)], 2)], 2), !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+				createElementVNode("div", _hoisted_11$1, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
+				createElementVNode("h3", _hoisted_12$1, toDisplayString(__props.emptyState.title), 1),
+				createElementVNode("p", _hoisted_13$1, toDisplayString(__props.emptyState.description), 1),
 				__props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$6, {
 					key: 0,
 					href: __props.emptyState.actionUrl,
@@ -6484,25 +6659,40 @@ var _sfc_main$1 = {
 //#endregion
 //#region src/components/TableListForm.vue
 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 = {
+	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 = [
+	"draggable",
+	"aria-label",
+	"onDragstart"
+];
+var _hoisted_6 = {
 	key: 2,
 	class: "flex items-center"
 };
-var _hoisted_2$1 = ["title"];
-var _hoisted_3$1 = {
+var _hoisted_7 = ["title"];
+var _hoisted_8 = {
 	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_4 = ["innerHTML"];
-var _hoisted_5 = { key: 5 };
-var _hoisted_6 = { class: "flex items-center justify-end gap-2" };
-var _hoisted_7 = ["colspan"];
-var _hoisted_8 = {
+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 = {
 	key: 2,
 	class: "py-12 text-center"
 };
-var _hoisted_9 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
-var _hoisted_10 = { class: "mb-2 text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-var _hoisted_11 = { class: "mb-4 text-neutral-500 dark:text-neutral-200" };
+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 _sfc_main = {
 	__name: "TableListForm",
 	props: {
@@ -6644,11 +6834,20 @@ var _sfc_main = {
 		expandedCellClass: {
 			type: String,
 			default: "p-0"
+		},
+		orderable: {
+			type: Boolean,
+			default: false
+		},
+		orderField: {
+			type: String,
+			default: "order"
 		}
 	},
 	emits: [
 		"sort",
 		"update",
+		"reorder",
 		"update:editingRowKey",
 		"edit-start",
 		"edit-cancel",
@@ -6660,6 +6859,7 @@ var _sfc_main = {
 		const emit = __emit;
 		const localSortField = ref(props.sortField);
 		const localSortDirection = ref(props.sortDirection);
+		const localData = ref(props.data);
 		const internalSearchQuery = ref("");
 		const searchQuery = computed({
 			get: () => props.searchValue ?? internalSearchQuery.value,
@@ -6673,6 +6873,50 @@ var _sfc_main = {
 		const resolvedEditingRowKey = computed(() => {
 			return props.editingRowKey !== void 0 ? props.editingRowKey : internalEditingRowKey.value;
 		});
+		watch(() => props.data, (value) => {
+			localData.value = value;
+		});
+		const draggedIndex = ref(null);
+		const dragOverIndex = ref(null);
+		const canReorder = computed(() => {
+			return props.orderable && !searchQuery.value.trim() && !localSortField.value;
+		});
+		const startDrag = (index, event) => {
+			if (!canReorder.value) {
+				event.preventDefault();
+				return;
+			}
+			draggedIndex.value = index;
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", String(index));
+		};
+		const endDrag = () => {
+			draggedIndex.value = null;
+			dragOverIndex.value = null;
+		};
+		const dropRow = (toIndex, event) => {
+			event.preventDefault();
+			if (!canReorder.value || draggedIndex.value === null || draggedIndex.value === toIndex) {
+				endDrag();
+				return;
+			}
+			const result = reorderRows({
+				data: localData.value,
+				fromIndex: draggedIndex.value,
+				toIndex,
+				orderField: props.orderField,
+				mutateRows: props.mutateRows
+			});
+			if (props.mutateRows) {
+				props.data.splice(0, props.data.length, ...result.data);
+				localData.value = props.data;
+			} else localData.value = result.data;
+			emit("reorder", {
+				...result,
+				rowKey: getRowKey(result.item, toIndex, props.rowKey)
+			});
+			endDrag();
+		};
 		watch(() => props.sortField, (value) => {
 			localSortField.value = value;
 		});
@@ -6688,21 +6932,21 @@ var _sfc_main = {
 				editingDraft.value = {};
 				return;
 			}
-			const activeItem = props.data.find((item, index) => getRowKey(item, index) === nextKey);
+			const activeItem = props.data.find((item, index) => getRowKey$1(item, index) === nextKey);
 			editingDraft.value = activeItem ? cloneValue(activeItem) : {};
 		});
 		watch(() => props.data, () => {
 			if (resolvedEditingRowKey.value === null || resolvedEditingRowKey.value === void 0) return;
-			if (!props.data.find((item, index) => getRowKey(item, index) === resolvedEditingRowKey.value)) resetEditState();
+			if (!props.data.find((item, index) => getRowKey$1(item, index) === resolvedEditingRowKey.value)) resetEditState();
 		}, { deep: true });
 		const sortedData = computed(() => {
-			let filteredData = props.data;
+			let filteredData = localData.value;
 			if (props.searchMode === "client" && props.search && searchQuery.value.trim()) {
 				const query = searchQuery.value.toLowerCase().trim();
-				filteredData = props.data.filter((item) => {
+				filteredData = localData.value.filter((item) => {
 					return props.columns.some((column) => {
 						if (!column.searchable) return false;
-						const value = getNestedValue(item, column.key);
+						const value = getNestedValue$1(item, column.key);
 						if (value === null || value === void 0 || value === "") return false;
 						return String(value).toLowerCase().includes(query);
 					});
@@ -6710,8 +6954,8 @@ var _sfc_main = {
 			}
 			if (!localSortField.value) return filteredData;
 			return [...filteredData].sort((a, b) => {
-				const aValue = getNestedValue(a, localSortField.value);
-				const bValue = getNestedValue(b, localSortField.value);
+				const aValue = getNestedValue$1(a, localSortField.value);
+				const bValue = getNestedValue$1(b, localSortField.value);
 				if (aValue === null || aValue === void 0 || aValue === "") return 1;
 				if (bValue === null || bValue === void 0 || bValue === "") return -1;
 				let comparison = 0;
@@ -6753,28 +6997,20 @@ var _sfc_main = {
 			if (!Number.isFinite(maxLength) || maxLength <= 0 || stringValue.length <= maxLength) return stringValue;
 			return `${stringValue.slice(0, maxLength)}...`;
 		};
-		const getNestedValue = (obj, path) => {
+		const getNestedValue$1 = (obj, path) => {
 			if (!path || typeof path !== "string") return obj;
-			return path.split(".").reduce((current, key) => current?.[key], obj);
+			return getNestedValue(obj, path);
 		};
-		const setNestedValue = (obj, path, value) => {
+		const setNestedValue$1 = (obj, path, value) => {
 			if (!path || typeof path !== "string" || obj == null) return;
-			const keys = path.split(".");
-			const lastKey = keys.pop();
-			let current = obj;
-			for (const key of keys) {
-				if (current[key] === void 0 || current[key] === null || typeof current[key] !== "object") current[key] = {};
-				current = current[key];
-			}
-			if (lastKey !== void 0) current[lastKey] = value;
+			setNestedValue(obj, path, value);
 		};
 		const getDataIndex = (item) => {
-			if (item?.id) return props.data.findIndex((row) => row?.id === item.id);
-			return props.data.findIndex((row) => row === item);
+			if (item?.id) return localData.value.findIndex((row) => row?.id === item.id);
+			return localData.value.findIndex((row) => row === item);
 		};
-		const getRowKey = (item, index) => {
-			if (typeof props.rowKey === "function") return props.rowKey(item, index) ?? `row-${index}`;
-			return getNestedValue(item, props.rowKey) ?? `row-${index}`;
+		const getRowKey$1 = (item, index) => {
+			return getRowKey(item, index, props.rowKey);
 		};
 		const getEditSlotName = (column) => `${column.slot}-edit`;
 		const isDeleted = (item) => props.isDeletedFn(item);
@@ -6783,7 +7019,7 @@ var _sfc_main = {
 			emit("update:editingRowKey", value);
 		};
 		const isEditingRow = (item, index) => {
-			return props.rowEditing && resolvedEditingRowKey.value !== null && resolvedEditingRowKey.value === getRowKey(item, index);
+			return props.rowEditing && resolvedEditingRowKey.value !== null && resolvedEditingRowKey.value === getRowKey$1(item, index);
 		};
 		const isRowEditDisabled = (item, index) => {
 			if (!props.rowEditing) return true;
@@ -6795,7 +7031,7 @@ var _sfc_main = {
 		};
 		const startEdit = (item, index) => {
 			if (isRowEditDisabled(item, index)) return;
-			const rowKey = getRowKey(item, index);
+			const rowKey = getRowKey$1(item, index);
 			setEditingRowKey(rowKey);
 			emit("edit-start", {
 				item,
@@ -6807,13 +7043,13 @@ var _sfc_main = {
 			emit("edit-cancel", {
 				item,
 				index: getDataIndex(item),
-				rowKey: getRowKey(item, index)
+				rowKey: getRowKey$1(item, index)
 			});
 			resetEditState();
 		};
 		const updateDraft = (field, value, item, eventName = void 0) => {
-			setNestedValue(editingDraft.value, field, value);
-			if (props.mutateRows) setNestedValue(item, field, cloneValue(value));
+			setNestedValue$1(editingDraft.value, field, value);
+			if (props.mutateRows) setNestedValue$1(item, field, cloneValue(value));
 			emit("update", {
 				item,
 				draft: editingDraft.value,
@@ -6827,7 +7063,7 @@ var _sfc_main = {
 		const getCellContent = (item, column) => {
 			if (column.slot) return null;
 			if (column.render) return column.render(item);
-			const value = getNestedValue(item, column.key);
+			const value = getNestedValue$1(item, column.key);
 			if (value === null || value === void 0 || value === "") return "-";
 			return truncateText(value);
 		};
@@ -6852,8 +7088,8 @@ var _sfc_main = {
 		};
 		const getInputPlaceholder = (column) => column.placeholder || column.label || "";
 		const getInputValue = (item, column, index) => {
-			if (isEditingRow(item, index)) return getNestedValue(editingDraft.value, column.key) ?? "";
-			return getNestedValue(item, column.key) ?? "";
+			if (isEditingRow(item, index)) return getNestedValue$1(editingDraft.value, column.key) ?? "";
+			return getNestedValue$1(item, column.key) ?? "";
 		};
 		const getColumnError = (item, column) => {
 			const arrayIndex = getDataIndex(item);
@@ -6866,7 +7102,7 @@ var _sfc_main = {
 			index,
 			isEditing: isEditingRow(item, index),
 			draft: editingDraft.value,
-			rowKey: getRowKey(item, index),
+			rowKey: getRowKey$1(item, index),
 			updateDraft: (field, value) => updateDraft(field, value, item),
 			startEdit: () => startEdit(item, index),
 			cancelEdit: () => cancelEdit(item, index)
@@ -6897,128 +7133,146 @@ var _sfc_main = {
 			}, 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) }, [(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)]),
-					_: 2
-				}, 1032, [
-					"field",
-					"current-sort-field",
-					"current-direction",
-					"header-class",
-					"header-style",
-					"content-class"
-				])) : (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)), 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(Fragment, { key: getRowKey(item, index) }, [createElementVNode("tr", { 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)),
+			}, [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) }, [
+				__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, {
+						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)]),
+						_: 2
+					}, 1032, [
+						"field",
+						"current-sort-field",
+						"current-direction",
+						"header-class",
+						"header-style",
+						"content-class"
+					])) : (openBlock(), createElementBlock("th", {
+						key: 1,
+						class: normalizeClass(getHeaderClass(column)),
 						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({
+					}, [createElementVNode("div", { class: normalizeClass(getContentClass(column)) }, toDisplayString(column.label), 3)], 6))], 64);
+				}), 128)),
+				hasActionsColumn.value ? (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(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", {
+						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),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+						return openBlock(), createElementBlock("td", {
+							key: column.key,
+							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, {
+							key: 1,
+							type: getInputType(column),
+							class: normalizeClass(getInputClass(column)),
+							placeholder: getInputPlaceholder(column),
+							"model-value": getInputValue(item, column, index),
+							disabled: resolveColumnDisabled(column, item, index),
+							maxlength: column.maxlength,
+							"error-message": getColumnError(item, column),
+							"helper-text": "",
+							"onUpdate:modelValue": (value) => updateDraft(column.key, value, item),
+							onBlur: (event) => updateDraft(column.key, event?.target?.value ?? getInputValue(item, column, index), item, "blur")
+						}, null, 8, [
+							"type",
+							"class",
+							"placeholder",
+							"model-value",
+							"disabled",
+							"maxlength",
+							"error-message",
+							"onUpdate:modelValue",
+							"onBlur"
+						])) : column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_6, [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({
+							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);
+					}), 128)),
+					hasActionsColumn.value ? (openBlock(), createElementBlock("td", {
+						key: 1,
+						class: normalizeClass(actionCellClass.value)
+					}, [createElementVNode("div", _hoisted_11, [hasActionsSlot.value ? renderSlot(_ctx.$slots, "actions", mergeProps({
 						key: 0,
 						ref_for: true
-					}, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$16, {
+					}, getSlotBindings(item, null, index))) : createCommentVNode("", true), __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$32, {
 						key: 1,
-						type: getInputType(column),
-						class: normalizeClass(getInputClass(column)),
-						placeholder: getInputPlaceholder(column),
-						"model-value": getInputValue(item, column, index),
-						disabled: resolveColumnDisabled(column, item, index),
-						maxlength: column.maxlength,
-						"error-message": getColumnError(item, column),
-						"helper-text": "",
-						"onUpdate:modelValue": (value) => updateDraft(column.key, value, item),
-						onBlur: (event) => updateDraft(column.key, event?.target?.value ?? getInputValue(item, column, index), item, "blur")
-					}, null, 8, [
-						"type",
-						"class",
-						"placeholder",
-						"model-value",
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						title: __props.cancelLabel,
+						"aria-label": __props.cancelLabel,
+						onClick: ($event) => cancelEdit(item, index)
+					}, {
+						default: withCtx(() => [createVNode(unref(CheckIcon), { class: "size-4" })]),
+						_: 1
+					}, 8, [
+						"title",
+						"aria-label",
+						"onClick"
+					])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$32, {
+						key: 2,
+						type: "button",
+						variant: "secondary",
+						size: "icon",
+						disabled: isRowEditDisabled(item, index),
+						title: __props.editLabel,
+						"aria-label": __props.editLabel,
+						onClick: ($event) => startEdit(item, index)
+					}, {
+						default: withCtx(() => [createVNode(unref(PencilSquareIcon), { class: "size-4" })]),
+						_: 1
+					}, 8, [
 						"disabled",
-						"maxlength",
-						"error-message",
-						"onUpdate:modelValue",
-						"onBlur"
-					])) : 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_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_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, {
-					key: 1,
-					type: "button",
-					variant: "outline",
-					size: "icon",
-					title: __props.cancelLabel,
-					"aria-label": __props.cancelLabel,
-					onClick: ($event) => cancelEdit(item, index)
-				}, {
-					default: withCtx(() => [createVNode(unref(CheckIcon), { class: "size-4" })]),
-					_: 1
-				}, 8, [
-					"title",
-					"aria-label",
-					"onClick"
-				])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$32, {
-					key: 2,
-					type: "button",
-					variant: "secondary",
-					size: "icon",
-					disabled: isRowEditDisabled(item, index),
-					title: __props.editLabel,
-					"aria-label": __props.editLabel,
-					onClick: ($event) => startEdit(item, index)
-				}, {
-					default: withCtx(() => [createVNode(unref(PencilSquareIcon), { class: "size-4" })]),
-					_: 1
-				}, 8, [
-					"disabled",
-					"title",
-					"aria-label",
-					"onClick"
-				])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)], 2), hasExpandedRow.value && __props.expandedRowKey === getRowKey(item, index) ? (openBlock(), createElementBlock("tr", {
+						"title",
+						"aria-label",
+						"onClick"
+					])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
+				], 42, _hoisted_2$1), hasExpandedRow.value && __props.expandedRowKey === getRowKey$1(item, index) ? (openBlock(), createElementBlock("tr", {
 					key: 0,
 					class: normalizeClass(__props.expandedRowClass)
 				}, [createElementVNode("td", {
-					colspan: __props.columns.length + (hasActionsColumn.value ? 1 : 0),
+					colspan: __props.columns.length + (hasActionsColumn.value ? 1 : 0) + (__props.orderable ? 1 : 0),
 					class: normalizeClass(__props.expandedCellClass)
 				}, [renderSlot(_ctx.$slots, "expanded-row", {
 					item,
 					index,
-					rowKey: getRowKey(item, index)
-				})], 10, _hoisted_7)], 2)) : createCommentVNode("", true)], 64);
-			}), 128))], 2)], 2)], 2)) : (openBlock(), createElementBlock("div", _hoisted_8, [
-				createElementVNode("div", _hoisted_9, [(openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))]),
-				createElementVNode("h3", _hoisted_10, toDisplayString(__props.emptyState.title), 1),
-				createElementVNode("p", _hoisted_11, toDisplayString(__props.emptyState.description), 1),
+					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, {
 					key: 0,
 					href: __props.emptyState.actionUrl,
@@ -7218,4 +7472,4 @@ var plugin_default = { install(app) {
 //#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 };
 
-//# sourceMappingURL=plugin-tykOOIs_.js.map
+//# sourceMappingURL=plugin-Bn-FKPXN.js.map