tembro 3.0.0 → 3.1.5

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

@@ -0,0 +1,33 @@
+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 };

package/dist/src/components/data-table/data-table-sortable-header.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");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;

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

@@ -0,0 +1,24 @@
+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 };

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

@@ -0,0 +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;

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

@@ -0,0 +1,83 @@
+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 };

package/dist/src/components/data-table/data-table-view-presets.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/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;

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

@@ -0,0 +1,62 @@
+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 };

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

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

@@ -0,0 +1,298 @@
+"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 { Table as r, TableBody as i, TableCell as a, TableHead as ee, TableHeader as te, TableRow as o } from "../ui/table/index.js";
+import { LoadingState as s } from "../feedback/loading-state.js";
+import { DataState as ne } from "../display/data-state.js";
+import { useVirtualizer as re } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { createDataTableActionsColumn as ie } from "./data-table-actions-column.js";
+import { DataTableBulkActions as ae } from "./data-table-bulk-actions.js";
+import { DataTableColumnVisibilityMenu as oe } from "./data-table-column-visibility-menu.js";
+import { DataTablePagination as se } from "./data-table-pagination.js";
+import { DataTableToolbar as ce } from "./data-table-toolbar.js";
+import * as c from "react";
+import { Fragment as le, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { flexRender as d, getCoreRowModel as ue, getExpandedRowModel as de, getPaginationRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
+//#region src/components/data-table/data-table.tsx
+var me = {
+	compact: "h-8 px-2 py-1.5",
+	default: "h-10 px-2 py-2",
+	comfortable: "h-12 px-3 py-3"
+}, he = {
+	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 be({ className: be, columns: xe, data: f, title: p, description: m, features: h, search: g, filters: _, summary: v, toolbarActions: y, rowActions: b, bulkActions: Se, onRefresh: Ce, onExport: x, refreshLabel: we = "Refresh", exportLabel: Te = "Export", getRowId: Ee, isLoading: S = !1, isError: De = !1, emptyState: Oe, errorState: ke, loadingState: C, loadingVariant: Ae = "skeleton", toolbar: w, toolbarProps: T, pagination: E, sorting: je, onSortingChange: Me, columnVisibility: Ne, onColumnVisibilityChange: Pe, rowSelection: Fe, onRowSelectionChange: Ie, enableRowSelection: Le, renderMobileCard: D, onRowClick: O, onRowDoubleClick: Re, getRowDisabled: ze, density: k = "default", striped: A = !1, bordered: j = !1, stickyHeader: M = !1, skeletonRows: Be = 6, skeletonCellClassName: Ve, cellFallback: He = "-", tableClassName: Ue, tableWrapperClassName: We, headerCellClassName: Ge, cellClassName: Ke, rowClassName: qe, renderExpandedRow: N, expanded: Je, onExpandedChange: Ye, getRowCanExpand: Xe, columnPinning: P, onColumnPinningChange: Ze, virtualization: F, ...Qe }) {
+	let $e = c.useMemo(() => {
+		let e = xe;
+		return !b || h?.rowActions === !1 ? e : [...e, ie({ getActions: b })];
+	}, [
+		xe,
+		h?.rowActions,
+		b
+	]), I = E === !1 ? void 0 : E, et = I ? {
+		pageIndex: I.pageIndex,
+		pageSize: I.pageSize
+	} : void 0, tt = !!(I && I.manual !== !1), nt = Fe ?? {}, L = pe({
+		data: f,
+		columns: $e,
+		getRowId: Ee,
+		getCoreRowModel: ue(),
+		getPaginationRowModel: I && !tt ? fe() : void 0,
+		manualPagination: tt,
+		pageCount: I?.pageCount,
+		state: {
+			sorting: je,
+			columnVisibility: Ne,
+			rowSelection: nt,
+			pagination: et,
+			expanded: Je,
+			...P ? { columnPinning: P } : {}
+		},
+		onSortingChange: Me,
+		onColumnVisibilityChange: Pe,
+		onRowSelectionChange: Ie,
+		onExpandedChange: Ye,
+		onColumnPinningChange: Ze,
+		enableRowSelection: Le,
+		getRowCanExpand: Xe,
+		getExpandedRowModel: de()
+	}), R = L.getRowModel().rows, rt = c.useRef(null), z = F === !1 ? void 0 : F, B = !!(z && z.enabled !== !1 && R.length > 0), V = z?.height ?? 480, it = z?.onRangeChange, H = re({
+		count: B ? R.length : 0,
+		getScrollElement: () => rt.current,
+		estimateSize: () => z?.estimateRowHeight ?? 48,
+		getItemKey: (e) => R[e]?.id ?? e,
+		overscan: z?.overscan ?? 8,
+		initialRect: {
+			width: 0,
+			height: typeof V == "number" ? V : 480
+		},
+		onChange(e) {
+			if (!it) return;
+			let t = e.getVirtualItems();
+			it({
+				startIndex: t[0]?.index ?? -1,
+				endIndex: t.at(-1)?.index ?? -1
+			});
+		}
+	}), at = B ? H.getVirtualItems() : [], U = z?.estimateRowHeight ?? 48, ot = B ? Math.min(R.length, Math.ceil((typeof V == "number" ? V : 480) / U) + (z?.overscan ?? 8)) : 0, W = at.length > 0 ? at : Array.from({ length: ot }, (e, t) => ({
+		key: R[t]?.id ?? t,
+		index: t,
+		start: t * U,
+		end: (t + 1) * U,
+		size: U,
+		lane: 0
+	})), st = W[0]?.start ?? 0, ct = W.length ? Math.max(H.getTotalSize() - W[W.length - 1].end, 0) : 0, G = L.getSelectedRowModel().rows.map((e) => e.original), lt = G.length, K = c.useMemo(() => ({
+		table: L,
+		data: f,
+		selectedRows: G
+	}), [
+		f,
+		G,
+		L
+	]), ut = L.getVisibleLeafColumns(), q = Math.max(ut.length, 1), dt = typeof w == "function" ? w(L) : w, ft = typeof T == "function" ? T(L) : T, J = typeof _ == "function" ? _(K) : _, Y = typeof v == "function" ? v(K) : v, pt = !!(g && h?.search !== !1), mt = !!(h?.columnVisibility && L.getAllLeafColumns().some((e) => e.getCanHide())), X = !!(h?.refresh && Ce), Z = !!(h?.export && x), ht = !!(h?.bulkActions !== !1 && Se?.length), gt = mt && !!(p || m || g || J || Y || y || X || Z), _t = pt && g ? /* @__PURE__ */ l(n, {
+		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, vt = /* @__PURE__ */ u(le, { children: [
+		typeof y == "function" ? y(K) : y,
+		gt && /* @__PURE__ */ l(oe, { table: L }),
+		X && /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: S,
+			onClick: () => Ce?.(K),
+			children: we
+		}),
+		Z && /* @__PURE__ */ l(t, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: () => x?.(K),
+			children: Te
+		})
+	] }), yt = ht ? /* @__PURE__ */ l(ae, {
+		rows: G,
+		actions: Se ?? [],
+		selectedLabel: () => "Actions",
+		clearLabel: null,
+		onClearSelection: () => L.resetRowSelection(),
+		hideWhenEmpty: !1
+	}) : void 0, bt = !!(dt || ft || p || m || _t || J || Y || y || gt || X || Z || yt), xt = !!(I && !I.hidden), Q = S && Ae === "skeleton", St = (e, t) => t > 0 ? /* @__PURE__ */ l(o, {
+		"aria-hidden": "true",
+		className: "pointer-events-none border-0 hover:bg-transparent",
+		children: /* @__PURE__ */ l(a, {
+			colSpan: q,
+			className: "border-0 p-0",
+			style: { height: t }
+		})
+	}, e) : null, Ct = (e) => /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(a, {
+		colSpan: q,
+		className: "p-0",
+		children: e
+	}) }), wt = () => Array.from({ length: Math.max(Be, 1) }, (t, n) => /* @__PURE__ */ l(o, {
+		"aria-hidden": "true",
+		children: ut.map((t) => /* @__PURE__ */ l(a, {
+			className: e(he[k], j && "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", Ve) })
+		}, `${t.id}-${n}`))
+	}, `skeleton-${n}`)), $ = Q ? null : S ? /* @__PURE__ */ l(s, {
+		label: "Loading data...",
+		...C
+	}) : De ? /* @__PURE__ */ l(ne, {
+		status: "error",
+		title: "Could not load data",
+		description: "Please try again.",
+		variant: "plain",
+		...ke
+	}) : R.length === 0 ? /* @__PURE__ */ l(ne, {
+		status: "empty",
+		variant: "plain",
+		...Oe
+	}) : null, Tt = (t, n, r) => {
+		let i = ze?.(t) ?? !1;
+		return /* @__PURE__ */ u(c.Fragment, { children: [/* @__PURE__ */ l(o, {
+			ref: r && z?.measureRows !== !1 ? H.measureElement : void 0,
+			"data-index": r?.index,
+			"data-state": t.getIsSelected() ? "selected" : void 0,
+			"data-striped": A && n % 2 == 1 ? "true" : void 0,
+			"data-disabled": i || void 0,
+			className: e(O && !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)),
+			onClick: () => {
+				i || O?.(t);
+			},
+			onDoubleClick: () => {
+				i || Re?.(t);
+			},
+			children: t.getVisibleCells().map((t) => {
+				let n = d(t.column.columnDef.cell, t.getContext());
+				return /* @__PURE__ */ l(a, {
+					style: {
+						...t.column.getIsPinned() === "left" ? {
+							left: `${t.column.getStart("left")}px`,
+							position: "sticky",
+							zIndex: 10
+						} : {},
+						...t.column.getIsPinned() === "right" ? {
+							right: `${t.column.getAfter("right")}px`,
+							position: "sticky",
+							zIndex: 10
+						} : {}
+					},
+					className: e(he[k], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", j && "border-r last:border-r-0", ve(t, Ke)),
+					children: ye(n) ? He : n
+				}, t.id);
+			})
+		}), t.getIsExpanded() && N ? /* @__PURE__ */ l(o, {
+			className: "bg-muted/50 hover:bg-muted/50",
+			children: /* @__PURE__ */ l(a, {
+				colSpan: t.getVisibleCells().length,
+				children: N(t)
+			})
+		}) : null] }, t.id);
+	};
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "data-table",
+		className: e("grid gap-3", be),
+		...Qe,
+		children: [
+			bt && (dt ?? /* @__PURE__ */ l(ce, {
+				title: p,
+				description: m,
+				search: _t,
+				filters: J,
+				summary: Y,
+				actions: vt,
+				selectionActions: yt,
+				selectedCount: lt,
+				totalCount: I ? I.rowCount ?? f.length : f.length,
+				variant: "plain",
+				...ft
+			})),
+			D && /* @__PURE__ */ l("div", {
+				className: "grid gap-3 md:hidden",
+				children: $ ?? (Q ? /* @__PURE__ */ l(s, {
+					label: "Loading data...",
+					...C
+				}) : R.map((e) => /* @__PURE__ */ l(c.Fragment, { children: D(e) }, e.id)))
+			}),
+			/* @__PURE__ */ u("div", {
+				"data-slot": "data-table-wrapper",
+				"data-density": k,
+				"data-striped": A || void 0,
+				"data-bordered": j || 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", D && "hidden md:block", We),
+				children: [/* @__PURE__ */ u(r, {
+					containerRef: rt,
+					containerStyle: B ? {
+						height: V,
+						overscrollBehavior: "contain"
+					} : void 0,
+					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__ */ l(te, {
+						className: e((M || B) && "sticky top-0 z-10 shadow-sm backdrop-blur"),
+						children: L.getHeaderGroups().map((t) => /* @__PURE__ */ l(o, { children: t.headers.map((t) => /* @__PURE__ */ l(ee, {
+							style: {
+								width: t.getSize(),
+								...t.column.getIsPinned() === "left" ? {
+									left: `${t.column.getStart("left")}px`,
+									position: "sticky",
+									zIndex: M ? 20 : 11
+								} : {},
+								...t.column.getIsPinned() === "right" ? {
+									right: `${t.column.getAfter("right")}px`,
+									position: "sticky",
+									zIndex: M ? 20 : 11
+								} : {}
+							},
+							className: e(me[k], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", (M || B) && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", j && "border-r last:border-r-0", _e(t, Ge)),
+							children: t.isPlaceholder ? null : d(t.column.columnDef.header, t.getContext())
+						}, t.id)) }, t.id))
+					}), /* @__PURE__ */ l(i, { children: $ ? Ct($) : Q ? wt() : B ? [
+						St("virtual-top", st),
+						...W.map((e) => Tt(R[e.index], e.index, e)),
+						St("virtual-bottom", ct)
+					] : R.map((e, t) => Tt(e, t)) })]
+				}), xt && I && /* @__PURE__ */ l(se, {
+					pageIndex: I.pageIndex,
+					pageSize: I.pageSize,
+					pageCount: I.pageCount,
+					rowCount: I.rowCount,
+					pageSizeOptions: I.pageSizeOptions,
+					showPageSize: I.showPageSize,
+					labels: I.labels,
+					disabled: S,
+					onPageChange: I.onPageChange,
+					onPageSizeChange: I.onPageSizeChange
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { be as DataTable };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/premium/data-table/showcase.cjs");var t={"data-table":{mock:require("../../showcase/premium/data-table/mock.cjs").dataTableMock,Showcase:e.DataTableShowcase}};exports.dataTableShowcaseDemoRegistry=t;

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

@@ -0,0 +1,9 @@
+import { DataTableShowcase as e } from "../../showcase/premium/data-table/showcase.js";
+import { dataTableMock as t } from "../../showcase/premium/data-table/mock.js";
+//#region src/components/data-table/demo.tsx
+var n = { "data-table": {
+	mock: t,
+	Showcase: e
+} };
+//#endregion
+export { n as dataTableShowcaseDemoRegistry };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-table-row-actions.cjs"),t=require("./data-table-actions-column.cjs"),n=require("./data-table-bulk-actions.cjs"),r=require("./data-table-column-visibility-menu.cjs"),i=require("./data-table-pagination.cjs"),a=require("./data-table-toolbar.cjs"),o=require("./data-table.cjs"),s=require("./data-table-saved-filters.cjs"),c=require("./data-table-select-column.cjs"),l=require("./data-table-sortable-header.cjs"),u=require("./data-table-view-presets.cjs"),d=require("./table-export-menu.cjs"),f=require("./table-import-button.cjs");exports.DataTable=o.DataTable,exports.DataTableBulkActions=n.DataTableBulkActions,exports.DataTableColumnVisibilityMenu=r.DataTableColumnVisibilityMenu,exports.DataTablePagination=i.DataTablePagination,exports.DataTableRowActions=e.DataTableRowActions,exports.DataTableSavedFilters=s.DataTableSavedFilters,exports.DataTableSortableHeader=l.DataTableSortableHeader,exports.DataTableToolbar=a.DataTableToolbar,exports.DataTableViewPresets=u.DataTableViewPresets,exports.TableExportMenu=d.TableExportMenu,exports.TableImportButton=f.TableImportButton,exports.createDataTableActionsColumn=t.createDataTableActionsColumn,exports.createDataTableSelectColumn=c.createDataTableSelectColumn,exports.dataTableToolbarVariants=a.dataTableToolbarVariants,exports.getDataTablePageCount=i.getDataTablePageCount,exports.resolveRowActions=e.resolveRowActions;

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

@@ -0,0 +1,14 @@
+import { DataTableRowActions as e, resolveRowActions as t } from "./data-table-row-actions.js";
+import { createDataTableActionsColumn as n } from "./data-table-actions-column.js";
+import { DataTableBulkActions as r } from "./data-table-bulk-actions.js";
+import { DataTableColumnVisibilityMenu as i } from "./data-table-column-visibility-menu.js";
+import { DataTablePagination as a, getDataTablePageCount as o } from "./data-table-pagination.js";
+import { DataTableToolbar as s, dataTableToolbarVariants as c } from "./data-table-toolbar.js";
+import { DataTable as l } from "./data-table.js";
+import { DataTableSavedFilters as u } from "./data-table-saved-filters.js";
+import { createDataTableSelectColumn as d } from "./data-table-select-column.js";
+import { DataTableSortableHeader as f } from "./data-table-sortable-header.js";
+import { DataTableViewPresets as p } from "./data-table-view-presets.js";
+import { TableExportMenu as m } from "./table-export-menu.js";
+import { TableImportButton as h } from "./table-import-button.js";
+export { l as DataTable, r as DataTableBulkActions, i as DataTableColumnVisibilityMenu, a as DataTablePagination, e as DataTableRowActions, u as DataTableSavedFilters, f as DataTableSortableHeader, s as DataTableToolbar, p as DataTableViewPresets, m as TableExportMenu, h as TableImportButton, n as createDataTableActionsColumn, d as createDataTableSelectColumn, c as dataTableToolbarVariants, o as getDataTablePageCount, t as resolveRowActions };

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

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

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

@@ -0,0 +1,2 @@
+import { DataTable as e } from "./data-table.js";
+export { e as DataTable };

package/dist/src/components/data-table/table-export-menu.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dropdown-menu/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=[{key:`csv`,label:`CSV`},{key:`xlsx`,label:`Excel`},{key:`pdf`,label:`PDF`}];function s({options:e=o,label:r=`Export`,menuLabel:s=`Export as`,onExport:c,renderOption:l,children:u,...d}){return(0,a.jsxs)(n.DropdownMenu,{children:[(0,a.jsxs)(n.DropdownMenuTrigger,{render:(0,a.jsx)(t.Button,{type:`button`,variant:`outline`,size:`sm`,...d}),children:[(0,a.jsx)(i.DownloadIcon,{"data-icon":`inline-start`}),u??r]}),(0,a.jsxs)(n.DropdownMenuContent,{align:`end`,className:`min-w-44`,children:[s&&(0,a.jsx)(n.DropdownMenuLabel,{children:s}),e.map(e=>(0,a.jsx)(n.DropdownMenuItem,{disabled:e.disabled,onClick:()=>c?.(e),children:l?.(e)??(0,a.jsxs)(a.Fragment,{children:[e.icon,(0,a.jsxs)(`span`,{className:`grid gap-0.5`,children:[(0,a.jsx)(`span`,{children:e.label}),e.description&&(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.description})]})]})},e.key))]})]})}exports.TableExportMenu=s;

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

@@ -0,0 +1,47 @@
+import { Button as e } from "../ui/button/index.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuLabel as i, DropdownMenuTrigger as a } from "../ui/dropdown-menu/index.js";
+import "react";
+import { DownloadIcon as o } from "lucide-react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/data-table/table-export-menu.tsx
+var u = [
+	{
+		key: "csv",
+		label: "CSV"
+	},
+	{
+		key: "xlsx",
+		label: "Excel"
+	},
+	{
+		key: "pdf",
+		label: "PDF"
+	}
+];
+function d({ options: d = u, label: f = "Export", menuLabel: p = "Export as", onExport: m, renderOption: h, children: g, ..._ }) {
+	return /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ l(a, {
+		render: /* @__PURE__ */ c(e, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			..._
+		}),
+		children: [/* @__PURE__ */ c(o, { "data-icon": "inline-start" }), g ?? f]
+	}), /* @__PURE__ */ l(n, {
+		align: "end",
+		className: "min-w-44",
+		children: [p && /* @__PURE__ */ c(i, { children: p }), d.map((e) => /* @__PURE__ */ c(r, {
+			disabled: e.disabled,
+			onClick: () => m?.(e),
+			children: h?.(e) ?? /* @__PURE__ */ l(s, { children: [e.icon, /* @__PURE__ */ l("span", {
+				className: "grid gap-0.5",
+				children: [/* @__PURE__ */ c("span", { children: e.label }), e.description && /* @__PURE__ */ c("span", {
+					className: "text-xs text-muted-foreground",
+					children: e.description
+				})]
+			})] })
+		}, e.key))]
+	})] });
+}
+//#endregion
+export { d as TableExportMenu };

package/dist/src/components/data-table/table-import-button.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({accept:e=`.csv,.xlsx,.xls`,multiple:a=!1,label:o=`Import`,inputName:s,onFilesSelect:c,onFileSelect:l,disabled:u,children:d,...f}){let p=n.useRef(null);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:u,onClick:()=>p.current?.click(),...f,children:[(0,i.jsx)(r.UploadIcon,{"data-icon":`inline-start`}),d??o]}),(0,i.jsx)(`input`,{ref:p,name:s,type:`file`,accept:e,multiple:a,disabled:u,className:`sr-only`,onChange:e=>{let t=Array.from(e.currentTarget.files??[]);c?.(t),t[0]&&l?.(t[0]),e.currentTarget.value=``}})]})}exports.TableImportButton=a;