tembro 2.1.13 → 3.1.1

package/dist/components/data-table/data-table-saved-filters.cjs

@@ -1 +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;
+module.exports = require("../../src/components/data-table/data-table-saved-filters.cjs")

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

@@ -1,126 +1 @@
-"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 };
+export * from "../../src/components/data-table/data-table-saved-filters.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/data-table/data-table-select-column.cjs")

package/dist/components/data-table/data-table-select-column.js

@@ -1,33 +1 @@
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import { Checkbox as n } from "../ui/checkbox/index.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/data-table/data-table-select-column.tsx
-function i({ id: i = "select", size: a = 40, headerClassName: o, cellClassName: s, ariaLabel: c } = {}) {
-	return {
-		id: i,
-		size: a,
-		enableSorting: !1,
-		enableHiding: !1,
-		header: ({ table: i }) => /* @__PURE__ */ r("div", {
-			className: e("flex items-center justify-center", o),
-			children: /* @__PURE__ */ r(n, {
-				checked: i.getIsAllPageRowsSelected() ? !0 : i.getIsSomePageRowsSelected() ? "indeterminate" : !1,
-				"aria-label": c?.selectAll ?? "Select all rows",
-				onClick: t,
-				onCheckedChange: (e) => i.toggleAllPageRowsSelected(e)
-			})
-		}),
-		cell: ({ row: i }) => /* @__PURE__ */ r("div", {
-			className: e("flex items-center justify-center", s),
-			children: /* @__PURE__ */ r(n, {
-				checked: i.getIsSelected(),
-				disabled: !i.getCanSelect(),
-				"aria-label": c?.selectRow?.(i.original) ?? "Select row",
-				onClick: t,
-				onCheckedChange: (e) => i.toggleSelected(e)
-			})
-		})
-	};
-}
-//#endregion
-export { i as createDataTableSelectColumn };
+export * from "../../src/components/data-table/data-table-select-column.js"

package/dist/components/data-table/data-table-sortable-header.cjs

@@ -1 +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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({className:e,column:r,children:o,label:s,disabled:c,buttonClassName:l,...u}){let d=r.getIsSorted(),f=d===`asc`?i.ArrowUpIcon:d===`desc`?i.ArrowDownIcon:i.ArrowUpDownIcon;return(0,a.jsx)(`div`,{className:t.cn(`flex items-center`,e),...u,children:(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:t.cn(`-ml-2 h-8 px-2 font-medium`,l),disabled:c||!r.getCanSort(),onClick:()=>r.toggleSorting(d===`asc`),children:[(0,a.jsx)(`span`,{children:o??s}),(0,a.jsx)(f,{className:`ml-1 size-3.5`})]})})}exports.DataTableSortableHeader=o;
+module.exports = require("../../src/components/data-table/data-table-sortable-header.cjs")

package/dist/components/data-table/data-table-sortable-header.js

