admin-ui-starter-kit 0.5.0 → 0.6.1

package/dist/_shared/table-CUA_A-oO.js

@@ -0,0 +1,1377 @@
+import { d as e } from "./ui-provider-Dj6OSOZi.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-DlqryxqA.js";
+import { t as r } from "./button-DHksjMvc.js";
+import { s as i } from "./typography-DE0NGEIE.js";
+import { t as a } from "./badge-a2Z3K5aQ.js";
+import { d as o, g as s, i as c, n as l, o as u, r as d, t as f } from "./dropdown-menu-CoWmrjYX.js";
+import { t as p } from "./input-CfnHBT--.js";
+import { t as m } from "./checkbox-Cbh5x6ad.js";
+import { t as h } from "./separator-B8FBp-7E.js";
+import { n as g, t as _ } from "./action-menu-CNS-fwQr.js";
+import { createContext as v, isValidElement as y, useCallback as b, useContext as x, useEffect as ee, 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 te, Calendar as ne, ChevronLeft as re, ChevronLeftIcon as ie, ChevronRight as ae, ChevronRightIcon as oe, ChevronsUpDown as se, Mail as k, Maximize2 as ce, Minimize2 as A, MoreHorizontal as le, MoreHorizontalIcon as ue, Settings2 as de } from "lucide-react";
+import { flexRender as fe, getCoreRowModel as pe, useReactTable as me } from "@tanstack/react-table";
+//#region src/components/ui/table.tsx
+function he({ 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 ge({ className: e, ...n }) {
+	return /* @__PURE__ */ E("thead", {
+		"data-slot": "table-header",
+		className: t("[&_tr]:border-b", e),
+		...n
+	});
+}
+function _e({ className: e, ...n }) {
+	return /* @__PURE__ */ E("tbody", {
+		"data-slot": "table-body",
+		className: t("[&_tr:last-child]:border-0", e),
+		...n
+	});
+}
+function j({ 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 M({ 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 ve({ 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 ye({ 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 N({ className: e, ...n }) {
+	return /* @__PURE__ */ E("ul", {
+		"data-slot": "pagination-content",
+		className: t("gap-1 flex items-center", e),
+		...n
+	});
+}
+function P({ ...e }) {
+	return /* @__PURE__ */ E("li", {
+		"data-slot": "pagination-item",
+		...e
+	});
+}
+function F({ 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 be({ className: e, text: n = "Previous", ...r }) {
+	return /* @__PURE__ */ D(F, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: t("pl-2!", e),
+		...r,
+		children: [/* @__PURE__ */ E(ie, { "data-icon": "inline-start" }), /* @__PURE__ */ E("span", {
+			className: "hidden sm:block",
+			children: n
+		})]
+	});
+}
+function xe({ className: e, text: n = "Next", ...r }) {
+	return /* @__PURE__ */ D(F, {
+		"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(oe, { "data-icon": "inline-end" })]
+	});
+}
+function Se({ 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 I = (e) => {
+	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
+}, L = {
+	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 : I(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"
+	},
+	accessibility: { scrollRegion: "Table scroll area" }
+}, R = (e, t) => ({
+	...e,
+	...t ?? {}
+}), Ce = (e) => e ? {
+	emptyState: R(L.emptyState, e.emptyState),
+	actions: R(L.actions, e.actions),
+	filter: R(L.filter, e.filter),
+	columnVisibility: R(L.columnVisibility, e.columnVisibility),
+	toolbar: R(L.toolbar, e.toolbar),
+	pagination: R(L.pagination, e.pagination),
+	selection: R(L.selection, e.selection),
+	accessibility: R(L.accessibility, e.accessibility)
+} : L;
+//#endregion
+//#region src/components/base/table/pagination.tsx
+function z(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 we(e, t, n) {
+	let r = new URLSearchParams();
+	return r.set(n, String(t)), `${e}?${r.toString()}`;
+}
+function Te({ pagination: e, onPageChange: n, labels: r = {}, pageQueryKey: a }) {
+	let o = {
+		...L.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 = b((t, r) => {
+		r && n?.(t, r, e.path || "");
+	}, [n, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = z(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(ye, {
+			"aria-label": o.ariaLabel,
+			className: "w-auto mx-0",
+			children: /* @__PURE__ */ D(N, {
+				className: "gap-0.5",
+				children: [
+					/* @__PURE__ */ E(P, { children: /* @__PURE__ */ E(be, {
+						text: o.previous,
+						href: "#",
+						onClick: (t) => {
+							t.preventDefault(), u(e.current_page - 1, e.prev_page_url);
+						},
+						"aria-disabled": !d,
+						className: `h-control-sm 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(P, { children: r ? /* @__PURE__ */ E(Se, { className: "size-control-sm" }) : /* @__PURE__ */ E(F, {
+							href: "#",
+							isActive: t === e.current_page,
+							onClick: (n) => {
+								n.preventDefault(), u(t, we(e.path, t, s));
+							},
+							className: "size-control-sm text-xs",
+							children: t
+						}) }, i);
+					}),
+					/* @__PURE__ */ E(P, { children: /* @__PURE__ */ E(xe, {
+						text: o.next,
+						href: "#",
+						onClick: (t) => {
+							t.preventDefault(), u(e.current_page + 1, e.next_page_url);
+						},
+						"aria-disabled": !f,
+						className: `h-control-sm text-xs ${f ? "" : "pointer-events-none opacity-40"}`
+					}) })
+				]
+			})
+		})]
+	});
+}
+Te.displayName = "Pagination";
+//#endregion
+//#region src/components/base/table/table-actions.tsx
+function Ee(e) {
+	let { row: n, actions: i, menuLabel: a, displayMode: o = "menu", responsiveBreakpoint: s = 1040, strings: c } = e, l = c ?? L, 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, h] = w(!1), v = f.filter((e) => e.variant !== "destructive"), b = f.filter((e) => e.variant === "destructive"), x = [...v, ...b];
+	if (ee(() => {
+		if (o !== "auto" || !p) {
+			h(!1);
+			return;
+		}
+		let e = () => {
+			try {
+				h(window.innerWidth <= s);
+			} catch {
+				h(!1);
+			}
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [
+		o,
+		p,
+		s
+	]), !p) return null;
+	let C = o === "auto" ? m ? "menu" : "inline" : o, T = (e) => {
+		if (e) {
+			if (typeof e == "function") return e;
+			if (y(e) && typeof e.type == "function") return e.type;
+		}
+	}, O = (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"
+			};
+		}
+	}, te = (e) => {
+		switch (e) {
+			case "default": return "primary";
+			case "destructive": return "error";
+			default: return "secondary";
+		}
+	};
+	return C === "inline" ? /* @__PURE__ */ E("div", {
+		className: t("table-actions--component", "flex items-center gap-space-sm"),
+		children: x.map((e, i) => {
+			let a = e.id || `${e.label}-${i}`, o = O(e.variant ?? "ghost");
+			return /* @__PURE__ */ D(r, {
+				variant: o.variant,
+				buttonStyle: o.buttonStyle,
+				size: "small",
+				className: t("text-inherit leading-tight", o.className),
+				disabled: !!e.disabled,
+				onClick: () => {
+					e.onClick?.(n);
+				},
+				children: [!!e.icon && /* @__PURE__ */ E("span", {
+					className: "mr-space-sm inline-flex",
+					children: e.icon
+				}), e.label]
+			}, a);
+		})
+	}) : /* @__PURE__ */ E(_, {
+		label: void 0,
+		icon: le,
+		srText: u || l.actions.srLabel,
+		closeOnSelect: !0,
+		align: "end",
+		density: "table",
+		children: x.map((e, t) => {
+			let r = e.id || `${e.label}-${t}`, i = () => {
+				e.onClick?.(n);
+			}, a = T(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-space-md",
+				children: [o, /* @__PURE__ */ E("span", { children: e.label })]
+			}), c = te(e.variant);
+			return /* @__PURE__ */ E(g, {
+				label: e.label,
+				icon: a,
+				variant: c,
+				disabled: !!e.disabled,
+				onClick: i,
+				children: s
+			}, r);
+		})
+	});
+}
+Ee.displayName = "DataTableActions";
+//#endregion
+//#region src/components/base/table/table-helpers.tsx
+var De = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, Oe = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, ke = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, B = (e, t, n, r) => {
+	let i = "";
+	return r && (i += "bg-primary/5 "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
+}, V = (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 shadow-[1px_0_0_0_var(--border)]` : a;
+}, Ae = (e) => e.getSelectedRowModel().rows.map((e) => e.original), je = (e, t = L) => /* @__PURE__ */ E("div", {
+	className: "px-space-sm",
+	children: /* @__PURE__ */ E(m, {
+		className: "size-icon 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)
+	})
+}), H = (e, t = L) => /* @__PURE__ */ E("div", {
+	className: "px-space-sm",
+	children: /* @__PURE__ */ E(m, {
+		className: "size-icon cursor-pointer",
+		checked: e.getIsAllPageRowsSelected(),
+		indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
+		onCheckedChange: (t) => e.toggleAllPageRowsSelected(t === !0),
+		"aria-label": t.selection.selectAll
+	})
+}), Me = (e, t = L) => [{
+	id: "selection",
+	header: ({ table: e }) => H(e, t),
+	cell: ({ row: e }) => je(e, t),
+	enableSorting: !1,
+	enableResizing: !1,
+	size: 40
+}, ...e];
+//#endregion
+//#region src/components/base/table/table-body.tsx
+function Ne({ 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 ?? L.emptyState.message, m = (e) => {
+		n && n(e);
+	};
+	return f.length ? /* @__PURE__ */ E(_e, { children: f.map((e, r) => {
+		let i = e.getIsSelected(), a = e.getVisibleCells(), d = B(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/35 data-[state=selected]:bg-primary/8", n ? "cursor-pointer" : "", "border-b border-border/50 last:border-b-0");
+		return /* @__PURE__ */ E(j, {
+			"data-state": i ? "selected" : null,
+			className: p,
+			onClick: f,
+			children: a.map((n, r) => /* @__PURE__ */ E(ve, {
+				className: t(V(n.column.id, e, o, c, r === 0), "first:pl-surface last:pr-surface", n.column.columnDef.meta?.align === "end" && "text-right", n.column.columnDef.meta?.align === "center" && "text-center", u && "px-surface py-row-y-sm text-xs first:pl-surface last:pr-surface"),
+				children: fe(n.column.columnDef.cell, n.getContext())
+			}, n.id))
+		}, e.id);
+	}) }) : /* @__PURE__ */ E(_e, {
+		className: "table-body--component",
+		children: /* @__PURE__ */ E(j, {
+			className: "hover:bg-transparent",
+			children: /* @__PURE__ */ E(ve, {
+				className: "h-24 text-center",
+				colSpan: e.getAllColumns().length,
+				children: /* @__PURE__ */ D("div", {
+					className: "flex flex-col items-center justify-center gap-space-md py-12",
+					children: [
+						/* @__PURE__ */ E("div", {
+							className: "mb-space-sm flex size-avatar-lg items-center justify-center rounded-full bg-muted",
+							children: /* @__PURE__ */ E("svg", {
+								className: "size-icon-lg 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
+						})
+					]
+				})
+			})
+		})
+	});
+}
+Ne.displayName = "DataTableBody";
+//#endregion
+//#region src/components/base/table/table-header.tsx
+function Pe({ 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 = r ? t("sticky top-0 z-20 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]", l ? "bg-background/95" : "bg-muted/95") : "", f = (e) => s ? s.find((t) => t.columns.includes(e)) : null;
+	return /* @__PURE__ */ D(ge, {
+		className: 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((a, o) => {
+				let s = f(a.id)?.header || "";
+				s === n ? r++ : (n !== null && r > 0 && i.push(/* @__PURE__ */ E(M, {
+					colSpan: r,
+					className: t("border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-xs font-medium uppercase tracking-wide text-muted-foreground/75 last:border-r-0", d),
+					children: n || ""
+				}, `group-${n}-${i.length}`)), n = s, r = 1), o === e.length - 1 && r > 0 && i.push(/* @__PURE__ */ E(M, {
+					colSpan: r,
+					className: t("whitespace-nowrap border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-xs font-medium uppercase tracking-wide text-muted-foreground/75 last:border-r-0", d),
+					children: n || ""
+				}, `group-${n}-${i.length}`));
+			}), /* @__PURE__ */ E(j, {
+				className: t("table-header--component", "border-b border-border"),
+				children: i
+			});
+		})(), u.map((e) => /* @__PURE__ */ E(j, {
+			className: t("border-b border-border/70", l ? "bg-transparent hover:bg-transparent" : "bg-muted/45 hover:bg-muted/45"),
+			children: e.headers.map((e, i) => {
+				let s = t(V(e.id, null, a, o, i === 0), "first:pl-surface last:pr-surface", c && "px-surface py-row-y-sm text-xs first:pl-surface last:pr-surface", "text-muted-foreground font-medium whitespace-nowrap", e.column.columnDef.meta?.align === "end" && "text-right", e.column.columnDef.meta?.align === "center" && "text-center", d, r && o && i === 0 && "z-30", !r && "bg-transparent"), l = n ? { position: "relative" } : void 0, u = e.getResizeHandler(), f = e.column.getIsResizing(), p = (() => {
+					let t = e.column.columnDef.header;
+					return typeof t == "string" ? t : typeof e.id == "string" ? e.id : "column";
+				})();
+				return /* @__PURE__ */ E(M, {
+					className: s,
+					style: l,
+					children: e.isPlaceholder ? null : /* @__PURE__ */ D("div", { children: [(() => {
+						let n = e.column.getCanSort(), r = e.column.getIsSorted(), i = fe(e.column.columnDef.header, e.getContext()), a = r === "asc" ? te : r === "desc" ? O : se;
+						return n ? /* @__PURE__ */ D("button", {
+							type: "button",
+							onClick: e.column.getToggleSortingHandler(),
+							className: t("group -ml-space-sm inline-flex select-none items-center gap-space-sm rounded px-space-sm", "hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r && "text-foreground"),
+							"aria-label": `Sort ${p}`,
+							children: [i, /* @__PURE__ */ E(a, {
+								className: t("size-icon-sm 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", f && "!bg-primary-600 bg-opacity-100"),
+						"aria-label": `Resize ${p}`,
+						"aria-orientation": "vertical",
+						onMouseDown: u,
+						onTouchStart: u
+					})] })
+				}, e.id);
+			})
+		}, e.id))]
+	});
+}
+Pe.displayName = "DataTableHeader";
+//#endregion
+//#region src/components/base/table/column-visibility-toggle.tsx
+function U({ table: e, className: n, align: i = "end", strings: a = L }) {
+	let [p, m] = w(!1), h = e.getAllColumns().filter((e) => e.getCanHide());
+	return h.length === 0 ? null : /* @__PURE__ */ D(f, {
+		open: p,
+		onOpenChange: m,
+		children: [/* @__PURE__ */ E(s, { render: (e) => /* @__PURE__ */ D(r, {
+			...e,
+			type: "button",
+			"aria-label": a.columnVisibility.triggerLabel,
+			variant: "secondary",
+			buttonStyle: "outline",
+			size: "small",
+			className: t("column-visibility-toggle--component", "flex items-center gap-space-sm", e.className, n),
+			children: [/* @__PURE__ */ E(de, {
+				className: "size-icon-sm",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ E("span", {
+				className: "hidden sm:inline",
+				children: a.columnVisibility.triggerLabel
+			})]
+		}) }), /* @__PURE__ */ E(d, {
+			align: i,
+			className: "w-56",
+			children: /* @__PURE__ */ D(c, { children: [
+				/* @__PURE__ */ E(u, { children: a.columnVisibility.title }),
+				/* @__PURE__ */ E(o, {}),
+				h.map((e) => {
+					let t = e.columnDef.header, n = a.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+					return /* @__PURE__ */ E(l, {
+						className: "capitalize",
+						checked: e.getIsVisible(),
+						onCheckedChange: (t) => e.toggleVisibility(!!t),
+						children: n
+					}, e.id);
+				})
+			] })
+		})]
+	});
+}
+U.displayName = "ColumnVisibilityToggle";
+//#endregion
+//#region src/components/base/table/table-toolbar.tsx
+var W = 300, G = "inline-flex size-control-sm items-center justify-center rounded-none text-muted-foreground/70 transition-colors duration-150 hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30";
+function K({ label: e, onClick: n, disabled: r, className: i, children: a }) {
+	return /* @__PURE__ */ E("button", {
+		type: "button",
+		"aria-label": e,
+		className: t("table-toolbar--component", G, i),
+		onClick: n,
+		disabled: r,
+		children: a
+	});
+}
+function q(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function Fe({ table: e, tableAreaRef: n, dense: r, onDenseChange: i, enableColumnVisibility: a = !1, strings: o = L }) {
+	let [s, c] = w(!1), [l, u] = w(!1), d = C(0), f = C(null), p = b(() => {
+		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]);
+	ee(() => {
+		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 = b(() => {
+		q(n.current)?.scrollBy({
+			left: -300,
+			behavior: "smooth"
+		});
+	}, [n]), h = b(() => {
+		q(n.current)?.scrollBy({
+			left: W,
+			behavior: "smooth"
+		});
+	}, [n]), g = b(() => {
+		i(!r);
+	}, [r, i]), _ = a ? e.getAllColumns().filter((e) => e.getCanHide()) : [], v = s || l, y = _.length > 0, x = 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(K, {
+					label: o.toolbar.scrollLeft,
+					onClick: m,
+					disabled: !s,
+					className: "rounded-l-[calc(theme(borderRadius.md)-1px)]",
+					children: /* @__PURE__ */ E(re, { className: "size-icon-sm" })
+				}),
+				/* @__PURE__ */ E(K, {
+					label: o.toolbar.scrollRight,
+					onClick: h,
+					disabled: !l,
+					children: /* @__PURE__ */ E(ae, { className: "size-icon-sm" })
+				}),
+				/* @__PURE__ */ E("div", { className: "h-4 w-px bg-border" })
+			] }),
+			!!y && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(U, {
+				table: e,
+				strings: o,
+				className: t("h-control-sm rounded-none border-0 px-control-sm shadow-none", !v && "rounded-l-[calc(theme(borderRadius.md)-1px)]")
+			}), /* @__PURE__ */ E("div", { className: "h-4 w-px bg-border" })] }),
+			/* @__PURE__ */ E(K, {
+				label: x,
+				onClick: g,
+				className: t("rounded-r-[calc(theme(borderRadius.md)-1px)]", !v && !y && "rounded-l-[calc(theme(borderRadius.md)-1px)]"),
+				children: E(r ? ce : A, { className: "size-icon-sm" })
+			})
+		]
+	});
+}
+Fe.displayName = "DataTableToolbar";
+//#endregion
+//#region src/components/base/table/data-table.tsx
+var Ie = v("sm");
+function Le() {
+	return x(Ie);
+}
+var Re = {
+	small: "[&_th]:h-auto [&_th]:px-surface [&_th]:py-row-y [&_th]:text-xs [&_td]:px-surface [&_td]:py-row-y [&_td]:text-xs",
+	default: "[&_th]:h-auto [&_th]:px-surface [&_th]:py-row-y [&_th]:text-xs [&_td]:px-surface [&_td]:py-row-y-lg [&_td]:text-sm"
+}, ze = {
+	small: "xs",
+	default: "sm"
+};
+function Be(e) {
+	return e === "small" || e === "default" ? e : e === "xs" ? "small" : "default";
+}
+var Ve = (e) => {
+	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+};
+function He({ size: n, surface: a = "card", headerTransparent: o = !0, columns: s, data: c, columnGroups: l, rowActions: u, rowActionsMenuLabel: d, rowActionsDisplayMode: f, rowActionsBreakpoint: p, enableSorting: m = !1, manualSorting: g = !1, enableColumnVisibility: _ = !1, enableRowSelection: v = !1, enableMultiRowSelection: y = !0, enableSubRowSelection: x = !1, pagination: O, pageQueryKey: te, onPageChange: ne, onSort: re, onRowClick: ie, onRowSelectionChange: ae, stickyHeader: oe = !1, stickyToolbar: se = !1, stickyFirstColumn: k = !1, maxBodyHeight: ce, fillAvailableHeight: A = !1, emptyStateMessage: le, emptyStateAction: ue, className: de = "", rowClassName: fe = "", cellClassName: ge = "", headerClassName: _e = "", wrapperClassName: j = "", innerClassName: M = "overflow-x-auto", tableContainerClassName: ve = "", getRowId: ye, rowSelection: N, initialState: P, onColumnVisibilityChange: F, strings: be, topbarContent: xe, footerContent: Se, selectionToolbar: I, bulkActions: L, selectionToolbarClassName: R, storageKey: z }) {
+	let { defaultSize: we } = e(), De = Be(n ?? we), B = S(() => Ce(be), [be]), V = t("bg-card", fe), Ae = le ?? B.emptyState.message, je = te ?? "page", H = Ve(ce), U = Array.isArray(s) && s.length === 2 && Array.isArray(s[1]) ? s[0] : s, W = S(() => z ? `dt.${z}.columns` : null, [z]), G = S(() => z ? `dt.${z}.dense` : null, [z]), K = S(() => {
+		if (!W || typeof window > "u") return P?.columnVisibility || {};
+		try {
+			let e = window.localStorage.getItem(W);
+			return {
+				...e ? JSON.parse(e) : {},
+				...P?.columnVisibility || {}
+			};
+		} catch {
+			return P?.columnVisibility || {};
+		}
+	}, [W, P?.columnVisibility]), q = S(() => {
+		if (!G || typeof window > "u") return !1;
+		try {
+			return window.localStorage.getItem(G) === "1";
+		} catch {
+			return !1;
+		}
+	}, [G]), [Le, He] = w(P?.sorting || []), [Ue, We] = w(K), [Ge, Ke] = w(P?.rowSelection || {}), [J, qe] = w(q), Y = N ?? Ge, X = C(null), Je = b((e) => {
+		Oe(e, He, re);
+	}, [re]), Ye = b((e) => {
+		ke(e, We, (e) => {
+			if (W && typeof window < "u") try {
+				window.localStorage.setItem(W, JSON.stringify(e));
+			} catch {}
+			F && F(e);
+		});
+	}, [W, F]), Xe = b((e) => {
+		let t = typeof e == "function" ? e(Y) : e;
+		N === void 0 && Ke(t), ae?.(t);
+	}, [
+		N,
+		ae,
+		Y
+	]), Ze = b((e) => {
+		if (qe(e), G && typeof window < "u") try {
+			window.localStorage.setItem(G, e ? "1" : "0");
+		} catch {}
+	}, [G]), Qe = b((e) => typeof d == "function" ? d(e) : d ?? B.actions.triggerLabel, [d, B.actions.triggerLabel]), Z = me({
+		data: c,
+		columns: S(() => {
+			let e = v ? Me(U, B) : U;
+			if (!u) return e;
+			let t = {
+				id: "actions",
+				header: B.actions.triggerLabel,
+				cell: ({ row: e }) => /* @__PURE__ */ E(Ee, {
+					row: e.original,
+					actions: u,
+					menuLabel: Qe(e.original),
+					displayMode: f,
+					responsiveBreakpoint: p,
+					strings: B
+				}),
+				enableSorting: !1,
+				enableHiding: !1,
+				size: 40
+			};
+			return [...e, t];
+		}, [
+			U,
+			v,
+			u,
+			Qe,
+			p,
+			f,
+			B
+		]),
+		state: {
+			sorting: Le,
+			columnVisibility: Ue,
+			rowSelection: Y
+		},
+		enableSorting: m,
+		manualSorting: g,
+		enableRowSelection: v,
+		enableMultiRowSelection: y,
+		enableSubRowSelection: x,
+		onSortingChange: m && g ? Je : void 0,
+		onRowSelectionChange: v ? Xe : void 0,
+		onColumnVisibilityChange: Ye,
+		getCoreRowModel: pe(),
+		getRowId: ye
+	}), $e = O && O.last_page > 1, et = Z.getSelectedRowModel().rows.map((e) => e.original), Q = et.length, $ = b(() => {
+		Z.resetRowSelection();
+	}, [Z]), tt = {
+		table: Z,
+		selectedRows: et,
+		selectedRowCount: Q,
+		totalRowCount: c.length,
+		rowSelection: Y,
+		clearSelection: $
+	}, nt = typeof L == "function" ? L(tt) : L, rt = 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-space-md border-b border-border/70 bg-muted/35 px-surface py-row-y sm:flex-row sm:items-center sm:justify-between", se && "sticky top-0 z-20 bg-card/95 backdrop-blur", R),
+		children: [/* @__PURE__ */ E(i, {
+			className: "data-table-selection-toolbar--summary min-w-0",
+			children: B.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-space-md",
+			children: [nt, /* @__PURE__ */ E(r, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: $,
+				children: B.selection.clear
+			})]
+		})]
+	}) : null, it = !v || Q === 0 || I === null || I === !1 ? null : typeof I == "function" ? I(tt) : I ?? rt, at = S(() => {
+		if (H) return { "--data-table-body-max-height": H };
+	}, [H]), ot = J || A || H !== void 0;
+	ee(() => {
+		let e = X.current?.querySelector("[data-slot=\"table-container\"]");
+		e && (e.tabIndex = 0, e.setAttribute("aria-label", B.accessibility.scrollRegion));
+	}, [B.accessibility.scrollRegion]);
+	let st = Ie.Provider, ct = ze[De];
+	return /* @__PURE__ */ E(st, {
+		value: ct,
+		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", j)),
+			children: [
+				!!(xe || _) && /* @__PURE__ */ D("div", {
+					className: t("relative", se && "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-space-lg px-surface py-row-y", J ? "mb-3 shrink-0" : "mb-0"),
+						children: [/* @__PURE__ */ E("div", {
+							className: "data-table-topbar-left flex-1",
+							children: xe
+						}), /* @__PURE__ */ E("div", {
+							className: "data-table-topbar-right flex items-center justify-end",
+							children: /* @__PURE__ */ E(Fe, {
+								table: Z,
+								tableAreaRef: X,
+								dense: J,
+								onDenseChange: Ze,
+								enableColumnVisibility: _,
+								strings: B
+							})
+						})]
+					}), /* @__PURE__ */ E(h, {})]
+				}),
+				it,
+				/* @__PURE__ */ E("div", {
+					ref: X,
+					style: at,
+					className: t("min-h-0", ot ? "overflow-hidden" : M, (J || A) && "flex-1"),
+					children: /* @__PURE__ */ D(he, {
+						className: t("relative", Re[De], de),
+						containerClassName: t("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", ot && "overflow-auto", H !== void 0 && "max-h-(--data-table-body-max-height)", (J || A) && "h-full min-h-0", ve),
+						children: [/* @__PURE__ */ E(Pe, {
+							table: Z,
+							stickyHeader: oe,
+							headerClassName: _e,
+							cellClassName: ge,
+							stickyFirstColumn: k,
+							columnGroups: l,
+							dense: J,
+							headerTransparent: o
+						}), /* @__PURE__ */ E(Ne, {
+							table: Z,
+							onRowClick: ie,
+							emptyStateMessage: Ae,
+							emptyStateAction: ue,
+							cellClassName: ge,
+							rowClassName: V,
+							stickyFirstColumn: k,
+							strings: B,
+							dense: J
+						})]
+					})
+				}),
+				!!$e && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(h, {}), /* @__PURE__ */ E(Te, {
+					pagination: O,
+					onPageChange: ne,
+					pageQueryKey: je,
+					labels: B.pagination
+				})] }),
+				!!Se && /* @__PURE__ */ E("div", {
+					"data-slot": "data-table-footer",
+					className: "data-table--footer border-t border-border/70 px-surface py-row-y",
+					children: Se
+				})
+			]
+		})
+	});
+}
+He.displayName = "DataTable";
+//#endregion
+//#region src/components/base/table/filter-bar.tsx
+function Ue({ table: e, filterColumn: n, filterPlaceholder: i, enableColumnVisibility: a = !1, customContent: o, strings: m = L }) {
+	if (!n && !a && !o) return null;
+	let h = i ?? m.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(p, {
+				placeholder: h,
+				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(f, { children: [/* @__PURE__ */ E(s, { render: (e) => /* @__PURE__ */ E(r, {
+			...e,
+			variant: "secondary",
+			buttonStyle: "outline",
+			className: "ml-auto",
+			children: m.columnVisibility.triggerLabel
+		}) }), /* @__PURE__ */ E(d, {
+			align: "end",
+			children: /* @__PURE__ */ D(c, { children: [/* @__PURE__ */ E(u, { children: m.columnVisibility.title }), e.getAllColumns().filter((e) => e.getCanHide()).map((e) => {
+				let t = e.columnDef.header, n = m.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ E(l, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: n
+				}, e.id);
+			})] })
+		})] })]
+	});
+}
+Ue.displayName = "DataTableFilterBar";
+//#endregion
+//#region src/components/base/table/table-pagination.tsx
+function We({ table: e, selectedRowCount: n, totalRowCount: a, strings: o = L }) {
+	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
+			})
+		]
+	});
+}
+We.displayName = "DataTablePagination";
+//#endregion
+//#region src/components/base/table/partials/cell-value.tsx
+function Ge({ 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
+	});
+}
+Ge.displayName = "CellValue";
+//#endregion
+//#region src/components/base/table/partials/table-link.tsx
+var Ke = (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 J({ 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-space-sm", o),
+		children: [!!c && /* @__PURE__ */ E(c, { className: "size-icon-sm" }), s.label]
+	});
+}
+J.displayName = "StatusCell";
+function qe({ 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-space-sm", 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-icon-sm" }), e.label]
+			}, e.id ?? n);
+		})
+	});
+}
+qe.displayName = "StatusClusterCell";
+var Y = {
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+};
+function X({ value: e, options: n = Y, locale: r, showIcon: a = !0, icon: o = ne, 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-space-sm tabular-nums", c),
+		children: [!!a && /* @__PURE__ */ E(o, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ E(i, {
+			size: "inherit",
+			type: "secondary",
+			children: u.format(l)
+		})]
+	});
+}
+X.displayName = "DateCell";
+function Je({ value: e, options: n = Y, locale: r, showIcon: a = !0, icon: o = ne, 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-space-sm", c),
+		children: [!!a && /* @__PURE__ */ E(o, { className: "mt-space-2xs size-icon shrink-0 text-muted-foreground" }), /* @__PURE__ */ D("span", {
+			className: "grid min-w-0 gap-space-2xs",
+			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: "inherit",
+				type: "secondary",
+				className: t("truncate text-xs 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 = k, 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-space-md", s),
+		children: [/* @__PURE__ */ E("span", {
+			className: "relative inline-flex size-avatar-sm 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: "inherit",
+				weight: "semibold",
+				className: "text-xs leading-none",
+				children: Xe(e)
+			}) : /* @__PURE__ */ E(r, { className: "size-icon" })
+		}), /* @__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: "inherit",
+				type: "secondary",
+				className: "truncate text-xs",
+				children: a
+			})]
+		})]
+	});
+}
+Ze.displayName = "AvatarCell";
+function Qe(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 Z(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: "inherit",
+				type: "secondary",
+				className: "shrink-0 text-xxs opacity-70",
+				children: e.label
+			}), /* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: "truncate text-xxs",
+				children: e.value
+			})]
+		}, e.id ?? t))
+	}) : e : null;
+}
+function $e({ title: e, subtitle: n, metadata: r, badges: a = [], imageUrl: o, icon: s = k, 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(Qe)
+				})]
+			}),
+			!!n && /* @__PURE__ */ E(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: t("resource-cell--subtitle truncate text-xs", g),
+				children: n
+			}),
+			!!r && /* @__PURE__ */ E("span", {
+				className: "resource-cell--metadata min-w-0",
+				children: Z(r)
+			})
+		]
+	}), b = /* @__PURE__ */ D("span", {
+		className: t("resource-cell--component inline-flex min-w-0 items-center gap-space-md", f),
+		children: [/* @__PURE__ */ E("span", {
+			className: t("resource-cell--media relative inline-flex size-avatar 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: "inherit",
+				weight: "semibold",
+				className: "text-xs leading-none",
+				children: v
+			}) : /* @__PURE__ */ E(s, { className: "size-icon" }))
+		}), 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
+	});
+}
+$e.displayName = "ResourceCell";
+var et = $e, Q = 300;
+function $(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function tt(e, t = {}) {
+	let { stepPx: n = Q, deps: r = [] } = t, [i, a] = w(!1), [o, s] = w(!1), c = C(0), l = b(() => {
+		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]);
+	ee(() => {
+		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 = b((t) => {
+		$(e.current)?.scrollBy({
+			left: t,
+			behavior: "smooth"
+		});
+	}, [e]);
+	return {
+		canScrollLeft: i,
+		canScrollRight: o,
+		scrollBy: u,
+		scrollLeft: b(() => u(-n), [u, n]),
+		scrollRight: b(() => u(n), [u, n])
+	};
+}
+function nt(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, b((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 rt = "inline-flex size-control-sm items-center justify-center rounded-radius text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-30";
+function it({ dense: e, onChange: n, denseLabel: r = "Dense", comfortableLabel: i = "Comfortable", className: a }) {
+	let o = e ? i : r, s = e ? ce : A;
+	return /* @__PURE__ */ E("button", {
+		type: "button",
+		"aria-label": o,
+		"aria-pressed": e,
+		onClick: () => n(!e),
+		className: t(rt, a),
+		children: /* @__PURE__ */ E(s, { className: "size-icon-sm" })
+	});
+}
+it.displayName = "DensityToggle";
+//#endregion
+export { De as A, Me as C, B as D, V as E, Ce as F, Ee as M, Te as N, Ae as O, L as P, Ne as S, je as T, He as _, Ze as a, U as b, Je as c, J as d, qe as f, Ue as g, We as h, nt as i, Oe as j, ke as k, et as l, Ge as m, $ as n, Ye as o, Ke as p, tt as r, X as s, it as t, $e as u, Le as v, H as w, Pe as x, Fe as y };
+
+//# sourceMappingURL=table-CUA_A-oO.js.map