tembro 2.0.4 → 2.0.6

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

@@ -1,9 +1,9 @@
 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 { Input as n } from "../ui/input/index.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 { LoadingState as o } from "../feedback/loading-state.js";
+import { DataState as s } from "../display/data-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";
@@ -34,42 +34,42 @@ function ge(e, t) {
 function _e(e) {
 	return e == null || e === "";
 }
-function p({ className: p, columns: m, data: h, title: g, description: _, features: v, search: y, toolbarActions: b, rowActions: x, bulkActions: S, onRefresh: C, onExport: w, refreshLabel: ve = "Refresh", exportLabel: ye = "Export", getRowId: be, isLoading: T = !1, isError: xe = !1, emptyState: Se, errorState: Ce, loadingState: we, 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(() => {
+function p({ className: p, columns: m, data: h, title: g, description: _, features: v, search: y, filters: b, summary: x, toolbarActions: S, rowActions: C, bulkActions: w, onRefresh: T, onExport: E, refreshLabel: ve = "Refresh", exportLabel: ye = "Export", getRowId: be, isLoading: D = !1, isError: xe = !1, emptyState: Se, errorState: Ce, loadingState: we, loadingVariant: Te = "skeleton", toolbar: O, toolbarProps: k, pagination: A, sorting: Ee, onSortingChange: De, columnVisibility: Oe, onColumnVisibilityChange: ke, rowSelection: Ae, onRowSelectionChange: je, enableRowSelection: Me, renderMobileCard: j, onRowClick: M, onRowDoubleClick: Ne, getRowDisabled: Pe, density: N = "default", striped: Fe = !1, bordered: P = !1, stickyHeader: F = !1, skeletonRows: Ie = 6, skeletonCellClassName: Le, cellFallback: Re = "-", tableClassName: ze, tableWrapperClassName: Be, headerCellClassName: Ve, cellClassName: He, rowClassName: Ue, renderExpandedRow: I, expanded: We, onExpandedChange: Ge, getRowCanExpand: Ke, columnPinning: L, onColumnPinningChange: qe, ...Je }) {
+	let Ye = c.useMemo(() => {
 		let e = m;
-		return !x || v?.rowActions === !1 ? e : [...e, re({ getActions: x })];
+		return !C || v?.rowActions === !1 ? e : [...e, re({ getActions: C })];
 	}, [
 		m,
 		v?.rowActions,
-		x
-	]), 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 = fe({
+		C
+	]), R = A === !1 ? void 0 : A, Xe = R ? {
+		pageIndex: R.pageIndex,
+		pageSize: R.pageSize
+	} : void 0, z = !!(R && R.manual !== !1), Ze = Ae ?? {}, B = fe({
 		data: h,
-		columns: Je,
+		columns: Ye,
 		getRowId: be,
 		getCoreRowModel: le(),
-		getPaginationRowModel: L && !R ? de() : void 0,
-		manualPagination: R,
-		pageCount: L?.pageCount,
+		getPaginationRowModel: R && !z ? de() : void 0,
+		manualPagination: z,
+		pageCount: R?.pageCount,
 		state: {
 			sorting: Ee,
 			columnVisibility: Oe,
-			rowSelection: z,
-			pagination: Ye,
-			expanded: Ue,
-			...I ? { columnPinning: I } : {}
+			rowSelection: Ze,
+			pagination: Xe,
+			expanded: We,
+			...L ? { columnPinning: L } : {}
 		},
 		onSortingChange: De,
 		onColumnVisibilityChange: ke,
 		onRowSelectionChange: je,
-		onExpandedChange: We,
-		onColumnPinningChange: Ke,
+		onExpandedChange: Ge,
+		onColumnPinningChange: qe,
 		enableRowSelection: Me,
-		getRowCanExpand: Ge,
+		getRowCanExpand: Ke,
 		getExpandedRowModel: ue()
-	}), V = B.getRowModel().rows, H = B.getSelectedRowModel().rows.map((e) => e.original), U = c.useMemo(() => ({
+	}), V = B.getRowModel().rows, H = B.getSelectedRowModel().rows.map((e) => e.original), Qe = H.length, U = c.useMemo(() => ({
 		table: B,
 		data: h,
 		selectedRows: H
@@ -77,7 +77,8 @@ function p({ className: p, columns: m, data: h, title: g, description: _, featur
 		h,
 		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 = !!(y && v?.search !== !1), $e = !!(v?.columnVisibility && B.getAllLeafColumns().some((e) => e.getCanHide())), q = !!(v?.refresh && C), J = !!(v?.export && w), et = !!(v?.bulkActions !== !1 && S?.length), Y = $e && !!(g || _ || y || b || q || J), X = Qe && y ? /* @__PURE__ */ l(n, {
+	]), W = B.getVisibleLeafColumns(), $e = Math.max(W.length, 1), G = typeof O == "function" ? O(B) : O, K = typeof k == "function" ? k(B) : k, q = typeof b == "function" ? b(U) : b, J = typeof x == "function" ? x(U) : x, et = !!(y && v?.search !== !1), tt = !!(v?.columnVisibility && B.getAllLeafColumns().some((e) => e.getCanHide())), Y = !!(v?.refresh && T), X = !!(v?.export && E), nt = !!(v?.bulkActions !== !1 && w?.length), Z = tt && !!(g || _ || y || q || J || S || Y || X), rt = et && y ? /* @__PURE__ */ l(n, {
+		type: "search",
 		value: y.value,
 		onValueChange: y.onValueChange,
 		placeholder: y.placeholder ?? "Search...",
@@ -87,109 +88,117 @@ function p({ className: p, columns: m, data: h, title: g, description: _, featur
 		clearable: y.clearable,
 		clearLabel: y.clearLabel,
 		searchIcon: y.searchIcon
-	}) : void 0, tt = /* @__PURE__ */ u(ce, { children: [
-		typeof b == "function" ? b(U) : b,
-		Y && /* @__PURE__ */ l(ae, { table: B }),
-		q && /* @__PURE__ */ l(t, {
+	}) : void 0, it = /* @__PURE__ */ u(ce, { children: [
+		typeof S == "function" ? S(U) : S,
+		Z && /* @__PURE__ */ l(ae, { table: B }),
+		Y && /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			disabled: T,
-			onClick: () => C?.(U),
+			disabled: D,
+			onClick: () => T?.(U),
 			children: ve
 		}),
-		J && /* @__PURE__ */ l(t, {
+		X && /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			onClick: () => w?.(U),
+			onClick: () => E?.(U),
 			children: ye
 		})
-	] }), Z = et ? /* @__PURE__ */ l(ie, {
+	] }), at = nt ? /* @__PURE__ */ l(ie, {
 		rows: H,
-		actions: S ?? [],
+		actions: w ?? [],
 		selectedLabel: () => "Actions",
 		clearLabel: null,
 		onClearSelection: () => B.resetRowSelection(),
 		hideWhenEmpty: !1
-	}) : void 0, nt = !!(G || K || g || _ || X || b || Y || q || J || Z), rt = !!(L && !L.hidden), Q = T && Te === "skeleton", it = (e) => /* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(i, {
-		colSpan: Ze,
+	}) : void 0, ot = !!(G || K || g || _ || rt || q || J || S || Z || Y || X || at), st = !!(R && !R.hidden), Q = D && Te === "skeleton", ct = (e) => /* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(i, {
+		colSpan: $e,
 		className: "p-0",
 		children: e
-	}) }), at = () => Array.from({ length: Math.max(Fe, 1) }, (t, n) => /* @__PURE__ */ l(a, {
+	}) }), lt = () => Array.from({ length: Math.max(Ie, 1) }, (t, n) => /* @__PURE__ */ l(a, {
 		"aria-hidden": "true",
 		children: W.map((t) => /* @__PURE__ */ l(i, {
-			className: e(f[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) })
+			className: e(f[N], P && "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", Le) })
 		}, `${t.id}-${n}`))
-	}, `skeleton-${n}`)), $ = Q ? null : T ? /* @__PURE__ */ l(s, {
+	}, `skeleton-${n}`)), $ = Q ? null : D ? /* @__PURE__ */ l(o, {
 		label: "Loading data...",
 		...we
-	}) : xe ? /* @__PURE__ */ l(o, {
+	}) : xe ? /* @__PURE__ */ l(s, {
+		status: "error",
 		title: "Could not load data",
 		description: "Please try again.",
+		variant: "plain",
 		...Ce
-	}) : V.length === 0 ? /* @__PURE__ */ l(o, { ...Se }) : null;
+	}) : V.length === 0 ? /* @__PURE__ */ l(s, {
+		status: "empty",
+		variant: "plain",
+		...Se
+	}) : null;
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "data-table",
 		className: e("grid gap-3", p),
-		...qe,
+		...Je,
 		children: [
-			nt && (G ?? /* @__PURE__ */ l(se, {
+			ot && (G ?? /* @__PURE__ */ l(se, {
 				title: g,
 				description: _,
-				search: X,
-				actions: tt,
-				selectionActions: Z,
-				selectedCount: Xe,
-				totalCount: L ? L.rowCount ?? h.length : h.length,
+				search: rt,
+				filters: q,
+				summary: J,
+				actions: it,
+				selectionActions: at,
+				selectedCount: Qe,
+				totalCount: R ? R.rowCount ?? h.length : h.length,
 				variant: "plain",
 				...K
 			})),
-			k && /* @__PURE__ */ l("div", {
+			j && /* @__PURE__ */ l("div", {
 				className: "grid gap-3 md:hidden",
-				children: $ ?? (Q ? /* @__PURE__ */ l(s, {
+				children: $ ?? (Q ? /* @__PURE__ */ l(o, {
 					label: "Loading data...",
 					...we
-				}) : V.map((e) => /* @__PURE__ */ l(c.Fragment, { children: k(e) }, e.id)))
+				}) : V.map((e) => /* @__PURE__ */ l(c.Fragment, { children: j(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(--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", k && "hidden md:block", ze),
+				"data-density": N,
+				"data-striped": Fe || void 0,
+				"data-bordered": P || 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", j && "hidden md:block", Be),
 				children: [/* @__PURE__ */ u(r, {
 					containerClassName: "rounded-none border-0 bg-transparent shadow-none ring-0",
-					className: e("text-[0.95rem]", Re),
+					className: e("text-[0.95rem]", ze),
 					children: [/* @__PURE__ */ l(ne, {
-						className: e(P && "sticky top-0 z-10 shadow-sm backdrop-blur"),
+						className: e(F && "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
+									zIndex: F ? 20 : 11
 								} : {},
 								...t.column.getIsPinned() === "right" ? {
 									right: `${t.column.getAfter("right")}px`,
 									position: "sticky",
-									zIndex: P ? 20 : 11
+									zIndex: F ? 20 : 11
 								} : {}
 							},
-							className: e(pe[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] 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", he(t, Be)),
+							className: e(pe[N], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", F && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", P && "border-r last:border-r-0", he(t, Ve)),
 							children: t.isPlaceholder ? null : d(t.column.columnDef.header, t.getContext())
 						}, t.id)) }, t.id))
-					}), /* @__PURE__ */ l(ee, { children: $ ? it($) : Q ? at() : V.map((t, n) => {
+					}), /* @__PURE__ */ l(ee, { children: $ ? ct($) : Q ? lt() : 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-striped": Fe && n % 2 == 1 ? "true" : void 0,
 							"data-disabled": r || void 0,
-							className: e(A && !r && "cursor-pointer", !r && "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%)]", r && "pointer-events-none opacity-55", me(t, He)),
+							className: e(M && !r && "cursor-pointer", !r && "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%)]", r && "pointer-events-none opacity-55", me(t, Ue)),
 							onClick: () => {
-								r || A?.(t);
+								r || M?.(t);
 							},
 							onDoubleClick: () => {
 								r || Ne?.(t);
@@ -209,29 +218,29 @@ function p({ className: p, columns: m, data: h, title: g, description: _, featur
 											zIndex: 10
 										} : {}
 									},
-									className: e(f[j], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ge(t, Ve)),
-									children: _e(n) ? Le : n
+									className: e(f[N], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", P && "border-r last:border-r-0", ge(t, He)),
+									children: _e(n) ? Re : n
 								}, t.id);
 							})
-						}), t.getIsExpanded() && F && /* @__PURE__ */ l(a, {
+						}), t.getIsExpanded() && I && /* @__PURE__ */ l(a, {
 							className: "bg-muted/50 hover:bg-muted/50",
 							children: /* @__PURE__ */ l(i, {
 								colSpan: t.getVisibleCells().length,
-								children: F(t)
+								children: I(t)
 							})
 						})] }, t.id);
 					}) })]
-				}), rt && 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: T,
-					onPageChange: L.onPageChange,
-					onPageSizeChange: L.onPageSizeChange
+				}), st && R && /* @__PURE__ */ l(oe, {
+					pageIndex: R.pageIndex,
+					pageSize: R.pageSize,
+					pageCount: R.pageCount,
+					rowCount: R.rowCount,
+					pageSizeOptions: R.pageSizeOptions,
+					showPageSize: R.showPageSize,
+					labels: R.labels,
+					disabled: D,
+					onPageChange: R.onPageChange,
+					onPageSizeChange: R.onPageSizeChange
 				})]
 			})
 		]

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

@@ -1 +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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=require("../../showcase/create-demo.cjs").createShowcaseDemoRegistry([]);exports.dataTableShowcaseDemoRegistry=e;

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

@@ -1,15 +1,5 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+import { createShowcaseDemoRegistry as e } 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.")
-]);
+var t = e([]);
 //#endregion
