tembro 1.0.0

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

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

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`data-table-pagination`,`DataTablePagination`,`data-table`,`Pagination control used by DataTable pages.`),e.component(`data-table-toolbar`,`DataTableToolbar`,`data-table`,`Toolbar surface for DataTable search, filters and actions.`),e.component(`data-table-column-visibility-menu`,`DataTableColumnVisibilityMenu`,`data-table`,`Column visibility menu pattern for table views.`),e.component(`data-table-select-column`,`DataTableSelectColumn`,`data-table`,`Selection column pattern for bulk table workflows.`),e.component(`data-table-sortable-header`,`DataTableSortableHeader`,`data-table`,`Sortable header trigger with clear visual state.`),e.component(`data-table-row-actions`,`DataTableRowActions`,`data-table`,`Row action menu for inspect, duplicate and archive operations.`),e.component(`data-table-actions-column`,`DataTableActionsColumn`,`data-table`,`Reusable actions column for DataTable definitions.`),e.component(`data-table-bulk-actions`,`DataTableBulkActions`,`data-table`,`Bulk action bar for selected rows.`),e.component(`data-table-view-presets`,`DataTableViewPresets`,`data-table`,`Saved table view presets for operational dashboards.`)]);exports.dataTableShowcaseDemoRegistry=t;

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

@@ -0,0 +1,6 @@
+export declare const dataTableShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/data-table/demo.tsx
+var n = t([
+	e("data-table-pagination", "DataTablePagination", "data-table", "Pagination control used by DataTable pages."),
+	e("data-table-toolbar", "DataTableToolbar", "data-table", "Toolbar surface for DataTable search, filters and actions."),
+	e("data-table-column-visibility-menu", "DataTableColumnVisibilityMenu", "data-table", "Column visibility menu pattern for table views."),
+	e("data-table-select-column", "DataTableSelectColumn", "data-table", "Selection column pattern for bulk table workflows."),
+	e("data-table-sortable-header", "DataTableSortableHeader", "data-table", "Sortable header trigger with clear visual state."),
+	e("data-table-row-actions", "DataTableRowActions", "data-table", "Row action menu for inspect, duplicate and archive operations."),
+	e("data-table-actions-column", "DataTableActionsColumn", "data-table", "Reusable actions column for DataTable definitions."),
+	e("data-table-bulk-actions", "DataTableBulkActions", "data-table", "Bulk action bar for selected rows."),
+	e("data-table-view-presets", "DataTableViewPresets", "data-table", "Saved table view presets for operational dashboards.")
+]);
+//#endregion
+export { n as dataTableShowcaseDemoRegistry };

package/dist/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-select-column.cjs"),c=require("./data-table-sortable-header.cjs"),l=require("./data-table-view-presets.cjs"),u=require("./data-table-saved-filters.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=u.DataTableSavedFilters,exports.DataTableSortableHeader=c.DataTableSortableHeader,exports.DataTableToolbar=a.DataTableToolbar,exports.DataTableViewPresets=l.DataTableViewPresets,exports.TableExportMenu=d.TableExportMenu,exports.TableImportButton=f.TableImportButton,exports.createDataTableActionsColumn=t.createDataTableActionsColumn,exports.createDataTableSelectColumn=s.createDataTableSelectColumn,exports.dataTableToolbarVariants=a.dataTableToolbarVariants,exports.getDataTablePageCount=i.getDataTablePageCount,exports.resolveRowActions=e.resolveRowActions;

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

@@ -0,0 +1,13 @@
+export * from './data-table';
+export * from './data-table-pagination';
+export * from './data-table-toolbar';
+export * from './data-table-column-visibility-menu';
+export * from './data-table-select-column';
+export * from './data-table-sortable-header';
+export * from './data-table-row-actions';
+export * from './data-table-actions-column';
+export * from './data-table-bulk-actions';
+export * from "./data-table-view-presets";
+export * from "./table-export-menu";
+export * from "./table-import-button";
+export * from "./data-table-saved-filters";

