admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/_shared/table-Ct3nl0lV.js

@@ -0,0 +1,1381 @@
+import { f as e } from "./ui-provider-C8Ot88lS.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-DlqryxqA.js";
+import { t as r } from "./button-BGKY8UY0.js";
+import { n as i } from "./heading-HeP06nXG.js";
+import { t as a } from "./badge-A8wQRShC.js";
+import { d as o, g as s, n as c, o as l, r as u, t as d } from "./dropdown-menu-CoWmrjYX.js";
+import { t as f } from "./input-C7t-RHYq.js";
+import { t as p } from "./checkbox-CTqqawIT.js";
+import { t as m } from "./separator-B8FBp-7E.js";
+import { n as h, t as g } from "./action-menu-CrOJ63Q9.js";
+import { createContext as _, isValidElement as v, useCallback as y, useContext as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ArrowDown as O, ArrowUp as ee, Calendar as k, ChevronLeft as te, ChevronLeftIcon as ne, ChevronRight as re, ChevronRightIcon as ie, ChevronsUpDown as ae, Columns3 as oe, Mail as se, Maximize2 as A, Minimize2 as ce, MoreHorizontal as le, MoreHorizontalIcon as ue, Settings2 as de } from "lucide-react";
+import { flexRender as j, getCoreRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
+//#region src/components/ui/table.tsx
+function me({ className: e, containerClassName: n, ...r }) {
+	return /* @__PURE__ */ E("div", {
+		"data-slot": "table-container",
+		className: t("relative w-full overflow-x-auto", n),
+		children: /* @__PURE__ */ E("table", {
+			"data-slot": "table",
+			className: t("w-full caption-bottom text-sm", e),
+			...r
+		})
+	});
+}
+function he({ className: e, ...n }) {
+	return /* @__PURE__ */ E("thead", {
+		"data-slot": "table-header",
+		className: t("[&_tr]:border-b", e),
+		...n
+	});
+}
+function ge({ className: e, ...n }) {
+	return /* @__PURE__ */ E("tbody", {
+		"data-slot": "table-body",
+		className: t("[&_tr:last-child]:border-0", e),
+		...n
+	});
+}
+function M({ className: e, ...n }) {
+	return /* @__PURE__ */ E("tr", {
+		"data-slot": "table-row",
+		className: t("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", e),
+		...n
+	});
+}
+function N({ className: e, ...n }) {
+	return /* @__PURE__ */ E("th", {
+		"data-slot": "table-head",
+		className: t("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", e),
+		...n
+	});
+}
+function _e({ className: e, ...n }) {
+	return /* @__PURE__ */ E("td", {
+		"data-slot": "table-cell",
+		className: t("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/pagination.tsx
+function P({ className: e, ...n }) {
+	return /* @__PURE__ */ E("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: t("mx-auto flex w-full justify-center", e),
+		...n
+	});
+}
+function F({ className: e, ...n }) {
+	return /* @__PURE__ */ E("ul", {
+		"data-slot": "pagination-content",
+		className: t("gap-1 flex items-center", e),
+		...n
+	});
+}
+function I({ ...e }) {
+	return /* @__PURE__ */ E("li", {
+		"data-slot": "pagination-item",
+		...e
+	});
+}
+function L({ className: e, isActive: r, size: i = "icon", ...a }) {
+	return /* @__PURE__ */ E(n, {
+		variant: r ? "outline" : "ghost",
+		size: i,
+		className: t(e),
+		nativeButton: !1,
+		render: /* @__PURE__ */ E("a", {
+			"aria-current": r ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": r,
+			...a
+		})
+	});
+}
+function ve({ className: e, text: n = "Previous", ...r }) {
+	return /* @__PURE__ */ D(L, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: t("pl-2!", e),
+		...r,
+		children: [/* @__PURE__ */ E(ne, { "data-icon": "inline-start" }), /* @__PURE__ */ E("span", {
+			className: "hidden sm:block",
+			children: n
+		})]
+	});
+}
+function ye({ className: e, text: n = "Next", ...r }) {
+	return /* @__PURE__ */ D(L, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: t("pr-2!", e),
+		...r,
+		children: [/* @__PURE__ */ E("span", {
+			className: "hidden sm:block",
+			children: n
+		}), /* @__PURE__ */ E(ie, { "data-icon": "inline-end" })]
+	});
+}
+function R({ className: e, ...n }) {
+	return /* @__PURE__ */ D("span", {
+		"aria-hidden": !0,
+		"data-slot": "pagination-ellipsis",
+		className: t("size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center", e),
+		...n,
+		children: [/* @__PURE__ */ E(ue, {}), /* @__PURE__ */ E("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/table/table.strings.ts
+var z = (e) => {
+	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
+}, B = {
+	emptyState: { message: "No results found." },
+	actions: {
+		triggerLabel: "Actions",
+		srLabel: "Row actions menu"
+	},
+	filter: {
+		searchPlaceholder: "Filter...",
+		columnsButton: "Columns"
+	},
+	columnVisibility: {
+		title: "Toggle columns",
+		triggerLabel: "Columns",
+		formatLabel: (e, t) => t && t.trim().length > 0 ? t : z(e)
+	},
+	toolbar: {
+		scrollLeft: "Scroll left",
+		scrollRight: "Scroll right",
+		columns: "Toggle columns",
+		dense: "Compact view",
+		comfortable: "Comfortable view"
+	},
+	pagination: {
+		showing: "Showing",
+		to: "to",
+		of: "of",
+		entries: "results",
+		previous: "Previous",
+		next: "Next",
+		page: "Page",
+		rowsPerPage: "Rows per page",
+		ariaLabel: "Pagination navigation"
+	},
+	selection: {
+		summary: (e, t) => `${e} of ${t} row${t === 1 ? "" : "s"} selected.`,
+		row: (e) => `Select row ${e + 1}`,
+		selectAll: "Select all rows",
+		clear: "Clear selection"
+	}
+}, V = (e, t) => ({
+	...e,
+	...t ?? {}
+}), be = (e) => e ? {
+	emptyState: V(B.emptyState, e.emptyState),
+	actions: V(B.actions, e.actions),
+	filter: V(B.filter, e.filter),
+	columnVisibility: V(B.columnVisibility, e.columnVisibility),
+	toolbar: V(B.toolbar, e.toolbar),
+	pagination: V(B.pagination, e.pagination),
+	selection: V(B.selection, e.selection)
+} : B;
+//#endregion
+//#region src/components/base/table/pagination.tsx
+function xe(e, t) {
+	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
+	let n = [1];
+	e > 3 && n.push("ellipsis");
+	let r = Math.max(2, e - 1), i = Math.min(t - 1, e + 1);
+	for (let e = r; e <= i; e++) n.push(e);
+	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
+}
+function Se(e, t, n) {
+	let r = new URLSearchParams();
+	return r.set(n, String(t)), `${e}?${r.toString()}`;
+}
+function Ce({ pagination: e, onPageChange: n, labels: r = {}, pageQueryKey: a }) {
+	let o = {
+		...B.pagination,
+		...r
+	}, s = a ?? "page", c = (e.current_page - 1) * e.per_page + 1, l = Math.min(e.current_page * e.per_page, e.total), u = y((t, r) => {
+		r && n?.(t, r, e.path || "");
+	}, [n, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = xe(e.current_page, e.last_page);
+	return /* @__PURE__ */ D("div", {
+		className: t("pagination--component", "flex items-center justify-between px-5 py-3"),
+		children: [/* @__PURE__ */ D(i, {
+			size: "xs",
+			type: "secondary",
+			className: "tabular-nums tracking-tight",
+			children: [
+				/* @__PURE__ */ D(i, {
+					tag: "span",
+					weight: "medium",
+					className: "text-foreground",
+					children: [
+						c,
+						"–",
+						l
+					]
+				}),
+				" ",
+				o.of,
+				" ",
+				/* @__PURE__ */ E(i, {
+					tag: "span",
+					weight: "medium",
+					className: "text-foreground",
+					children: e.total
+				}),
+				" ",
+				o.entries
+			]
+		}), /* @__PURE__ */ E(P, {
+			"aria-label": o.ariaLabel,
+			className: "w-auto mx-0",
+			children: /* @__PURE__ */ D(F, {
+				className: "gap-0.5",
+				children: [
+					/* @__PURE__ */ E(I, { children: /* @__PURE__ */ E(ve, {
+						text: o.previous,
+						href: "#",
+						onClick: (t) => {
+							t.preventDefault(), u(e.current_page - 1, e.prev_page_url);
+						},
+						"aria-disabled": !d,
+						className: `h-8 text-xs ${d ? "" : "pointer-events-none opacity-40"}`
+					}) }),
+					p.map((t, n) => {
+						let r = t === "ellipsis", i = r ? `ellipsis-${e.current_page}-${n}` : `page-${t}`;
+						return /* @__PURE__ */ E(I, { children: r ? /* @__PURE__ */ E(R, { className: "size-8" }) : /* @__PURE__ */ E(L, {
+							href: "#",
+							isActive: t === e.current_page,
+							onClick: (n) => {
+								n.preventDefault(), u(t, Se(e.path, t, s));
+							},
+							className: "size-8 text-xs",
+							children: t
+						}) }, i);
+					}),
+					/* @__PURE__ */ E(I, { children: /* @__PURE__ */ E(ye, {
+						text: o.next,
+						href: "#",
+						onClick: (t) => {
+							t.preventDefault(), u(e.current_page + 1, e.next_page_url);
+						},
+						"aria-disabled": !f,
+						className: `h-8 text-xs ${f ? "" : "pointer-events-none opacity-40"}`
+					}) })
+				]
+			})
+		})]
+	});
+}
+Ce.displayName = "Pagination";
+//#endregion
+//#region src/components/base/table/table-actions.tsx
+function we(e) {
+	let { row: n, actions: i, menuLabel: a, displayMode: o = "menu", responsiveBreakpoint: s = 1040, strings: c } = e, l = c ?? B, u = a ?? l.actions.triggerLabel, d = S(() => {
+		let e = typeof i == "function" ? i(n) : i;
+		return Array.isArray(e) ? e : [];
+	}, [i, n]), f = S(() => {
+		let e = (e) => typeof e == "function" ? e(n) : e;
+		return d.filter((t) => {
+			let n = e(t.isVisible);
+			return n === void 0 ? !0 : n;
+		}).map((t) => ({
+			...t,
+			disabled: e(t.isDisabled) ?? t.disabled ?? !1
+		}));
+	}, [d, n]), p = f.length > 0, [m, _] = w(!1), y = f.filter((e) => e.variant !== "destructive"), b = f.filter((e) => e.variant === "destructive"), C = [...y, ...b];
+	if (x(() => {
+		if (o !== "auto" || !p) {
+			_(!1);
+			return;
+		}
+		let e = () => {
+			try {
+				_(window.innerWidth <= s);
+			} catch {
+				_(!1);
+			}
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [
+		o,
+		p,
+		s
+	]), !p) return null;
+	let T = o === "auto" ? m ? "menu" : "inline" : o, O = (e) => {
+		if (e) {
+			if (typeof e == "function") return e;
+			if (v(e) && typeof e.type == "function") return e.type;
+		}
+	}, ee = (e) => {
+		switch (e) {
+			case "destructive": return {
+				variant: "error",
+				buttonStyle: "solid"
+			};
+			case "outline": return {
+				variant: "secondary",
+				buttonStyle: "outline"
+			};
+			case "secondary": return {
+				variant: "secondary",
+				buttonStyle: "solid"
+			};
+			case "ghost": return {
+				variant: "secondary",
+				buttonStyle: "ghost"
+			};
+			case "link": return {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				className: "underline underline-offset-4"
+			};
+			default: return {
+				variant: "primary",
+				buttonStyle: "solid"
+			};
+		}
+	}, k = (e) => {
+		switch (e) {
+			case "default": return "primary";
+			case "destructive": return "error";
+			default: return "secondary";
+		}
+	};
+	return T === "inline" ? /* @__PURE__ */ E("div", {
+		className: t("table-actions--component", "flex items-center gap-1"),
+		children: C.map((e, i) => {
+			let a = e.id || `${e.label}-${i}`, o = ee(e.variant ?? "ghost");
+			return /* @__PURE__ */ D(r, {
+				variant: o.variant,
+				buttonStyle: o.buttonStyle,
+				className: t("h-8 text-inherit leading-4", o.className),
+				disabled: !!e.disabled,
+				onClick: () => {
+					e.onClick?.(n);
+				},
+				children: [!!e.icon && /* @__PURE__ */ E("span", {
+					className: "mr-2 inline-flex",
+					children: e.icon
+				}), e.label]
+			}, a);
+		})
+	}) : /* @__PURE__ */ E(g, {
+		label: void 0,
+		icon: le,
+		srText: u || l.actions.srLabel,
+		closeOnSelect: !0,
+		align: "end",
+		density: "table",
+		children: C.map((e, t) => {
+			let r = e.id || `${e.label}-${t}`, i = () => {
+				e.onClick?.(n);
+			}, a = O(e.icon), o = e.icon ? /* @__PURE__ */ E("span", {
+				className: "inline-flex items-center",
+				children: e.icon
+			}) : null, s = a ? null : /* @__PURE__ */ D("div", {
+				className: "flex w-full items-center gap-2",
+				children: [o, /* @__PURE__ */ E("span", { children: e.label })]
+			}), c = k(e.variant);
+			return /* @__PURE__ */ E(h, {
+				label: e.label,
+				icon: a,
+				variant: c,
+				disabled: !!e.disabled,
+				onClick: i,
+				children: s
+			}, r);
+		})
+	});
+}
+we.displayName = "DataTableActions";
+//#endregion
+//#region src/components/base/table/table-helpers.tsx
+var H = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, Te = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, Ee = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, De = (e, t, n, r) => {
+	let i = "";
+	return r && (i += "bg-primary/5 "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
+}, Oe = (e, t, n, r, i) => {
+	let a = "";
+	return typeof n == "string" ? a = n : n && t && (a = n(e, t)), r && i ? `${a} sticky left-0 z-10 bg-card` : a;
+}, ke = (e) => e.getSelectedRowModel().rows.map((e) => e.original), U = (e, t = B) => /* @__PURE__ */ E("div", {
+	className: "px-1",
+	children: /* @__PURE__ */ E(p, {
+		className: "size-3.5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+		checked: e.getIsSelected(),
+		disabled: !e.getCanSelect(),
+		onCheckedChange: (t) => e.toggleSelected(t === !0),
+		onClick: (e) => e.stopPropagation(),
+		"aria-label": t.selection.row(e.index)
+	})
+}), W = (e, t = B) => /* @__PURE__ */ E("div", {
+	className: "px-1",
+	children: /* @__PURE__ */ E(p, {
+		className: "size-3.5 cursor-pointer",
+		checked: e.getIsAllPageRowsSelected(),
+		indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
+		onCheckedChange: (t) => e.toggleAllPageRowsSelected(t === !0),
+		"aria-label": t.selection.selectAll
+	})
+}), Ae = (e, t = B) => [{
+	id: "selection",
+	header: ({ table: e }) => W(e, t),
+	cell: ({ row: e }) => U(e, t),
+	enableSorting: !1,
+	enableResizing: !1,
+	size: 40
+}, ...e];
+//#endregion
+//#region src/components/base/table/table-body.tsx
+function je({ table: e, onRowClick: n, emptyStateMessage: r, emptyStateAction: a, cellClassName: o = "", rowClassName: s = "", stickyFirstColumn: c = !1, striped: l = !1, dense: u = !1, strings: d }) {
+	let f = e.getRowModel().rows, p = r ?? d?.emptyState.message ?? B.emptyState.message, m = (e) => {
+		n && n(e);
+	};
+	return f.length ? /* @__PURE__ */ E(ge, { children: f.map((e, r) => {
+		let i = e.getIsSelected(), a = e.getVisibleCells(), d = De(e, r, s, i), f = () => {
+			n && m(e.original);
+		}, p = t(d, l && r % 2 != 0 ? "bg-muted/30" : "", "transition-colors duration-150", "hover:bg-muted/50 data-[state=selected]:bg-primary/10", n ? "cursor-pointer" : "", "border-b border-border/50 last:border-b-0");
+		return /* @__PURE__ */ E(M, {
+			"data-state": i ? "selected" : null,
+			className: p,
+			onClick: f,
+			children: a.map((n, r) => /* @__PURE__ */ E(_e, {
+				className: t(Oe(n.column.id, e, o, c, r === 0), "first:pl-5 last:pr-5", n.column.columnDef.meta?.align === "end" && "text-right", n.column.columnDef.meta?.align === "center" && "text-center", u && "py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3"),
+				children: j(n.column.columnDef.cell, n.getContext())
+			}, n.id))
+		}, e.id);
+	}) }) : /* @__PURE__ */ E(ge, {
+		className: "table-body--component",
+		children: /* @__PURE__ */ E(M, {
+			className: "hover:bg-transparent",
+			children: /* @__PURE__ */ E(_e, {
+				className: "h-24 text-center",
+				colSpan: e.getAllColumns().length,
+				children: /* @__PURE__ */ D("div", {
+					className: "flex flex-col items-center justify-center py-12 space-y-2",
+					children: [
+						/* @__PURE__ */ E("div", {
+							className: "flex items-center justify-center size-10 rounded-full bg-muted mb-1",
+							children: /* @__PURE__ */ E("svg", {
+								className: "size-5 text-muted-foreground/60",
+								xmlns: "http://www.w3.org/2000/svg",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								strokeWidth: 1.5,
+								stroke: "currentColor",
+								children: /* @__PURE__ */ E("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25-2.25M12 13.875V7.5M3.75 7.5h16.5"
+								})
+							})
+						}),
+						/* @__PURE__ */ E(i, {
+							type: "secondary",
+							weight: "medium",
+							children: p
+						}),
+						!!a && /* @__PURE__ */ E("div", {
+							className: "mt-1",
+							children: a
+						})
+					]
+				})
+			})
+		})
+	});
+}
+je.displayName = "DataTableBody";
+//#endregion
+//#region src/components/base/table/table-header.tsx
+function Me({ table: e, enableResizing: n = !1, stickyHeader: r = !1, headerClassName: i = "", cellClassName: a = "", stickyFirstColumn: o = !1, columnGroups: s, dense: c = !1, headerTransparent: l = !1 }) {
+	let u = e.getHeaderGroups(), d = (e) => s ? s.find((t) => t.columns.includes(e)) : null;
+	return /* @__PURE__ */ D(he, {
+		className: t(r && (l ? "sticky top-[var(--topbar-height)] z-10 bg-background/80 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]" : "sticky top-[var(--topbar-height)] z-10 bg-muted/70 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]"), i),
+		children: [(() => {
+			if (!s || s.length === 0 || u.length === 0) return null;
+			let e = u[0].headers, n = null, r = 0, i = [];
+			return e.forEach((t, a) => {
+				let o = d(t.id)?.header || "";
+				o === n ? r++ : (n !== null && r > 0 && i.push(/* @__PURE__ */ E(N, {
+					colSpan: r,
+					className: "text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40",
+					children: n || ""
+				}, `group-${n}-${i.length}`)), n = o, r = 1), a === e.length - 1 && r > 0 && i.push(/* @__PURE__ */ E(N, {
+					colSpan: r,
+					className: "text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40 whitespace-nowrap",
+					children: n || ""
+				}, `group-${n}-${i.length}`));
+			}), /* @__PURE__ */ E(M, {
+				className: t("table-header--component", "border-b border-border"),
+				children: i
+			});
+		})(), u.map((e) => /* @__PURE__ */ E(M, {
+			className: t("border-b border-border", l ? "bg-transparent hover:bg-transparent" : "bg-muted/70 hover:bg-muted/70"),
+			children: e.headers.map((e, r) => {
+				let i = t(Oe(e.id, null, a, o, r === 0), "first:pl-5 last:pr-5", c && "px-2 py-1.5 first:pl-3 last:pr-3 text-xxs", "text-muted-foreground font-medium whitespace-nowrap", e.column.columnDef.meta?.align === "end" && "text-right", e.column.columnDef.meta?.align === "center" && "text-center", "bg-transparent"), s = n ? { position: "relative" } : void 0, l = e.getResizeHandler(), u = e.column.getIsResizing(), d = (() => {
+					let t = e.column.columnDef.header;
+					return typeof t == "string" ? t : typeof e.id == "string" ? e.id : "column";
+				})();
+				return /* @__PURE__ */ E(N, {
+					className: i,
+					style: s,
+					children: e.isPlaceholder ? null : /* @__PURE__ */ D("div", { children: [(() => {
+						let n = e.column.getCanSort(), r = e.column.getIsSorted(), i = j(e.column.columnDef.header, e.getContext()), a = r === "asc" ? ee : r === "desc" ? O : ae;
+						return n ? /* @__PURE__ */ D("button", {
+							type: "button",
+							onClick: e.column.getToggleSortingHandler(),
+							className: t("group inline-flex items-center gap-1.5 select-none -ml-1 px-1 rounded", "hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r && "text-foreground"),
+							"aria-label": `Sort ${d}`,
+							children: [i, /* @__PURE__ */ E(a, {
+								className: t("size-3 shrink-0 transition-opacity", r ? "opacity-100" : "opacity-30 group-hover:opacity-70"),
+								"aria-hidden": "true"
+							})]
+						}) : /* @__PURE__ */ E("div", {
+							className: t("flex items-center", e.column.columnDef.meta?.align === "end" && "justify-end", e.column.columnDef.meta?.align === "center" && "justify-center"),
+							children: i
+						});
+					})(), !!n && /* @__PURE__ */ E("button", {
+						type: "button",
+						className: t("absolute top-0 right-0 h-full w-1 cursor-col-resize select-none touch-none bg-foreground bg-opacity-50 opacity-0 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none", u && "!bg-primary-600 bg-opacity-100"),
+						"aria-label": `Resize ${d}`,
+						"aria-orientation": "vertical",
+						onMouseDown: l,
+						onTouchStart: l
+					})] })
+				}, e.id);
+			})
+		}, e.id))]
+	});
+}
+Me.displayName = "DataTableHeader";
+//#endregion
+//#region src/components/base/table/table-toolbar.tsx
+var G = 300, K = "inline-flex items-center justify-center h-7 w-7 rounded-none text-muted-foreground/70 hover:bg-muted hover:text-foreground transition-colors duration-150 disabled:opacity-30 disabled:pointer-events-none";
+function Ne({ label: e, onClick: n, disabled: r, className: i, children: a }) {
+	return /* @__PURE__ */ E("button", {
+		type: "button",
+		"aria-label": e,
+		className: t("table-toolbar--component", K, i),
+		onClick: n,
+		disabled: r,
+		children: a
+	});
+}
+function q(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function Pe({ table: e, tableAreaRef: n, dense: r, onDenseChange: i, enableColumnVisibility: a = !1, strings: o = B }) {
+	let [s, c] = w(!1), [l, u] = w(!1), d = C(0), f = C(null), p = y(() => {
+		let e = q(n.current);
+		if (!e) {
+			c(!1), u(!1);
+			return;
+		}
+		let { scrollLeft: t, scrollWidth: r, clientWidth: i } = e;
+		c(t > 1), u(t + i < r - 1);
+	}, [n]);
+	x(() => {
+		let e = window.setTimeout(() => {
+			let e = q(n.current);
+			if (!e) return;
+			p();
+			let t = () => {
+				cancelAnimationFrame(d.current), d.current = requestAnimationFrame(p);
+			};
+			e.addEventListener("scroll", t, { passive: !0 });
+			let r = new ResizeObserver(p);
+			r.observe(e), e.firstElementChild && r.observe(e.firstElementChild), f.current = () => {
+				e.removeEventListener("scroll", t), cancelAnimationFrame(d.current), r.disconnect();
+			};
+		}, 0);
+		return () => {
+			window.clearTimeout(e), f.current?.();
+		};
+	}, [
+		n,
+		p,
+		r
+	]);
+	let m = y(() => {
+		q(n.current)?.scrollBy({
+			left: -300,
+			behavior: "smooth"
+		});
+	}, [n]), h = y(() => {
+		q(n.current)?.scrollBy({
+			left: G,
+			behavior: "smooth"
+		});
+	}, [n]), g = y(() => {
+		i(!r);
+	}, [r, i]), _ = a ? e.getAllColumns().filter((e) => e.getCanHide()) : [], v = s || l, b = a && _.length > 0, S = r ? o.toolbar.comfortable : o.toolbar.dense;
+	return /* @__PURE__ */ D("div", {
+		className: "flex items-center rounded-md border border-border bg-card",
+		children: [
+			!!v && /* @__PURE__ */ D(T, { children: [
+				/* @__PURE__ */ E(Ne, {
+					label: o.toolbar.scrollLeft,
+					onClick: m,
+					disabled: !s,
+					className: "rounded-l-[calc(theme(borderRadius.md)-1px)]",
+					children: /* @__PURE__ */ E(te, { className: "h-3.5 w-3.5" })
+				}),
+				/* @__PURE__ */ E(Ne, {
+					label: o.toolbar.scrollRight,
+					onClick: h,
+					disabled: !l,
+					children: /* @__PURE__ */ E(re, { className: "h-3.5 w-3.5" })
+				}),
+				/* @__PURE__ */ E("div", { className: "h-4 w-px bg-border" })
+			] }),
+			!!b && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(Fe, {
+				columns: _,
+				strings: o,
+				roundLeft: !v
+			}), /* @__PURE__ */ E("div", { className: "h-4 w-px bg-border" })] }),
+			/* @__PURE__ */ E(Ne, {
+				label: S,
+				onClick: g,
+				className: t("rounded-r-[calc(theme(borderRadius.md)-1px)]", !v && !b && "rounded-l-[calc(theme(borderRadius.md)-1px)]"),
+				children: E(r ? A : ce, { className: "h-3.5 w-3.5" })
+			})
+		]
+	});
+}
+function Fe({ columns: e, strings: n, roundLeft: r }) {
+	return /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(s, { render: (e) => /* @__PURE__ */ E("button", {
+		...e,
+		type: "button",
+		"aria-label": n.toolbar.columns,
+		className: t(K, e.className, r && "rounded-l-[calc(theme(borderRadius.md)-1px)]"),
+		children: /* @__PURE__ */ E(oe, { className: "h-3.5 w-3.5" })
+	}) }), /* @__PURE__ */ D(u, {
+		align: "end",
+		className: "w-[200px]",
+		children: [
+			/* @__PURE__ */ E(l, { children: n.columnVisibility.title }),
+			/* @__PURE__ */ E(o, {}),
+			e.map((e) => {
+				let t = e.columnDef.header, r = n.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ E(c, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: r
+				}, e.id);
+			})
+		]
+	})] });
+}
+Pe.displayName = "DataTableToolbar";
+//#endregion
+//#region src/components/base/table/data-table.tsx
+var Ie = _("xs");
+function Le() {
+	return b(Ie);
+}
+var Re = {
+	xs: "[&_th]:text-xxs [&_td]:text-xs   [&_th]:py-1.5 [&_td]:py-1.5 [&_th]:px-2   [&_td]:px-2   [&_th]:h-8",
+	sm: "[&_th]:text-xxs [&_td]:text-sm   [&_th]:py-2   [&_td]:py-2   [&_th]:px-2.5 [&_td]:px-2.5 [&_th]:h-10",
+	base: "[&_th]:text-xs  [&_td]:text-base [&_th]:py-3.5 [&_td]:py-3   [&_th]:px-4   [&_td]:px-3   [&_th]:h-14"
+}, ze = (e) => {
+	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+};
+function Be({ size: n, surface: a = "card", headerTransparent: o = !0, columns: s, data: c, columnGroups: l, rowActions: u, rowActionsMenuLabel: d, rowActionsDisplayMode: f, rowActionsBreakpoint: p, enableSorting: h = !1, manualSorting: g = !1, enableColumnVisibility: _ = !1, enableRowSelection: v = !1, enableMultiRowSelection: b = !0, enableSubRowSelection: x = !1, pagination: O, pageQueryKey: ee, onPageChange: k, onSort: te, onRowClick: ne, onRowSelectionChange: re, stickyHeader: ie = !1, stickyToolbar: ae = !1, stickyFirstColumn: oe = !1, maxBodyHeight: se, fillAvailableHeight: A = !1, emptyStateMessage: ce, emptyStateAction: le, className: ue = "", rowClassName: de = "", cellClassName: j = "", headerClassName: he = "", wrapperClassName: ge = "", innerClassName: M = "overflow-x-auto", tableContainerClassName: N = "", getRowId: _e, rowSelection: P, initialState: F, onColumnVisibilityChange: I, strings: L, topbarContent: ve, footerContent: ye, selectionToolbar: R, bulkActions: z, selectionToolbarClassName: B, storageKey: V }) {
+	let { defaultSize: xe } = e(), Se = n ?? xe ?? "xs", H = S(() => be(L), [L]), De = t("bg-card", de), Oe = ce ?? H.emptyState.message, ke = ee ?? "page", U = ze(se), W = Array.isArray(s) && s.length === 2 && Array.isArray(s[1]) ? s[0] : s, G = S(() => V ? `dt.${V}.columns` : null, [V]), K = S(() => V ? `dt.${V}.dense` : null, [V]), Ne = S(() => {
+		if (!G || typeof window > "u") return F?.columnVisibility || {};
+		try {
+			let e = window.localStorage.getItem(G);
+			return {
+				...e ? JSON.parse(e) : {},
+				...F?.columnVisibility || {}
+			};
+		} catch {
+			return F?.columnVisibility || {};
+		}
+	}, [G, F?.columnVisibility]), q = S(() => {
+		if (!K || typeof window > "u") return !1;
+		try {
+			return window.localStorage.getItem(K) === "1";
+		} catch {
+			return !1;
+		}
+	}, [K]), [Fe, Le] = w(F?.sorting || []), [Be, Ve] = w(Ne), [He, Ue] = w(F?.rowSelection || {}), [J, We] = w(q), Y = P ?? He, Ge = J || A || U !== void 0, Ke = C(null), qe = y((e) => {
+		Te(e, Le, te);
+	}, [te]), Je = y((e) => {
+		Ee(e, Ve, (e) => {
+			if (G && typeof window < "u") try {
+				window.localStorage.setItem(G, JSON.stringify(e));
+			} catch {}
+			I && I(e);
+		});
+	}, [G, I]), Ye = y((e) => {
+		let t = typeof e == "function" ? e(Y) : e;
+		P === void 0 && Ue(t), re?.(t);
+	}, [
+		P,
+		re,
+		Y
+	]), Xe = y((e) => {
+		if (We(e), K && typeof window < "u") try {
+			window.localStorage.setItem(K, e ? "1" : "0");
+		} catch {}
+	}, [K]), Ze = y((e) => typeof d == "function" ? d(e) : d ?? H.actions.triggerLabel, [d, H.actions.triggerLabel]), X = pe({
+		data: c,
+		columns: S(() => {
+			let e = v ? Ae(W, H) : W;
+			if (!u) return e;
+			let t = {
+				id: "actions",
+				header: H.actions.triggerLabel,
+				cell: ({ row: e }) => /* @__PURE__ */ E(we, {
+					row: e.original,
+					actions: u,
+					menuLabel: Ze(e.original),
+					displayMode: f,
+					responsiveBreakpoint: p,
+					strings: H
+				}),
+				enableSorting: !1,
+				enableHiding: !1,
+				size: 40
+			};
+			return [...e, t];
+		}, [
+			W,
+			v,
+			u,
+			Ze,
+			p,
+			f,
+			H
+		]),
+		state: {
+			sorting: Fe,
+			columnVisibility: Be,
+			rowSelection: Y
+		},
+		enableSorting: h,
+		manualSorting: g,
+		enableRowSelection: v,
+		enableMultiRowSelection: b,
+		enableSubRowSelection: x,
+		onSortingChange: h && g ? qe : void 0,
+		onRowSelectionChange: v ? Ye : void 0,
+		onColumnVisibilityChange: Je,
+		getCoreRowModel: fe(),
+		getRowId: _e
+	}), Qe = O && O.last_page > 1, Z = X.getSelectedRowModel().rows.map((e) => e.original), Q = Z.length, $e = y(() => {
+		X.resetRowSelection();
+	}, [X]), $ = {
+		table: X,
+		selectedRows: Z,
+		selectedRowCount: Q,
+		totalRowCount: c.length,
+		rowSelection: Y,
+		clearSelection: $e
+	}, et = typeof z == "function" ? z($) : z, tt = Q > 0 ? /* @__PURE__ */ D("div", {
+		"data-component": "data-table-selection-toolbar",
+		"data-slot": "data-table-selection-toolbar",
+		className: t("data-table-selection-toolbar--component flex min-w-0 flex-col gap-2 border-b border-border/70 bg-muted/35 px-5 py-2.5 sm:flex-row sm:items-center sm:justify-between", ae && "sticky top-0 z-20 bg-card/95 backdrop-blur", B),
+		children: [/* @__PURE__ */ E(i, {
+			className: "data-table-selection-toolbar--summary min-w-0",
+			children: H.selection.summary(Q, c.length)
+		}), /* @__PURE__ */ D("div", {
+			"data-slot": "data-table-selection-toolbar-actions",
+			className: "data-table-selection-toolbar--actions flex shrink-0 flex-wrap items-center gap-2",
+			children: [et, /* @__PURE__ */ E(r, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: $e,
+				children: H.selection.clear
+			})]
+		})]
+	}) : null, nt = !v || Q === 0 || R === null || R === !1 ? null : typeof R == "function" ? R($) : R ?? tt, rt = S(() => {
+		if (U) return { maxHeight: U };
+	}, [U]), it = Ie.Provider;
+	return /* @__PURE__ */ E(it, {
+		value: Se,
+		children: /* @__PURE__ */ D("div", {
+			className: t(J ? "fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6" : t("w-full min-w-0 max-w-full", A && "flex h-full min-h-0 flex-col", a === "card" && "overflow-hidden rounded-lg border border-border bg-card shadow-[0_1px_3px_0_color-mix(in_oklch,var(--foreground)_4%,transparent)]", a === "glass" && "rounded-md overflow-hidden border border-border/60", ge)),
+			children: [
+				!!(ve || _) && /* @__PURE__ */ D("div", {
+					className: t("relative", ae && "sticky top-0 z-20 bg-card/95 backdrop-blur"),
+					children: [/* @__PURE__ */ D("div", {
+						className: t("data-table-topbar flex items-end justify-between gap-4 px-5 py-3.5", J ? "mb-3 shrink-0" : "mb-0"),
+						children: [/* @__PURE__ */ E("div", {
+							className: "data-table-topbar-left flex-1",
+							children: ve
+						}), /* @__PURE__ */ E("div", {
+							className: "data-table-topbar-right flex items-center justify-end",
+							children: /* @__PURE__ */ E(Pe, {
+								table: X,
+								tableAreaRef: Ke,
+								dense: J,
+								onDenseChange: Xe,
+								enableColumnVisibility: _,
+								strings: H
+							})
+						})]
+					}), /* @__PURE__ */ E(m, {})]
+				}),
+				nt,
+				/* @__PURE__ */ E("div", {
+					ref: Ke,
+					style: rt,
+					className: t(Ge ? "min-h-0 overflow-auto" : M, (J || A) && "flex-1"),
+					children: /* @__PURE__ */ D(me, {
+						className: t("relative", Re[Se], ue),
+						containerClassName: N,
+						children: [/* @__PURE__ */ E(Me, {
+							table: X,
+							stickyHeader: ie,
+							headerClassName: he,
+							cellClassName: j,
+							stickyFirstColumn: oe,
+							columnGroups: l,
+							dense: J,
+							headerTransparent: o
+						}), /* @__PURE__ */ E(je, {
+							table: X,
+							onRowClick: ne,
+							emptyStateMessage: Oe,
+							emptyStateAction: le,
+							cellClassName: j,
+							rowClassName: De,
+							stickyFirstColumn: oe,
+							strings: H,
+							dense: J
+						})]
+					})
+				}),
+				!!Qe && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(m, {}), /* @__PURE__ */ E(Ce, {
+					pagination: O,
+					onPageChange: k,
+					pageQueryKey: ke,
+					labels: H.pagination
+				})] }),
+				!!ye && /* @__PURE__ */ E("div", {
+					"data-slot": "data-table-footer",
+					className: "data-table--footer border-t border-border/70 px-5 py-3",
+					children: ye
+				})
+			]
+		})
+	});
+}
+Be.displayName = "DataTable";
+//#endregion
+//#region src/components/base/table/filter-bar.tsx
+function Ve({ table: e, filterColumn: n, filterPlaceholder: i, enableColumnVisibility: a = !1, customContent: o, strings: p = B }) {
+	if (!n && !a && !o) return null;
+	let m = i ?? p.filter.searchPlaceholder;
+	return /* @__PURE__ */ D("div", {
+		className: t("filter-bar--component", "flex items-center justify-between p-4"),
+		children: [/* @__PURE__ */ D("div", {
+			className: "flex flex-1 items-center space-x-2",
+			children: [!!n && /* @__PURE__ */ E(f, {
+				placeholder: m,
+				value: e.getColumn(n)?.getFilterValue() ?? "",
+				onChange: (t) => {
+					let r = t.target.value;
+					e.getColumn(n)?.setFilterValue(r);
+				},
+				className: "max-w-sm"
+			}), o]
+		}), !!a && /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(s, { render: (e) => /* @__PURE__ */ E(r, {
+			...e,
+			variant: "secondary",
+			buttonStyle: "outline",
+			className: "ml-auto",
+			children: p.columnVisibility.triggerLabel
+		}) }), /* @__PURE__ */ D(u, {
+			align: "end",
+			children: [/* @__PURE__ */ E(l, { children: p.columnVisibility.title }), e.getAllColumns().filter((e) => e.getCanHide()).map((e) => {
+				let t = e.columnDef.header, n = p.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ E(c, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: n
+				}, e.id);
+			})]
+		})] })]
+	});
+}
+Ve.displayName = "DataTableFilterBar";
+//#endregion
+//#region src/components/base/table/table-pagination.tsx
+function He({ table: e, selectedRowCount: n, totalRowCount: a, strings: o = B }) {
+	let s = n ?? e.getFilteredSelectedRowModel().rows.length, c = a ?? e.getFilteredRowModel().rows.length, l = o.selection.summary(s, c);
+	return /* @__PURE__ */ D("div", {
+		className: t("table-pagination--component", "flex items-center justify-end space-x-2 px-4 py-4"),
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ E(i, {
+					type: "secondary",
+					children: l
+				})
+			}),
+			/* @__PURE__ */ E(r, {
+				variant: "secondary",
+				buttonStyle: "outline",
+				onClick: () => e.previousPage(),
+				disabled: !e.getCanPreviousPage(),
+				children: o.pagination.previous
+			}),
+			/* @__PURE__ */ E(r, {
+				variant: "secondary",
+				buttonStyle: "outline",
+				onClick: () => e.nextPage(),
+				disabled: !e.getCanNextPage(),
+				children: o.pagination.next
+			})
+		]
+	});
+}
+He.displayName = "DataTablePagination";
+//#endregion
+//#region src/components/base/table/column-visibility-toggle.tsx
+function Ue({ table: e, className: n, align: i = "end", strings: a = B }) {
+	let f = e.getAllColumns().filter((e) => e.getCanHide());
+	return f.length === 0 ? null : /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ D(s, {
+		render: (e) => /* @__PURE__ */ E(r, {
+			...e,
+			variant: "secondary",
+			buttonStyle: "outline",
+			className: t("column-visibility-toggle--component", "h-8 flex items-center gap-2", e.className, n),
+			children: e.children
+		}),
+		children: [/* @__PURE__ */ E(de, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
+			className: "hidden sm:inline",
+			children: a.columnVisibility.triggerLabel
+		})]
+	}), /* @__PURE__ */ D(u, {
+		align: i,
+		className: "w-[200px]",
+		children: [
+			/* @__PURE__ */ E(l, { children: a.columnVisibility.title }),
+			/* @__PURE__ */ E(o, {}),
+			f.map((e) => {
+				let t = e.columnDef.header, n = a.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ E(c, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: n
+				}, e.id);
+			})
+		]
+	})] });
+}
+Ue.displayName = "ColumnVisibilityToggle";
+//#endregion
+//#region src/components/base/table/partials/cell-value.tsx
+function J({ value: e, fallback: n = "--", missing: r, className: a, children: o }) {
+	let s = r ?? (e == null || e === "");
+	return o === void 0 ? s ? /* @__PURE__ */ E(i, {
+		tag: "span",
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", a),
+		children: n
+	}) : /* @__PURE__ */ E(i, {
+		tag: "span",
+		size: "inherit",
+		className: a,
+		children: String(e)
+	}) : /* @__PURE__ */ E(i, {
+		tag: "span",
+		size: "inherit",
+		type: s ? "secondary" : "main",
+		className: t(s && "opacity-60", a),
+		children: o
+	});
+}
+J.displayName = "CellValue";
+//#endregion
+//#region src/components/base/table/partials/table-link.tsx
+var We = (e) => /* @__PURE__ */ E("a", {
+	className: "text-foreground underline decoration-border decoration-dotted underline-offset-2 transition-colors duration-150 hover:text-foreground hover:decoration-muted-foreground",
+	...e,
+	children: e.children
+});
+//#endregion
+//#region src/components/base/table/partials/cell-renderers.tsx
+function Y({ value: e, map: n, emptyLabel: r = "—", className: o }) {
+	if (!e || !(e in n)) return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", o),
+		children: r
+	});
+	let s = n[e], c = s.icon;
+	return /* @__PURE__ */ D(a, {
+		variant: s.variant ?? "secondary",
+		className: t("gap-1.5", o),
+		children: [!!c && /* @__PURE__ */ E(c, { className: "size-3" }), s.label]
+	});
+}
+Y.displayName = "StatusCell";
+function Ge({ items: e = [], emptyLabel: n = "—", className: r, badgeClassName: o }) {
+	let s = e.filter((e) => !e.hidden);
+	return s.length === 0 ? /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", r),
+		children: n
+	}) : /* @__PURE__ */ E("span", {
+		className: t("inline-flex min-w-0 flex-wrap items-center gap-1.5", r),
+		children: s.map((e, n) => {
+			let r = e.icon;
+			return /* @__PURE__ */ D(a, {
+				variant: e.variant ?? "secondary",
+				dot: e.dot,
+				className: t("shrink-0", o),
+				children: [!!r && /* @__PURE__ */ E(r, { className: "size-3" }), e.label]
+			}, e.id ?? n);
+		})
+	});
+}
+Ge.displayName = "StatusClusterCell";
+var Ke = {
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+};
+function qe({ value: e, options: n = Ke, locale: r, showIcon: a = !0, icon: o = k, emptyLabel: s = "—", className: c }) {
+	if (e == null || e === "") return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", c),
+		children: s
+	});
+	let l = e instanceof Date ? e : new Date(e);
+	if (Number.isNaN(l.getTime())) return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", c),
+		children: s
+	});
+	let u = new Intl.DateTimeFormat(r, n);
+	return /* @__PURE__ */ D("span", {
+		className: t("inline-flex items-center gap-1.5 tabular-nums", c),
+		children: [!!a && /* @__PURE__ */ E(o, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ E(i, {
+			size: "inherit",
+			type: "secondary",
+			children: u.format(l)
+		})]
+	});
+}
+qe.displayName = "DateCell";
+function Je({ value: e, options: n = Ke, locale: r, showIcon: a = !0, icon: o = k, emptyLabel: s = "—", className: c, primaryClassName: l, secondary: u, secondaryClassName: d }) {
+	if (e == null || e === "") return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", c),
+		children: s
+	});
+	let f = e instanceof Date ? e : new Date(e);
+	if (Number.isNaN(f.getTime())) return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", c),
+		children: s
+	});
+	let p = new Intl.DateTimeFormat(r, n), m = typeof u == "function" ? u(f) : u;
+	return /* @__PURE__ */ D("span", {
+		className: t("inline-flex min-w-0 items-start gap-1.5", c),
+		children: [!!a && /* @__PURE__ */ E(o, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ D("span", {
+			className: "grid min-w-0 gap-0.5",
+			children: [/* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: t("truncate tabular-nums", l),
+				children: p.format(f)
+			}), !!m && /* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				className: t("truncate opacity-75", d),
+				children: m
+			})]
+		})]
+	});
+}
+Je.displayName = "DateMetaCell";
+function Ye({ value: e, currency: n, locale: r, emptyLabel: a = "—", className: o, weight: s = "semibold" }) {
+	let c = typeof e == "number" ? e : Number.parseFloat(String(e ?? ""));
+	if (!Number.isFinite(c)) return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", o),
+		children: a
+	});
+	let l = n ? new Intl.NumberFormat(r, {
+		style: "currency",
+		currency: n,
+		maximumFractionDigits: 2
+	}).format(c) : c.toFixed(2);
+	return /* @__PURE__ */ E(i, {
+		tag: "span",
+		size: "inherit",
+		weight: s,
+		className: t("tabular-nums", o),
+		children: l
+	});
+}
+Ye.displayName = "CurrencyCell";
+function Xe(e) {
+	return e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
+}
+function Ze({ name: e, imageUrl: n, icon: r = se, subtitle: a, emptyLabel: o = "—", className: s }) {
+	return !e || e.trim().length === 0 ? /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", s),
+		children: o
+	}) : /* @__PURE__ */ D("span", {
+		className: t("inline-flex items-center gap-2", s),
+		children: [/* @__PURE__ */ E("span", {
+			className: "relative inline-flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground",
+			children: n ? /* @__PURE__ */ E("img", {
+				src: n,
+				alt: e,
+				className: "absolute inset-0 size-full object-cover"
+			}) : e.length > 0 ? /* @__PURE__ */ E(i, {
+				size: "xs",
+				weight: "semibold",
+				className: "leading-none",
+				children: Xe(e)
+			}) : /* @__PURE__ */ E(r, { className: "size-3.5" })
+		}), /* @__PURE__ */ D("span", {
+			className: "min-w-0 inline-flex flex-col",
+			children: [/* @__PURE__ */ E(i, {
+				size: "inherit",
+				weight: "medium",
+				className: "truncate",
+				children: e
+			}), !!a && /* @__PURE__ */ E(i, {
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: a
+			})]
+		})]
+	});
+}
+Ze.displayName = "AvatarCell";
+function X(e, t) {
+	if (e && typeof e == "object" && !("type" in e) && "label" in e) {
+		let n = e.icon;
+		return /* @__PURE__ */ D(a, {
+			variant: e.variant ?? "secondary",
+			dot: e.dot,
+			children: [!!n && /* @__PURE__ */ E(n, { className: "size-3" }), e.label]
+		}, e.id ?? t);
+	}
+	return /* @__PURE__ */ E("span", { children: e }, t);
+}
+function Qe(e) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ E("span", {
+		className: "inline-flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
+		children: e.map((e, t) => /* @__PURE__ */ D("span", {
+			className: "inline-flex min-w-0 items-center gap-1",
+			children: [!!e.label && /* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "xxs",
+				type: "secondary",
+				className: "shrink-0 opacity-70",
+				children: e.label
+			}), /* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "xxs",
+				type: "secondary",
+				className: "truncate",
+				children: e.value
+			})]
+		}, e.id ?? t))
+	}) : e : null;
+}
+function Z({ title: e, subtitle: n, metadata: r, badges: a = [], imageUrl: o, icon: s = se, fallback: c, href: l, renderLink: u, emptyLabel: d = "—", className: f, mediaClassName: p, contentClassName: m, titleClassName: h, subtitleClassName: g }) {
+	if (!e) return /* @__PURE__ */ E(i, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", f),
+		children: d
+	});
+	let _ = typeof e == "string" ? e : void 0, v = _ ? Xe(_) : "", y = /* @__PURE__ */ D("span", {
+		className: t("resource-cell--content grid min-w-0 gap-0.5", m),
+		children: [
+			/* @__PURE__ */ D("span", {
+				className: "resource-cell--title-row flex min-w-0 items-center gap-1.5",
+				children: [/* @__PURE__ */ E(i, {
+					tag: "span",
+					size: "inherit",
+					weight: "medium",
+					className: t("resource-cell--title truncate", h),
+					children: e
+				}), a.length > 0 && /* @__PURE__ */ E("span", {
+					className: "resource-cell--badges inline-flex shrink-0 items-center gap-1",
+					children: a.map(X)
+				})]
+			}),
+			!!n && /* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				className: t("resource-cell--subtitle truncate", g),
+				children: n
+			}),
+			!!r && /* @__PURE__ */ E("span", {
+				className: "resource-cell--metadata min-w-0",
+				children: Qe(r)
+			})
+		]
+	}), b = /* @__PURE__ */ D("span", {
+		className: t("resource-cell--component inline-flex min-w-0 items-center gap-2", f),
+		children: [/* @__PURE__ */ E("span", {
+			className: t("resource-cell--media relative inline-flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground", p),
+			children: o ? /* @__PURE__ */ E("img", {
+				src: o,
+				alt: _ ?? "",
+				className: "absolute inset-0 size-full object-cover"
+			}) : c || (v ? /* @__PURE__ */ E(i, {
+				size: "xs",
+				weight: "semibold",
+				className: "leading-none",
+				children: v
+			}) : /* @__PURE__ */ E(s, { className: "size-3.5" }))
+		}), y]
+	});
+	if (!l) return b;
+	let x = "resource-cell--link inline-flex min-w-0 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+	return u ? u({
+		href: l,
+		children: b,
+		className: x,
+		"aria-label": _
+	}) : /* @__PURE__ */ E("a", {
+		href: l,
+		className: x,
+		"aria-label": _,
+		children: b
+	});
+}
+Z.displayName = "ResourceCell";
+var Q = Z, $e = 300;
+function $(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function et(e, t = {}) {
+	let { stepPx: n = $e, deps: r = [] } = t, [i, a] = w(!1), [o, s] = w(!1), c = C(0), l = y(() => {
+		let t = $(e.current);
+		if (!t) {
+			a(!1), s(!1);
+			return;
+		}
+		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = t;
+		a(n > 1), s(n + i < r - 1);
+	}, [e]);
+	x(() => {
+		let t = window.setTimeout(() => {
+			let t = $(e.current);
+			if (!t) return;
+			l();
+			let n = () => {
+				cancelAnimationFrame(c.current), c.current = requestAnimationFrame(l);
+			};
+			t.addEventListener("scroll", n, { passive: !0 });
+			let r = new ResizeObserver(l);
+			return r.observe(t), t.firstElementChild && r.observe(t.firstElementChild), () => {
+				t.removeEventListener("scroll", n), cancelAnimationFrame(c.current), r.disconnect();
+			};
+		}, 0);
+		return () => window.clearTimeout(t);
+	}, [
+		e,
+		l,
+		...r
+	]);
+	let u = y((t) => {
+		$(e.current)?.scrollBy({
+			left: t,
+			behavior: "smooth"
+		});
+	}, [e]);
+	return {
+		canScrollLeft: i,
+		canScrollRight: o,
+		scrollBy: u,
+		scrollLeft: y(() => u(-n), [u, n]),
+		scrollRight: y(() => u(n), [u, n])
+	};
+}
+function tt(e, t = !1) {
+	let [n, r] = w((() => {
+		if (!e || typeof window > "u") return t;
+		try {
+			let n = window.localStorage.getItem(e);
+			return n === "1" ? !0 : n === "0" ? !1 : t;
+		} catch {
+			return t;
+		}
+	})());
+	return [n, y((t) => {
+		if (r(t), e && typeof window < "u") try {
+			window.localStorage.setItem(e, t ? "1" : "0");
+		} catch {}
+	}, [e])];
+}
+//#endregion
+//#region src/components/base/table/partials/density-toggle.tsx
+var nt = "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30";
+function rt({ dense: e, onChange: n, denseLabel: r = "Dense", comfortableLabel: i = "Comfortable", className: a }) {
+	let o = e ? i : r, s = e ? A : ce;
+	return /* @__PURE__ */ E("button", {
+		type: "button",
+		"aria-label": o,
+		"aria-pressed": e,
+		onClick: () => n(!e),
+		className: t(nt, a),
+		children: /* @__PURE__ */ E(s, { className: "size-3.5" })
+	});
+}
+rt.displayName = "DensityToggle";
+//#endregion
+export { H as A, Ae as C, De as D, Oe as E, be as F, we as M, Ce as N, ke as O, B as P, je as S, U as T, Ve as _, Ze as a, Pe as b, Je as c, Y as d, Ge as f, He as g, Ue as h, tt as i, Te as j, Ee as k, Q as l, J as m, $ as n, Ye as o, We as p, et as r, qe as s, rt as t, Z as u, Be as v, W as w, Me as x, Le as y };
+
+//# sourceMappingURL=table-Ct3nl0lV.js.map