tembro 3.0.0 → 3.1.1

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"),t=require("../../showcase/premium/data-table/mock.cjs"),n=require("../../showcase/premium/data-table-parts/showcase.cjs"),r=require("../../showcase/premium/data-table-parts/mock.cjs");let i=require("react/jsx-runtime");function a(e,t){return{mock:t,Showcase:t=>(0,i.jsx)(n.DataTablePartShowcase,{...t,slug:e})}}var o={"data-table":{mock:t.dataTableMock,Showcase:e.DataTableShowcase},"data-table-pagination":a(`data-table-pagination`,r.dataTablePaginationMock),"data-table-toolbar":a(`data-table-toolbar`,r.dataTableToolbarMock),"data-table-row-actions":a(`data-table-row-actions`,r.dataTableRowActionsMock),"data-table-actions-column":a(`data-table-actions-column`,r.dataTableActionsColumnMock),"data-table-select-column":a(`data-table-select-column`,r.dataTableSelectColumnMock),"data-table-saved-filters":a(`data-table-saved-filters`,r.dataTableSavedFiltersMock)};exports.dataTableShowcaseDemoRegistry=o;

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

@@ -0,0 +1,29 @@
+import { DataTableShowcase as e } from "../../showcase/premium/data-table/showcase.js";
+import { dataTableMock as t } from "../../showcase/premium/data-table/mock.js";
+import { DataTablePartShowcase as n } from "../../showcase/premium/data-table-parts/showcase.js";
+import { dataTableActionsColumnMock as r, dataTablePaginationMock as i, dataTableRowActionsMock as a, dataTableSavedFiltersMock as o, dataTableSelectColumnMock as s, dataTableToolbarMock as c } from "../../showcase/premium/data-table-parts/mock.js";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/data-table/demo.tsx
+function u(e, t) {
+	return {
+		mock: t,
+		Showcase: (t) => /* @__PURE__ */ l(n, {
+			...t,
+			slug: e
+		})
+	};
+}
+var d = {
+	"data-table": {
+		mock: t,
+		Showcase: e
+	},
+	"data-table-pagination": u("data-table-pagination", i),
+	"data-table-toolbar": u("data-table-toolbar", c),
+	"data-table-row-actions": u("data-table-row-actions", a),
+	"data-table-actions-column": u("data-table-actions-column", r),
+	"data-table-select-column": u("data-table-select-column", s),
+	"data-table-saved-filters": u("data-table-saved-filters", o)
+};
+//#endregion
+export { d 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-sortable-header.cjs"),c=require("./data-table-view-presets.cjs"),l=require("./data-table-saved-filters.cjs"),u=require("./data-table-select-column.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=l.DataTableSavedFilters,exports.DataTableSortableHeader=s.DataTableSortableHeader,exports.DataTableToolbar=a.DataTableToolbar,exports.DataTableViewPresets=c.DataTableViewPresets,exports.TableExportMenu=d.TableExportMenu,exports.TableImportButton=f.TableImportButton,exports.createDataTableActionsColumn=t.createDataTableActionsColumn,exports.createDataTableSelectColumn=u.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 { DataTableSortableHeader as u } from "./data-table-sortable-header.js";
+import { DataTableViewPresets as d } from "./data-table-view-presets.js";
+import { DataTableSavedFilters as f } from "./data-table-saved-filters.js";
+import { createDataTableSelectColumn as p } from "./data-table-select-column.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, f as DataTableSavedFilters, u as DataTableSortableHeader, s as DataTableToolbar, d as DataTableViewPresets, m as TableExportMenu, h as TableImportButton, n as createDataTableActionsColumn, p 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-bulk-actions.cjs"),t=require("./data-table-column-visibility-menu.cjs"),n=require("./data-table-pagination.cjs"),r=require("./data-table.cjs"),i=require("./data-table-sortable-header.cjs"),a=require("./data-table-view-presets.cjs");exports.DataTable=r.DataTable,exports.DataTableBulkActions=e.DataTableBulkActions,exports.DataTableColumnVisibilityMenu=t.DataTableColumnVisibilityMenu,exports.DataTablePagination=n.DataTablePagination,exports.DataTableSortableHeader=i.DataTableSortableHeader,exports.DataTableViewPresets=a.DataTableViewPresets,exports.getDataTablePageCount=n.getDataTablePageCount;

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

@@ -0,0 +1,7 @@
+import { DataTableBulkActions as e } from "./data-table-bulk-actions.js";
+import { DataTableColumnVisibilityMenu as t } from "./data-table-column-visibility-menu.js";
+import { DataTablePagination as n, getDataTablePageCount as r } from "./data-table-pagination.js";
+import { DataTable as i } from "./data-table.js";
+import { DataTableSortableHeader as a } from "./data-table-sortable-header.js";
+import { DataTableViewPresets as o } from "./data-table-view-presets.js";
+export { i as DataTable, e as DataTableBulkActions, t as DataTableColumnVisibilityMenu, n as DataTablePagination, a as DataTableSortableHeader, o as DataTableViewPresets, r as getDataTablePageCount };

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;

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

