tembro 5.0.0 → 6.0.1

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/ui/number-field/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/number-field");function o({className:e,...n}){return(0,i.jsx)(a.NumberField.Root,{"data-slot":`number-field`,className:t.cn(`grid gap-2`,e),...n})}function s({className:e,...n}){return(0,i.jsx)(a.NumberField.Group,{"data-slot":`number-field-group`,className:t.cn(`flex min-h-10 w-full overflow-hidden rounded-[var(--radius-md)] border border-input bg-background text-foreground shadow-xs transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/35 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(a.NumberField.Input,{"data-slot":`number-field-input`,className:t.cn(`min-w-0 flex-1 bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed`,e),...n})}function l({className:e,children:n,...o}){return(0,i.jsx)(a.NumberField.Increment,{"data-slot":`number-field-increment`,className:t.cn(`flex h-5 w-8 items-center justify-center border-l border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40`,e),...o,children:n??(0,i.jsx)(r.ChevronUpIcon,{"aria-hidden":`true`,className:`size-3.5`})})}function u({className:e,children:n,...o}){return(0,i.jsx)(a.NumberField.Decrement,{"data-slot":`number-field-decrement`,className:t.cn(`flex h-5 w-8 items-center justify-center border-l border-t border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40`,e),...o,children:n??(0,i.jsx)(r.ChevronDownIcon,{"aria-hidden":`true`,className:`size-3.5`})})}function d({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`number-field-stepper`,className:t.cn(`grid shrink-0 grid-rows-2`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(a.NumberField.ScrubArea,{"data-slot":`number-field-scrub-area`,className:t.cn(`cursor-ew-resize select-none`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(a.NumberField.ScrubAreaCursor,{"data-slot":`number-field-scrub-area-cursor`,className:t.cn(`fixed z-50 rounded bg-foreground px-2 py-1 text-xs text-background shadow-lg`,e),...n})}exports.NumberField=o,exports.NumberFieldDecrement=u,exports.NumberFieldGroup=s,exports.NumberFieldIncrement=l,exports.NumberFieldInput=c,exports.NumberFieldScrubArea=f,exports.NumberFieldScrubAreaCursor=p,exports.NumberFieldStepper=d;

package/dist/src/components/ui/number-field/index.js