-export { n as dataTableShowcaseDemoRegistry };
+export { t as dataTableShowcaseDemoRegistry };

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

@@ -1 +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;
+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/components/data-table/index.js

@@ -5,10 +5,10 @@ import { DataTableColumnVisibilityMenu as i } from "./data-table-column-visibili
 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 { 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, 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 };
+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/components/data-table/public.cjs

@@ -1 +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;
+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/components/data-table/public.d.ts

@@ -1,11 +1,6 @@
 export * from "./data-table";
-export * from "./data-table-actions-column";
+export * from "./data-table-pagination";
 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

@@ -1,12 +1,7 @@
-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 };
+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/components/display/activity-feed.cjs

@@ -1 +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;
+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/components/display/activity-feed.d.ts

@@ -8,7 +8,15 @@ export type ActivityFeedItem = {
     icon?: React.ReactNode;
     tone?: "default" | "success" | "warning" | "danger" | "info" | "muted";
     actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    badge?: React.ReactNode;
+    unread?: boolean;
     hidden?: boolean;
+    interactive?: boolean;
+    href?: string;
+    target?: React.ComponentProps<"a">["target"];
+    rel?: React.ComponentProps<"a">["rel"];
+    onSelect?: () => void;
     className?: string;
 };
 export type ActivityFeedProps = React.ComponentProps<typeof Card> & {
@@ -18,8 +26,11 @@ export type ActivityFeedProps = React.ComponentProps<typeof Card> & {
     items: ActivityFeedItem[];
     empty?: React.ReactNode;
     compact?: boolean;
+    density?: "comfortable" | "compact";
+    showConnector?: boolean;
+    connectorClassName?: string;
     contentClassName?: string;
     itemClassName?: string;
 };
-declare function ActivityFeed({ className, title, description, actions, items, empty, compact, contentClassName, itemClassName, ...props }: ActivityFeedProps): React.JSX.Element;
+declare function ActivityFeed({ className, title, description, actions, items, empty, compact, density, showConnector, connectorClassName, contentClassName, itemClassName, ...props }: ActivityFeedProps): React.JSX.Element;
 export { ActivityFeed };

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

@@ -1,9 +1,9 @@
 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";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/display/activity-feed.tsx
-var c = {
+var l = {
 	default: "bg-primary",
 	success: "bg-emerald-500",
 	warning: "bg-amber-500",
@@ -11,62 +11,84 @@ var c = {
 	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, {
+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", l),
-		...v,
-		children: [b && /* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
+		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__ */ s("div", {
+			children: [/* @__PURE__ */ c("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", {
+				children: [d && /* @__PURE__ */ s(a, { children: d }), f && /* @__PURE__ */ s(r, { children: f })]
+			}), p && /* @__PURE__ */ s("div", {
 				className: "shrink-0",
-				children: f
+				children: p
 			})]
-		}) }), /* @__PURE__ */ o(n, {
-			className: e("grid gap-0", g),
-			children: y.length === 0 ? /* @__PURE__ */ o("div", {
+		}) }), /* @__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: 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", {
+				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.time && /* @__PURE__ */ o("div", {
-									className: "shrink-0 text-xs text-muted-foreground",
+								}), 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__ */ 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))
+							})]
+						}),
+						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 { l as ActivityFeed };
+export { u as ActivityFeed };