@@ -1,24 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import "react";
-import { ArrowDownIcon as n, ArrowUpDownIcon as r, ArrowUpIcon as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/data-table/data-table-sortable-header.tsx
-function s({ className: s, column: c, children: l, label: u, disabled: d, buttonClassName: f, ...p }) {
-	let m = c.getIsSorted(), h = m === "asc" ? i : m === "desc" ? n : r;
-	return /* @__PURE__ */ a("div", {
-		className: e("flex items-center", s),
-		...p,
-		children: /* @__PURE__ */ o(t, {
-			type: "button",
-			variant: "ghost",
-			size: "sm",
-			className: e("-ml-2 h-8 px-2 font-medium", f),
-			disabled: d || !c.getCanSort(),
-			onClick: () => c.toggleSorting(m === "asc"),
-			children: [/* @__PURE__ */ a("span", { children: l ?? u }), /* @__PURE__ */ a(h, { className: "ml-1 size-3.5" })]
-		})
-	});
-}
-//#endregion
-export { s as DataTableSortableHeader };
+export * from "../../src/components/data-table/data-table-sortable-header.js"

package/dist/components/data-table/data-table-toolbar.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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`flex flex-col`,{variants:{variant:{default:``,plain:`border-transparent bg-transparent shadow-none`,soft:`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`},density:{compact:`gap-3 p-3`,default:`gap-4 p-4 md:p-5`,comfortable:`gap-5 p-5 md:p-6`}},defaultVariants:{variant:`plain`,density:`default`}});function o({className:e,variant:n,density:r,title:o,description:s,search:c,filters:l,summary:u,actions:d,selectionActions:f,selectedCount:p=0,totalCount:m,selectedLabel:h=(e,t)=>t===void 0?`${e} selected`:`${e} of ${t} selected`,titleClassName:g,descriptionClassName:_,searchClassName:v,filtersClassName:y,summaryClassName:b,actionsClassName:x,children:S,...C}){let w=!!(o||s),T=p>0&&!!f,E=!!(c||l||S);return(0,i.jsxs)(`div`,{"data-slot":`data-table-toolbar`,"data-variant":n??`plain`,"data-density":r??`default`,className:t.cn(a({variant:n,density:r}),e),...C,children:[(w||d)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between`,children:[w&&(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[o&&(0,i.jsx)(`h2`,{className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,g),children:o}),s&&(0,i.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,_),children:s})]}),d&&(0,i.jsx)(`div`,{className:t.cn(`flex w-full min-w-0 flex-wrap items-center gap-2 sm:w-auto xl:shrink-0 xl:justify-end`,x),children:d})]}),(E||u||T)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[E&&(0,i.jsxs)(`div`,{className:`grid min-w-0 flex-1 gap-2 lg:grid-cols-[minmax(14rem,24rem)_minmax(0,1fr)] lg:items-start`,children:[c?(0,i.jsx)(`div`,{className:t.cn(`min-w-0 max-w-full`,v),children:c}):null,(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[l?(0,i.jsx)(`div`,{className:t.cn(`flex min-w-0 flex-1 flex-wrap items-center gap-2 [&>*]:min-w-0`,y),children:l}):null,S]})]}),u?(0,i.jsx)(`div`,{"data-slot":`data-table-summary`,className:t.cn(`flex flex-wrap items-center gap-2 text-sm text-muted-foreground`,b),children:u}):null]}),T&&(0,i.jsxs)(`div`,{"data-slot":`data-table-selection-bar`,className:`flex w-full shrink-0 flex-wrap items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur sm:w-auto`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:h(p,m)}),f]})]})]})}exports.DataTableToolbar=o,exports.dataTableToolbarVariants=a;
+module.exports = require("../../src/components/data-table/data-table-toolbar.cjs")

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

@@ -1,83 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { cva as t } from "class-variance-authority";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/data-table/data-table-toolbar.tsx
-var i = t("flex flex-col", {
-	variants: {
-		variant: {
-			default: "",
-			plain: "border-transparent bg-transparent shadow-none",
-			soft: "rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]"
-		},
-		density: {
-			compact: "gap-3 p-3",
-			default: "gap-4 p-4 md:p-5",
-			comfortable: "gap-5 p-5 md:p-6"
-		}
-	},
-	defaultVariants: {
-		variant: "plain",
-		density: "default"
-	}
-});
-function a({ className: t, variant: a, density: o, title: s, description: c, search: l, filters: u, summary: d, actions: f, selectionActions: p, selectedCount: m = 0, totalCount: h, selectedLabel: g = (e, t) => t === void 0 ? `${e} selected` : `${e} of ${t} selected`, titleClassName: _, descriptionClassName: v, searchClassName: y, filtersClassName: b, summaryClassName: x, actionsClassName: S, children: C, ...w }) {
-	let T = !!(s || c), E = m > 0 && !!p, D = !!(l || u || C);
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "data-table-toolbar",
-		"data-variant": a ?? "plain",
-		"data-density": o ?? "default",
-		className: e(i({
-			variant: a,
-			density: o
-		}), t),
-		...w,
-		children: [(T || f) && /* @__PURE__ */ r("div", {
-			className: "flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between",
-			children: [T && /* @__PURE__ */ r("div", {
-				className: "grid gap-1",
-				children: [s && /* @__PURE__ */ n("h2", {
-					className: e("text-lg font-semibold tracking-tight text-foreground", _),
-					children: s
-				}), c && /* @__PURE__ */ n("p", {
-					className: e("text-sm leading-6 text-muted-foreground", v),
-					children: c
-				})]
-			}), f && /* @__PURE__ */ n("div", {
-				className: e("flex w-full min-w-0 flex-wrap items-center gap-2 sm:w-auto xl:shrink-0 xl:justify-end", S),
-				children: f
-			})]
-		}), (D || d || E) && /* @__PURE__ */ r("div", {
-			className: "flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between",
-			children: [/* @__PURE__ */ r("div", {
-				className: "flex min-w-0 flex-1 flex-col gap-3",
-				children: [D && /* @__PURE__ */ r("div", {
-					className: "grid min-w-0 flex-1 gap-2 lg:grid-cols-[minmax(14rem,24rem)_minmax(0,1fr)] lg:items-start",
-					children: [l ? /* @__PURE__ */ n("div", {
-						className: e("min-w-0 max-w-full", y),
-						children: l
-					}) : null, /* @__PURE__ */ r("div", {
-						className: "flex min-w-0 flex-wrap items-center gap-2",
-						children: [u ? /* @__PURE__ */ n("div", {
-							className: e("flex min-w-0 flex-1 flex-wrap items-center gap-2 [&>*]:min-w-0", b),
-							children: u
-						}) : null, C]
-					})]
-				}), d ? /* @__PURE__ */ n("div", {
-					"data-slot": "data-table-summary",
-					className: e("flex flex-wrap items-center gap-2 text-sm text-muted-foreground", x),
-					children: d
-				}) : null]
-			}), E && /* @__PURE__ */ r("div", {
-				"data-slot": "data-table-selection-bar",
-				className: "flex w-full shrink-0 flex-wrap items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur sm:w-auto",
-				children: [/* @__PURE__ */ n("span", {
-					className: "text-muted-foreground",
-					children: g(m, h)
-				}), p]
-			})]
-		})]
-	});
-}
-//#endregion
-export { a as DataTableToolbar, i as dataTableToolbarVariants };
+export * from "../../src/components/data-table/data-table-toolbar.js"

package/dist/components/data-table/data-table-view-presets.cjs

@@ -1 +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/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={xs:`h-7 px-2 text-xs`,sm:`h-8 px-3 text-sm`,default:`h-9 px-3 text-sm`};function s({className:e,value:i,presets:s,onValueChange:c,clearable:l=!0,clearLabel:u=`Clear`,emptyLabel:d=`No views`,size:f=`sm`,variant:p=`pills`,renderPreset:m,presetClassName:h,activePresetClassName:g,..._}){let v=s.filter(e=>!e.hidden),y=v.find(e=>e.value===i),b=l&&!!i;return v.length===0?(0,a.jsx)(`div`,{"data-slot":`data-table-view-presets-empty`,className:t.cn(`text-sm text-muted-foreground`,e),..._,children:d}):(0,a.jsxs)(`div`,{"data-slot":`data-table-view-presets`,"data-variant":p,className:t.cn(`flex min-w-0 flex-wrap items-center gap-2 rounded-[var(--radius-xl)] border border-border/70 bg-background/88 p-2 shadow-sm backdrop-blur`,e),..._,children:[v.map(e=>{let s=e.value===i;return(0,a.jsx)(n.Button,{type:`button`,variant:s?`default`:p===`tabs`?`ghost`:`outline`,size:f==="default"?`sm`:f,disabled:e.disabled,"data-active":s||void 0,className:t.cn(`min-w-0 gap-1.5 rounded-full shadow-none`,o[f],p===`tabs`&&`rounded-[var(--radius-lg)] border border-transparent bg-transparent data-[active=true]:border-border data-[active=true]:bg-background`,p===`buttons`&&`rounded-[var(--radius-lg)]`,!s&&`border-border/70 bg-transparent hover:border-border hover:bg-accent/60`,h,s&&`shadow-sm`,s&&g),title:typeof e.description==`string`?e.description:void 0,onClick:()=>c?.(e.value,e),children:m?.(e,{active:s})??(0,a.jsxs)(a.Fragment,{children:[e.icon&&(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-3.5`,children:e.icon}),(0,a.jsx)(`span`,{className:`truncate`,children:e.label}),e.count!==void 0&&(0,a.jsx)(r.Badge,{variant:s?`secondary`:`outline`,className:`h-5 px-1.5 text-[10px]`,children:e.count})]})},e.value)}),b&&(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:f==="default"?`sm`:f,className:`rounded-full`,onClick:()=>c?.(void 0,y),children:u})]})}exports.DataTableViewPresets=s;
+module.exports = require("../../src/components/data-table/data-table-view-presets.cjs")

