tembro 3.0.0 → 3.1.5

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

@@ -0,0 +1,2 @@
+import { AreaChart as e, BarChart as t, ChartFrame as n, ChartLegend as r, DonutChart as i, LineChart as a, MetricTrend as o, Sparkline as s } from "./charts.js";
+export { e as AreaChart, t as BarChart, n as ChartFrame, r as ChartLegend, i as DonutChart, a as LineChart, o as MetricTrend, s as Sparkline };

package/dist/src/components/command/command-palette.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"),n=require("../ui/input/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return[e.value,typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.id,typeof e.description==`string`||typeof e.description==`number`?String(e.description):``,...e.keywords??[]].filter(Boolean).join(` `).toLowerCase()}function c(e,t){return t?s(e).includes(t.trim().toLowerCase()):!0}function l(e){return e===!1?{enabled:!1,label:`Recent`,limit:5}:e===!0||e===void 0?{enabled:!0,label:`Recent`,limit:5}:{enabled:e.enabled??!0,label:e.label??`Recent`,limit:e.limit??5}}function u({open:e,onOpenChange:s,title:u=`Command palette`,description:d=`Search commands and actions.`,placeholder:f=`Search...`,emptyLabel:p=`No results found.`,loadingLabel:m=`Loading commands...`,groups:h,value:g,onValueChange:_,debounceMs:v=180,recent:y,filterItem:b=c,renderEmpty:x,renderLoading:S,onItemSelect:C,className:w,contentClassName:T,inputClassName:E,listClassName:D}){let[O,k]=i.useState(``),[A,j]=i.useState(``),[M,N]=i.useState({}),[P,F]=i.useState([]),[I,L]=i.useState(null),R=g??O,z=R.trim().toLowerCase(),B=l(y);i.useEffect(()=>{let e=window.setTimeout(()=>j(R),v);return()=>window.clearTimeout(e)},[v,R]),i.useEffect(()=>{if(!e)return;let t=!0;return h.filter(e=>!e.hidden&&e.loadItems).forEach(e=>{N(t=>({...t,[e.id]:{items:t[e.id]?.items??[],loading:!0,error:void 0}})),e.loadItems?.(A).then(n=>{t&&N(t=>({...t,[e.id]:{items:n,loading:!1}}))},n=>{t&&N(t=>({...t,[e.id]:{items:[],loading:!1,error:n}}))})}),()=>{t=!1}},[A,h,e]);let V=e=>{k(e),_?.(e)},H=i.useMemo(()=>{let e=new Map;return h.forEach(t=>{t.items?.forEach(t=>e.set(t.id,t)),M[t.id]?.items.forEach(t=>e.set(t.id,t))}),e},[M,h]),U=i.useMemo(()=>h.filter(e=>!e.hidden).map(e=>{let t=M[e.id],n=[...e.items??[],...t?.items??[]].filter(e=>e.hidden?!1:b(e,z));return{...e,items:n,loading:t?.loading??!1,error:t?.error}}).filter(e=>e.items.length>0||e.loading||e.error),[M,b,h,z]),W=i.useMemo(()=>!B.enabled||z||P.length===0?null:{id:`__recent`,label:B.label,items:P.slice(0,B.limit),loading:!1,error:void 0},[z,B.enabled,B.label,B.limit,P]),G=W?[W,...U]:U,K=G.some(e=>e.items.length>0),q=G.some(e=>e.loading),J=e=>{if(!B.enabled)return;let t=H.get(e.id)??e;F(n=>[t,...n.filter(t=>t.id!==e.id)].slice(0,B.limit))},Y=async(e,t)=>{if(!(e.disabled||I))try{L(e.id),await e.onSelect?.(),C?.(e,t),J(e),e.closeOnSelect!==!1&&s?.(!1)}finally{L(null)}};return(0,o.jsx)(r.Dialog,{open:e,onOpenChange:s,children:(0,o.jsxs)(r.DialogContent,{className:t.cn(`overflow-hidden rounded-[var(--radius-3xl)] border-border/80 bg-popover/98 p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur sm:max-w-xl`,T),children:[(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{children:u}),(0,o.jsx)(r.DialogDescription,{children:d})]}),(0,o.jsxs)(`div`,{"data-slot":`command-palette`,className:t.cn(`flex max-h-[32rem] flex-col overflow-hidden rounded-[var(--radius-3xl)] bg-popover/98 text-popover-foreground`,w),children:[(0,o.jsxs)(`div`,{className:`relative border-b border-border/70 bg-muted/20 p-3`,children:[(0,o.jsx)(a.SearchIcon,{className:`pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(n.Input,{value:R,onChange:e=>V(e.target.value),placeholder:f,className:t.cn(`h-11 rounded-full border-border/75 bg-background/96 pl-10 shadow-[0_1px_0_rgba(255,255,255,0.05)] focus-visible:ring-2`,E),autoFocus:!0})]}),(0,o.jsxs)(`div`,{className:t.cn(`overflow-y-auto p-3`,D),children:[!K&&q&&(0,o.jsx)(`div`,{className:`flex items-center justify-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-sm text-muted-foreground`,children:S?.(R)??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}),m]})}),!K&&!q&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-center text-sm text-muted-foreground`,children:x?.(R)??p}),G.map(e=>(0,o.jsxs)(`div`,{className:`py-1`,children:[e.label&&(0,o.jsxs)(`div`,{className:`flex items-center justify-between px-2 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,children:[(0,o.jsx)(`span`,{children:e.label}),e.loading&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin`})]}),e.error?(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-destructive/20 bg-destructive/8 px-3 py-2 text-xs text-destructive`,children:`Could not load commands.`}):null,e.loading&&e.items.length===0&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.loadingLabel??m}),e.items.length===0&&!e.loading&&!e.error&&e.emptyLabel&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.emptyLabel}),e.items.map(t=>{let n=I===t.id;return(0,o.jsxs)(`button`,{type:`button`,disabled:t.disabled||n,"data-disabled":t.disabled||void 0,className:`flex w-full items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-colors hover:border-border/70 hover:bg-accent/60 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,onClick:()=>void Y(t,e),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-muted-foreground [&_svg]:size-4`,children:t.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:t.label}),(t.description||t.disabledReason)&&(0,o.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:t.disabled?t.disabledReason??t.description:t.description})]}),n&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin text-muted-foreground`}),t.shortcut&&(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.shortcut})]},t.id)})]},e.id))]})]})]})})}function d(e,t=!0){i.useEffect(()=>{if(!t)return;let n=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===`k`&&(t.preventDefault(),e(!0))};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[t,e])}exports.CommandPalette=u,exports.useCommandPaletteShortcut=d;