package/dist/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 { createDataTableSelectColumn as u } from "./data-table-select-column.js";
+import { DataTableSortableHeader as d } from "./data-table-sortable-header.js";
+import { DataTableViewPresets as f } from "./data-table-view-presets.js";
+import { DataTableSavedFilters as p } from "./data-table-saved-filters.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, p as DataTableSavedFilters, d as DataTableSortableHeader, s as DataTableToolbar, f as DataTableViewPresets, m as TableExportMenu, h as TableImportButton, n as createDataTableActionsColumn, u as createDataTableSelectColumn, c as dataTableToolbarVariants, o as getDataTablePageCount, t as resolveRowActions };

package/dist/components/data-table/public.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-select-column.cjs"),c=require("./data-table-sortable-header.cjs"),l=require("./data-table-view-presets.cjs"),u=require("./data-table-saved-filters.cjs");exports.DataTable=o.DataTable,exports.DataTableBulkActions=n.DataTableBulkActions,exports.DataTableColumnVisibilityMenu=r.DataTableColumnVisibilityMenu,exports.DataTablePagination=i.DataTablePagination,exports.DataTableRowActions=e.DataTableRowActions,exports.DataTableSavedFilters=u.DataTableSavedFilters,exports.DataTableSortableHeader=c.DataTableSortableHeader,exports.DataTableToolbar=a.DataTableToolbar,exports.DataTableViewPresets=l.DataTableViewPresets,exports.createDataTableActionsColumn=t.createDataTableActionsColumn,exports.createDataTableSelectColumn=s.createDataTableSelectColumn,exports.dataTableToolbarVariants=a.dataTableToolbarVariants,exports.getDataTablePageCount=i.getDataTablePageCount,exports.resolveRowActions=e.resolveRowActions;

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

@@ -0,0 +1,11 @@
+export * from "./data-table";
+export * from "./data-table-actions-column";
+export * from "./data-table-bulk-actions";
+export * from "./data-table-column-visibility-menu";
+export * from "./data-table-pagination";
+export * from "./data-table-row-actions";
+export * from "./data-table-select-column";
+export * from "./data-table-sortable-header";
+export * from "./data-table-toolbar";
+export * from "./data-table-view-presets";
+export * from "./data-table-saved-filters";

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

@@ -0,0 +1,12 @@
+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 { createDataTableSelectColumn as u } from "./data-table-select-column.js";
+import { DataTableSortableHeader as d } from "./data-table-sortable-header.js";
+import { DataTableViewPresets as f } from "./data-table-view-presets.js";
+import { DataTableSavedFilters as p } from "./data-table-saved-filters.js";
+export { l as DataTable, r as DataTableBulkActions, i as DataTableColumnVisibilityMenu, a as DataTablePagination, e as DataTableRowActions, p as DataTableSavedFilters, d as DataTableSortableHeader, s as DataTableToolbar, f as DataTableViewPresets, n as createDataTableActionsColumn, u as createDataTableSelectColumn, c as dataTableToolbarVariants, o as getDataTablePageCount, t as resolveRowActions };

package/dist/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/components/data-table/table-export-menu.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type ButtonProps } from "@/components/ui/button";
+export type TableExportOption = {
+    key: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+export type TableExportMenuProps = Omit<ButtonProps, "onSelect" | "onClick"> & {
+    options?: TableExportOption[];
+    label?: React.ReactNode;
+    menuLabel?: React.ReactNode;
+    onExport?: (option: TableExportOption) => void;
+    renderOption?: (option: TableExportOption) => React.ReactNode;
+};
+declare function TableExportMenu({ options, label, menuLabel, onExport, renderOption, children, ...props }: TableExportMenuProps): React.JSX.Element;
+export { TableExportMenu };

package/dist/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/components/data-table/table-import-button.cjs

@@ -0,0 +1 @@
+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/components/data-table/table-import-button.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type ButtonProps } from "@/components/ui/button";
+export type TableImportButtonProps = Omit<ButtonProps, "onChange" | "onClick"> & {
+    accept?: string;
+    multiple?: boolean;
+    label?: React.ReactNode;
+    inputName?: string;
+    onFilesSelect?: (files: File[]) => void;
+    onFileSelect?: (file: File) => void;
+};
+declare function TableImportButton({ accept, multiple, label, inputName, onFilesSelect, onFileSelect, disabled, children, ...props }: TableImportButtonProps): React.JSX.Element;
+export { TableImportButton };

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

