tembro 5.0.0 → 6.0.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file.
 
+## 6.0.0 - 2026-07-18
+
+### Added
+
+- Added `NumberField`, `ToggleGroup`, and `Toolbar` as canonical product UI primitives.
+
+### Removed
+
+- Removed duplicate composition wrappers from code and registry: `loading-state`, `page-state`, `page-header`, `page-container`, `section-header`, `sidebar-nav`, `sticky-footer-bar`, and `progress-ring`.
+
+### Changed
+
+- Updated `DataTable` loading customization to use `StateView` props and made `ProgressCircle` independent from the removed ring alias.
+
 ## 5.0.0 - 2026-07-18
 
 ### Added

package/dist/components/charts/progress-circle.d.ts

@@ -1,4 +1,13 @@
-import { ProgressRing, type ProgressRingProps } from "@/components/charts/progress-ring";
-export type ProgressCircleProps = ProgressRingProps;
-declare const ProgressCircle: typeof ProgressRing;
+import * as React from "react";
+export type ProgressCircleProps = React.ComponentProps<"svg"> & {
+    value?: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: "default" | "success" | "warning" | "danger";
+    loading?: boolean;
+};
+declare function ProgressCircle({ value, max, size, strokeWidth, label, description, tone, loading, className, ...props }: ProgressCircleProps): React.JSX.Element;
 export { ProgressCircle };

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

@@ -5,7 +5,7 @@ import { type DataTablePaginationProps } from "@/components/data-table/data-tabl
 import { type DataTableRowAction } from "@/components/data-table/data-table-row-actions";
 import { type DataTableToolbarProps } from "@/components/data-table/data-table-toolbar";
 import { type DataStateProps } from "@/components/display/data-state";
-import { type LoadingStateProps } from "@/components/feedback/loading-state";
+import { type StateViewProps } from "@/components/feedback/state-view";
 import { type InputSearchProps } from "@/components/ui/input";
 export type DataTableDensity = "compact" | "default" | "comfortable";
 export type DataTableLoadingVariant = "skeleton" | "state";
@@ -66,7 +66,7 @@ export type DataTableProps<TData, TValue = unknown> = Omit<React.ComponentProps<
     isError?: boolean;
     emptyState?: Omit<DataStateProps, "status">;
     errorState?: Omit<DataStateProps, "status">;
-    loadingState?: LoadingStateProps;
+    loadingState?: Omit<StateViewProps, "status">;
     loadingVariant?: DataTableLoadingVariant;
     toolbar?: React.ReactNode | ((table: TanStackTable<TData>) => React.ReactNode);
     toolbarProps?: DataTableToolbarProps | ((table: TanStackTable<TData>) => DataTableToolbarProps);

package/dist/components/feedback/index.d.ts

@@ -1,4 +1,2 @@
 export * from "./alert";
-export * from "./loading-state";
-export * from "./page-state";
 export * from "./state-view";

package/dist/components/layout/section.d.ts

@@ -11,13 +11,6 @@ export type SectionProps = React.ComponentProps<"section"> & {
     bodyClassName?: string;
 };
 declare function Section({ title, description, actions, padded, bordered, variant, density, headerClassName, bodyClassName, className, children, ...props }: SectionProps): React.JSX.Element;