package/dist/src/components/command/command-palette.js

@@ -0,0 +1,219 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Input as t } from "../ui/input/index.js";
+import { Dialog as n, DialogContent as r, DialogDescription as i, DialogHeader as a, DialogTitle as o } from "../ui/dialog/index.js";
+import * as s from "react";
+import { Loader2Icon as c, SearchIcon as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/command/command-palette.tsx
+function p(e) {
+	return [
+		e.value,
+		typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : e.id,
+		typeof e.description == "string" || typeof e.description == "number" ? String(e.description) : "",
+		...e.keywords ?? []
+	].filter(Boolean).join(" ").toLowerCase();
+}
+function m(e, t) {
+	return t ? p(e).includes(t.trim().toLowerCase()) : !0;
+}
+function h(e) {
+	return e === !1 ? {
+		enabled: !1,
+		label: "Recent",
+		limit: 5
+	} : e === !0 || e === void 0 ? {
+		enabled: !0,
+		label: "Recent",
+		limit: 5
+	} : {
+		enabled: e.enabled ?? !0,
+		label: e.label ?? "Recent",
+		limit: e.limit ?? 5
+	};
+}
+function g({ open: p, onOpenChange: g, title: _ = "Command palette", description: v = "Search commands and actions.", placeholder: y = "Search...", emptyLabel: b = "No results found.", loadingLabel: x = "Loading commands...", groups: S, value: C, onValueChange: w, debounceMs: T = 180, recent: E, filterItem: D = m, renderEmpty: ee, renderLoading: O, onItemSelect: k, className: A, contentClassName: j, inputClassName: M, listClassName: N }) {
+	let [P, F] = s.useState(""), [I, L] = s.useState(""), [R, z] = s.useState({}), [B, V] = s.useState([]), [H, U] = s.useState(null), W = C ?? P, G = W.trim().toLowerCase(), K = h(E);
+	s.useEffect(() => {
+		let e = window.setTimeout(() => L(W), T);
+		return () => window.clearTimeout(e);
+	}, [T, W]), s.useEffect(() => {
+		if (!p) return;
+		let e = !0;
+		return S.filter((e) => !e.hidden && e.loadItems).forEach((t) => {
+			z((e) => ({
+				...e,
+				[t.id]: {
+					items: e[t.id]?.items ?? [],
+					loading: !0,
+					error: void 0
+				}
+			})), t.loadItems?.(I).then((n) => {
+				e && z((e) => ({
+					...e,
+					[t.id]: {
+						items: n,
+						loading: !1
+					}
+				}));
+			}, (n) => {
+				e && z((e) => ({
+					...e,
+					[t.id]: {
+						items: [],
+						loading: !1,
+						error: n
+					}
+				}));
+			});
+		}), () => {
+			e = !1;
+		};
+	}, [
+		I,
+		S,
+		p
+	]);
+	let q = (e) => {
+		F(e), w?.(e);
+	}, J = s.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return S.forEach((t) => {
+			t.items?.forEach((t) => e.set(t.id, t)), R[t.id]?.items.forEach((t) => e.set(t.id, t));
+		}), e;
+	}, [R, S]), Y = s.useMemo(() => S.filter((e) => !e.hidden).map((e) => {
+		let t = R[e.id], n = [...e.items ?? [], ...t?.items ?? []].filter((e) => e.hidden ? !1 : D(e, G));
+		return {
+			...e,
+			items: n,
+			loading: t?.loading ?? !1,
+			error: t?.error
+		};
+	}).filter((e) => e.items.length > 0 || e.loading || e.error), [
+		R,
+		D,
+		S,
+		G
+	]), X = s.useMemo(() => !K.enabled || G || B.length === 0 ? null : {
+		id: "__recent",
+		label: K.label,
+		items: B.slice(0, K.limit),
+		loading: !1,
+		error: void 0
+	}, [
+		G,
+		K.enabled,
+		K.label,
+		K.limit,
+		B
+	]), Z = X ? [X, ...Y] : Y, Q = Z.some((e) => e.items.length > 0), $ = Z.some((e) => e.loading), te = (e) => {
+		if (!K.enabled) return;
+		let t = J.get(e.id) ?? e;
+		V((n) => [t, ...n.filter((t) => t.id !== e.id)].slice(0, K.limit));
+	}, ne = async (e, t) => {
+		if (!(e.disabled || H)) try {
+			U(e.id), await e.onSelect?.(), k?.(e, t), te(e), e.closeOnSelect !== !1 && g?.(!1);
+		} finally {
+			U(null);
+		}
+	};
+	return /* @__PURE__ */ d(n, {
+		open: p,
+		onOpenChange: g,
+		children: /* @__PURE__ */ f(r, {
+			className: e("overflow-hidden rounded-[var(--radius-3xl)] border-border/80 bg-popover/98 p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur sm:max-w-xl", j),
+			children: [/* @__PURE__ */ f(a, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ d(o, { children: _ }), /* @__PURE__ */ d(i, { children: v })]
+			}), /* @__PURE__ */ f("div", {
+				"data-slot": "command-palette",
+				className: e("flex max-h-[32rem] flex-col overflow-hidden rounded-[var(--radius-3xl)] bg-popover/98 text-popover-foreground", A),
+				children: [/* @__PURE__ */ f("div", {
+					className: "relative border-b border-border/70 bg-muted/20 p-3",
+					children: [/* @__PURE__ */ d(l, { className: "pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ d(t, {
+						value: W,
+						onChange: (e) => q(e.target.value),
+						placeholder: y,
+						className: e("h-11 rounded-full border-border/75 bg-background/96 pl-10 shadow-[0_1px_0_rgba(255,255,255,0.05)] focus-visible:ring-2", M),
+						autoFocus: !0
+					})]
+				}), /* @__PURE__ */ f("div", {
+					className: e("overflow-y-auto p-3", N),
+					children: [
+						!Q && $ && /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-sm text-muted-foreground",
+							children: O?.(W) ?? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(c, { className: "size-4 animate-spin" }), x] })
+						}),
+						!Q && !$ && /* @__PURE__ */ d("div", {
+							className: "rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-center text-sm text-muted-foreground",
+							children: ee?.(W) ?? b
+						}),
+						Z.map((e) => /* @__PURE__ */ f("div", {
+							className: "py-1",
+							children: [
+								e.label && /* @__PURE__ */ f("div", {
+									className: "flex items-center justify-between px-2 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground",
+									children: [/* @__PURE__ */ d("span", { children: e.label }), e.loading && /* @__PURE__ */ d(c, { className: "size-3.5 animate-spin" })]
+								}),
+								e.error ? /* @__PURE__ */ d("div", {
+									className: "rounded-[min(var(--radius-xl),16px)] border border-destructive/20 bg-destructive/8 px-3 py-2 text-xs text-destructive",
+									children: "Could not load commands."
+								}) : null,
+								e.loading && e.items.length === 0 && /* @__PURE__ */ d("div", {
+									className: "rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground",
+									children: e.loadingLabel ?? x
+								}),
+								e.items.length === 0 && !e.loading && !e.error && e.emptyLabel && /* @__PURE__ */ d("div", {
+									className: "rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground",
+									children: e.emptyLabel
+								}),
+								e.items.map((t) => {
+									let n = H === t.id;
+									return /* @__PURE__ */ f("button", {
+										type: "button",
+										disabled: t.disabled || n,
+										"data-disabled": t.disabled || void 0,
+										className: "flex w-full items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-colors hover:border-border/70 hover:bg-accent/60 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50",
+										onClick: () => void ne(t, e),
+										children: [
+											t.icon && /* @__PURE__ */ d("span", {
+												className: "shrink-0 text-muted-foreground [&_svg]:size-4",
+												children: t.icon
+											}),
+											/* @__PURE__ */ f("span", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ d("span", {
+													className: "block truncate",
+													children: t.label
+												}), (t.description || t.disabledReason) && /* @__PURE__ */ d("span", {
+													className: "block truncate text-xs text-muted-foreground",
+													children: t.disabled ? t.disabledReason ?? t.description : t.description
+												})]
+											}),
+											n && /* @__PURE__ */ d(c, { className: "size-3.5 animate-spin text-muted-foreground" }),
+											t.shortcut && /* @__PURE__ */ d("span", {
+												className: "text-xs text-muted-foreground",
+												children: t.shortcut
+											})
+										]
+									}, t.id);
+								})
+							]
+						}, e.id))
+					]
+				})]
+			})]
+		})
+	});
+}
+function _(e, t = !0) {
+	s.useEffect(() => {
+		if (!t) return;
+		let n = (t) => {
+			(t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "k" && (t.preventDefault(), e(!0));
+		};
+		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+	}, [t, e]);
+}
+//#endregion
+export { g as CommandPalette, _ as useCommandPaletteShortcut };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./command-palette.cjs");exports.CommandPalette=e.CommandPalette,exports.useCommandPaletteShortcut=e.useCommandPaletteShortcut;

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

@@ -0,0 +1,2 @@
+import { CommandPalette as e, useCommandPaletteShortcut as t } from "./command-palette.js";
+export { e as CommandPalette, t as useCommandPaletteShortcut };

package/dist/src/components/data-table/data-table-actions-column.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./data-table-row-actions.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({id:e=`actions`,size:r=56,header:a,headerClassName:o,cellClassName:s,actions:c,getActions:l,label:u,emptyLabel:d}={}){return{id:e,size:r,enableSorting:!1,enableHiding:!1,header:()=>a?(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-end`,o),children:a}):null,cell:({row:e})=>(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-end`,s),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,i.jsx)(n.DataTableRowActions,{row:e,actions:c,getActions:l,label:u,emptyLabel:d})})}}exports.createDataTableActionsColumn=a;

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