package/dist/components/data-table/data-table-view-presets.js

@@ -1,62 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { Badge as n } from "../ui/badge/index.js";
-import "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/data-table/data-table-view-presets.tsx
-var o = {
-	xs: "h-7 px-2 text-xs",
-	sm: "h-8 px-3 text-sm",
-	default: "h-9 px-3 text-sm"
-};
-function s({ className: s, value: c, presets: l, onValueChange: u, clearable: d = !0, clearLabel: f = "Clear", emptyLabel: p = "No views", size: m = "sm", variant: h = "pills", renderPreset: g, presetClassName: _, activePresetClassName: v, ...y }) {
-	let b = l.filter((e) => !e.hidden), x = b.find((e) => e.value === c), S = d && !!c;
-	return b.length === 0 ? /* @__PURE__ */ i("div", {
-		"data-slot": "data-table-view-presets-empty",
-		className: e("text-sm text-muted-foreground", s),
-		...y,
-		children: p
-	}) : /* @__PURE__ */ a("div", {
-		"data-slot": "data-table-view-presets",
-		"data-variant": h,
-		className: e("flex min-w-0 flex-wrap items-center gap-2 rounded-[var(--radius-xl)] border border-border/70 bg-background/88 p-2 shadow-sm backdrop-blur", s),
-		...y,
-		children: [b.map((s) => {
-			let l = s.value === c;
-			return /* @__PURE__ */ i(t, {
-				type: "button",
-				variant: l ? "default" : h === "tabs" ? "ghost" : "outline",
-				size: m === "default" ? "sm" : m,
-				disabled: s.disabled,
-				"data-active": l || void 0,
-				className: e("min-w-0 gap-1.5 rounded-full shadow-none", o[m], h === "tabs" && "rounded-[var(--radius-lg)] border border-transparent bg-transparent data-[active=true]:border-border data-[active=true]:bg-background", h === "buttons" && "rounded-[var(--radius-lg)]", !l && "border-border/70 bg-transparent hover:border-border hover:bg-accent/60", _, l && "shadow-sm", l && v),
-				title: typeof s.description == "string" ? s.description : void 0,
-				onClick: () => u?.(s.value, s),
-				children: g?.(s, { active: l }) ?? /* @__PURE__ */ a(r, { children: [
-					s.icon && /* @__PURE__ */ i("span", {
-						className: "shrink-0 [&_svg]:size-3.5",
-						children: s.icon
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "truncate",
-						children: s.label
-					}),
-					s.count !== void 0 && /* @__PURE__ */ i(n, {
-						variant: l ? "secondary" : "outline",
-						className: "h-5 px-1.5 text-[10px]",
-						children: s.count
-					})
-				] })
-			}, s.value);
-		}), S && /* @__PURE__ */ i(t, {
-			type: "button",
-			variant: "ghost",
-			size: m === "default" ? "sm" : m,
-			className: "rounded-full",
-			onClick: () => u?.(void 0, x),
-			children: f
-		})]
-	});
-}
-//#endregion
-export { s as DataTableViewPresets };
+export * from "../../src/components/data-table/data-table-view-presets.js"

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