@@ -0,0 +1,73 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { ChevronDownIcon as t, ChevronUpIcon as n } from "lucide-react";
+import { jsx as r } from "react/jsx-runtime";
+import { NumberField as i } from "@base-ui/react/number-field";
+//#region src/components/ui/number-field/index.tsx
+function a({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "number-field",
+		className: e("grid gap-2", t),
+		...n
+	});
+}
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.Group, {
+		"data-slot": "number-field-group",
+		className: e("flex min-h-10 w-full overflow-hidden rounded-[var(--radius-md)] border border-input bg-background text-foreground shadow-xs transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/35 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", t),
+		...n
+	});
+}
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.Input, {
+		"data-slot": "number-field-input",
+		className: e("min-w-0 flex-1 bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", t),
+		...n
+	});
+}
+function c({ className: t, children: a, ...o }) {
+	return /* @__PURE__ */ r(i.Increment, {
+		"data-slot": "number-field-increment",
+		className: e("flex h-5 w-8 items-center justify-center border-l border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40", t),
+		...o,
+		children: a ?? /* @__PURE__ */ r(n, {
+			"aria-hidden": "true",
+			className: "size-3.5"
+		})
+	});
+}
+function l({ className: n, children: a, ...o }) {
+	return /* @__PURE__ */ r(i.Decrement, {
+		"data-slot": "number-field-decrement",
+		className: e("flex h-5 w-8 items-center justify-center border-l border-t border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40", n),
+		...o,
+		children: a ?? /* @__PURE__ */ r(t, {
+			"aria-hidden": "true",
+			className: "size-3.5"
+		})
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "number-field-stepper",
+		className: e("grid shrink-0 grid-rows-2", t),
+		...n
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.ScrubArea, {
+		"data-slot": "number-field-scrub-area",
+		className: e("cursor-ew-resize select-none", t),
+		...n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ r(i.ScrubAreaCursor, {
+		"data-slot": "number-field-scrub-area-cursor",
+		className: e("fixed z-50 rounded bg-foreground px-2 py-1 text-xs text-background shadow-lg", t),
+		...n
+	});
+}
+//#endregion
+export { a as NumberField, l as NumberFieldDecrement, o as NumberFieldGroup, c as NumberFieldIncrement, s as NumberFieldInput, d as NumberFieldScrubArea, f as NumberFieldScrubAreaCursor, u as NumberFieldStepper };

package/dist/src/components/ui/toggle-group/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/utils.cjs");let t=require("react/jsx-runtime"),n=require("@base-ui/react/toggle"),r=require("@base-ui/react/toggle-group");var i={sm:`h-8 min-w-8 px-2 text-xs`,md:`h-9 min-w-9 px-3 text-sm`,lg:`h-10 min-w-10 px-3.5 text-sm`};function a({className:n,variant:i=`default`,size:a=`md`,orientation:o=`horizontal`,...s}){return(0,t.jsx)(r.ToggleGroup,{"data-slot":`toggle-group`,"data-variant":i,"data-size":a,orientation:o,className:e.cn(`inline-flex items-center gap-1 rounded-[var(--radius-lg)]`,i==="default"&&`border border-border bg-muted/60 p-1`,i===`outline`&&`gap-0 overflow-hidden rounded-[var(--radius-lg)] border border-border`,o===`vertical`&&`flex-col items-stretch`,n),...s})}function o({className:r,variant:a=`default`,size:o=`md`,...s}){return(0,t.jsx)(n.Toggle,{"data-slot":`toggle-group-item`,"data-variant":a,"data-size":o,className:e.cn(`inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-medium outline-none transition-[background-color,color,border-color,box-shadow] disabled:pointer-events-none disabled:opacity-50 data-[pressed]:text-foreground focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0`,i[o],a==="default"&&`rounded-[calc(var(--radius-md)-1px)] text-muted-foreground hover:bg-background/70 data-[pressed]:bg-background data-[pressed]:shadow-sm`,a===`outline`&&`-m-px border border-border text-muted-foreground hover:bg-muted/60 data-[pressed]:bg-muted data-[pressed]:shadow-inner first:rounded-l-[var(--radius-md)] last:rounded-r-[var(--radius-md)]`,a===`ghost`&&`rounded-[var(--radius-md)] text-muted-foreground hover:bg-muted/70 data-[pressed]:bg-muted`,r),...s})}exports.ToggleGroup=a,exports.ToggleGroupItem=o;

package/dist/src/components/ui/toggle-group/index.js

@@ -0,0 +1,32 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Toggle as n } from "@base-ui/react/toggle";
+import { ToggleGroup as r } from "@base-ui/react/toggle-group";
+//#region src/components/ui/toggle-group/index.tsx
+var i = {
+	sm: "h-8 min-w-8 px-2 text-xs",
+	md: "h-9 min-w-9 px-3 text-sm",
+	lg: "h-10 min-w-10 px-3.5 text-sm"
+};
+function a({ className: n, variant: i = "default", size: a = "md", orientation: o = "horizontal", ...s }) {
+	return /* @__PURE__ */ t(r, {
+		"data-slot": "toggle-group",
+		"data-variant": i,
+		"data-size": a,
+		orientation: o,
+		className: e("inline-flex items-center gap-1 rounded-[var(--radius-lg)]", i === "default" && "border border-border bg-muted/60 p-1", i === "outline" && "gap-0 overflow-hidden rounded-[var(--radius-lg)] border border-border", o === "vertical" && "flex-col items-stretch", n),
+		...s
+	});
+}
+function o({ className: r, variant: a = "default", size: o = "md", ...s }) {
+	return /* @__PURE__ */ t(n, {
+		"data-slot": "toggle-group-item",
+		"data-variant": a,
+		"data-size": o,
+		className: e("inline-flex items-center justify-center gap-1.5 whitespace-nowrap font-medium outline-none transition-[background-color,color,border-color,box-shadow] disabled:pointer-events-none disabled:opacity-50 data-[pressed]:text-foreground focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0", i[o], a === "default" && "rounded-[calc(var(--radius-md)-1px)] text-muted-foreground hover:bg-background/70 data-[pressed]:bg-background data-[pressed]:shadow-sm", a === "outline" && "-m-px border border-border text-muted-foreground hover:bg-muted/60 data-[pressed]:bg-muted data-[pressed]:shadow-inner first:rounded-l-[var(--radius-md)] last:rounded-r-[var(--radius-md)]", a === "ghost" && "rounded-[var(--radius-md)] text-muted-foreground hover:bg-muted/70 data-[pressed]:bg-muted", r),
+		...s
+	});
+}
+//#endregion
+export { a as ToggleGroup, o as ToggleGroupItem };