-export type ToolbarProps = React.ComponentProps<"div"> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    filters?: React.ReactNode;
-    actions?: React.ReactNode;
-};
-declare function Toolbar({ title, description, filters, actions, className, children, ...props }: ToolbarProps): React.JSX.Element;
 export type SplitLayoutProps = React.ComponentProps<"div"> & {
     aside: React.ReactNode;
     asidePosition?: "start" | "end";
@@ -26,4 +19,4 @@ export type SplitLayoutProps = React.ComponentProps<"div"> & {
     asideWidth?: React.CSSProperties["width"];
 };
 declare function SplitLayout({ aside, asidePosition, asideClassName, contentClassName, asideWidth, className, children, style, ...props }: SplitLayoutProps): React.JSX.Element;
-export { Section, SplitLayout, Toolbar };
+export { Section, SplitLayout };

package/dist/components/ui/number-field/index.cjs

@@ -0,0 +1 @@
+module.exports = require("../../../src/components/ui/number-field/index.cjs")

package/dist/components/ui/number-field/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
+export type NumberFieldProps = NumberFieldPrimitive.Root.Props;
+export type NumberFieldGroupProps = NumberFieldPrimitive.Group.Props;
+export type NumberFieldInputProps = NumberFieldPrimitive.Input.Props;
+export type NumberFieldIncrementProps = NumberFieldPrimitive.Increment.Props;
+export type NumberFieldDecrementProps = NumberFieldPrimitive.Decrement.Props;
+export type NumberFieldScrubAreaProps = NumberFieldPrimitive.ScrubArea.Props;
+export type NumberFieldScrubAreaCursorProps = NumberFieldPrimitive.ScrubAreaCursor.Props;
+declare function NumberField({ className, ...props }: NumberFieldProps): React.JSX.Element;
+declare function NumberFieldGroup({ className, ...props }: NumberFieldGroupProps): React.JSX.Element;
+declare function NumberFieldInput({ className, ...props }: NumberFieldInputProps): React.JSX.Element;
+declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldIncrementProps): React.JSX.Element;
+declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldDecrementProps): React.JSX.Element;
+declare function NumberFieldStepper({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function NumberFieldScrubArea({ className, ...props }: NumberFieldScrubAreaProps): React.JSX.Element;
+declare function NumberFieldScrubAreaCursor({ className, ...props }: NumberFieldScrubAreaCursorProps): React.JSX.Element;
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldStepper, };

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

@@ -0,0 +1 @@
+export * from "../../../src/components/ui/number-field/index.js"

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

@@ -0,0 +1 @@
+module.exports = require("../../../src/components/ui/toggle-group/index.cjs")

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1,13 @@
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+export type ToggleGroupProps<TValue extends string = string> = ToggleGroupPrimitive.Props<TValue> & {
+    variant?: "default" | "outline" | "ghost";
+    size?: "sm" | "md" | "lg";
+};
+export type ToggleGroupItemProps<TValue extends string = string> = Toggle.Props<TValue> & {
+    variant?: ToggleGroupProps<TValue>["variant"];
+    size?: ToggleGroupProps<TValue>["size"];
+};
+declare function ToggleGroup<TValue extends string = string>({ className, variant, size, orientation, ...props }: ToggleGroupProps<TValue>): import("react").JSX.Element;
+declare function ToggleGroupItem<TValue extends string = string>({ className, variant, size, ...props }: ToggleGroupItemProps<TValue>): import("react").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

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

@@ -0,0 +1 @@
+export * from "../../../src/components/ui/toggle-group/index.js"

package/dist/components/ui/toolbar/index.cjs

@@ -0,0 +1 @@
+module.exports = require("../../../src/components/ui/toolbar/index.cjs")

package/dist/components/ui/toolbar/index.d.ts

@@ -0,0 +1,14 @@
+import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
+export type ToolbarProps = ToolbarPrimitive.Root.Props;
+export type ToolbarGroupProps = ToolbarPrimitive.Group.Props;
+export type ToolbarButtonProps = ToolbarPrimitive.Button.Props;
+export type ToolbarLinkProps = ToolbarPrimitive.Link.Props;
+export type ToolbarInputProps = ToolbarPrimitive.Input.Props;
+export type ToolbarSeparatorProps = ToolbarPrimitive.Separator.Props;
+declare function Toolbar({ className, orientation, ...props }: ToolbarProps): import("react").JSX.Element;
+declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): import("react").JSX.Element;
+declare function ToolbarButton({ className, ...props }: ToolbarButtonProps): import("react").JSX.Element;
+declare function ToolbarLink({ className, ...props }: ToolbarLinkProps): import("react").JSX.Element;
+declare function ToolbarInput({ className, ...props }: ToolbarInputProps): import("react").JSX.Element;
+declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): import("react").JSX.Element;
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator };

package/dist/components/ui/toolbar/index.js

@@ -0,0 +1 @@
+export * from "../../../src/components/ui/toolbar/index.js"

package/dist/index.d.ts

@@ -26,6 +26,9 @@ export * from './components/ui/kbd';
 export * from './components/ui/radio-group';
 export * from './components/ui/scroll-box';
 export * from './components/ui/right-click-menu';
+export * from './components/ui/number-field';
+export * from './components/ui/toggle-group';
+export * from './components/ui/toolbar';
 export * from './components/actions/public';
 export * from './components/layout/public';
 export * from './components/navigation';