@@ -0,0 +1,31 @@
+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/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,contentClassName:d,itemClassName:f,...p}){let m=c.filter(e=>!e.hidden),h=!!(r||o||s);return(0,i.jsxs)(n.Card,{"data-slot":`activity-feed`,className:t.cn(`min-w-0`,e),...p,children:[h&&(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`,d),children:m.length===0?(0,i.jsx)(`div`,{className:`rounded-lg border border-dashed p-4 text-center text-sm text-muted-foreground`,children:l}):m.map((e,n)=>(0,i.jsxs)(`div`,{"data-slot":`activity-feed-item`,className:t.cn(`relative flex gap-3 pb-4 last:pb-0`,u&&`gap-2 pb-3`,f,e.className),children:[n<m.length-1&&(0,i.jsx)(`div`,{className:`absolute left-3 top-7 h-[calc(100%-1.75rem)] w-px bg-border`}),(0,i.jsx)(`div`,{className:`relative z-10 mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full border bg-background`,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.jsx)(`div`,{className:`min-w-0 text-sm font-medium leading-5 text-foreground`,children:e.title}),e.time&&(0,i.jsx)(`div`,{className:`shrink-0 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})]})]},e.id))})]})}exports.ActivityFeed=o;

package/dist/components/display/activity-feed.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type ActivityFeedItem = {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    time?: React.ReactNode;
+    icon?: React.ReactNode;
+    tone?: "default" | "success" | "warning" | "danger" | "info" | "muted";
+    actions?: React.ReactNode;
+    hidden?: boolean;
+    className?: string;
+};
+export type ActivityFeedProps = React.ComponentProps<typeof Card> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    items: ActivityFeedItem[];
+    empty?: React.ReactNode;
+    compact?: boolean;
+    contentClassName?: string;
+    itemClassName?: string;
+};
+declare function ActivityFeed({ className, title, description, actions, items, empty, compact, contentClassName, itemClassName, ...props }: ActivityFeedProps): React.JSX.Element;
+export { ActivityFeed };

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