@@ -0,0 +1,32 @@
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import { DataTableRowActions as n } from "./data-table-row-actions.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/data-table/data-table-actions-column.tsx
+function i({ id: i = "actions", size: a = 56, header: o, headerClassName: s, cellClassName: c, actions: l, getActions: u, label: d, emptyLabel: f } = {}) {
+	return {
+		id: i,
+		size: a,
+		enableSorting: !1,
+		enableHiding: !1,
+		header: () => o ? /* @__PURE__ */ r("div", {
+			className: e("flex items-center justify-end", s),
+			children: o
+		}) : null,
+		cell: ({ row: i }) => /* @__PURE__ */ r("div", {
+			className: e("flex items-center justify-end", c),
+			onClick: t,
+			onMouseDown: t,
+			onDoubleClick: t,
+			children: /* @__PURE__ */ r(n, {
+				row: i,
+				actions: l,
+				getActions: u,
+				label: d,
+				emptyLabel: f
+			})
+		})
+	};
+}
+//#endregion
+export { i as createDataTableActionsColumn };

package/dist/src/components/data-table/data-table-bulk-actions.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../actions/action-menu.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({rows:e,actions:i,label:s=`Bulk actions`,selectedLabel:c=e=>`${e} selected`,clearLabel:l=`Clear`,onClearSelection:u,hideWhenEmpty:d=!0,triggerClassName:f,disabled:p,...m}){let h=e.length;return d&&h===0?null:(0,o.jsxs)(`div`,{"data-slot":`data-table-bulk-actions`,className:`flex items-center gap-2`,children:[(0,o.jsx)(r.ActionMenu,{label:s,actions:i.map(t=>({...t,disabled:t.disabled||h===0,onSelect:t.onSelect?()=>t.onSelect?.(e):void 0})),disabled:p||h===0,trigger:(0,o.jsxs)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:p||h===0,className:t.cn(`gap-1.5 border-border/80 bg-background/94 shadow-[0_1px_0_rgba(255,255,255,0.06)]`,f),children:[c(h),(0,o.jsx)(a.ChevronDownIcon,{className:`size-3.5`})]}),...m}),u&&h>0&&(0,o.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:`rounded-full`,onClick:u,children:l})]})}exports.DataTableBulkActions=s;

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

