admin-ui-starter-kit 0.1.0

package/dist/components/base/table/index.js

@@ -0,0 +1,1189 @@
+import { f as e } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { cn as t } from "../../../lib/utils.js";
+import { t as n } from "../../../_shared/text-DIxMTECE.js";
+import { t as r } from "../../../_shared/badge-BbUN6W7E.js";
+import { t as i } from "../../../_shared/button-BCABTFLE.js";
+import { t as a } from "../../../_shared/button-Ck2qS42n.js";
+import { d as o, g as s, n as c, o as l, r as u, t as d } from "../../../_shared/dropdown-menu-xdGEynC8.js";
+import { t as f } from "../../../_shared/separator-BazqiQ9s.js";
+import { t as p } from "../../../_shared/input-Cwv1-5jt.js";
+import { n as m, t as h } from "../../../_shared/action-menu-DUBXdReV.js";
+import { createContext as g, isValidElement as _, useCallback as v, useContext as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { ArrowDown as D, ArrowUp as O, Calendar as k, ChevronLeft as ee, ChevronLeftIcon as te, ChevronRight as ne, ChevronRightIcon as A, ChevronsUpDown as re, Columns3 as ie, Mail as ae, Maximize2 as j, Minimize2 as M, MoreHorizontal as oe, MoreHorizontalIcon as se, Settings2 as ce } from "lucide-react";
+import { flexRender as le, getCoreRowModel as ue, useReactTable as de } from "@tanstack/react-table";
+//#region src/components/ui/table.tsx
+function fe({ className: e, containerClassName: n, ...r }) {
+	return /* @__PURE__ */ T("div", {
+		"data-slot": "table-container",
+		className: t("relative w-full overflow-x-auto", n),
+		children: /* @__PURE__ */ T("table", {
+			"data-slot": "table",
+			className: t("w-full caption-bottom text-sm", e),
+			...r
+		})
+	});
+}
+function pe({ className: e, ...n }) {
+	return /* @__PURE__ */ T("thead", {
+		"data-slot": "table-header",
+		className: t("[&_tr]:border-b", e),
+		...n
+	});
+}
+function N({ className: e, ...n }) {
+	return /* @__PURE__ */ T("tbody", {
+		"data-slot": "table-body",
+		className: t("[&_tr:last-child]:border-0", e),
+		...n
+	});
+}
+function P({ className: e, ...n }) {
+	return /* @__PURE__ */ T("tr", {
+		"data-slot": "table-row",
+		className: t("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", e),
+		...n
+	});
+}
+function F({ className: e, ...n }) {
+	return /* @__PURE__ */ T("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 I({ className: e, ...n }) {
+	return /* @__PURE__ */ T("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 L({ className: e, ...n }) {
+	return /* @__PURE__ */ T("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: t("mx-auto flex w-full justify-center", e),
+		...n
+	});
+}
+function R({ className: e, ...n }) {
+	return /* @__PURE__ */ T("ul", {
+		"data-slot": "pagination-content",
+		className: t("gap-1 flex items-center", e),
+		...n
+	});
+}
+function z({ ...e }) {
+	return /* @__PURE__ */ T("li", {
+		"data-slot": "pagination-item",
+		...e
+	});
+}
+function B({ className: e, isActive: n, size: r = "icon", ...a }) {
+	return /* @__PURE__ */ T(i, {
+		variant: n ? "outline" : "ghost",
+		size: r,
+		className: t(e),
+		nativeButton: !1,
+		render: /* @__PURE__ */ T("a", {
+			"aria-current": n ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": n,
+			...a
+		})
+	});
+}
+function V({ className: e, text: n = "Previous", ...r }) {
+	return /* @__PURE__ */ E(B, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: t("pl-2!", e),
+		...r,
+		children: [/* @__PURE__ */ T(te, { "data-icon": "inline-start" }), /* @__PURE__ */ T("span", {
+			className: "hidden sm:block",
+			children: n
+		})]
+	});
+}
+function me({ className: e, text: n = "Next", ...r }) {
+	return /* @__PURE__ */ E(B, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: t("pr-2!", e),
+		...r,
+		children: [/* @__PURE__ */ T("span", {
+			className: "hidden sm:block",
+			children: n
+		}), /* @__PURE__ */ T(A, { "data-icon": "inline-end" })]
+	});
+}
+function he({ className: e, ...n }) {
+	return /* @__PURE__ */ E("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__ */ T(se, {}), /* @__PURE__ */ T("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/table/table.strings.ts
+var H = (e) => {
+	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
+}, U = {
+	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 : H(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"
+	}
+}, W = (e, t) => ({
+	...e,
+	...t ?? {}
+}), ge = (e) => e ? {
+	emptyState: W(U.emptyState, e.emptyState),
+	actions: W(U.actions, e.actions),
+	filter: W(U.filter, e.filter),
+	columnVisibility: W(U.columnVisibility, e.columnVisibility),
+	toolbar: W(U.toolbar, e.toolbar),
+	pagination: W(U.pagination, e.pagination),
+	selection: W(U.selection, e.selection)
+} : U;
+//#endregion
+//#region src/components/base/table/pagination.tsx
+function G(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 K(e, t, n) {
+	let r = new URLSearchParams();
+	return r.set(n, String(t)), `${e}?${r.toString()}`;
+}
+function _e({ pagination: e, onPageChange: r, labels: i = {}, pageQueryKey: a }) {
+	let o = {
+		...U.pagination,
+		...i
+	}, s = a ?? "page", c = (e.current_page - 1) * e.per_page + 1, l = Math.min(e.current_page * e.per_page, e.total), u = v((t, n) => {
+		n && r?.(t, n, e.path || "");
+	}, [r, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = G(e.current_page, e.last_page);
+	return /* @__PURE__ */ E("div", {
+		className: t("pagination--component", "flex items-center justify-between px-5 py-3"),
+		children: [/* @__PURE__ */ E(n, {
+			size: "xs",
+			type: "secondary",
+			className: "tabular-nums tracking-tight",
+			children: [
+				/* @__PURE__ */ E(n, {
+					tag: "span",
+					weight: "medium",
+					className: "text-foreground",
+					children: [
+						c,
+						"–",
+						l
+					]
+				}),
+				" ",
+				o.of,
+				" ",
+				/* @__PURE__ */ T(n, {
+					tag: "span",
+					weight: "medium",
+					className: "text-foreground",
+					children: e.total
+				}),
+				" ",
+				o.entries
+			]
+		}), /* @__PURE__ */ T(L, {
+			"aria-label": o.ariaLabel,
+			className: "w-auto mx-0",
+			children: /* @__PURE__ */ E(R, {
+				className: "gap-0.5",
+				children: [
+					/* @__PURE__ */ T(z, { children: /* @__PURE__ */ T(V, {
+						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__ */ T(z, { children: r ? /* @__PURE__ */ T(he, { className: "size-8" }) : /* @__PURE__ */ T(B, {
+							href: "#",
+							isActive: t === e.current_page,
+							onClick: (n) => {
+								n.preventDefault(), u(t, K(e.path, t, s));
+							},
+							className: "size-8 text-xs",
+							children: t
+						}) }, i);
+					}),
+					/* @__PURE__ */ T(z, { children: /* @__PURE__ */ T(me, {
+						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"}`
+					}) })
+				]
+			})
+		})]
+	});
+}
+_e.displayName = "Pagination";
+//#endregion
+//#region src/components/base/table/table-actions.tsx
+function ve(e) {
+	let { row: n, actions: r, menuLabel: i, displayMode: o = "menu", responsiveBreakpoint: s = 1040, strings: c } = e, l = c ?? U, u = i ?? l.actions.triggerLabel, d = x(() => {
+		let e = typeof r == "function" ? r(n) : r;
+		return Array.isArray(e) ? e : [];
+	}, [r, n]), f = x(() => {
+		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, [g, v] = C(!1), y = f.filter((e) => e.variant !== "destructive"), S = f.filter((e) => e.variant === "destructive"), w = [...y, ...S];
+	if (b(() => {
+		if (o !== "auto" || !p) {
+			v(!1);
+			return;
+		}
+		let e = () => {
+			try {
+				v(window.innerWidth <= s);
+			} catch {
+				v(!1);
+			}
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [
+		o,
+		p,
+		s
+	]), !p) return null;
+	let D = o === "auto" ? g ? "menu" : "inline" : o, O = (e) => {
+		if (e) {
+			if (typeof e == "function") return e;
+			if (_(e) && typeof e.type == "function") return e.type;
+		}
+	}, k = (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"
+			};
+		}
+	}, ee = (e) => {
+		switch (e) {
+			case "default": return "primary";
+			case "destructive": return "error";
+			default: return "secondary";
+		}
+	};
+	return D === "inline" ? /* @__PURE__ */ T("div", {
+		className: t("table-actions--component", "flex items-center gap-1"),
+		children: w.map((e, r) => {
+			let i = e.id || `${e.label}-${r}`, o = k(e.variant ?? "ghost");
+			return /* @__PURE__ */ E(a, {
+				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__ */ T("span", {
+					className: "mr-2 inline-flex",
+					children: e.icon
+				}), e.label]
+			}, i);
+		})
+	}) : /* @__PURE__ */ T(h, {
+		label: void 0,
+		icon: oe,
+		srText: u || l.actions.srLabel,
+		closeOnSelect: !0,
+		align: "end",
+		density: "table",
+		children: w.map((e, t) => {
+			let r = e.id || `${e.label}-${t}`, i = () => {
+				e.onClick?.(n);
+			}, a = O(e.icon), o = e.icon ? /* @__PURE__ */ T("span", {
+				className: "inline-flex items-center",
+				children: e.icon
+			}) : null, s = a ? null : /* @__PURE__ */ E("div", {
+				className: "flex w-full items-center gap-2",
+				children: [o, /* @__PURE__ */ T("span", { children: e.label })]
+			}), c = ee(e.variant);
+			return /* @__PURE__ */ T(m, {
+				label: e.label,
+				icon: a,
+				variant: c,
+				disabled: !!e.disabled,
+				onClick: i,
+				children: s
+			}, r);
+		})
+	});
+}
+ve.displayName = "DataTableActions";
+//#endregion
+//#region src/components/base/table/table-helpers.tsx
+var ye = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, be = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, xe = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, Se = (e, t, n, r) => {
+	let i = "";
+	return r && (i += "bg-primary/5 "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
+}, q = (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;
+}, Ce = (e) => e.getSelectedRowModel().rows.map((e) => e.original), we = (e, t = U) => /* @__PURE__ */ T("div", {
+	className: "px-1",
+	children: /* @__PURE__ */ T("input", {
+		type: "checkbox",
+		className: "size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+		checked: e.getIsSelected(),
+		disabled: !e.getCanSelect(),
+		onChange: e.getToggleSelectedHandler(),
+		onClick: (e) => e.stopPropagation(),
+		"aria-label": t.selection.row(e.index)
+	})
+}), Te = (e, t = U) => /* @__PURE__ */ T("div", {
+	className: "px-1",
+	children: /* @__PURE__ */ T("input", {
+		type: "checkbox",
+		className: "size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer",
+		checked: e.getIsAllPageRowsSelected(),
+		onChange: e.getToggleAllPageRowsSelectedHandler(),
+		"aria-label": t.selection.selectAll
+	})
+}), Ee = (e, t = U) => [{
+	id: "selection",
+	header: ({ table: e }) => Te(e, t),
+	cell: ({ row: e }) => we(e, t),
+	enableSorting: !1,
+	enableResizing: !1,
+	size: 40
+}, ...e];
+//#endregion
+//#region src/components/base/table/table-body.tsx
+function De({ table: e, onRowClick: r, emptyStateMessage: i, emptyStateAction: a, cellClassName: o = "", rowClassName: s = "", stickyFirstColumn: c = !1, striped: l = !1, dense: u = !1, strings: d }) {
+	let f = e.getRowModel().rows, p = i ?? d?.emptyState.message ?? U.emptyState.message, m = (e) => {
+		r && r(e);
+	};
+	return f.length ? /* @__PURE__ */ T(N, { children: f.map((e, n) => {
+		let i = e.getIsSelected(), a = e.getVisibleCells(), d = Se(e, n, s, i), f = () => {
+			r && m(e.original);
+		}, p = t(d, l && n % 2 != 0 ? "bg-muted/30" : "", "transition-colors duration-100", "hover:bg-accent/40 data-[state=selected]:bg-primary/5 data-[state=selected]:hover:bg-primary/10", r ? "cursor-pointer" : "", "border-b border-border last:border-b-0");
+		return /* @__PURE__ */ T(P, {
+			"data-state": i ? "selected" : null,
+			className: p,
+			onClick: f,
+			children: a.map((n, r) => /* @__PURE__ */ T(I, {
+				className: t(q(n.column.id, e, o, c, r === 0), "first:pl-5 last:pr-5", u && "py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3"),
+				children: le(n.column.columnDef.cell, n.getContext())
+			}, n.id))
+		}, e.id);
+	}) }) : /* @__PURE__ */ T(N, {
+		className: "table-body--component",
+		children: /* @__PURE__ */ T(P, {
+			className: "hover:bg-transparent",
+			children: /* @__PURE__ */ T(I, {
+				className: "h-24 text-center",
+				colSpan: e.getAllColumns().length,
+				children: /* @__PURE__ */ E("div", {
+					className: "flex flex-col items-center justify-center py-12 space-y-2",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center justify-center size-10 rounded-full bg-muted mb-1",
+							children: /* @__PURE__ */ T("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__ */ T("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__ */ T(n, {
+							type: "secondary",
+							weight: "medium",
+							children: p
+						}),
+						!!a && /* @__PURE__ */ T("div", {
+							className: "mt-1",
+							children: a
+						})
+					]
+				})
+			})
+		})
+	});
+}
+De.displayName = "DataTableBody";
+//#endregion
+//#region src/components/base/table/table-header.tsx
+function Oe({ 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__ */ E(pe, {
+		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 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__ */ T(F, {
+					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__ */ T(F, {
+					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__ */ T(P, {
+				className: t("table-header--component", "border-b border-border"),
+				children: i
+			});
+		})(), u.map((e) => /* @__PURE__ */ T(P, {
+			className: t("border-b border-border", l ? "bg-transparent hover:bg-transparent" : "bg-muted hover:bg-muted"),
+			children: e.headers.map((e, r) => {
+				let i = t(q(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 uppercase tracking-wider whitespace-nowrap", "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__ */ T(F, {
+					className: i,
+					style: s,
+					children: e.isPlaceholder ? null : /* @__PURE__ */ E("div", { children: [(() => {
+						let n = e.column.getCanSort(), r = e.column.getIsSorted(), i = le(e.column.columnDef.header, e.getContext()), a = r === "asc" ? O : r === "desc" ? D : re;
+						return n ? /* @__PURE__ */ E("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__ */ T(a, {
+								className: t("size-3 shrink-0 transition-opacity", r ? "opacity-100" : "opacity-30 group-hover:opacity-70"),
+								"aria-hidden": "true"
+							})]
+						}) : /* @__PURE__ */ T("div", {
+							className: "flex items-center",
+							children: i
+						});
+					})(), !!n && /* @__PURE__ */ T("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))]
+	});
+}
+Oe.displayName = "DataTableHeader";
+//#endregion
+//#region src/components/base/table/table-toolbar.tsx
+var ke = 300, Ae = "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 J({ label: e, onClick: n, disabled: r, className: i, children: a }) {
+	return /* @__PURE__ */ T("button", {
+		type: "button",
+		"aria-label": e,
+		className: t("table-toolbar--component", Ae, i),
+		onClick: n,
+		disabled: r,
+		children: a
+	});
+}
+function Y(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function je({ table: e, tableAreaRef: n, dense: r, onDenseChange: i, enableColumnVisibility: a = !1, strings: o = U }) {
+	let [s, c] = C(!1), [l, u] = C(!1), d = S(0), f = S(null), p = v(() => {
+		let e = Y(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]);
+	b(() => {
+		let e = window.setTimeout(() => {
+			let e = Y(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 = v(() => {
+		Y(n.current)?.scrollBy({
+			left: -ke,
+			behavior: "smooth"
+		});
+	}, [n]), h = v(() => {
+		Y(n.current)?.scrollBy({
+			left: ke,
+			behavior: "smooth"
+		});
+	}, [n]), g = v(() => {
+		i(!r);
+	}, [r, i]), _ = a ? e.getAllColumns().filter((e) => e.getCanHide()) : [], y = s || l, x = a && _.length > 0, D = r ? o.toolbar.comfortable : o.toolbar.dense;
+	return /* @__PURE__ */ E("div", {
+		className: "flex items-center rounded-md border border-border bg-card",
+		children: [
+			!!y && /* @__PURE__ */ E(w, { children: [
+				/* @__PURE__ */ T(J, {
+					label: o.toolbar.scrollLeft,
+					onClick: m,
+					disabled: !s,
+					className: "rounded-l-[calc(theme(borderRadius.md)-1px)]",
+					children: /* @__PURE__ */ T(ee, { className: "h-3.5 w-3.5" })
+				}),
+				/* @__PURE__ */ T(J, {
+					label: o.toolbar.scrollRight,
+					onClick: h,
+					disabled: !l,
+					children: /* @__PURE__ */ T(ne, { className: "h-3.5 w-3.5" })
+				}),
+				/* @__PURE__ */ T("div", { className: "h-4 w-px bg-border" })
+			] }),
+			!!x && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(X, {
+				columns: _,
+				strings: o,
+				roundLeft: !y
+			}), /* @__PURE__ */ T("div", { className: "h-4 w-px bg-border" })] }),
+			/* @__PURE__ */ T(J, {
+				label: D,
+				onClick: g,
+				className: t("rounded-r-[calc(theme(borderRadius.md)-1px)]", !y && !x && "rounded-l-[calc(theme(borderRadius.md)-1px)]"),
+				children: T(r ? j : M, { className: "h-3.5 w-3.5" })
+			})
+		]
+	});
+}
+function X({ columns: e, strings: n, roundLeft: r }) {
+	return /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(s, { render: (e) => /* @__PURE__ */ T("button", {
+		...e,
+		type: "button",
+		"aria-label": n.toolbar.columns,
+		className: t(Ae, e.className, r && "rounded-l-[calc(theme(borderRadius.md)-1px)]"),
+		children: /* @__PURE__ */ T(ie, { className: "h-3.5 w-3.5" })
+	}) }), /* @__PURE__ */ E(u, {
+		align: "end",
+		className: "w-[200px]",
+		children: [
+			/* @__PURE__ */ T(l, { children: n.columnVisibility.title }),
+			/* @__PURE__ */ T(o, {}),
+			e.map((e) => {
+				let t = e.columnDef.header, r = n.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ T(c, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: r
+				}, e.id);
+			})
+		]
+	})] });
+}
+je.displayName = "DataTableToolbar";
+//#endregion
+//#region src/components/base/table/data-table.tsx
+var Me = g("xs");
+function Ne() {
+	return y(Me);
+}
+var Pe = {
+	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   [&_td]:py-3   [&_th]:px-3   [&_td]:px-3   [&_th]:h-12"
+};
+function Fe({ size: n, surface: r = "card", headerTransparent: i = !1, columns: a, data: o, columnGroups: s, rowActions: c, rowActionsMenuLabel: l, rowActionsDisplayMode: u, rowActionsBreakpoint: d, enableSorting: p = !1, manualSorting: m = !1, enableColumnVisibility: h = !1, enableRowSelection: g = !1, enableMultiRowSelection: _ = !0, enableSubRowSelection: y = !1, pagination: b, pageQueryKey: D, onPageChange: O, onSort: k, onRowClick: ee, onRowSelectionChange: te, stickyHeader: ne = !1, stickyFirstColumn: A = !1, emptyStateMessage: re, emptyStateAction: ie, className: ae = "", rowClassName: j = "", cellClassName: M = "", headerClassName: oe = "", wrapperClassName: se = "", innerClassName: ce = "overflow-hidden", tableContainerClassName: le = "", getRowId: pe, rowSelection: N, initialState: P, onColumnVisibilityChange: F, strings: I, topbarContent: L, storageKey: R }) {
+	let { defaultSize: z } = e(), B = n ?? z ?? "xs", V = x(() => ge(I), [I]), me = t("bg-card", j), he = re ?? V.emptyState.message, H = l ?? V.actions.triggerLabel, U = D ?? "page", W = Array.isArray(a) && a.length === 2 && Array.isArray(a[1]) ? a[0] : a, G = x(() => R ? `dt.${R}.columns` : null, [R]), K = x(() => R ? `dt.${R}.dense` : null, [R]), ye = x(() => {
+		if (!G || typeof window > "u") return P?.columnVisibility || {};
+		try {
+			let e = window.localStorage.getItem(G);
+			return {
+				...e ? JSON.parse(e) : {},
+				...P?.columnVisibility || {}
+			};
+		} catch {
+			return P?.columnVisibility || {};
+		}
+	}, [G, P?.columnVisibility]), Se = x(() => {
+		if (!K || typeof window > "u") return !1;
+		try {
+			return window.localStorage.getItem(K) === "1";
+		} catch {
+			return !1;
+		}
+	}, [K]), [q, Ce] = C(P?.sorting || []), [we, Te] = C(ye), [ke, Ae] = C(P?.rowSelection || {}), [J, Y] = C(Se), X = N ?? ke, Ne = S(null), Fe = v((e) => {
+		be(e, Ce, k);
+	}, [k]), Ie = v((e) => {
+		xe(e, Te, (e) => {
+			if (G && typeof window < "u") try {
+				window.localStorage.setItem(G, JSON.stringify(e));
+			} catch {}
+			F && F(e);
+		});
+	}, [G, F]), Z = v((e) => {
+		let t = typeof e == "function" ? e(X) : e;
+		N === void 0 && Ae(t), te?.(t);
+	}, [
+		N,
+		te,
+		X
+	]), Le = v((e) => {
+		if (Y(e), K && typeof window < "u") try {
+			window.localStorage.setItem(K, e ? "1" : "0");
+		} catch {}
+	}, [K]), Q = de({
+		data: o,
+		columns: x(() => {
+			let e = g ? Ee(W, V) : W;
+			if (!c) return e;
+			let t = {
+				id: "actions",
+				header: V.actions.triggerLabel,
+				cell: ({ row: e }) => /* @__PURE__ */ T(ve, {
+					row: e.original,
+					actions: c,
+					menuLabel: H,
+					displayMode: u,
+					responsiveBreakpoint: d,
+					strings: V
+				}),
+				enableSorting: !1,
+				enableHiding: !1,
+				size: 40
+			};
+			return [...e, t];
+		}, [
+			W,
+			g,
+			c,
+			H,
+			d,
+			u,
+			V
+		]),
+		state: {
+			sorting: q,
+			columnVisibility: we,
+			rowSelection: X
+		},
+		enableSorting: p,
+		manualSorting: m,
+		enableRowSelection: g,
+		enableMultiRowSelection: _,
+		enableSubRowSelection: y,
+		onSortingChange: p && m ? Fe : void 0,
+		onRowSelectionChange: g ? Z : void 0,
+		onColumnVisibilityChange: Ie,
+		getCoreRowModel: ue(),
+		getRowId: pe
+	}), Re = b && b.last_page > 1, ze = Me.Provider;
+	return /* @__PURE__ */ T(ze, {
+		value: B,
+		children: /* @__PURE__ */ E("div", {
+			className: t(J ? "fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6" : t("w-full", r === "card" && "rounded-xl overflow-hidden border border-border bg-card shadow-[0_1px_3px_0_rgb(0_0_0/0.04)]", r === "glass" && "rounded-md overflow-hidden border border-border/60", se)),
+			children: [
+				!!(L || h) && /* @__PURE__ */ E("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ E("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__ */ T("div", {
+							className: "data-table-topbar-left flex-1",
+							children: L
+						}), /* @__PURE__ */ T("div", {
+							className: "data-table-topbar-right flex items-center justify-end",
+							children: /* @__PURE__ */ T(je, {
+								table: Q,
+								tableAreaRef: Ne,
+								dense: J,
+								onDenseChange: Le,
+								enableColumnVisibility: h,
+								strings: V
+							})
+						})]
+					}), /* @__PURE__ */ T(f, {})]
+				}),
+				/* @__PURE__ */ T("div", {
+					ref: Ne,
+					className: t("", J ? "flex-1 overflow-auto min-h-0" : ce),
+					children: /* @__PURE__ */ E(fe, {
+						className: t("relative", Pe[B], ae),
+						containerClassName: le,
+						children: [/* @__PURE__ */ T(Oe, {
+							table: Q,
+							stickyHeader: ne,
+							headerClassName: oe,
+							cellClassName: M,
+							stickyFirstColumn: A,
+							columnGroups: s,
+							dense: J,
+							headerTransparent: i
+						}), /* @__PURE__ */ T(De, {
+							table: Q,
+							onRowClick: ee,
+							emptyStateMessage: he,
+							emptyStateAction: ie,
+							cellClassName: M,
+							rowClassName: me,
+							stickyFirstColumn: A,
+							strings: V,
+							dense: J
+						})]
+					})
+				}),
+				!!Re && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(f, {}), /* @__PURE__ */ T(_e, {
+					pagination: b,
+					onPageChange: O,
+					pageQueryKey: U,
+					labels: V.pagination
+				})] })
+			]
+		})
+	});
+}
+Fe.displayName = "DataTable";
+//#endregion
+//#region src/components/base/table/filter-bar.tsx
+function Ie({ table: e, filterColumn: n, filterPlaceholder: r, enableColumnVisibility: i = !1, customContent: o, strings: f = U }) {
+	if (!n && !i && !o) return null;
+	let m = r ?? f.filter.searchPlaceholder;
+	return /* @__PURE__ */ E("div", {
+		className: t("filter-bar--component", "flex items-center justify-between p-4"),
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex flex-1 items-center space-x-2",
+			children: [!!n && /* @__PURE__ */ T(p, {
+				placeholder: m,
+				value: e.getColumn(n)?.getFilterValue() ?? "",
+				onChange: (t) => {
+					let r = t.target.value;
+					e.getColumn(n)?.setFilterValue(r);
+				},
+				className: "max-w-sm"
+			}), o]
+		}), !!i && /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(s, { render: (e) => /* @__PURE__ */ T(a, {
+			...e,
+			variant: "secondary",
+			buttonStyle: "outline",
+			className: "ml-auto",
+			children: f.columnVisibility.triggerLabel
+		}) }), /* @__PURE__ */ E(u, {
+			align: "end",
+			children: [/* @__PURE__ */ T(l, { children: f.columnVisibility.title }), e.getAllColumns().filter((e) => e.getCanHide()).map((e) => {
+				let t = e.columnDef.header, n = f.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ T(c, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: n
+				}, e.id);
+			})]
+		})] })]
+	});
+}
+Ie.displayName = "DataTableFilterBar";
+//#endregion
+//#region src/components/base/table/table-pagination.tsx
+function Z({ table: e, selectedRowCount: r, totalRowCount: i, strings: o = U }) {
+	let s = r ?? e.getFilteredSelectedRowModel().rows.length, c = i ?? e.getFilteredRowModel().rows.length, l = o.selection.summary(s, c);
+	return /* @__PURE__ */ E("div", {
+		className: t("table-pagination--component", "flex items-center justify-end space-x-2 px-4 py-4"),
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ T(n, {
+					type: "secondary",
+					children: l
+				})
+			}),
+			/* @__PURE__ */ T(a, {
+				variant: "secondary",
+				buttonStyle: "outline",
+				onClick: () => e.previousPage(),
+				disabled: !e.getCanPreviousPage(),
+				children: o.pagination.previous
+			}),
+			/* @__PURE__ */ T(a, {
+				variant: "secondary",
+				buttonStyle: "outline",
+				onClick: () => e.nextPage(),
+				disabled: !e.getCanNextPage(),
+				children: o.pagination.next
+			})
+		]
+	});
+}
+Z.displayName = "DataTablePagination";
+//#endregion
+//#region src/components/base/table/column-visibility-toggle.tsx
+function Le({ table: e, className: n, align: r = "end", strings: i = U }) {
+	let f = e.getAllColumns().filter((e) => e.getCanHide());
+	return f.length === 0 ? null : /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ E(s, {
+		render: (e) => /* @__PURE__ */ T(a, {
+			...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__ */ T(ce, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+			className: "hidden sm:inline",
+			children: i.columnVisibility.triggerLabel
+		})]
+	}), /* @__PURE__ */ E(u, {
+		align: r,
+		className: "w-[200px]",
+		children: [
+			/* @__PURE__ */ T(l, { children: i.columnVisibility.title }),
+			/* @__PURE__ */ T(o, {}),
+			f.map((e) => {
+				let t = e.columnDef.header, n = i.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+				return /* @__PURE__ */ T(c, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: n
+				}, e.id);
+			})
+		]
+	})] });
+}
+Le.displayName = "ColumnVisibilityToggle";
+//#endregion
+//#region src/components/base/table/partials/cell-value.tsx
+function Q({ value: e, fallback: r = "--", missing: i, className: a, children: o }) {
+	let s = i ?? (e == null || e === "");
+	return o === void 0 ? s ? /* @__PURE__ */ T(n, {
+		tag: "span",
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", a),
+		children: r
+	}) : /* @__PURE__ */ T(n, {
+		tag: "span",
+		size: "inherit",
+		className: a,
+		children: String(e)
+	}) : /* @__PURE__ */ T(n, {
+		tag: "span",
+		size: "inherit",
+		type: s ? "secondary" : "main",
+		className: t(s && "opacity-60", a),
+		children: o
+	});
+}
+Q.displayName = "CellValue";
+//#endregion
+//#region src/components/base/table/partials/table-link.tsx
+var Re = (e) => /* @__PURE__ */ T("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 ze({ value: e, map: i, emptyLabel: a = "—", className: o }) {
+	if (!e || !(e in i)) return /* @__PURE__ */ T(n, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", o),
+		children: a
+	});
+	let s = i[e], c = s.icon;
+	return /* @__PURE__ */ E(r, {
+		variant: s.variant ?? "secondary",
+		className: t("gap-1.5", o),
+		children: [!!c && /* @__PURE__ */ T(c, { className: "size-3" }), s.label]
+	});
+}
+ze.displayName = "StatusCell";
+var Be = {
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+};
+function Ve({ value: e, options: r = Be, locale: i, showIcon: a = !0, icon: o = k, emptyLabel: s = "—", className: c }) {
+	if (e == null || e === "") return /* @__PURE__ */ T(n, {
+		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__ */ T(n, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", c),
+		children: s
+	});
+	let u = new Intl.DateTimeFormat(i, r);
+	return /* @__PURE__ */ E("span", {
+		className: t("inline-flex items-center gap-1.5 tabular-nums", c),
+		children: [!!a && /* @__PURE__ */ T(o, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ T(n, {
+			size: "inherit",
+			type: "secondary",
+			children: u.format(l)
+		})]
+	});
+}
+Ve.displayName = "DateCell";
+function He({ value: e, currency: r, locale: i, emptyLabel: a = "—", className: o, weight: s = "semibold" }) {
+	let c = typeof e == "number" ? e : Number.parseFloat(String(e ?? ""));
+	if (!Number.isFinite(c)) return /* @__PURE__ */ T(n, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", o),
+		children: a
+	});
+	let l = r ? new Intl.NumberFormat(i, {
+		style: "currency",
+		currency: r,
+		maximumFractionDigits: 2
+	}).format(c) : c.toFixed(2);
+	return /* @__PURE__ */ T(n, {
+		tag: "span",
+		size: "inherit",
+		weight: s,
+		className: t("tabular-nums", o),
+		children: l
+	});
+}
+He.displayName = "CurrencyCell";
+function Ue(e) {
+	return e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0].toUpperCase()).join("");
+}
+function We({ name: e, imageUrl: r, icon: i = ae, subtitle: a, emptyLabel: o = "—", className: s }) {
+	return !e || e.trim().length === 0 ? /* @__PURE__ */ T(n, {
+		size: "inherit",
+		type: "secondary",
+		className: t("opacity-60", s),
+		children: o
+	}) : /* @__PURE__ */ E("span", {
+		className: t("inline-flex items-center gap-2", s),
+		children: [/* @__PURE__ */ T("span", {
+			className: "relative inline-flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground",
+			children: r ? /* @__PURE__ */ T("img", {
+				src: r,
+				alt: e,
+				className: "absolute inset-0 size-full object-cover"
+			}) : e.length > 0 ? /* @__PURE__ */ T(n, {
+				size: "xs",
+				weight: "semibold",
+				className: "leading-none",
+				children: Ue(e)
+			}) : /* @__PURE__ */ T(i, { className: "size-3.5" })
+		}), /* @__PURE__ */ E("span", {
+			className: "min-w-0 inline-flex flex-col",
+			children: [/* @__PURE__ */ T(n, {
+				size: "inherit",
+				weight: "medium",
+				className: "truncate",
+				children: e
+			}), !!a && /* @__PURE__ */ T(n, {
+				size: "xs",
+				type: "secondary",
+				className: "truncate",
+				children: a
+			})]
+		})]
+	});
+}
+We.displayName = "AvatarCell";
+//#endregion
+//#region src/components/base/table/hooks.ts
+var Ge = 300;
+function $(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function Ke(e, t = {}) {
+	let { stepPx: n = Ge, deps: r = [] } = t, [i, a] = C(!1), [o, s] = C(!1), c = S(0), l = v(() => {
+		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]);
+	b(() => {
+		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 = v((t) => {
+		$(e.current)?.scrollBy({
+			left: t,
+			behavior: "smooth"
+		});
+	}, [e]);
+	return {
+		canScrollLeft: i,
+		canScrollRight: o,
+		scrollBy: u,
+		scrollLeft: v(() => u(-n), [u, n]),
+		scrollRight: v(() => u(n), [u, n])
+	};
+}
+function qe(e, t = !1) {
+	let [n, r] = C((() => {
+		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, v((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 Je = "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 Ye({ dense: e, onChange: n, denseLabel: r = "Dense", comfortableLabel: i = "Comfortable", className: a }) {
+	let o = e ? i : r, s = e ? j : M;
+	return /* @__PURE__ */ T("button", {
+		type: "button",
+		"aria-label": o,
+		"aria-pressed": e,
+		onClick: () => n(!e),
+		className: t(Je, a),
+		children: /* @__PURE__ */ T(s, { className: "size-3.5" })
+	});
+}
+Ye.displayName = "DensityToggle";
+//#endregion
+export { We as AvatarCell, Q as CellValue, Le as ColumnVisibilityToggle, He as CurrencyCell, Fe as DataTable, ve as DataTableActions, De as DataTableBody, Ie as DataTableFilterBar, Oe as DataTableHeader, Z as DataTablePagination, je as DataTableToolbar, Ve as DateCell, Ye as DensityToggle, _e as Pagination, ze as StatusCell, Re as TableLink, Ee as addSelectionColumn, Te as createHeaderSelectionCheckbox, we as createRowSelectionCheckbox, U as defaultDataTableStrings, q as getCellClassName, $ as getDataTableScrollContainer, Se as getRowClassName, Ce as getSelectedRowsData, xe as handleColumnVisibilityChange, ye as handleRowSelectionChange, be as handleSortingChange, ge as mergeDataTableStrings, Ke as useDataTableScrollState, Ne as useDataTableSize, qe as usePersistentDensity };
+
+//# sourceMappingURL=index.js.map