@@ -0,0 +1,32 @@
+"use client";
+import { Button as e } from "../ui/button/index.js";
+import * as t from "react";
+import { UploadIcon as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/data-table/table-import-button.tsx
+function o({ accept: o = ".csv,.xlsx,.xls", multiple: s = !1, label: c = "Import", inputName: l, onFilesSelect: u, onFileSelect: d, disabled: f, children: p, ...m }) {
+	let h = t.useRef(null);
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(e, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		disabled: f,
+		onClick: () => h.current?.click(),
+		...m,
+		children: [/* @__PURE__ */ i(n, { "data-icon": "inline-start" }), p ?? c]
+	}), /* @__PURE__ */ i("input", {
+		ref: h,
+		name: l,
+		type: "file",
+		accept: o,
+		multiple: s,
+		disabled: f,
+		className: "sr-only",
+		onChange: (e) => {
+			let t = Array.from(e.currentTarget.files ?? []);
+			u?.(t), t[0] && d?.(t[0]), e.currentTarget.value = "";
+		}
+	})] });
+}
+//#endregion
+export { o as TableImportButton };

package/dist/src/components/display/activity-feed.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/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={default:`bg-primary`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,info:`bg-blue-500`,muted:`bg-muted-foreground`};function o({className:e,title:r,description:o,actions:s,items:c,empty:l=`No activity yet.`,compact:u=!1,density:d,showConnector:f=!0,connectorClassName:p,contentClassName:m,itemClassName:h,...g}){let _=c.filter(e=>!e.hidden),v=!!(r||o||s),y=d?d===`compact`:u;return(0,i.jsxs)(n.Card,{"data-slot":`activity-feed`,className:t.cn(`min-w-0`,e),...g,children:[v&&(0,i.jsx)(n.CardHeader,{children:(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[r&&(0,i.jsx)(n.CardTitle,{children:r}),o&&(0,i.jsx)(n.CardDescription,{children:o})]}),s&&(0,i.jsx)(`div`,{className:`shrink-0`,children:s})]})}),(0,i.jsx)(n.CardContent,{className:t.cn(`grid gap-0`,m),children:_.length===0?(0,i.jsx)(`div`,{className:`rounded-lg border border-dashed p-4 text-center text-sm text-muted-foreground`,children:l}):_.map((e,n)=>{let r=e.interactive??!!(e.href||e.onSelect),o=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:t.cn(`relative z-10 mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full border bg-background`,e.unread&&`border-primary/45 bg-primary/8 shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_88%)]`),children:e.icon??(0,i.jsx)(`span`,{className:t.cn(`size-2 rounded-full`,a[e.tone??`default`])})}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-2`,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,i.jsx)(`div`,{className:`min-w-0 text-sm font-medium leading-5 text-foreground`,children:e.title}),e.meta&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.meta})]}),(0,i.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[e.badge,e.time&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.time})]})]}),e.description&&(0,i.jsx)(`div`,{className:`text-sm leading-5 text-muted-foreground`,children:e.description}),e.actions&&(0,i.jsx)(`div`,{className:`pt-1`,children:e.actions})]})]});return(0,i.jsxs)(`div`,{"data-slot":`activity-feed-item`,className:t.cn(`relative flex gap-3 pb-4 last:pb-0`,y&&`gap-2 pb-3`,h,e.className),children:[f&&n<_.length-1&&(0,i.jsx)(`div`,{className:t.cn(`absolute left-3 top-7 h-[calc(100%-1.75rem)] w-px bg-border`,p)}),e.href?(0,i.jsx)(`a`,{href:e.href,target:e.target,rel:e.rel,className:t.cn(`flex min-w-0 flex-1 gap-3 rounded-[var(--radius-lg)] px-2 py-1.5 transition-[background-color,border-color,box-shadow]`,r&&`hover:bg-muted/35 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),children:o}):r?(0,i.jsx)(`button`,{type:`button`,className:`flex min-w-0 flex-1 gap-3 rounded-[var(--radius-lg)] px-2 py-1.5 text-left transition-[background-color,border-color,box-shadow] hover:bg-muted/35 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,onClick:e.onSelect,children:o}):(0,i.jsx)(`div`,{className:`flex min-w-0 flex-1 gap-3 px-2 py-1.5`,children:o})]},e.id)})})]})}exports.ActivityFeed=o;

package/dist/src/components/display/activity-feed.js

@@ -0,0 +1,94 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "../ui/card/index.js";
+import "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/display/activity-feed.tsx
+var l = {
+	default: "bg-primary",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	danger: "bg-destructive",
+	info: "bg-blue-500",
+	muted: "bg-muted-foreground"
+};
+function u({ className: u, title: d, description: f, actions: p, items: m, empty: h = "No activity yet.", compact: g = !1, density: _, showConnector: v = !0, connectorClassName: y, contentClassName: b, itemClassName: x, ...S }) {
+	let C = m.filter((e) => !e.hidden), w = !!(d || f || p), T = _ ? _ === "compact" : g;
+	return /* @__PURE__ */ c(t, {
+		"data-slot": "activity-feed",
+		className: e("min-w-0", u),
+		...S,
+		children: [w && /* @__PURE__ */ s(i, { children: /* @__PURE__ */ c("div", {
+			className: "flex min-w-0 items-start justify-between gap-3",
+			children: [/* @__PURE__ */ c("div", {
+				className: "min-w-0 space-y-1",
+				children: [d && /* @__PURE__ */ s(a, { children: d }), f && /* @__PURE__ */ s(r, { children: f })]
+			}), p && /* @__PURE__ */ s("div", {
+				className: "shrink-0",
+				children: p
+			})]
+		}) }), /* @__PURE__ */ s(n, {
+			className: e("grid gap-0", b),
+			children: C.length === 0 ? /* @__PURE__ */ s("div", {
+				className: "rounded-lg border border-dashed p-4 text-center text-sm text-muted-foreground",
+				children: h
+			}) : C.map((t, n) => {
+				let r = t.interactive ?? !!(t.href || t.onSelect), i = /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+					className: e("relative z-10 mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full border bg-background", t.unread && "border-primary/45 bg-primary/8 shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_88%)]"),
+					children: t.icon ?? /* @__PURE__ */ s("span", { className: e("size-2 rounded-full", l[t.tone ?? "default"]) })
+				}), /* @__PURE__ */ c("div", {
+					className: "min-w-0 flex-1 space-y-1",
+					children: [
+						/* @__PURE__ */ c("div", {
+							className: "flex min-w-0 items-start justify-between gap-2",
+							children: [/* @__PURE__ */ c("div", {
+								className: "min-w-0 space-y-1",
+								children: [/* @__PURE__ */ s("div", {
+									className: "min-w-0 text-sm font-medium leading-5 text-foreground",
+									children: t.title
+								}), t.meta && /* @__PURE__ */ s("div", {
+									className: "text-xs text-muted-foreground",
+									children: t.meta
+								})]
+							}), /* @__PURE__ */ c("div", {
+								className: "flex shrink-0 items-center gap-2",
+								children: [t.badge, t.time && /* @__PURE__ */ s("div", {
+									className: "text-xs text-muted-foreground",
+									children: t.time
+								})]
+							})]
+						}),
+						t.description && /* @__PURE__ */ s("div", {
+							className: "text-sm leading-5 text-muted-foreground",
+							children: t.description
+						}),
+						t.actions && /* @__PURE__ */ s("div", {
+							className: "pt-1",
+							children: t.actions
+						})
+					]
+				})] });
+				return /* @__PURE__ */ c("div", {
+					"data-slot": "activity-feed-item",
+					className: e("relative flex gap-3 pb-4 last:pb-0", T && "gap-2 pb-3", x, t.className),
+					children: [v && n < C.length - 1 && /* @__PURE__ */ s("div", { className: e("absolute left-3 top-7 h-[calc(100%-1.75rem)] w-px bg-border", y) }), t.href ? /* @__PURE__ */ s("a", {
+						href: t.href,
+						target: t.target,
+						rel: t.rel,
+						className: e("flex min-w-0 flex-1 gap-3 rounded-[var(--radius-lg)] px-2 py-1.5 transition-[background-color,border-color,box-shadow]", r && "hover:bg-muted/35 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
+						children: i
+					}) : r ? /* @__PURE__ */ s("button", {
+						type: "button",
+						className: "flex min-w-0 flex-1 gap-3 rounded-[var(--radius-lg)] px-2 py-1.5 text-left transition-[background-color,border-color,box-shadow] hover:bg-muted/35 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+						onClick: t.onSelect,
+						children: i
+					}) : /* @__PURE__ */ s("div", {
+						className: "flex min-w-0 flex-1 gap-3 px-2 py-1.5",
+						children: i
+					})]
+				}, t.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { u as ActivityFeed };

package/dist/src/components/display/avatar.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");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={xs:`size-6 text-[10px]`,sm:`size-8 text-xs`,default:`size-10 text-sm`,lg:`size-12 text-base`,xl:`size-16 text-lg`},a={circle:`rounded-full`,rounded:`rounded-xl`,square:`rounded-md`},o={online:`bg-emerald-500`,offline:`bg-muted-foreground`,busy:`bg-destructive`,away:`bg-amber-500`};function s(e){if(!e)return`?`;let t=e.trim().split(/\s+/).filter(Boolean);return t.length?t.slice(0,2).map(e=>e[0]?.toUpperCase()).join(``):`?`}function c({src:e,alt:c,name:l,fallback:u,size:d=`default`,shape:f=`circle`,status:p,className:m,...h}){let[g,_]=n.useState(!1),v=!!(e&&!g);return(0,r.jsxs)(`span`,{"data-slot":`avatar`,"data-size":d,"data-shape":f,className:t.cn(`relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden border bg-muted font-medium text-muted-foreground`,i[d],a[f],m),...h,children:[v?(0,r.jsx)(`img`,{src:e,alt:c??l??`Avatar`,className:`size-full object-cover`,onError:()=>_(!0)}):(0,r.jsx)(`span`,{"data-slot":`avatar-fallback`,children:u??s(l)}),p&&(0,r.jsx)(`span`,{"data-slot":`avatar-status`,"data-status":p,className:t.cn(`absolute bottom-0 right-0 size-2.5 rounded-full border-2 border-background`,d===`xs`&&`size-2`,d===`xl`&&`size-3.5`,o[p])})]})}function l({items:e,max:n=5,size:i=`default`,shape:a=`circle`,stacked:o=!0,overflowLabel:s=e=>`+${e}`,className:l,...u}){let d=e.slice(0,n),f=Math.max(e.length-n,0);return(0,r.jsxs)(`div`,{"data-slot":`avatar-group`,className:t.cn(`flex items-center`,o?`-space-x-2`:`gap-2`,l),...u,children:[d.map(e=>{let{key:n,...s}=e;return(0,r.jsx)(c,{size:e.size??i,shape:e.shape??a,className:t.cn(o&&`ring-2 ring-background`,e.className),...s},n)}),f>0&&(0,r.jsx)(c,{size:i,shape:a,fallback:s(f),className:t.cn(o&&`ring-2 ring-background`)})]})}exports.Avatar=c,exports.AvatarGroup=l;

package/dist/src/components/display/avatar.js

@@ -0,0 +1,73 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/avatar.tsx
+var i = {
+	xs: "size-6 text-[10px]",
+	sm: "size-8 text-xs",
+	default: "size-10 text-sm",
+	lg: "size-12 text-base",
+	xl: "size-16 text-lg"
+}, a = {
+	circle: "rounded-full",
+	rounded: "rounded-xl",
+	square: "rounded-md"
+}, o = {
+	online: "bg-emerald-500",
+	offline: "bg-muted-foreground",
+	busy: "bg-destructive",
+	away: "bg-amber-500"
+};
+function s(e) {
+	if (!e) return "?";
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length ? t.slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") : "?";
+}
+function c({ src: c, alt: l, name: u, fallback: d, size: f = "default", shape: p = "circle", status: m, className: h, ...g }) {
+	let [_, v] = t.useState(!1), y = !!(c && !_);
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "avatar",
+		"data-size": f,
+		"data-shape": p,
+		className: e("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden border bg-muted font-medium text-muted-foreground", i[f], a[p], h),
+		...g,
+		children: [y ? /* @__PURE__ */ n("img", {
+			src: c,
+			alt: l ?? u ?? "Avatar",
+			className: "size-full object-cover",
+			onError: () => v(!0)
+		}) : /* @__PURE__ */ n("span", {
+			"data-slot": "avatar-fallback",
+			children: d ?? s(u)
+		}), m && /* @__PURE__ */ n("span", {
+			"data-slot": "avatar-status",
+			"data-status": m,
+			className: e("absolute bottom-0 right-0 size-2.5 rounded-full border-2 border-background", f === "xs" && "size-2", f === "xl" && "size-3.5", o[m])
+		})]
+	});
+}
+function l({ items: t, max: i = 5, size: a = "default", shape: o = "circle", stacked: s = !0, overflowLabel: l = (e) => `+${e}`, className: u, ...d }) {
+	let f = t.slice(0, i), p = Math.max(t.length - i, 0);
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "avatar-group",
+		className: e("flex items-center", s ? "-space-x-2" : "gap-2", u),
+		...d,
+		children: [f.map((t) => {
+			let { key: r, ...i } = t;
+			return /* @__PURE__ */ n(c, {
+				size: t.size ?? a,
+				shape: t.shape ?? o,
+				className: e(s && "ring-2 ring-background", t.className),
+				...i
+			}, r);
+		}), p > 0 && /* @__PURE__ */ n(c, {
+			size: a,
+			shape: o,
+			fallback: l(p),
+			className: e(s && "ring-2 ring-background")
+		})]
+	});
+}
+//#endregion
+export { c as Avatar, l as AvatarGroup };