@@ -0,0 +1,41 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { ActionMenu as n } from "../actions/action-menu.js";
+import "react";
+import { ChevronDownIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/data-table/data-table-bulk-actions.tsx
+function o({ rows: o, actions: s, label: c = "Bulk actions", selectedLabel: l = (e) => `${e} selected`, clearLabel: u = "Clear", onClearSelection: d, hideWhenEmpty: f = !0, triggerClassName: p, disabled: m, ...h }) {
+	let g = o.length;
+	return f && g === 0 ? null : /* @__PURE__ */ a("div", {
+		"data-slot": "data-table-bulk-actions",
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ i(n, {
+			label: c,
+			actions: s.map((e) => ({
+				...e,
+				disabled: e.disabled || g === 0,
+				onSelect: e.onSelect ? () => e.onSelect?.(o) : void 0
+			})),
+			disabled: m || g === 0,
+			trigger: /* @__PURE__ */ a(t, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				disabled: m || g === 0,
+				className: e("gap-1.5 border-border/80 bg-background/94 shadow-[0_1px_0_rgba(255,255,255,0.06)]", p),
+				children: [l(g), /* @__PURE__ */ i(r, { className: "size-3.5" })]
+			}),
+			...h
+		}), d && g > 0 && /* @__PURE__ */ i(t, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			className: "rounded-full",
+			onClick: d,
+			children: u
+		})]
+	});
+}
+//#endregion
+export { o as DataTableBulkActions };