package/dist/src/components/charts/progress-circle.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=require("./progress-ring.cjs").ProgressRing;exports.ProgressCircle=e;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={default:`stroke-primary`,success:`stroke-[color:var(--aui-success,var(--primary))]`,warning:`stroke-[color:var(--aui-warning,var(--primary))]`,danger:`stroke-destructive`};function a({value:e,max:n=100,size:a=120,strokeWidth:o=10,label:s,description:c,tone:l=`default`,loading:u=!1,className:d,...f}){let p=(a-o)/2,m=2*Math.PI*p,h=typeof e==`number`?Math.min(Math.max(e/n,0),1):0,g=m-h*m,_=s??(typeof e==`number`?`${Math.round(h*100)}%`:void 0);return(0,r.jsxs)(`svg`,{"data-slot":`progress-circle`,viewBox:`0 0 ${a} ${a}`,className:t.cn(`h-auto w-full max-w-32`,d),role:`img`,...f,children:[(0,r.jsx)(`circle`,{cx:a/2,cy:a/2,r:p,fill:`none`,strokeWidth:o,className:`stroke-muted`}),(0,r.jsx)(`circle`,{cx:a/2,cy:a/2,r:p,fill:`none`,strokeWidth:o,strokeLinecap:`round`,strokeDasharray:m,strokeDashoffset:u?m*.28:g,className:t.cn(`origin-center -rotate-90 transition-[stroke-dashoffset]`,i[l],u&&`animate-pulse`)}),_?(0,r.jsx)(`text`,{x:`50%`,y:c?`46%`:`52%`,textAnchor:`middle`,dominantBaseline:`middle`,className:`fill-foreground text-lg font-semibold`,children:_}):null,c?(0,r.jsx)(`text`,{x:`50%`,y:`62%`,textAnchor:`middle`,dominantBaseline:`middle`,className:`fill-muted-foreground text-[10px]`,children:c}):null]})}exports.ProgressCircle=a;

package/dist/src/components/charts/progress-circle.js

@@ -1,5 +1,59 @@
-import { ProgressRing as e } from "./progress-ring.js";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/charts/progress-circle.tsx
-var t = e;
+var r = {
+	default: "stroke-primary",
+	success: "stroke-[color:var(--aui-success,var(--primary))]",
+	warning: "stroke-[color:var(--aui-warning,var(--primary))]",
+	danger: "stroke-destructive"
+};
+function i({ value: i, max: a = 100, size: o = 120, strokeWidth: s = 10, label: c, description: l, tone: u = "default", loading: d = !1, className: f, ...p }) {
+	let m = (o - s) / 2, h = 2 * Math.PI * m, g = typeof i == "number" ? Math.min(Math.max(i / a, 0), 1) : 0, _ = h - g * h, v = c ?? (typeof i == "number" ? `${Math.round(g * 100)}%` : void 0);
+	return /* @__PURE__ */ n("svg", {
+		"data-slot": "progress-circle",
+		viewBox: `0 0 ${o} ${o}`,
+		className: e("h-auto w-full max-w-32", f),
+		role: "img",
+		...p,
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: o / 2,
+				cy: o / 2,
+				r: m,
+				fill: "none",
+				strokeWidth: s,
+				className: "stroke-muted"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: o / 2,
+				cy: o / 2,
+				r: m,
+				fill: "none",
+				strokeWidth: s,
+				strokeLinecap: "round",
+				strokeDasharray: h,
+				strokeDashoffset: d ? h * .28 : _,
+				className: e("origin-center -rotate-90 transition-[stroke-dashoffset]", r[u], d && "animate-pulse")
+			}),
+			v ? /* @__PURE__ */ t("text", {
+				x: "50%",
+				y: l ? "46%" : "52%",
+				textAnchor: "middle",
+				dominantBaseline: "middle",
+				className: "fill-foreground text-lg font-semibold",
+				children: v
+			}) : null,
+			l ? /* @__PURE__ */ t("text", {
+				x: "50%",
+				y: "62%",
+				textAnchor: "middle",
+				dominantBaseline: "middle",
+				className: "fill-muted-foreground text-[10px]",
+				children: l
+			}) : null
+		]
+	});
+}
 //#endregion
