tembro 3.1.17 → 4.0.0

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./progress-circle.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressCircle=t.ProgressCircle,exports.Sparkline=e.Sparkline;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./progress-circle.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.ChartTooltipContent=e.ChartTooltipContent,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressCircle=t.ProgressCircle,exports.Sparkline=e.Sparkline;

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

@@ -1,3 +1,3 @@
-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";
-import { ProgressCircle as c } from "./progress-circle.js";
-export { e as AreaChart, t as BarChart, n as ChartFrame, r as ChartLegend, i as DonutChart, a as LineChart, o as MetricTrend, c as ProgressCircle, s as Sparkline };
+import { AreaChart as e, BarChart as t, ChartFrame as n, ChartLegend as r, ChartTooltipContent as i, DonutChart as a, LineChart as o, MetricTrend as s, Sparkline as c } from "./charts.js";
+import { ProgressCircle as l } from "./progress-circle.js";
+export { e as AreaChart, t as BarChart, n as ChartFrame, r as ChartLegend, i as ChartTooltipContent, a as DonutChart, o as LineChart, s as MetricTrend, l as ProgressCircle, c as Sparkline };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.Sparkline=e.Sparkline;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.ChartTooltipContent=e.ChartTooltipContent,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.Sparkline=e.Sparkline;

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

@@ -1,2 +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 };
+import { AreaChart as e, BarChart as t, ChartFrame as n, ChartLegend as r, ChartTooltipContent as i, DonutChart as a, LineChart as o, MetricTrend as s, Sparkline as c } from "./charts.js";
+export { e as AreaChart, t as BarChart, n as ChartFrame, r as ChartLegend, i as ChartTooltipContent, a as DonutChart, o as LineChart, s as MetricTrend, c as Sparkline };

package/dist/src/components/command/command-palette.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/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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/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)(n.Dialog,{open:e,onOpenChange:s,children:(0,o.jsxs)(n.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)(n.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(n.DialogTitle,{children:u}),(0,o.jsx)(n.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)(r.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

@@ -1,7 +1,7 @@
 "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 { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "../ui/dialog/index.js";
+import { Input as o } from "../ui/input/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";
@@ -117,20 +117,20 @@ function g({ open: p, onOpenChange: g, title: _ = "Command palette", description
 			U(null);
 		}
 	};
-	return /* @__PURE__ */ d(n, {
+	return /* @__PURE__ */ d(t, {
 		open: p,
 		onOpenChange: g,
-		children: /* @__PURE__ */ f(r, {
+		children: /* @__PURE__ */ f(n, {
 			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, {
+			children: [/* @__PURE__ */ f(i, {
 				className: "sr-only",
-				children: [/* @__PURE__ */ d(o, { children: _ }), /* @__PURE__ */ d(i, { children: v })]
+				children: [/* @__PURE__ */ d(a, { children: _ }), /* @__PURE__ */ d(r, { 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, {
+					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(o, {
 						value: W,
 						onChange: (e) => q(e.target.value),
 						placeholder: y,

package/dist/src/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;
+"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/popover/index.cjs"),i=require("../ui/input/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)(r.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(r.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)(r.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)(i.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

@@ -1,8 +1,8 @@
 "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 { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";
+import { Input as a } from "../ui/input/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";
@@ -58,17 +58,17 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
 				/* @__PURE__ */ v(d, {}),
 				/* @__PURE__ */ v("div", {
 					className: "p-1",
-					children: /* @__PURE__ */ y(r, {
+					children: /* @__PURE__ */ y(n, {
 						open: k,
 						onOpenChange: A,
-						children: [/* @__PURE__ */ y(a, {
+						children: [/* @__PURE__ */ y(i, {
 							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, {
+						}), /* @__PURE__ */ v(r, {
 							className: "w-64",
 							align: "start",
 							children: /* @__PURE__ */ y("form", {
@@ -87,7 +87,7 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
 									}),
 									/* @__PURE__ */ v("div", {
 										className: "grid gap-2",
-										children: /* @__PURE__ */ v(n, {
+										children: /* @__PURE__ */ v(a, {
 											id: "name",
 											placeholder: "e.g. Active Users",
 											value: j,

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