@@ -1 +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/table/index.cjs"),a=require("../feedback/loading-state.cjs"),o=require("../display/data-state.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var ae={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},u={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function oe(e,t){return typeof t==`function`?t(e):t}function se(e,t){return typeof t==`function`?t(e):t}function ce(e,t){return typeof t==`function`?t(e):t}function le(e){return e==null||e===``}function d({className:e,columns:d,data:f,title:p,description:m,features:h,search:g,filters:_,summary:v,toolbarActions:y,rowActions:b,bulkActions:x,onRefresh:S,onExport:C,refreshLabel:ue=`Refresh`,exportLabel:de=`Export`,getRowId:fe,isLoading:w=!1,isError:pe=!1,emptyState:me,errorState:he,loadingState:T,loadingVariant:ge=`skeleton`,toolbar:E,toolbarProps:D,pagination:O,sorting:_e,onSortingChange:ve,columnVisibility:ye,onColumnVisibilityChange:be,rowSelection:xe,onRowSelectionChange:Se,enableRowSelection:Ce,renderMobileCard:k,onRowClick:A,onRowDoubleClick:we,getRowDisabled:Te,density:j=`default`,striped:M=!1,bordered:N=!1,stickyHeader:P=!1,skeletonRows:Ee=6,skeletonCellClassName:De,cellFallback:Oe=`-`,tableClassName:ke,tableWrapperClassName:Ae,headerCellClassName:je,cellClassName:Me,rowClassName:Ne,renderExpandedRow:Pe,expanded:Fe,onExpandedChange:Ie,getRowCanExpand:Le,columnPinning:F,onColumnPinningChange:Re,...ze}){let Be=s.useMemo(()=>{let e=d;return!b||h?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:b})]},[d,h?.rowActions,b]),I=O===!1?void 0:O,Ve=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,L=!!(I&&I.manual!==!1),He=xe??{},R=(0,l.useReactTable)({data:f,columns:Be,getRowId:fe,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:I&&!L?(0,l.getPaginationRowModel)():void 0,manualPagination:L,pageCount:I?.pageCount,state:{sorting:_e,columnVisibility:ye,rowSelection:He,pagination:Ve,expanded:Fe,...F?{columnPinning:F}:{}},onSortingChange:ve,onColumnVisibilityChange:be,onRowSelectionChange:Se,onExpandedChange:Ie,onColumnPinningChange:Re,enableRowSelection:Ce,getRowCanExpand:Le,getExpandedRowModel:(0,l.getExpandedRowModel)()}),z=R.getRowModel().rows,B=R.getSelectedRowModel().rows.map(e=>e.original),Ue=B.length,V=s.useMemo(()=>({table:R,data:f,selectedRows:B}),[f,B,R]),H=R.getVisibleLeafColumns(),We=Math.max(H.length,1),U=typeof E==`function`?E(R):E,W=typeof D==`function`?D(R):D,G=typeof _==`function`?_(V):_,K=typeof v==`function`?v(V):v,Ge=!!(g&&h?.search!==!1),Ke=!!(h?.columnVisibility&&R.getAllLeafColumns().some(e=>e.getCanHide())),q=!!(h?.refresh&&S),J=!!(h?.export&&C),qe=!!(h?.bulkActions!==!1&&x?.length),Y=Ke&&!!(p||m||g||G||K||y||q||J),X=Ge&&g?(0,c.jsx)(r.Input,{type:`search`,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,Je=(0,c.jsxs)(c.Fragment,{children:[typeof y==`function`?y(V):y,Y&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:R}),q&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:w,onClick:()=>S?.(V),children:ue}),J&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>C?.(V),children:de})]}),Z=qe?(0,c.jsx)(te.DataTableBulkActions,{rows:B,actions:x??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>R.resetRowSelection(),hideWhenEmpty:!1}):void 0,Ye=!!(U||W||p||m||X||G||K||y||Y||q||J||Z),Xe=!!(I&&!I.hidden),Q=w&&ge===`skeleton`,Ze=e=>(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:We,className:`p-0`,children:e})}),Qe=()=>Array.from({length:Math.max(Ee,1)},(e,n)=>(0,c.jsx)(i.TableRow,{"aria-hidden":`true`,children:H.map(e=>(0,c.jsx)(i.TableCell,{className:t.cn(u[j],N&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`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`,De)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:w?(0,c.jsx)(a.LoadingState,{label:`Loading data...`,...T}):pe?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...he}):z.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...me}):null;return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...ze,children:[Ye&&(U??(0,c.jsx)(ie.DataTableToolbar,{title:p,description:m,search:X,filters:G,summary:K,actions:Je,selectionActions:Z,selectedCount:Ue,totalCount:I?I.rowCount??f.length:f.length,variant:`plain`,...W})),k&&(0,c.jsx)(`div`,{className:`grid gap-3 md:hidden`,children:$??(Q?(0,c.jsx)(a.LoadingState,{label:`Loading data...`,...T}):z.map(e=>(0,c.jsx)(s.Fragment,{children:k(e)},e.id)))}),(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":j,"data-striped":M||void 0,"data-bordered":N||void 0,className:t.cn(`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`,k&&`hidden md:block`,Ae),children:[(0,c.jsxs)(i.Table,{containerClassName:`rounded-none border-0 bg-transparent shadow-none ring-0`,className:t.cn(`text-[0.95rem]`,ke),children:[(0,c.jsx)(i.TableHeader,{className:t.cn(P&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:R.getHeaderGroups().map(e=>(0,c.jsx)(i.TableRow,{children:e.headers.map(e=>(0,c.jsx)(i.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:P?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:P?20:11}:{}},className:t.cn(ae[j],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,P&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,N&&`border-r last:border-r-0`,se(e,je)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(i.TableBody,{children:$?Ze($):Q?Qe():z.map((e,n)=>{let r=Te?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(i.TableRow,{"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":M&&n%2==1?`true`:void 0,"data-disabled":r||void 0,className:t.cn(A&&!r&&`cursor-pointer`,!r&&`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%)]`,r&&`pointer-events-none opacity-55`,oe(e,Ne)),onClick:()=>{r||A?.(e)},onDoubleClick:()=>{r||we?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(i.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(u[j],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,N&&`border-r last:border-r-0`,ce(e,Me)),children:le(n)?Oe:n},e.id)})}),e.getIsExpanded()&&Pe&&(0,c.jsx)(i.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(i.TableCell,{colSpan:e.getVisibleCells().length,children:Pe(e)})})]},e.id)})})]}),Xe&&I&&(0,c.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:w,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=d;
+module.exports = require("../../src/components/data-table/data-table.cjs")

package/dist/components/data-table/data-table.d.ts

@@ -9,6 +9,18 @@ import { type LoadingStateProps } from "@/components/feedback/loading-state";
 import { type InputSearchProps } from "@/components/ui/input";
 export type DataTableDensity = "compact" | "default" | "comfortable";
 export type DataTableLoadingVariant = "skeleton" | "state";
+export type DataTableVirtualizationRange = {
+    startIndex: number;
+    endIndex: number;
+};
+export type DataTableVirtualizationConfig = {
+    enabled?: boolean;
+    height?: number | string;
+    estimateRowHeight?: number;
+    overscan?: number;
+    measureRows?: boolean;
+    onRangeChange?: (range: DataTableVirtualizationRange) => void;
+};
 export type DataTableFeatureConfig = {
     search?: boolean;
     columnVisibility?: boolean;
@@ -87,6 +99,7 @@ export type DataTableProps<TData, TValue = unknown> = Omit<React.ComponentProps<
     getRowCanExpand?: (row: Row<TData>) => boolean;
     columnPinning?: ColumnPinningState;
     onColumnPinningChange?: OnChangeFn<ColumnPinningState>;
+    virtualization?: DataTableVirtualizationConfig | false;
 };
-declare function DataTable<TData, TValue = unknown>({ className, columns, data, title, description, features, search, filters, summary, toolbarActions, rowActions, bulkActions, onRefresh, onExport, refreshLabel, exportLabel, getRowId, isLoading, isError, emptyState, errorState, loadingState, loadingVariant, toolbar, toolbarProps, pagination, sorting, onSortingChange, columnVisibility, onColumnVisibilityChange, rowSelection, onRowSelectionChange, enableRowSelection, renderMobileCard, onRowClick, onRowDoubleClick, getRowDisabled, density, striped, bordered, stickyHeader, skeletonRows, skeletonCellClassName, cellFallback, tableClassName, tableWrapperClassName, headerCellClassName, cellClassName, rowClassName, renderExpandedRow, expanded, onExpandedChange, getRowCanExpand, columnPinning, onColumnPinningChange, ...props }: DataTableProps<TData, TValue>): React.JSX.Element;
+declare function DataTable<TData, TValue = unknown>({ className, columns, data, title, description, features, search, filters, summary, toolbarActions, rowActions, bulkActions, onRefresh, onExport, refreshLabel, exportLabel, getRowId, isLoading, isError, emptyState, errorState, loadingState, loadingVariant, toolbar, toolbarProps, pagination, sorting, onSortingChange, columnVisibility, onColumnVisibilityChange, rowSelection, onRowSelectionChange, enableRowSelection, renderMobileCard, onRowClick, onRowDoubleClick, getRowDisabled, density, striped, bordered, stickyHeader, skeletonRows, skeletonCellClassName, cellFallback, tableClassName, tableWrapperClassName, headerCellClassName, cellClassName, rowClassName, renderExpandedRow, expanded, onExpandedChange, getRowCanExpand, columnPinning, onColumnPinningChange, virtualization, ...props }: DataTableProps<TData, TValue>): React.JSX.Element;
 export { DataTable };