package/dist/src/components/data-table/data-table-column-visibility-menu.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/dropdown-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return e.replace(/_/g,` `).replace(/-/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}function c({table:e,label:i=`Columns`,triggerLabel:c,align:l=`end`,side:u=`bottom`,triggerClassName:d,contentClassName:f,emptyLabel:p=`No hideable columns`,showCount:m=!0,triggerAriaLabel:h,getColumnLabel:g=s}){let _=e.getAllLeafColumns().filter(e=>e.getCanHide()),v=_.filter(e=>e.getIsVisible()).length;return(0,o.jsxs)(r.DropdownMenu,{children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,"aria-label":h??`Choose visible columns`,className:t.cn(`min-w-0 border-border/80 bg-background/94 px-2.5 shadow-[0_1px_0_rgba(255,255,255,0.06)] hover:border-border hover:bg-accent/70`,d)}),children:[(0,o.jsx)(a.Columns3Icon,{"data-icon":`inline-start`,className:`size-4 shrink-0`}),(0,o.jsx)(`span`,{className:`truncate`,children:c??i}),m&&_.length>0?(0,o.jsxs)(`span`,{className:`ml-0.5 rounded-[var(--radius-sm)] bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground`,children:[v,`/`,_.length]}):null]}),(0,o.jsxs)(r.DropdownMenuContent,{align:l,side:u,className:t.cn(`max-h-[min(24rem,var(--radix-dropdown-menu-content-available-height,24rem))] min-w-56 overflow-y-auto rounded-[var(--radius-lg)] border-border/80 bg-popover/98 p-1 shadow-[0_24px_80px_rgba(15,23,42,0.18)] backdrop-blur`,f),children:[(0,o.jsxs)(r.DropdownMenuLabel,{className:`flex items-center justify-between gap-3`,children:[(0,o.jsx)(`span`,{children:i}),m?(0,o.jsxs)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:[v,` visible`]}):null]}),(0,o.jsx)(r.DropdownMenuSeparator,{}),_.length===0?(0,o.jsx)(r.DropdownMenuLabel,{className:`py-3 text-sm font-normal text-muted-foreground`,children:p}):null,_.map(e=>(0,o.jsx)(r.DropdownMenuCheckboxItem,{checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:g(e.id)},e.id))]})]})}exports.DataTableColumnVisibilityMenu=c;

package/dist/src/components/data-table/data-table-column-visibility-menu.js

@@ -0,0 +1,65 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { DropdownMenu as n, DropdownMenuCheckboxItem as r, DropdownMenuContent as i, DropdownMenuLabel as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../ui/dropdown-menu/index.js";
+import "react";
+import { Columns3Icon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/data-table/data-table-column-visibility-menu.tsx
+function d(e) {
+	return e.replace(/_/g, " ").replace(/-/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function f({ table: f, label: p = "Columns", triggerLabel: m, align: h = "end", side: g = "bottom", triggerClassName: _, contentClassName: v, emptyLabel: y = "No hideable columns", showCount: b = !0, triggerAriaLabel: x, getColumnLabel: S = d }) {
+	let C = f.getAllLeafColumns().filter((e) => e.getCanHide()), w = C.filter((e) => e.getIsVisible()).length;
+	return /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ u(s, {
+		render: /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			"aria-label": x ?? "Choose visible columns",
+			className: e("min-w-0 border-border/80 bg-background/94 px-2.5 shadow-[0_1px_0_rgba(255,255,255,0.06)] hover:border-border hover:bg-accent/70", _)
+		}),
+		children: [
+			/* @__PURE__ */ l(c, {
+				"data-icon": "inline-start",
+				className: "size-4 shrink-0"
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "truncate",
+				children: m ?? p
+			}),
+			b && C.length > 0 ? /* @__PURE__ */ u("span", {
+				className: "ml-0.5 rounded-[var(--radius-sm)] bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground",
+				children: [
+					w,
+					"/",
+					C.length
+				]
+			}) : null
+		]
+	}), /* @__PURE__ */ u(i, {
+		align: h,
+		side: g,
+		className: e("max-h-[min(24rem,var(--radix-dropdown-menu-content-available-height,24rem))] min-w-56 overflow-y-auto rounded-[var(--radius-lg)] border-border/80 bg-popover/98 p-1 shadow-[0_24px_80px_rgba(15,23,42,0.18)] backdrop-blur", v),
+		children: [
+			/* @__PURE__ */ u(a, {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ l("span", { children: p }), b ? /* @__PURE__ */ u("span", {
+					className: "text-xs font-normal text-muted-foreground",
+					children: [w, " visible"]
+				}) : null]
+			}),
+			/* @__PURE__ */ l(o, {}),
+			C.length === 0 ? /* @__PURE__ */ l(a, {
+				className: "py-3 text-sm font-normal text-muted-foreground",
+				children: y
+			}) : null,
+			C.map((e) => /* @__PURE__ */ l(r, {
+				checked: e.getIsVisible(),
+				onCheckedChange: (t) => e.toggleVisibility(!!t),
+				children: S(e.id)
+			}, e.id))
+		]
+	})] });
+}
+//#endregion
+export { f as DataTableColumnVisibilityMenu };