@@ -0,0 +1,72 @@
+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 { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/display/activity-feed.tsx
+var c = {
+	default: "bg-primary",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	danger: "bg-destructive",
+	info: "bg-blue-500",
+	muted: "bg-muted-foreground"
+};
+function l({ className: l, title: u, description: d, actions: f, items: p, empty: m = "No activity yet.", compact: h = !1, contentClassName: g, itemClassName: _, ...v }) {
+	let y = p.filter((e) => !e.hidden), b = !!(u || d || f);
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "activity-feed",
+		className: e("min-w-0", l),
+		...v,
+		children: [b && /* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
+			className: "flex min-w-0 items-start justify-between gap-3",
+			children: [/* @__PURE__ */ s("div", {
+				className: "min-w-0 space-y-1",
+				children: [u && /* @__PURE__ */ o(a, { children: u }), d && /* @__PURE__ */ o(r, { children: d })]
+			}), f && /* @__PURE__ */ o("div", {
+				className: "shrink-0",
+				children: f
+			})]
+		}) }), /* @__PURE__ */ o(n, {
+			className: e("grid gap-0", g),
+			children: y.length === 0 ? /* @__PURE__ */ o("div", {
+				className: "rounded-lg border border-dashed p-4 text-center text-sm text-muted-foreground",
+				children: m
+			}) : y.map((t, n) => /* @__PURE__ */ s("div", {
+				"data-slot": "activity-feed-item",
+				className: e("relative flex gap-3 pb-4 last:pb-0", h && "gap-2 pb-3", _, t.className),
+				children: [
+					n < y.length - 1 && /* @__PURE__ */ o("div", { className: "absolute left-3 top-7 h-[calc(100%-1.75rem)] w-px bg-border" }),
+					/* @__PURE__ */ o("div", {
+						className: "relative z-10 mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full border bg-background",
+						children: t.icon ?? /* @__PURE__ */ o("span", { className: e("size-2 rounded-full", c[t.tone ?? "default"]) })
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "min-w-0 flex-1 space-y-1",
+						children: [
+							/* @__PURE__ */ s("div", {
+								className: "flex min-w-0 items-start justify-between gap-2",
+								children: [/* @__PURE__ */ o("div", {
+									className: "min-w-0 text-sm font-medium leading-5 text-foreground",
+									children: t.title
+								}), t.time && /* @__PURE__ */ o("div", {
+									className: "shrink-0 text-xs text-muted-foreground",
+									children: t.time
+								})]
+							}),
+							t.description && /* @__PURE__ */ o("div", {
+								className: "text-sm leading-5 text-muted-foreground",
+								children: t.description
+							}),
+							t.actions && /* @__PURE__ */ o("div", {
+								className: "pt-1",
+								children: t.actions
+							})
+						]
+					})
+				]
+			}, t.id))
+		})]
+	});
+}
+//#endregion
+export { l as ActivityFeed };

package/dist/components/display/aspect-ratio.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ratio:e=16/9,className:n,style:i,children:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`aspect-ratio`,className:t.cn(`relative w-full overflow-hidden`,n),style:{aspectRatio:String(e),...i},...o,children:(0,r.jsx)(`div`,{className:`absolute inset-0`,children:a})})}exports.AspectRatio=i;

package/dist/components/display/aspect-ratio.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type AspectRatioProps = React.ComponentProps<"div"> & {
+    ratio?: number;
+};
+declare function AspectRatio({ ratio, className, style, children, ...props }: AspectRatioProps): React.JSX.Element;
+export { AspectRatio };

package/dist/components/display/aspect-ratio.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/display/aspect-ratio.tsx
+function n({ ratio: n = 16 / 9, className: r, style: i, children: a, ...o }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "aspect-ratio",
+		className: e("relative w-full overflow-hidden", r),
+		style: {
+			aspectRatio: String(n),
+			...i
+		},
+		...o,
+		children: /* @__PURE__ */ t("div", {
+			className: "absolute inset-0",
+			children: a
+		})
+	});
+}
+//#endregion
+export { n as AspectRatio };

package/dist/components/display/avatar.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("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/components/display/avatar.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export type AvatarSize = "xs" | "sm" | "default" | "lg" | "xl";
+export type AvatarShape = "circle" | "rounded" | "square";
+export type AvatarProps = React.ComponentProps<"span"> & {
+    src?: string;
+    alt?: string;
+    name?: string;
+    fallback?: React.ReactNode;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    status?: "online" | "offline" | "busy" | "away";
+};
+export type AvatarGroupItem = AvatarProps & {
+    key: string;
+};
+export type AvatarGroupProps = React.ComponentProps<"div"> & {
+    items: AvatarGroupItem[];
+    max?: number;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    stacked?: boolean;
+    overflowLabel?: (count: number) => React.ReactNode;
+};
+declare function Avatar({ src, alt, name, fallback, size, shape, status, className, ...props }: AvatarProps): React.JSX.Element;
+declare function AvatarGroup({ items, max, size, shape, stacked, overflowLabel, className, ...props }: AvatarGroupProps): React.JSX.Element;
+export { Avatar, AvatarGroup };