tembro 4.2.1 → 6.0.0

package/dist/src/components/data-table/data-table.js

@@ -1,63 +1,63 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import { Input as n } from "../ui/input/index.js";
-import { createDataTableActionsColumn as r } from "./data-table-actions-column.js";
-import { DataTableBulkActions as i } from "./data-table-bulk-actions.js";
-import { DataTableColumnVisibilityMenu as ee } from "./data-table-column-visibility-menu.js";
-import { DataTablePagination as te } from "./data-table-pagination.js";
-import { DataTableToolbar as ne } from "./data-table-toolbar.js";
-import { useVirtualizer as re } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { StateView as n } from "../feedback/state-view.js";
+import { Input as r } from "../ui/input/index.js";
+import { createDataTableActionsColumn as i } from "./data-table-actions-column.js";
+import { DataTableBulkActions as ee } from "./data-table-bulk-actions.js";
+import { DataTableColumnVisibilityMenu as te } from "./data-table-column-visibility-menu.js";
+import { DataTablePagination as ne } from "./data-table-pagination.js";
+import { DataTableToolbar as re } from "./data-table-toolbar.js";
+import { useVirtualizer as ie } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
 import { DataState as a } from "../display/data-state.js";
-import { LoadingState as o } from "../feedback/loading-state.js";
-import { useIsMobile as ie } from "../../hooks/use-is-mobile.js";
-import { Table as ae, TableBody as oe, TableCell as s, TableHead as se, TableHeader as ce, TableRow as c } from "../ui/table/index.js";
-import * as l from "react";
-import { Fragment as le, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { flexRender as f, getCoreRowModel as ue, getExpandedRowModel as de, getPaginationRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
+import { useIsMobile as ae } from "../../hooks/use-is-mobile.js";
+import { Table as oe, TableBody as se, TableCell as o, TableHead as ce, TableHeader as le, TableRow as s } from "../ui/table/index.js";
+import * as c from "react";
+import { Fragment as ue, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { flexRender as d, getCoreRowModel as de, getExpandedRowModel as fe, getPaginationRowModel as pe, useReactTable as me } from "@tanstack/react-table";
 //#region src/components/data-table/data-table.tsx
-var me = {
+var he = {
 	compact: "h-8 px-2 py-1.5",
 	default: "h-10 px-2 py-2",
 	comfortable: "h-12 px-3 py-3"
-}, he = {
+}, ge = {
 	compact: "px-2 py-1.5",
 	default: "p-2",
 	comfortable: "px-3 py-3"
 };
-function ge(e, t) {
-	return typeof t == "function" ? t(e) : t;
-}
 function _e(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
 function ve(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ye(e) {
-	return e == null || e === "";
+function ye(e, t) {
+	return typeof t == "function" ? t(e) : t;
 }
 function be(e) {
+	return e == null || e === "";
+}
+function xe(e) {
 	let t = e.column.columnDef.header;
 	return typeof t == "string" ? t : typeof t == "number" ? String(t) : e.column.id === "actions" ? "Actions" : e.column.id;
 }
-function xe({ className: xe, columns: Se, data: p, title: m, description: h, features: g, search: _, filters: v, summary: y, toolbarActions: b, rowActions: x, bulkActions: Ce, onRefresh: we, onExport: S, refreshLabel: Te = "Refresh", exportLabel: Ee = "Export", getRowId: De, isLoading: C = !1, isError: Oe = !1, emptyState: ke, errorState: Ae, loadingState: w, loadingVariant: je = "skeleton", toolbar: T, toolbarProps: E, pagination: D, sorting: Me, onSortingChange: Ne, columnVisibility: Pe, onColumnVisibilityChange: Fe, rowSelection: Ie, onRowSelectionChange: Le, enableRowSelection: Re, renderMobileCard: O, mobileLayout: ze = "auto", onRowClick: k, onRowDoubleClick: Be, getRowDisabled: A, density: j = "default", striped: M = !1, bordered: N = !1, stickyHeader: P = !1, skeletonRows: Ve = 6, skeletonCellClassName: He, cellFallback: F = "-", tableClassName: Ue, tableWrapperClassName: We, headerCellClassName: Ge, cellClassName: Ke, rowClassName: qe, renderExpandedRow: Je, expanded: Ye, onExpandedChange: Xe, getRowCanExpand: Ze, columnPinning: Qe, onColumnPinningChange: $e, virtualization: et, ...tt }) {
-	let nt = l.useMemo(() => {
-		let e = Se;
-		return !x || g?.rowActions === !1 ? e : [...e, r({ getActions: x })];
+function Se({ className: Se, columns: Ce, data: f, title: p, description: m, features: h, search: g, filters: _, summary: v, toolbarActions: y, rowActions: b, bulkActions: we, onRefresh: x, onExport: S, refreshLabel: Te = "Refresh", exportLabel: Ee = "Export", getRowId: De, isLoading: C = !1, isError: Oe = !1, emptyState: ke, errorState: Ae, loadingState: w, loadingVariant: je = "skeleton", toolbar: T, toolbarProps: E, pagination: D, sorting: Me, onSortingChange: Ne, columnVisibility: Pe, onColumnVisibilityChange: Fe, rowSelection: Ie, onRowSelectionChange: Le, enableRowSelection: Re, renderMobileCard: O, mobileLayout: ze = "auto", onRowClick: k, onRowDoubleClick: Be, getRowDisabled: A, density: j = "default", striped: M = !1, bordered: N = !1, stickyHeader: P = !1, skeletonRows: Ve = 6, skeletonCellClassName: He, cellFallback: F = "-", tableClassName: Ue, tableWrapperClassName: We, headerCellClassName: Ge, cellClassName: Ke, rowClassName: qe, renderExpandedRow: Je, expanded: Ye, onExpandedChange: Xe, getRowCanExpand: Ze, columnPinning: Qe, onColumnPinningChange: $e, virtualization: et, ...tt }) {
+	let nt = c.useMemo(() => {
+		let e = Ce;
+		return !b || h?.rowActions === !1 ? e : [...e, i({ getActions: b })];
 	}, [
-		Se,
-		g?.rowActions,
-		x
+		Ce,
+		h?.rowActions,
+		b
 	]), I = D === !1 ? void 0 : D, rt = I ? {
 		pageIndex: I.pageIndex,
 		pageSize: I.pageSize
-	} : void 0, it = !!(I && I.manual !== !1), at = Ie ?? {}, L = pe({
-		data: p,
+	} : void 0, it = !!(I && I.manual !== !1), at = Ie ?? {}, L = me({
+		data: f,
 		columns: nt,
 		getRowId: De,
-		getCoreRowModel: ue(),
-		getPaginationRowModel: I && !it ? fe() : void 0,
+		getCoreRowModel: de(),
+		getPaginationRowModel: I && !it ? pe() : void 0,
 		manualPagination: it,
 		pageCount: I?.pageCount,
 		state: {
@@ -75,8 +75,8 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 		onColumnPinningChange: $e,
 		enableRowSelection: Re,
 		getRowCanExpand: Ze,
-		getExpandedRowModel: de()
-	}), R = L.getRowModel().rows, ot = l.useRef(null), z = et === !1 ? void 0 : et, B = !!(z && z.enabled !== !1 && R.length > 0), V = z?.height ?? 480, st = z?.onRangeChange, H = re({
+		getExpandedRowModel: fe()
+	}), R = L.getRowModel().rows, ot = c.useRef(null), z = et === !1 ? void 0 : et, B = !!(z && z.enabled !== !1 && R.length > 0), V = z?.height ?? 480, st = z?.onRangeChange, H = ie({
 		count: B ? R.length : 0,
 		getScrollElement: () => ot.current,
 		estimateSize: () => z?.estimateRowHeight ?? 48,
@@ -101,90 +101,91 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 		end: (t + 1) * U,
 		size: U,
 		lane: 0
-	})), ut = W[0]?.start ?? 0, dt = W.length ? Math.max(H.getTotalSize() - W[W.length - 1].end, 0) : 0, G = L.getSelectedRowModel().rows.map((e) => e.original), ft = G.length, K = l.useMemo(() => ({
+	})), ut = W[0]?.start ?? 0, dt = W.length ? Math.max(H.getTotalSize() - W[W.length - 1].end, 0) : 0, G = L.getSelectedRowModel().rows.map((e) => e.original), ft = G.length, K = c.useMemo(() => ({
 		table: L,
-		data: p,
+		data: f,
 		selectedRows: G
 	}), [
-		p,
+		f,
 		G,
 		L
-	]), pt = L.getVisibleLeafColumns(), mt = Math.max(pt.length, 1), ht = typeof T == "function" ? T(L) : T, gt = typeof E == "function" ? E(L) : E, q = typeof v == "function" ? v(K) : v, J = typeof y == "function" ? y(K) : y, _t = !!(_ && g?.search !== !1), vt = !!(g?.columnVisibility && L.getAllLeafColumns().some((e) => e.getCanHide())), Y = !!(g?.refresh && we), X = !!(g?.export && S), yt = !!(g?.bulkActions !== !1 && Ce?.length), bt = vt && !!(m || h || _ || q || J || b || Y || X), xt = _t && _ ? /* @__PURE__ */ u(n, {
+	]), pt = L.getVisibleLeafColumns(), mt = Math.max(pt.length, 1), ht = typeof T == "function" ? T(L) : T, gt = typeof E == "function" ? E(L) : E, q = typeof _ == "function" ? _(K) : _, J = typeof v == "function" ? v(K) : v, _t = !!(g && h?.search !== !1), vt = !!(h?.columnVisibility && L.getAllLeafColumns().some((e) => e.getCanHide())), Y = !!(h?.refresh && x), X = !!(h?.export && S), yt = !!(h?.bulkActions !== !1 && we?.length), bt = vt && !!(p || m || g || q || J || y || Y || X), xt = _t && g ? /* @__PURE__ */ l(r, {
 		type: "search",
-		value: _.value,
-		onValueChange: _.onValueChange,
-		placeholder: _.placeholder ?? "Search...",
-		wrapperClassName: _.wrapperClassName ?? _.className,
-		inputClassName: _.inputClassName,
-		disabled: _.disabled,
-		clearable: _.clearable,
-		clearLabel: _.clearLabel,
-		searchIcon: _.searchIcon
-	}) : void 0, St = /* @__PURE__ */ d(le, { children: [
-		typeof b == "function" ? b(K) : b,
-		bt && /* @__PURE__ */ u(ee, { table: L }),
-		Y && /* @__PURE__ */ u(t, {
+		value: g.value,
+		onValueChange: g.onValueChange,
+		placeholder: g.placeholder ?? "Search...",
+		wrapperClassName: g.wrapperClassName ?? g.className,
+		inputClassName: g.inputClassName,
+		disabled: g.disabled,
+		clearable: g.clearable,
+		clearLabel: g.clearLabel,
+		searchIcon: g.searchIcon
+	}) : void 0, St = /* @__PURE__ */ u(ue, { children: [
+		typeof y == "function" ? y(K) : y,
+		bt && /* @__PURE__ */ l(te, { table: L }),
+		Y && /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
 			disabled: C,
-			onClick: () => we?.(K),
+			onClick: () => x?.(K),
 			children: Te
 		}),
-		X && /* @__PURE__ */ u(t, {
+		X && /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
 			onClick: () => S?.(K),
 			children: Ee
 		})
-	] }), Ct = yt ? /* @__PURE__ */ u(i, {
+	] }), Ct = yt ? /* @__PURE__ */ l(ee, {
 		rows: G,
-		actions: Ce ?? [],
+		actions: we ?? [],
 		selectedLabel: () => "Actions",
 		clearLabel: null,
 		onClearSelection: () => L.resetRowSelection(),
 		hideWhenEmpty: !1
-	}) : void 0, wt = !!(ht || gt || m || h || xt || q || J || b || bt || Y || X || Ct), Tt = !!(I && !I.hidden), Z = C && je === "skeleton", Et = ie(), Q = ze !== "scroll" && Et, Dt = (e, t) => t > 0 ? /* @__PURE__ */ u(c, {
+	}) : void 0, wt = !!(ht || gt || p || m || xt || q || J || y || bt || Y || X || Ct), Tt = !!(I && !I.hidden), Z = C && je === "skeleton", Et = ae(), Q = ze !== "scroll" && Et, Dt = (e, t) => t > 0 ? /* @__PURE__ */ l(s, {
 		"aria-hidden": "true",
 		className: "pointer-events-none border-0 hover:bg-transparent",
-		children: /* @__PURE__ */ u(s, {
+		children: /* @__PURE__ */ l(o, {
 			colSpan: mt,
 			className: "border-0 p-0",
 			style: { height: t }
 		})
-	}, e) : null, Ot = (e) => /* @__PURE__ */ u(c, { children: /* @__PURE__ */ u(s, {
+	}, e) : null, Ot = (e) => /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(o, {
 		colSpan: mt,
 		className: "p-0",
 		children: e
-	}) }), kt = () => Array.from({ length: Math.max(Ve, 1) }, (t, n) => /* @__PURE__ */ u(c, {
+	}) }), kt = () => Array.from({ length: Math.max(Ve, 1) }, (t, n) => /* @__PURE__ */ l(s, {
 		"aria-hidden": "true",
-		children: pt.map((t) => /* @__PURE__ */ u(s, {
-			className: e(he[j], N && "border-r last:border-r-0"),
-			children: /* @__PURE__ */ u("div", { className: e("h-4 w-full max-w-40 animate-pulse rounded-md bg-muted", n % 3 == 1 && "max-w-24", n % 3 == 2 && "max-w-32", He) })
+		children: pt.map((t) => /* @__PURE__ */ l(o, {
+			className: e(ge[j], N && "border-r last:border-r-0"),
+			children: /* @__PURE__ */ l("div", { className: e("h-4 w-full max-w-40 animate-pulse rounded-md bg-muted", n % 3 == 1 && "max-w-24", n % 3 == 2 && "max-w-32", He) })
 		}, `${t.id}-${n}`))
-	}, `skeleton-${n}`)), $ = Z ? null : C ? /* @__PURE__ */ u(o, {
-		label: "Loading data...",
+	}, `skeleton-${n}`)), $ = Z ? null : C ? /* @__PURE__ */ l(n, {
+		status: "loading",
+		title: "Loading data...",
 		...w
-	}) : Oe ? /* @__PURE__ */ u(a, {
+	}) : Oe ? /* @__PURE__ */ l(a, {
 		status: "error",
 		title: "Could not load data",
 		description: "Please try again.",
 		variant: "plain",
 		...Ae
-	}) : R.length === 0 ? /* @__PURE__ */ u(a, {
+	}) : R.length === 0 ? /* @__PURE__ */ l(a, {
 		status: "empty",
 		variant: "plain",
 		...ke
 	}) : null, At = (t, n, r) => {
 		let i = A?.(t) ?? !1;
-		return /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ u(c, {
+		return /* @__PURE__ */ u(c.Fragment, { children: [/* @__PURE__ */ l(s, {
 			ref: r && z?.measureRows !== !1 ? H.measureElement : void 0,
 			"data-index": r?.index,
 			"data-state": t.getIsSelected() ? "selected" : void 0,
 			"data-striped": M && n % 2 == 1 ? "true" : void 0,
 			"data-disabled": i || void 0,
-			className: e(k && !i && "cursor-pointer", !i && "transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]", i && "pointer-events-none opacity-55", ge(t, qe)),
+			className: e(k && !i && "cursor-pointer", !i && "transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]", i && "pointer-events-none opacity-55", _e(t, qe)),
 			onClick: () => {
 				i || k?.(t);
 			},
@@ -192,8 +193,8 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 				i || Be?.(t);
 			},
 			children: t.getVisibleCells().map((t) => {
-				let n = f(t.column.columnDef.cell, t.getContext());
-				return /* @__PURE__ */ u(s, {
+				let n = d(t.column.columnDef.cell, t.getContext());
+				return /* @__PURE__ */ l(o, {
 					style: {
 						...t.column.getIsPinned() === "left" ? {
 							left: `${t.column.getStart("left")}px`,
@@ -206,24 +207,24 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 							zIndex: 10
 						} : {}
 					},
-					className: e(he[j], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ve(t, Ke)),
-					children: ye(n) ? F : n
+					className: e(ge[j], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ye(t, Ke)),
+					children: be(n) ? F : n
 				}, t.id);
 			})
-		}), t.getIsExpanded() && Je ? /* @__PURE__ */ u(c, {
+		}), t.getIsExpanded() && Je ? /* @__PURE__ */ l(s, {
 			className: "bg-muted/50 hover:bg-muted/50",
-			children: /* @__PURE__ */ u(s, {
+			children: /* @__PURE__ */ l(o, {
 				colSpan: t.getVisibleCells().length,
 				children: Je(t)
 			})
 		}) : null] }, t.id);
 	}, jt = (t) => {
 		let n = A?.(t) ?? !1, r = t.getVisibleCells();
-		return /* @__PURE__ */ u("article", {
+		return /* @__PURE__ */ l("article", {
 			"data-slot": "data-table-mobile-card",
 			"data-state": t.getIsSelected() ? "selected" : void 0,
 			"data-disabled": n || void 0,
-			className: e("grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]", k && !n && "cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]", n && "pointer-events-none opacity-55", ge(t, qe)),
+			className: e("grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]", k && !n && "cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]", n && "pointer-events-none opacity-55", _e(t, qe)),
 			role: k && !n ? "button" : void 0,
 			tabIndex: k && !n ? 0 : void 0,
 			onClick: () => {
@@ -233,54 +234,55 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 				e.target !== e.currentTarget || n || !k || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), k(t));
 			},
 			children: r.map((e) => {
-				let t = f(e.column.columnDef.cell, e.getContext());
-				return /* @__PURE__ */ d("div", {
+				let t = d(e.column.columnDef.cell, e.getContext());
+				return /* @__PURE__ */ u("div", {
 					"data-slot": "data-table-mobile-cell",
 					className: "grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm",
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ l("span", {
 						className: "min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-						children: be(e)
-					}), /* @__PURE__ */ u("div", {
+						children: xe(e)
+					}), /* @__PURE__ */ l("div", {
 						className: "min-w-0 text-right text-foreground/92 [&>*]:ml-auto",
-						children: ye(t) ? F : t
+						children: be(t) ? F : t
 					})]
 				}, e.id);
 			})
 		}, t.id);
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ u("div", {
 		"data-slot": "data-table",
-		className: e("grid gap-3", xe),
+		className: e("grid gap-3", Se),
 		...tt,
 		children: [
-			wt && (ht ?? /* @__PURE__ */ u(ne, {
-				title: m,
-				description: h,
+			wt && (ht ?? /* @__PURE__ */ l(re, {
+				title: p,
+				description: m,
 				search: xt,
 				filters: q,
 				summary: J,
 				actions: St,
 				selectionActions: Ct,
 				selectedCount: ft,
-				totalCount: I ? I.rowCount ?? p.length : p.length,
+				totalCount: I ? I.rowCount ?? f.length : f.length,
 				variant: "plain",
 				...gt
 			})),
-			Q && /* @__PURE__ */ u("div", {
+			Q && /* @__PURE__ */ l("div", {
 				className: "grid gap-3",
-				children: $ ?? (Z ? /* @__PURE__ */ u(o, {
-					label: "Loading data...",
+				children: $ ?? (Z ? /* @__PURE__ */ l(n, {
+					status: "loading",
+					title: "Loading data...",
 					...w
-				}) : R.map((e) => /* @__PURE__ */ u(l.Fragment, { children: O ? O(e) : jt(e) }, e.id)))
+				}) : R.map((e) => /* @__PURE__ */ l(c.Fragment, { children: O ? O(e) : jt(e) }, e.id)))
 			}),
-			!Q && /* @__PURE__ */ d("div", {
+			!Q && /* @__PURE__ */ u("div", {
 				"data-slot": "data-table-wrapper",
 				"data-density": j,
 				"data-striped": M || void 0,
 				"data-bordered": N || void 0,
 				"data-virtualized": B || void 0,
 				className: e("overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur", We),
-				children: [/* @__PURE__ */ d(ae, {
+				children: [/* @__PURE__ */ u(oe, {
 					containerRef: ot,
 					containerStyle: B ? {
 						height: V,
@@ -289,9 +291,9 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 					containerClassName: e("rounded-none border-0 bg-transparent shadow-none ring-0", B && "overflow-auto"),
 					className: e("text-[0.95rem]", Ue),
 					"aria-rowcount": R.length,
-					children: [/* @__PURE__ */ u(ce, {
+					children: [/* @__PURE__ */ l(le, {
 						className: e((P || B) && "sticky top-0 z-10 shadow-sm backdrop-blur"),
-						children: L.getHeaderGroups().map((t) => /* @__PURE__ */ u(c, { children: t.headers.map((t) => /* @__PURE__ */ u(se, {
+						children: L.getHeaderGroups().map((t) => /* @__PURE__ */ l(s, { children: t.headers.map((t) => /* @__PURE__ */ l(ce, {
 							style: {
 								width: t.getSize(),
 								...t.column.getIsPinned() === "left" ? {
@@ -305,15 +307,15 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 									zIndex: P ? 20 : 11
 								} : {}
 							},
-							className: e(me[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", (P || B) && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", _e(t, Ge)),
-							children: t.isPlaceholder ? null : f(t.column.columnDef.header, t.getContext())
+							className: e(he[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", (P || B) && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ve(t, Ge)),
+							children: t.isPlaceholder ? null : d(t.column.columnDef.header, t.getContext())
 						}, t.id)) }, t.id))
-					}), /* @__PURE__ */ u(oe, { children: $ ? Ot($) : Z ? kt() : B ? [
+					}), /* @__PURE__ */ l(se, { children: $ ? Ot($) : Z ? kt() : B ? [
 						Dt("virtual-top", ut),
 						...W.map((e) => At(R[e.index], e.index, e)),
 						Dt("virtual-bottom", dt)
 					] : R.map((e, t) => At(e, t)) })]
-				}), Tt && I && /* @__PURE__ */ u(te, {
+				}), Tt && I && /* @__PURE__ */ l(ne, {
 					pageIndex: I.pageIndex,
 					pageSize: I.pageSize,
 					pageCount: I.pageCount,
@@ -330,4 +332,4 @@ function xe({ className: xe, columns: Se, data: p, title: m, description: h, fea
 	});
 }
 //#endregion
-export { xe as DataTable };
+export { Se as DataTable };

package/dist/src/components/feedback/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./state-view.cjs"),t=require("./loading-state.cjs"),n=require("./alert.cjs"),r=require("./page-state.cjs");exports.Alert=n.Alert,exports.InlineState=r.InlineState,exports.LoadingState=t.LoadingState,exports.PageState=r.PageState,exports.StateView=e.StateView;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./state-view.cjs"),t=require("./alert.cjs");exports.Alert=t.Alert,exports.StateView=e.StateView;

package/dist/src/components/feedback/index.js

@@ -1,5 +1,3 @@
 import { StateView as e } from "./state-view.js";
-import { LoadingState as t } from "./loading-state.js";
-import { Alert as n } from "./alert.js";
-import { InlineState as r, PageState as i } from "./page-state.js";
-export { n as Alert, r as InlineState, t as LoadingState, i as PageState, e as StateView };
+import { Alert as t } from "./alert.js";
+export { t as Alert, e as StateView };

package/dist/src/components/layout/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs.cjs"),t=require("./workspace-header.cjs"),n=require("./sidebar-context.cjs"),r=require("./sidebar.cjs"),i=require("./section.cjs"),a=require("./workspace-layout.cjs");exports.Breadcrumbs=e.Breadcrumbs,exports.Section=i.Section,exports.Sidebar=r.Sidebar,exports.SidebarInset=r.SidebarInset,exports.SidebarProvider=n.SidebarProvider,exports.SidebarTrigger=n.SidebarTrigger,exports.SplitLayout=i.SplitLayout,exports.Toolbar=i.Toolbar,exports.WorkspaceContent=a.WorkspaceContent,exports.WorkspaceHeader=t.WorkspaceHeader,exports.WorkspaceLayout=a.WorkspaceLayout,exports.WorkspaceMain=a.WorkspaceMain,exports.useSidebar=n.useSidebar;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs.cjs"),t=require("./workspace-header.cjs"),n=require("./sidebar-context.cjs"),r=require("./sidebar.cjs"),i=require("./section.cjs"),a=require("./workspace-layout.cjs");exports.Breadcrumbs=e.Breadcrumbs,exports.Section=i.Section,exports.Sidebar=r.Sidebar,exports.SidebarInset=r.SidebarInset,exports.SidebarProvider=n.SidebarProvider,exports.SidebarTrigger=n.SidebarTrigger,exports.SplitLayout=i.SplitLayout,exports.WorkspaceContent=a.WorkspaceContent,exports.WorkspaceHeader=t.WorkspaceHeader,exports.WorkspaceLayout=a.WorkspaceLayout,exports.WorkspaceMain=a.WorkspaceMain,exports.useSidebar=n.useSidebar;

package/dist/src/components/layout/index.js

@@ -2,6 +2,6 @@ import { Breadcrumbs as e } from "./breadcrumbs.js";
 import { WorkspaceHeader as t } from "./workspace-header.js";
 import { SidebarProvider as n, SidebarTrigger as r, useSidebar as i } from "./sidebar-context.js";
 import { Sidebar as a, SidebarInset as o } from "./sidebar.js";
-import { Section as s, SplitLayout as c, Toolbar as l } from "./section.js";
-import { WorkspaceContent as u, WorkspaceLayout as d, WorkspaceMain as f } from "./workspace-layout.js";
-export { e as Breadcrumbs, s as Section, a as Sidebar, o as SidebarInset, n as SidebarProvider, r as SidebarTrigger, c as SplitLayout, l as Toolbar, u as WorkspaceContent, t as WorkspaceHeader, d as WorkspaceLayout, f as WorkspaceMain, i as useSidebar };
+import { Section as s, SplitLayout as c } from "./section.js";
+import { WorkspaceContent as l, WorkspaceLayout as u, WorkspaceMain as d } from "./workspace-layout.js";
+export { e as Breadcrumbs, s as Section, a as Sidebar, o as SidebarInset, n as SidebarProvider, r as SidebarTrigger, c as SplitLayout, l as WorkspaceContent, t as WorkspaceHeader, u as WorkspaceLayout, d as WorkspaceMain, i as useSidebar };

package/dist/src/components/layout/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs.cjs"),t=require("./workspace-header.cjs"),n=require("./sidebar-context.cjs"),r=require("./sidebar.cjs"),i=require("./section.cjs"),a=require("./workspace-layout.cjs");exports.Breadcrumbs=e.Breadcrumbs,exports.Section=i.Section,exports.Sidebar=r.Sidebar,exports.SidebarInset=r.SidebarInset,exports.SidebarProvider=n.SidebarProvider,exports.SidebarTrigger=n.SidebarTrigger,exports.SplitLayout=i.SplitLayout,exports.Toolbar=i.Toolbar,exports.WorkspaceContent=a.WorkspaceContent,exports.WorkspaceHeader=t.WorkspaceHeader,exports.WorkspaceLayout=a.WorkspaceLayout,exports.WorkspaceMain=a.WorkspaceMain,exports.useSidebar=n.useSidebar;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs.cjs"),t=require("./workspace-header.cjs"),n=require("./sidebar-context.cjs"),r=require("./sidebar.cjs"),i=require("./section.cjs"),a=require("./workspace-layout.cjs");exports.Breadcrumbs=e.Breadcrumbs,exports.Section=i.Section,exports.Sidebar=r.Sidebar,exports.SidebarInset=r.SidebarInset,exports.SidebarProvider=n.SidebarProvider,exports.SidebarTrigger=n.SidebarTrigger,exports.SplitLayout=i.SplitLayout,exports.WorkspaceContent=a.WorkspaceContent,exports.WorkspaceHeader=t.WorkspaceHeader,exports.WorkspaceLayout=a.WorkspaceLayout,exports.WorkspaceMain=a.WorkspaceMain,exports.useSidebar=n.useSidebar;

package/dist/src/components/layout/public.js

@@ -2,6 +2,6 @@ import { Breadcrumbs as e } from "./breadcrumbs.js";
 import { WorkspaceHeader as t } from "./workspace-header.js";
 import { SidebarProvider as n, SidebarTrigger as r, useSidebar as i } from "./sidebar-context.js";
 import { Sidebar as a, SidebarInset as o } from "./sidebar.js";
-import { Section as s, SplitLayout as c, Toolbar as l } from "./section.js";
-import { WorkspaceContent as u, WorkspaceLayout as d, WorkspaceMain as f } from "./workspace-layout.js";
-export { e as Breadcrumbs, s as Section, a as Sidebar, o as SidebarInset, n as SidebarProvider, r as SidebarTrigger, c as SplitLayout, l as Toolbar, u as WorkspaceContent, t as WorkspaceHeader, d as WorkspaceLayout, f as WorkspaceMain, i as useSidebar };
+import { Section as s, SplitLayout as c } from "./section.js";
+import { WorkspaceContent as l, WorkspaceLayout as u, WorkspaceMain as d } from "./workspace-layout.js";
+export { e as Breadcrumbs, s as Section, a as Sidebar, o as SidebarInset, n as SidebarProvider, r as SidebarTrigger, c as SplitLayout, l as WorkspaceContent, t as WorkspaceHeader, u as WorkspaceLayout, d as WorkspaceMain, i as useSidebar };

package/dist/src/components/layout/section.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={compact:`gap-2`,default:`gap-4`,comfortable:`gap-6`},a={compact:`p-3`,default:`p-4`,comfortable:`p-6`};function o({title:e,description:n,actions:o,padded:s=!0,bordered:c=!1,variant:l=c?`panel`:`plain`,density:u=`default`,headerClassName:d,bodyClassName:f,className:p,children:m,...h}){let g=l===`panel`;return(0,r.jsxs)(`section`,{"data-slot":`section`,"data-variant":l,"data-density":u,className:t.cn(`grid min-w-0`,i[u],g&&`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]`,s&&g&&a[u],p),...h,children:[(e||n||o)&&(0,r.jsxs)(`div`,{"data-slot":`section-header`,className:t.cn(`flex flex-wrap items-start justify-between gap-3`,d),children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[e&&(0,r.jsx)(`h2`,{className:`text-lg font-semibold tracking-tight text-foreground`,children:e}),n&&(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:n})]}),o&&(0,r.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:o})]}),(0,r.jsx)(`div`,{"data-slot":`section-content`,className:f,children:m})]})}function s({title:e,description:n,filters:i,actions:a,className:o,children:s,...c}){return(0,r.jsxs)(`div`,{"data-slot":`toolbar`,className:t.cn(`flex flex-wrap items-center justify-between gap-3`,o),...c,children:[(e||n)&&(0,r.jsxs)(`div`,{className:`grid gap-0.5`,children:[e&&(0,r.jsx)(`div`,{className:`font-medium text-foreground`,children:e}),n&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:n})]}),s,(i||a)&&(0,r.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i,a]})]})}function c({aside:e,asidePosition:n=`end`,asideClassName:i,contentClassName:a,asideWidth:o=`20rem`,className:s,children:c,style:l,...u}){let d=(0,r.jsx)(`aside`,{"data-slot":`split-layout-aside`,className:t.cn(`min-w-0`,i),children:e}),f=(0,r.jsx)(`main`,{"data-slot":`split-layout-content`,className:t.cn(`min-w-0`,a),children:c});return(0,r.jsxs)(`div`,{"data-slot":`split-layout`,className:t.cn(`grid gap-4 lg:grid-cols-[minmax(0,1fr)_var(--split-aside-width)]`,n===`start`&&`lg:grid-cols-[var(--split-aside-width)_minmax(0,1fr)]`,s),style:{"--split-aside-width":o,...l},...u,children:[n===`start`?d:f,n===`start`?f:d]})}exports.Section=o,exports.SplitLayout=c,exports.Toolbar=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={compact:`gap-2`,default:`gap-4`,comfortable:`gap-6`},a={compact:`p-3`,default:`p-4`,comfortable:`p-6`};function o({title:e,description:n,actions:o,padded:s=!0,bordered:c=!1,variant:l=c?`panel`:`plain`,density:u=`default`,headerClassName:d,bodyClassName:f,className:p,children:m,...h}){let g=l===`panel`;return(0,r.jsxs)(`section`,{"data-slot":`section`,"data-variant":l,"data-density":u,className:t.cn(`grid min-w-0`,i[u],g&&`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]`,s&&g&&a[u],p),...h,children:[(e||n||o)&&(0,r.jsxs)(`div`,{"data-slot":`section-header`,className:t.cn(`flex flex-wrap items-start justify-between gap-3`,d),children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[e&&(0,r.jsx)(`h2`,{className:`text-lg font-semibold tracking-tight text-foreground`,children:e}),n&&(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:n})]}),o&&(0,r.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:o})]}),(0,r.jsx)(`div`,{"data-slot":`section-content`,className:f,children:m})]})}function s({aside:e,asidePosition:n=`end`,asideClassName:i,contentClassName:a,asideWidth:o=`20rem`,className:s,children:c,style:l,...u}){let d=(0,r.jsx)(`aside`,{"data-slot":`split-layout-aside`,className:t.cn(`min-w-0`,i),children:e}),f=(0,r.jsx)(`main`,{"data-slot":`split-layout-content`,className:t.cn(`min-w-0`,a),children:c});return(0,r.jsxs)(`div`,{"data-slot":`split-layout`,className:t.cn(`grid gap-4 lg:grid-cols-[minmax(0,1fr)_var(--split-aside-width)]`,n===`start`&&`lg:grid-cols-[var(--split-aside-width)_minmax(0,1fr)]`,s),style:{"--split-aside-width":o,...l},...u,children:[n===`start`?d:f,n===`start`?f:d]})}exports.Section=o,exports.SplitLayout=s;

package/dist/src/components/layout/section.js

@@ -42,31 +42,7 @@ function a({ title: a, description: o, actions: s, padded: c = !0, bordered: l =
 		})]
 	});
 }
-function o({ title: r, description: i, filters: a, actions: o, className: s, children: c, ...l }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "toolbar",
-		className: e("flex flex-wrap items-center justify-between gap-3", s),
-		...l,
-		children: [
-			(r || i) && /* @__PURE__ */ n("div", {
-				className: "grid gap-0.5",
-				children: [r && /* @__PURE__ */ t("div", {
-					className: "font-medium text-foreground",
-					children: r
-				}), i && /* @__PURE__ */ t("div", {
-					className: "text-sm text-muted-foreground",
-					children: i
-				})]
-			}),
-			c,
-			(a || o) && /* @__PURE__ */ n("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [a, o]
-			})
-		]
-	});
-}
-function s({ aside: r, asidePosition: i = "end", asideClassName: a, contentClassName: o, asideWidth: s = "20rem", className: c, children: l, style: u, ...d }) {
+function o({ aside: r, asidePosition: i = "end", asideClassName: a, contentClassName: o, asideWidth: s = "20rem", className: c, children: l, style: u, ...d }) {
 	let f = /* @__PURE__ */ t("aside", {
 		"data-slot": "split-layout-aside",
 		className: e("min-w-0", a),
@@ -88,4 +64,4 @@ function s({ aside: r, asidePosition: i = "end", asideClassName: a, contentClass
 	});
 }
 //#endregion
-export { a as Section, s as SplitLayout, o as Toolbar };
+export { a as Section, o as SplitLayout };

package/dist/src/components/patterns/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState;

package/dist/src/components/patterns/index.js

@@ -1,10 +1,2 @@
-import { BulkActionBar as e } from "./bulk-action-bar.js";
-import { EmptyState as t, ErrorState as n } from "./empty-state.js";
-import { PageToolbar as r } from "./page-toolbar.js";
-import { DataView as i } from "./data-view.js";
-import { DetailLayout as a } from "./detail-layout.js";
-import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
-import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
-import { ResourceDetailPage as x } from "./resource-detail-page.js";
-import { SettingsPage as S } from "./settings-page.js";
-export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };
+import { EmptyState as e, ErrorState as t } from "./empty-state.js";
+export { e as EmptyState, t as ErrorState };

package/dist/src/components/patterns/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState;

package/dist/src/components/patterns/public.js

@@ -1,10 +1,2 @@
-import { BulkActionBar as e } from "./bulk-action-bar.js";
-import { EmptyState as t, ErrorState as n } from "./empty-state.js";
-import { PageToolbar as r } from "./page-toolbar.js";
-import { DataView as i } from "./data-view.js";
-import { DetailLayout as a } from "./detail-layout.js";
-import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
-import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
-import { ResourceDetailPage as x } from "./resource-detail-page.js";
-import { SettingsPage as S } from "./settings-page.js";
-export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };
+import { EmptyState as e, ErrorState as t } from "./empty-state.js";
+export { e as EmptyState, t as ErrorState };

package/dist/src/components/ui/hover-card/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/preview-card");function a({...e}){return(0,r.jsx)(i.PreviewCard.Root,{"data-slot":`hover-card`,...e})}function o({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,r.jsx)(i.PreviewCard.Trigger,{"data-slot":`hover-card-trigger`,render:t,...n})}return(0,r.jsx)(i.PreviewCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=8,...l}){return(0,r.jsx)(i.PreviewCard.Portal,{children:(0,r.jsx)(i.PreviewCard.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50 outline-none`,children:(0,r.jsx)(i.PreviewCard.Popup,{"data-slot":`hover-card-content`,className:t.cn(`z-50 grid max-h-[min(var(--available-height),calc(100dvh-1rem))] w-80 max-w-[calc(100vw-1rem)] origin-(--transform-origin) gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...n}){return(0,r.jsx)(i.PreviewCard.Arrow,{"data-slot":`hover-card-arrow`,className:t.cn(`z-50 flex size-3 rotate-45 border border-border bg-popover`,e),...n})}exports.HoverCard=a,exports.HoverCardArrow=c,exports.HoverCardContent=s,exports.HoverCardTrigger=o;

package/dist/src/components/ui/hover-card/index.js

@@ -0,0 +1,50 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { PreviewCard as r } from "@base-ui/react/preview-card";
+//#region src/components/ui/hover-card/index.tsx
+function i({ ...e }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "hover-card",
+		...e
+	});
+}
+function a({ ...e }) {
+	if (!("render" in e) && t.isValidElement(e.children)) {
+		let { children: t, ...i } = e;
+		return /* @__PURE__ */ n(r.Trigger, {
+			"data-slot": "hover-card-trigger",
+			render: t,
+			...i
+		});
+	}
+	return /* @__PURE__ */ n(r.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...e
+	});
+}
+function o({ className: t, align: i = "center", alignOffset: a = 0, collisionPadding: o = 12, side: s = "bottom", sideOffset: c = 8, ...l }) {
+	return /* @__PURE__ */ n(r.Portal, { children: /* @__PURE__ */ n(r.Positioner, {
+		align: i,
+		alignOffset: a,
+		collisionPadding: o,
+		side: s,
+		sideOffset: c,
+		className: "isolate z-50 outline-none",
+		children: /* @__PURE__ */ n(r.Popup, {
+			"data-slot": "hover-card-content",
+			className: e("z-50 grid max-h-[min(var(--available-height),calc(100dvh-1rem))] w-80 max-w-[calc(100vw-1rem)] origin-(--transform-origin) gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+			...l
+		})
+	}) });
+}
+function s({ className: t, ...i }) {
+	return /* @__PURE__ */ n(r.Arrow, {
+		"data-slot": "hover-card-arrow",
+		className: e("z-50 flex size-3 rotate-45 border border-border bg-popover", t),
+		...i
+	});
+}
+//#endregion
+export { i as HoverCard, s as HoverCardArrow, o as HoverCardContent, a as HoverCardTrigger };

package/dist/src/components/ui/menubar/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu"),o=require("@base-ui/react/menubar");var s=`relative flex min-h-8 cursor-default select-none items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus-visible:bg-destructive/10 data-[variant=destructive]:hover:bg-destructive/10`;function c({className:e,...n}){return(0,i.jsx)(o.Menubar,{"data-slot":`menubar`,className:t.cn(`flex h-10 items-center gap-1 rounded-[var(--radius-lg)] border border-border bg-card p-1 text-card-foreground shadow-sm`,e),...n})}function l({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`menubar-menu`,...e})}function u({className:e,...n}){return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`menubar-trigger`,className:t.cn(`inline-flex h-8 items-center justify-center rounded-[var(--radius-md)] px-3 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[popup-open]:bg-accent data-[popup-open]:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,e),...n})}function d({className:e,align:n=`start`,alignOffset:r=0,side:o=`bottom`,sideOffset:s=6,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{align:n,alignOffset:r,side:o,sideOffset:s,className:`isolate z-50 outline-none`,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`menubar-content`,className:t.cn(`z-50 min-w-48 origin-(--transform-origin) overflow-hidden rounded-[var(--radius-lg)] border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...c})})})}function f({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`menubar-item`,"data-inset":n||void 0,"data-variant":r,className:t.cn(s,e),...o})}function p({className:e,children:n,checked:o,inset:c,...l}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`menubar-checkbox-item`,"data-inset":c||void 0,className:t.cn(s,`pl-8`,e),checked:o,...l,children:[(0,i.jsx)(`span`,{className:`absolute left-2 inline-flex size-4 items-center justify-center`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function m({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function h({className:e,children:n,inset:o,...c}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`menubar-radio-item`,"data-inset":o||void 0,className:t.cn(s,`pl-8`,e),...c,children:[(0,i.jsx)(`span`,{className:`absolute left-2 inline-flex size-4 items-center justify-center`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function g({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`menubar-sub`,...e})}function _({className:e,children:n,inset:o,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":o||void 0,className:t.cn(s,e),...c,children:[n,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto size-4`})]})}function v(e){return(0,i.jsx)(d,{"data-slot":`menubar-sub-content`,side:`right`,align:`start`,alignOffset:-4,sideOffset:0,...e})}function y({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`menubar-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border`,e),...n})}function b({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`menubar-label`,"data-inset":n||void 0,className:t.cn(`px-2.5 py-1.5 text-xs font-semibold text-muted-foreground data-[inset=true]:pl-8`,e),...r})}function x({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground`,e),...n})}exports.Menubar=c,exports.MenubarCheckboxItem=p,exports.MenubarContent=d,exports.MenubarItem=f,exports.MenubarLabel=b,exports.MenubarMenu=l,exports.MenubarRadioGroup=m,exports.MenubarRadioItem=h,exports.MenubarSeparator=y,exports.MenubarShortcut=x,exports.MenubarSub=g,exports.MenubarSubContent=v,exports.MenubarSubTrigger=_,exports.MenubarTrigger=u;