package/dist/src/components/data-table/data-table-pagination.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/select/index.cjs"),r=require("../navigation/pagination.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e,t,n){return typeof t==`number`?Math.max(t,1):typeof n==`number`?Math.max(Math.ceil(n/e),1):1}function s({className:e,pageIndex:i,pageSize:s,pageCount:c,rowCount:l,pageSizeOptions:u=[10,20,30,50,100],disabled:d=!1,showPageSize:f=!0,labels:p,onPageChange:m,onPageSizeChange:h,...g}){let _=o(s,c,l),v=Math.min(Math.max(i+1,1),_);return(0,a.jsxs)(`div`,{"data-slot":`data-table-pagination`,className:t.cn(`flex flex-col gap-3 border-t px-4 py-3 sm:flex-row sm:items-center sm:justify-between`,e),...g,children:[(0,a.jsx)(`div`,{className:`text-sm font-medium text-muted-foreground`,children:p?.pageInfo?.(v,_,l)??`Page ${v} of ${_}`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center`,children:[f&&h&&(0,a.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,a.jsx)(`span`,{children:p?.rowsPerPage??`Rows per page`}),(0,a.jsx)(n.Select,{value:String(s),onValueChange:e=>h(Number(e)),options:u.map(e=>({label:String(e),value:String(e)})),disabled:d,triggerClassName:`h-9 w-20 rounded-full border-border/70 bg-background/80 shadow-none`})]}),(0,a.jsx)(r.Pagination,{page:v,pageCount:_,disabled:d,labels:p,onPageChange:e=>m?.(e-1)})]})]})}exports.DataTablePagination=s,exports.getDataTablePageCount=o;

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

@@ -0,0 +1,50 @@
+import { cn as e } from "../../lib/utils.js";
+import { Select as t } from "../ui/select/index.js";
+import { Pagination as n } from "../navigation/pagination.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/data-table/data-table-pagination.tsx
+function a(e, t, n) {
+	return typeof t == "number" ? Math.max(t, 1) : typeof n == "number" ? Math.max(Math.ceil(n / e), 1) : 1;
+}
+function o({ className: o, pageIndex: s, pageSize: c, pageCount: l, rowCount: u, pageSizeOptions: d = [
+	10,
+	20,
+	30,
+	50,
+	100
+], disabled: f = !1, showPageSize: p = !0, labels: m, onPageChange: h, onPageSizeChange: g, ..._ }) {
+	let v = a(c, l, u), y = Math.min(Math.max(s + 1, 1), v);
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "data-table-pagination",
+		className: e("flex flex-col gap-3 border-t px-4 py-3 sm:flex-row sm:items-center sm:justify-between", o),
+		..._,
+		children: [/* @__PURE__ */ r("div", {
+			className: "text-sm font-medium text-muted-foreground",
+			children: m?.pageInfo?.(y, v, u) ?? `Page ${y} of ${v}`
+		}), /* @__PURE__ */ i("div", {
+			className: "flex flex-col gap-3 sm:flex-row sm:items-center",
+			children: [p && g && /* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ r("span", { children: m?.rowsPerPage ?? "Rows per page" }), /* @__PURE__ */ r(t, {
+					value: String(c),
+					onValueChange: (e) => g(Number(e)),
+					options: d.map((e) => ({
+						label: String(e),
+						value: String(e)
+					})),
+					disabled: f,
+					triggerClassName: "h-9 w-20 rounded-full border-border/70 bg-background/80 shadow-none"
+				})]
+			}), /* @__PURE__ */ r(n, {
+				page: y,
+				pageCount: v,
+				disabled: f,
+				labels: m,
+				onPageChange: (e) => h?.(e - 1)
+			})]
+		})]
+	});
+}
+//#endregion
+export { o as DataTablePagination, a as getDataTablePageCount };

package/dist/src/components/data-table/data-table-row-actions.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../actions/action-menu.cjs");let t=require("react/jsx-runtime");function n(e,t,n){return(n?.(e,e.original)??t??[]).map(t=>({...t,onSelect:t.onSelect?()=>t.onSelect?.(e,e.original):void 0}))}function r({row:r,actions:i,getActions:a,...o}){return(0,t.jsx)(e.ActionMenu,{actions:n(r,i,a),...o})}exports.DataTableRowActions=r,exports.resolveRowActions=n;

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

@@ -0,0 +1,17 @@
+import { ActionMenu as e } from "../actions/action-menu.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/data-table/data-table-row-actions.tsx
+function n(e, t, n) {
+	return (n?.(e, e.original) ?? t ?? []).map((t) => ({
+		...t,
+		onSelect: t.onSelect ? () => t.onSelect?.(e, e.original) : void 0
+	}));
+}
+function r({ row: r, actions: i, getActions: a, ...o }) {
+	return /* @__PURE__ */ t(e, {
+		actions: n(r, i, a),
+		...o
+	});
+}
+//#endregion
+export { r as DataTableRowActions, n as resolveRowActions };

package/dist/src/components/data-table/data-table-saved-filters.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"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs"),a=require("../ui/select/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({savedFilters:e,activeFilterId:l,onSelectFilter:u,onSaveFilter:d,onDeleteFilter:f,onClearFilters:p,triggerClassName:m,className:h,...g}){let[_,v]=o.useState(!1),[y,b]=o.useState(``),x=e=>{e.preventDefault(),y.trim()&&(d?.(y.trim()),b(``),v(!1))};return(0,c.jsx)(`div`,{className:h,...g,children:(0,c.jsxs)(a.Select,{value:l??null,onValueChange:e=>{e&&u?.(e)},children:[(0,c.jsx)(a.SelectTrigger,{className:m,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.BookmarkIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsx)(a.SelectValue,{placeholder:`Saved views`})]})}),(0,c.jsxs)(a.SelectContent,{children:[(0,c.jsxs)(a.SelectGroup,{children:[(0,c.jsx)(a.SelectLabel,{children:`Views`}),e.length===0&&(0,c.jsx)(`div`,{className:`px-2 py-1.5 text-sm text-muted-foreground`,children:`No saved views`}),e.map(e=>(0,c.jsxs)(`div`,{className:`group relative flex items-center`,children:[(0,c.jsx)(a.SelectItem,{value:e.id,className:`pr-8 w-full`,children:e.name}),(0,c.jsxs)(n.Button,{variant:`ghost`,size:`icon-sm`,className:`absolute right-1 hidden group-hover:flex`,onClick:n=>{n.preventDefault(),t.stopInteractivePropagation(n),f?.(e.id)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-3`}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Delete`})]})]},e.id))]}),(0,c.jsx)(a.SelectSeparator,{}),(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(i.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(i.PopoverTrigger,{render:(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2`}),children:[(0,c.jsx)(s.SaveIcon,{className:`size-4`}),`Save current view`]}),(0,c.jsx)(i.PopoverContent,{className:`w-64`,align:`start`,children:(0,c.jsxs)(`form`,{onSubmit:x,className:`grid gap-4`,children:[(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(`h4`,{className:`font-medium leading-none`,children:`Save View`}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save current filters and sorting.`})]}),(0,c.jsx)(`div`,{className:`grid gap-2`,children:(0,c.jsx)(r.Input,{id:`name`,placeholder:`e.g. Active Users`,value:y,onChange:e=>b(e.target.value)})}),(0,c.jsx)(n.Button,{type:`submit`,disabled:!y.trim(),children:`Save`})]})})]})}),l&&(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),p?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-4`}),`Clear active view`]})})]})]})})}exports.DataTableSavedFilters=l;

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