package/dist/components/display/carousel.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t,n){return t<=0?0:n?(e%t+t)%t:Math.min(Math.max(e,0),t-1)}function s({index:e,defaultIndex:s=0,onIndexChange:c,loop:l=!1,variant:u=`default`,showDots:d=!0,showArrows:f=!0,keyboard:p=!0,ariaLabel:m=`Carousel`,previousLabel:h=`Previous slide`,nextLabel:g=`Next slide`,className:_,children:v,...y}){let b=r.Children.toArray(v),[x,S]=r.useState(s),C=e!==void 0,w=o(C?e:x,b.length,l);function T(e){let t=o(e,b.length,l);C||S(t),c?.(t)}let E=l||w>0,D=l||w<b.length-1;return(0,a.jsxs)(`div`,{"data-slot":`carousel`,"data-variant":u,role:`region`,"aria-roledescription":`carousel`,"aria-label":m,className:t.cn(`grid gap-3`,_),onKeyDown:e=>{!p||b.length<=1||(e.key===`ArrowLeft`&&E&&(e.preventDefault(),T(w-1)),e.key===`ArrowRight`&&D&&(e.preventDefault(),T(w+1)))},...y,children:[(0,a.jsxs)(`div`,{className:t.cn(`relative 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_12px_32px_rgba(15,23,42,0.08))]`,u===`hero`&&`min-h-72`,u===`minimal`&&`rounded-[var(--radius-md)] shadow-none`),children:[(0,a.jsx)(`div`,{className:`transition-transform duration-300 ease-out`,"aria-live":`polite`,children:b[w]}),f&&b.length>1?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:`absolute left-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,disabled:!E,"aria-label":h,onClick:()=>T(w-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:`absolute right-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,disabled:!D,"aria-label":g,onClick:()=>T(w+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),d&&b.length>1&&(0,a.jsx)(`div`,{className:`flex items-center justify-center gap-2`,role:`tablist`,"aria-label":`${m} slides`,children:b.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${n+1}`,"aria-selected":n===w,className:t.cn(`h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55`,n===w?`w-7 bg-primary`:`w-2.5`),onClick:()=>T(n)},n))})]})}function c({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`carousel-item`,className:t.cn(`min-h-40 p-5 sm:p-6`,e),...n})}exports.Carousel=s,exports.CarouselItem=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t,n){return t<=0?0:n?(e%t+t)%t:Math.min(Math.max(e,0),t-1)}function s({index:e,defaultIndex:s=0,onIndexChange:c,loop:l=!1,variant:u=`default`,showDots:d=!0,showArrows:f=!0,keyboard:p=!0,ariaLabel:m=`Carousel`,previousLabel:h=`Previous slide`,nextLabel:g=`Next slide`,swipeThreshold:_=44,autoplay:v=!1,autoplayInterval:y=4500,pauseOnHover:b=!0,stopAutoplayOnInteraction:x=!0,showPlaybackControl:S=!1,playLabel:C=`Start autoplay`,pauseLabel:w=`Pause autoplay`,onAutoplayChange:T,viewportClassName:E,controlsClassName:D,dotsClassName:O,arrowClassName:k,dotClassName:A,activeDotClassName:j,className:M,children:N,...P}){let F=r.Children.toArray(N),[I,L]=r.useState(s),R=r.useRef(null),[z,B]=r.useState(!1),[V,H]=r.useState(!1),[U,W]=r.useState(v),G=e!==void 0,K=o(G?e:I,F.length,l);r.useEffect(()=>{W(v)},[v]);function q(e,t=`manual`){let n=o(e,F.length,l);G||L(n),t===`manual`&&x&&(H(!0),U&&(W(!1),T?.(!1))),c?.(n)}let J=l||K>0,Y=l||K<F.length-1;return r.useEffect(()=>{if(!U||F.length<=1||V||b&&z)return;let e=window.setInterval(()=>{if(!l&&K>=F.length-1){q(0,`autoplay`);return}q(K+1,`autoplay`)},y);return()=>{window.clearInterval(e)}},[K,U,y,V,z,F.length,l,b]),(0,a.jsxs)(`div`,{"data-slot":`carousel`,"data-variant":u,role:`region`,"aria-roledescription":`carousel`,"aria-label":m,tabIndex:p?0:void 0,className:t.cn(`grid gap-3`,M),onKeyDown:e=>{!p||F.length<=1||(e.key===`ArrowLeft`&&J&&(e.preventDefault(),q(K-1)),e.key===`ArrowRight`&&Y&&(e.preventDefault(),q(K+1)))},onTouchStart:e=>{R.current=e.touches[0]?.clientX??null},onTouchEnd:e=>{if(R.current==null||F.length<=1)return;let t=(e.changedTouches[0]?.clientX??R.current)-R.current;R.current=null,!(Math.abs(t)<_)&&(t>0&&J&&q(K-1),t<0&&Y&&q(K+1))},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),...P,children:[(0,a.jsxs)(`div`,{className:t.cn(`relative 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_12px_32px_rgba(15,23,42,0.08))]`,u===`hero`&&`min-h-72`,u===`minimal`&&`rounded-[var(--radius-md)] shadow-none`,E),children:[(0,a.jsx)(`div`,{className:`transition-transform duration-300 ease-out`,"aria-live":`polite`,children:F[K]}),f&&F.length>1?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:t.cn(`absolute left-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,k),disabled:!J,"aria-label":h,onClick:()=>q(K-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:t.cn(`absolute right-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,k),disabled:!Y,"aria-label":g,onClick:()=>q(K+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),d&&F.length>1&&(0,a.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center justify-center gap-2`,O),role:`tablist`,"aria-label":`${m} slides`,children:[F.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${n+1}`,"aria-selected":n===K,className:t.cn(`h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55`,n===K?t.cn(`w-7 bg-primary`,j):t.cn(`w-2.5`,A)),onClick:()=>q(n)},n)),S?(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:t.cn(`ml-2 rounded-full`,D),onClick:()=>{let e=!U;H(!1),W(e),T?.(e)},children:U?w:C}):null]})]})}function c({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`carousel-item`,className:t.cn(`min-h-40 p-5 sm:p-6`,e),...n})}exports.Carousel=s,exports.CarouselItem=c;