-export { t as ProgressCircle };
+export { i as ProgressCircle };

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("./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;
+"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("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),oe=require("../display/data-state.cjs"),se=require("../../hooks/use-is-mobile.cjs"),a=require("../ui/table/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("@tanstack/react-table");var ce={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},le={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};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,t){return typeof t==`function`?t(e):t}function pe(e){return e==null||e===``}function me(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 l({className:e,columns:l,data:u,title:d,description:f,features:p,search:m,filters:h,summary:g,toolbarActions:_,rowActions:v,bulkActions:y,onRefresh:he,onExport:b,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=o.useMemo(()=>{let e=l;return!v||p?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:v})]},[l,p?.rowActions,v]),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,c.useReactTable)({data:u,columns:Ge,getRowId:ve,getCoreRowModel:(0,c.getCoreRowModel)(),getPaginationRowModel:I&&!qe?(0,c.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,c.getExpandedRowModel)()}),R=L.getRowModel().rows,Ye=o.useRef(null),z=Ue===!1?void 0:Ue,B=!!(z&&z.enabled!==!1&&R.length>0),V=z?.height??480,Xe=z?.onRangeChange,H=ae.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=o.useMemo(()=>({table:L,data:u,selectedRows:G}),[u,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 h==`function`?h(K):h,J=typeof g==`function`?g(K):g,ot=!!(m&&p?.search!==!1),st=!!(p?.columnVisibility&&L.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(p?.refresh&&he),X=!!(p?.export&&b),ct=!!(p?.bulkActions!==!1&&y?.length),lt=st&&!!(d||f||m||q||J||_||Y||X),ut=ot&&m?(0,s.jsx)(i.Input,{type:`search`,value:m.value,onValueChange:m.onValueChange,placeholder:m.placeholder??`Search...`,wrapperClassName:m.wrapperClassName??m.className,inputClassName:m.inputClassName,disabled:m.disabled,clearable:m.clearable,clearLabel:m.clearLabel,searchIcon:m.searchIcon}):void 0,dt=(0,s.jsxs)(s.Fragment,{children:[typeof _==`function`?_(K):_,lt&&(0,s.jsx)(ne.DataTableColumnVisibilityMenu,{table:L}),Y&&(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:x,onClick:()=>he?.(K),children:ge}),X&&(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>b?.(K),children:_e})]}),ft=ct?(0,s.jsx)(te.DataTableBulkActions,{rows:G,actions:y??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>L.resetRowSelection(),hideWhenEmpty:!1}):void 0,pt=!!(it||at||d||f||ut||q||J||_||lt||Y||X||ft),mt=!!(I&&!I.hidden),Z=x&&Ce===`skeleton`,ht=se.useIsMobile(),gt=je!==`scroll`&&ht,_t=(e,t)=>t>0?(0,s.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,s.jsx)(a.TableCell,{colSpan:rt,className:`border-0 p-0`,style:{height:t}})},e):null,vt=e=>(0,s.jsx)(a.TableRow,{children:(0,s.jsx)(a.TableCell,{colSpan:rt,className:`p-0`,children:e})}),yt=()=>Array.from({length:Math.max(Ne,1)},(e,n)=>(0,s.jsx)(a.TableRow,{"aria-hidden":`true`,children:nt.map(e=>(0,s.jsx)(a.TableCell,{className:t.cn(le[O],A&&`border-r last:border-r-0`),children:(0,s.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,s.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...Se}):ye?(0,s.jsx)(oe.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...xe}):R.length===0?(0,s.jsx)(oe.DataState,{status:`empty`,variant:`plain`,...be}):null,$=(e,n,r)=>{let i=D?.(e)??!1;return(0,s.jsxs)(o.Fragment,{children:[(0,s.jsx)(a.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`,ue(e,N)),onClick:()=>{i||E?.(e)},onDoubleClick:()=>{i||Me?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,c.flexRender)(e.column.columnDef.cell,e.getContext());return(0,s.jsx)(a.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(le[O],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,A&&`border-r last:border-r-0`,fe(e,Re)),children:pe(n)?M:n},e.id)})}),e.getIsExpanded()&&P?(0,s.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,s.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:P(e)})}):null]},e.id)},bt=e=>{let n=D?.(e)??!1,r=e.getVisibleCells();return(0,s.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`,ue(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,c.flexRender)(e.column.columnDef.cell,e.getContext());return(0,s.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,s.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:me(e)}),(0,s.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:pe(t)?M:t})]},e.id)})},e.id)};return(0,s.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...We,children:[pt&&(it??(0,s.jsx)(ie.DataTableToolbar,{title:d,description:f,search:ut,filters:q,summary:J,actions:dt,selectionActions:ft,selectedCount:tt,totalCount:I?I.rowCount??u.length:u.length,variant:`plain`,...at})),gt&&(0,s.jsx)(`div`,{className:`grid gap-3`,children:Q??(Z?(0,s.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...Se}):R.map(e=>(0,s.jsx)(o.Fragment,{children:T?T(e):bt(e)},e.id)))}),!gt&&(0,s.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,s.jsxs)(a.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,s.jsx)(a.TableHeader,{className:t.cn((j||B)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:L.getHeaderGroups().map(e=>(0,s.jsx)(a.TableRow,{children:e.headers.map(e=>(0,s.jsx)(a.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(ce[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`,de(e,Le)),children:e.isPlaceholder?null:(0,c.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,s.jsx)(a.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,s.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:x,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=l;