@@ -0,0 +1,126 @@
+"use client";
+import { stopInteractivePropagation 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 { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../ui/popover/index.js";
+import { Select as o, SelectContent as s, SelectGroup as c, SelectItem as l, SelectLabel as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "../ui/select/index.js";
+import * as m from "react";
+import { BookmarkIcon as h, SaveIcon as g, XIcon as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/data-table/data-table-saved-filters.tsx
+function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter: C, onDeleteFilter: w, onClearFilters: T, triggerClassName: E, className: D, ...O }) {
+	let [k, A] = m.useState(!1), [j, M] = m.useState(""), N = (e) => {
+		e.preventDefault(), j.trim() && (C?.(j.trim()), M(""), A(!1));
+	};
+	return /* @__PURE__ */ v("div", {
+		className: D,
+		...O,
+		children: /* @__PURE__ */ y(o, {
+			value: x ?? null,
+			onValueChange: (e) => {
+				e && S?.(e);
+			},
+			children: [/* @__PURE__ */ v(f, {
+				className: E,
+				children: /* @__PURE__ */ y("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ v(h, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ v(p, { placeholder: "Saved views" })]
+				})
+			}), /* @__PURE__ */ y(s, { children: [
+				/* @__PURE__ */ y(c, { children: [
+					/* @__PURE__ */ v(u, { children: "Views" }),
+					b.length === 0 && /* @__PURE__ */ v("div", {
+						className: "px-2 py-1.5 text-sm text-muted-foreground",
+						children: "No saved views"
+					}),
+					b.map((n) => /* @__PURE__ */ y("div", {
+						className: "group relative flex items-center",
+						children: [/* @__PURE__ */ v(l, {
+							value: n.id,
+							className: "pr-8 w-full",
+							children: n.name
+						}), /* @__PURE__ */ y(t, {
+							variant: "ghost",
+							size: "icon-sm",
+							className: "absolute right-1 hidden group-hover:flex",
+							onClick: (t) => {
+								t.preventDefault(), e(t), w?.(n.id);
+							},
+							onMouseDown: e,
+							onDoubleClick: e,
+							children: [/* @__PURE__ */ v(_, { className: "size-3" }), /* @__PURE__ */ v("span", {
+								className: "sr-only",
+								children: "Delete"
+							})]
+						})]
+					}, n.id))
+				] }),
+				/* @__PURE__ */ v(d, {}),
+				/* @__PURE__ */ v("div", {
+					className: "p-1",
+					children: /* @__PURE__ */ y(r, {
+						open: k,
+						onOpenChange: A,
+						children: [/* @__PURE__ */ y(a, {
+							render: /* @__PURE__ */ v(t, {
+								variant: "ghost",
+								size: "sm",
+								className: "w-full justify-start gap-2"
+							}),
+							children: [/* @__PURE__ */ v(g, { className: "size-4" }), "Save current view"]
+						}), /* @__PURE__ */ v(i, {
+							className: "w-64",
+							align: "start",
+							children: /* @__PURE__ */ y("form", {
+								onSubmit: N,
+								className: "grid gap-4",
+								children: [
+									/* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ v("h4", {
+											className: "font-medium leading-none",
+											children: "Save View"
+										}), /* @__PURE__ */ v("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Save current filters and sorting."
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "grid gap-2",
+										children: /* @__PURE__ */ v(n, {
+											id: "name",
+											placeholder: "e.g. Active Users",
+											value: j,
+											onChange: (e) => M(e.target.value)
+										})
+									}),
+									/* @__PURE__ */ v(t, {
+										type: "submit",
+										disabled: !j.trim(),
+										children: "Save"
+									})
+								]
+							})
+						})]
+					})
+				}),
+				x && /* @__PURE__ */ v("div", {
+					className: "p-1",
+					children: /* @__PURE__ */ y(t, {
+						variant: "ghost",
+						size: "sm",
+						className: "w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive",
+						onClick: (t) => {
+							t.preventDefault(), e(t), T?.();
+						},
+						onMouseDown: e,
+						onDoubleClick: e,
+						children: [/* @__PURE__ */ v(_, { className: "size-4" }), "Clear active view"]
+					})
+				})
+			] })]
+		})
+	});
+}
+//#endregion
+export { b as DataTableSavedFilters };

package/dist/src/components/data-table/data-table-select-column.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../lib/utils.cjs"),t=require("../ui/checkbox/index.cjs");let n=require("react/jsx-runtime");function r({id:r=`select`,size:i=40,headerClassName:a,cellClassName:o,ariaLabel:s}={}){return{id:r,size:i,enableSorting:!1,enableHiding:!1,header:({table:r})=>(0,n.jsx)(`div`,{className:e.cn(`flex items-center justify-center`,a),children:(0,n.jsx)(t.Checkbox,{checked:r.getIsAllPageRowsSelected()?!0:r.getIsSomePageRowsSelected()?`indeterminate`:!1,"aria-label":s?.selectAll??`Select all rows`,onClick:e.stopInteractivePropagation,onCheckedChange:e=>r.toggleAllPageRowsSelected(e)})}),cell:({row:r})=>(0,n.jsx)(`div`,{className:e.cn(`flex items-center justify-center`,o),children:(0,n.jsx)(t.Checkbox,{checked:r.getIsSelected(),disabled:!r.getCanSelect(),"aria-label":s?.selectRow?.(r.original)??`Select row`,onClick:e.stopInteractivePropagation,onCheckedChange:e=>r.toggleSelected(e)})})}}exports.createDataTableSelectColumn=r;