tembro 2.0.5 → 2.1.0

package/dist/components/data-table/data-table-column-visibility-menu.js

@@ -8,27 +8,55 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 function d(e) {
 	return e.replace(/_/g, " ").replace(/-/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function f({ table: f, label: p = "Columns", triggerLabel: m, align: h = "end", side: g = "bottom", triggerClassName: _, contentClassName: v, getColumnLabel: y = d }) {
-	let b = f.getAllLeafColumns().filter((e) => e.getCanHide());
+function f({ table: f, label: p = "Columns", triggerLabel: m, align: h = "end", side: g = "bottom", triggerClassName: _, contentClassName: v, emptyLabel: y = "No hideable columns", showCount: b = !0, triggerAriaLabel: x, getColumnLabel: S = d }) {
+	let C = f.getAllLeafColumns().filter((e) => e.getCanHide()), w = C.filter((e) => e.getIsVisible()).length;
 	return /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ u(s, {
 		render: /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			className: e("border-border/80 bg-background/94 shadow-[0_1px_0_rgba(255,255,255,0.06)]", _)
+			"aria-label": x ?? "Choose visible columns",
+			className: e("min-w-0 border-border/80 bg-background/94 px-2.5 shadow-[0_1px_0_rgba(255,255,255,0.06)] hover:border-border hover:bg-accent/70", _)
 		}),
-		children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), m ?? p]
+		children: [
+			/* @__PURE__ */ l(c, {
+				"data-icon": "inline-start",
+				className: "size-4 shrink-0"
+			}),
+			/* @__PURE__ */ l("span", {
+				className: "truncate",
+				children: m ?? p
+			}),
+			b && C.length > 0 ? /* @__PURE__ */ u("span", {
+				className: "ml-0.5 rounded-[var(--radius-sm)] bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground",
+				children: [
+					w,
+					"/",
+					C.length
+				]
+			}) : null
+		]
 	}), /* @__PURE__ */ u(i, {
 		align: h,
 		side: g,
-		className: e("min-w-48 rounded-[var(--radius-2xl)] border-border/80 bg-popover/98 shadow-[0_24px_80px_rgba(15,23,42,0.18)] backdrop-blur", v),
+		className: e("max-h-[min(24rem,var(--radix-dropdown-menu-content-available-height,24rem))] min-w-56 overflow-y-auto rounded-[var(--radius-lg)] border-border/80 bg-popover/98 p-1 shadow-[0_24px_80px_rgba(15,23,42,0.18)] backdrop-blur", v),
 		children: [
-			/* @__PURE__ */ l(a, { children: p }),
+			/* @__PURE__ */ u(a, {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ l("span", { children: p }), b ? /* @__PURE__ */ u("span", {
+					className: "text-xs font-normal text-muted-foreground",
+					children: [w, " visible"]
+				}) : null]
+			}),
 			/* @__PURE__ */ l(o, {}),
-			b.map((e) => /* @__PURE__ */ l(r, {
+			C.length === 0 ? /* @__PURE__ */ l(a, {
+				className: "py-3 text-sm font-normal text-muted-foreground",
+				children: y
+			}) : null,
+			C.map((e) => /* @__PURE__ */ l(r, {
 				checked: e.getIsVisible(),
 				onCheckedChange: (t) => e.toggleVisibility(!!t),
-				children: y(e.id)
+				children: S(e.id)
 			}, e.id))
 		]
 	})] });

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../navigation/pagination.cjs"),r=require("../inputs/simple-select.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e,t,n){return typeof t==`number`?Math.max(t,1):typeof n==`number`?Math.max(Math.ceil(n/e),1):1}function s({className:e,pageIndex:i,pageSize:s,pageCount:c,rowCount:l,pageSizeOptions:u=[10,20,30,50,100],disabled:d=!1,showPageSize:f=!0,labels:p,onPageChange:m,onPageSizeChange:h,...g}){let _=o(s,c,l),v=Math.min(Math.max(i+1,1),_);return(0,a.jsxs)(`div`,{"data-slot":`data-table-pagination`,className:t.cn(`flex flex-col gap-3 border-t px-4 py-3 sm:flex-row sm:items-center sm:justify-between`,e),...g,children:[(0,a.jsx)(`div`,{className:`text-sm font-medium text-muted-foreground`,children:p?.pageInfo?.(v,_,l)??`Page ${v} of ${_}`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center`,children:[f&&h&&(0,a.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,a.jsx)(`span`,{children:p?.rowsPerPage??`Rows per page`}),(0,a.jsx)(r.SimpleSelect,{value:String(s),onValueChange:e=>h(Number(e)),options:u.map(e=>({label:String(e),value:String(e)})),disabled:d,triggerClassName:`h-9 w-20 rounded-full border-border/70 bg-background/80 shadow-none`})]}),(0,a.jsx)(n.Pagination,{page:v,pageCount:_,disabled:d,labels:p,onPageChange:e=>m?.(e-1)})]})]})}exports.DataTablePagination=s,exports.getDataTablePageCount=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/select/index.cjs"),r=require("../navigation/pagination.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e,t,n){return typeof t==`number`?Math.max(t,1):typeof n==`number`?Math.max(Math.ceil(n/e),1):1}function s({className:e,pageIndex:i,pageSize:s,pageCount:c,rowCount:l,pageSizeOptions:u=[10,20,30,50,100],disabled:d=!1,showPageSize:f=!0,labels:p,onPageChange:m,onPageSizeChange:h,...g}){let _=o(s,c,l),v=Math.min(Math.max(i+1,1),_);return(0,a.jsxs)(`div`,{"data-slot":`data-table-pagination`,className:t.cn(`flex flex-col gap-3 border-t px-4 py-3 sm:flex-row sm:items-center sm:justify-between`,e),...g,children:[(0,a.jsx)(`div`,{className:`text-sm font-medium text-muted-foreground`,children:p?.pageInfo?.(v,_,l)??`Page ${v} of ${_}`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center`,children:[f&&h&&(0,a.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,a.jsx)(`span`,{children:p?.rowsPerPage??`Rows per page`}),(0,a.jsx)(n.Select,{value:String(s),onValueChange:e=>h(Number(e)),options:u.map(e=>({label:String(e),value:String(e)})),disabled:d,triggerClassName:`h-9 w-20 rounded-full border-border/70 bg-background/80 shadow-none`})]}),(0,a.jsx)(r.Pagination,{page:v,pageCount:_,disabled:d,labels:p,onPageChange:e=>m?.(e-1)})]})]})}exports.DataTablePagination=s,exports.getDataTablePageCount=o;

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

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import { Pagination as t } from "../navigation/pagination.js";
-import { SimpleSelect as n } from "../inputs/simple-select.js";
+import { Select as t } from "../ui/select/index.js";
+import { Pagination as n } from "../navigation/pagination.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/data-table/data-table-pagination.tsx
@@ -26,7 +26,7 @@ function o({ className: o, pageIndex: s, pageSize: c, pageCount: l, rowCount: u,
 			className: "flex flex-col gap-3 sm:flex-row sm:items-center",
 			children: [p && g && /* @__PURE__ */ i("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ r("span", { children: m?.rowsPerPage ?? "Rows per page" }), /* @__PURE__ */ r(n, {
+				children: [/* @__PURE__ */ r("span", { children: m?.rowsPerPage ?? "Rows per page" }), /* @__PURE__ */ r(t, {
 					value: String(c),
 					onValueChange: (e) => g(Number(e)),
 					options: d.map((e) => ({
@@ -36,7 +36,7 @@ function o({ className: o, pageIndex: s, pageSize: c, pageCount: l, rowCount: u,
 					disabled: f,
 					triggerClassName: "h-9 w-20 rounded-full border-border/70 bg-background/80 shadow-none"
 				})]
-			}), /* @__PURE__ */ r(t, {
+			}), /* @__PURE__ */ r(n, {
 				page: y,
 				pageCount: v,
 				disabled: f,

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

@@ -1 +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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`flex flex-col`,{variants:{variant:{default:``,plain:`border-transparent bg-transparent shadow-none`,soft:`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`},density:{compact:`gap-3 p-3`,default:`gap-4 p-4 md:p-5`,comfortable:`gap-5 p-5 md:p-6`}},defaultVariants:{variant:`plain`,density:`default`}});function o({className:e,variant:n,density:r,title:o,description:s,search:c,filters:l,summary:u,actions:d,selectionActions:f,selectedCount:p=0,totalCount:m,selectedLabel:h=(e,t)=>t===void 0?`${e} selected`:`${e} of ${t} selected`,titleClassName:g,descriptionClassName:_,searchClassName:v,filtersClassName:y,summaryClassName:b,actionsClassName:x,children:S,...C}){let w=!!(o||s),T=p>0&&!!f,E=!!(c||l||S);return(0,i.jsxs)(`div`,{"data-slot":`data-table-toolbar`,"data-variant":n??`plain`,"data-density":r??`default`,className:t.cn(a({variant:n,density:r}),e),...C,children:[(w||d)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between`,children:[w&&(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[o&&(0,i.jsx)(`h2`,{className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,g),children:o}),s&&(0,i.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,_),children:s})]}),d&&(0,i.jsx)(`div`,{className:t.cn(`flex min-w-0 shrink-0 flex-wrap items-center gap-2 xl:justify-end`,x),children:d})]}),(E||u||T)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[E&&(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 lg:flex-row lg:flex-wrap lg:items-center`,children:[c?(0,i.jsx)(`div`,{className:t.cn(`min-w-[16rem] max-w-xl flex-1`,v),children:c}):null,l?(0,i.jsx)(`div`,{className:t.cn(`flex min-w-0 flex-1 flex-wrap items-center gap-2`,y),children:l}):null,S]}),u?(0,i.jsx)(`div`,{"data-slot":`data-table-summary`,className:t.cn(`flex flex-wrap items-center gap-2 text-sm text-muted-foreground`,b),children:u}):null]}),T&&(0,i.jsxs)(`div`,{"data-slot":`data-table-selection-bar`,className:`flex shrink-0 flex-wrap items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:h(p,m)}),f]})]})]})}exports.DataTableToolbar=o,exports.dataTableToolbarVariants=a;
+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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`flex flex-col`,{variants:{variant:{default:``,plain:`border-transparent bg-transparent shadow-none`,soft:`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`},density:{compact:`gap-3 p-3`,default:`gap-4 p-4 md:p-5`,comfortable:`gap-5 p-5 md:p-6`}},defaultVariants:{variant:`plain`,density:`default`}});function o({className:e,variant:n,density:r,title:o,description:s,search:c,filters:l,summary:u,actions:d,selectionActions:f,selectedCount:p=0,totalCount:m,selectedLabel:h=(e,t)=>t===void 0?`${e} selected`:`${e} of ${t} selected`,titleClassName:g,descriptionClassName:_,searchClassName:v,filtersClassName:y,summaryClassName:b,actionsClassName:x,children:S,...C}){let w=!!(o||s),T=p>0&&!!f,E=!!(c||l||S);return(0,i.jsxs)(`div`,{"data-slot":`data-table-toolbar`,"data-variant":n??`plain`,"data-density":r??`default`,className:t.cn(a({variant:n,density:r}),e),...C,children:[(w||d)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between`,children:[w&&(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[o&&(0,i.jsx)(`h2`,{className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,g),children:o}),s&&(0,i.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,_),children:s})]}),d&&(0,i.jsx)(`div`,{className:t.cn(`flex w-full min-w-0 flex-wrap items-center gap-2 sm:w-auto xl:shrink-0 xl:justify-end`,x),children:d})]}),(E||u||T)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[E&&(0,i.jsxs)(`div`,{className:`grid min-w-0 flex-1 gap-2 lg:grid-cols-[minmax(14rem,24rem)_minmax(0,1fr)] lg:items-start`,children:[c?(0,i.jsx)(`div`,{className:t.cn(`min-w-0 max-w-full`,v),children:c}):null,(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[l?(0,i.jsx)(`div`,{className:t.cn(`flex min-w-0 flex-1 flex-wrap items-center gap-2 [&>*]:min-w-0`,y),children:l}):null,S]})]}),u?(0,i.jsx)(`div`,{"data-slot":`data-table-summary`,className:t.cn(`flex flex-wrap items-center gap-2 text-sm text-muted-foreground`,b),children:u}):null]}),T&&(0,i.jsxs)(`div`,{"data-slot":`data-table-selection-bar`,className:`flex w-full shrink-0 flex-wrap items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur sm:w-auto`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:h(p,m)}),f]})]})]})}exports.DataTableToolbar=o,exports.dataTableToolbarVariants=a;

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

@@ -44,7 +44,7 @@ function a({ className: t, variant: a, density: o, title: s, description: c, sea
 					children: c
 				})]
 			}), f && /* @__PURE__ */ n("div", {
-				className: e("flex min-w-0 shrink-0 flex-wrap items-center gap-2 xl:justify-end", S),
+				className: e("flex w-full min-w-0 flex-wrap items-center gap-2 sm:w-auto xl:shrink-0 xl:justify-end", S),
 				children: f
 			})]
 		}), (D || d || E) && /* @__PURE__ */ r("div", {
@@ -52,18 +52,17 @@ function a({ className: t, variant: a, density: o, title: s, description: c, sea
 			children: [/* @__PURE__ */ r("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-3",
 				children: [D && /* @__PURE__ */ r("div", {
-					className: "flex min-w-0 flex-1 flex-col gap-2 lg:flex-row lg:flex-wrap lg:items-center",
-					children: [
-						l ? /* @__PURE__ */ n("div", {
-							className: e("min-w-[16rem] max-w-xl flex-1", y),
-							children: l
-						}) : null,
-						u ? /* @__PURE__ */ n("div", {
-							className: e("flex min-w-0 flex-1 flex-wrap items-center gap-2", b),
+					className: "grid min-w-0 flex-1 gap-2 lg:grid-cols-[minmax(14rem,24rem)_minmax(0,1fr)] lg:items-start",
+					children: [l ? /* @__PURE__ */ n("div", {
+						className: e("min-w-0 max-w-full", y),
+						children: l
+					}) : null, /* @__PURE__ */ r("div", {
+						className: "flex min-w-0 flex-wrap items-center gap-2",
+						children: [u ? /* @__PURE__ */ n("div", {
+							className: e("flex min-w-0 flex-1 flex-wrap items-center gap-2 [&>*]:min-w-0", b),
 							children: u
-						}) : null,
-						C
-					]
+						}) : null, C]
+					})]
 				}), d ? /* @__PURE__ */ n("div", {
 					"data-slot": "data-table-summary",
 					className: e("flex flex-wrap items-center gap-2 text-sm text-muted-foreground", x),
@@ -71,7 +70,7 @@ function a({ className: t, variant: a, density: o, title: s, description: c, sea
 				}) : null]
 			}), E && /* @__PURE__ */ r("div", {
 				"data-slot": "data-table-selection-bar",
-				className: "flex shrink-0 flex-wrap items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur",
+				className: "flex w-full shrink-0 flex-wrap items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur sm:w-auto",
 				children: [/* @__PURE__ */ n("span", {
 					className: "text-muted-foreground",
 					children: g(m, h)

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

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

@@ -6,7 +6,7 @@ import { type DataTableRowAction } from "@/components/data-table/data-table-row-
 import { type DataTableToolbarProps } from "@/components/data-table/data-table-toolbar";
 import { type DataStateProps } from "@/components/display/data-state";
 import { type LoadingStateProps } from "@/components/feedback/loading-state";
-import { type SearchInputProps } from "@/components/inputs/search-input";
+import { type InputSearchProps } from "@/components/ui/input";
 export type DataTableDensity = "compact" | "default" | "comfortable";
 export type DataTableLoadingVariant = "skeleton" | "state";
 export type DataTableFeatureConfig = {
@@ -17,7 +17,7 @@ export type DataTableFeatureConfig = {
     refresh?: boolean;
     export?: boolean;
 };
-export type DataTableSearchConfig = Pick<SearchInputProps, "value" | "onValueChange" | "placeholder" | "inputClassName" | "disabled" | "clearable" | "clearLabel" | "searchIcon"> & {
+export type DataTableSearchConfig = Pick<InputSearchProps, "value" | "onValueChange" | "placeholder" | "inputClassName" | "disabled" | "clearable" | "clearLabel" | "searchIcon"> & {
     className?: string;
     wrapperClassName?: string;
 };

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

@@ -1,6 +1,6 @@
 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 { LoadingState as o } from "../feedback/loading-state.js";
 import { DataState as s } from "../display/data-state.js";
@@ -78,6 +78,7 @@ function p({ className: p, columns: m, data: h, title: g, description: _, featur
 		H,
 		B
 	]), 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...",

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`,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,className:E,children:D,...O}){let k=r.Children.toArray(D),[A,j]=r.useState(s),M=r.useRef(null),[N,P]=r.useState(!1),[F,I]=r.useState(!1),[L,R]=r.useState(v),z=e!==void 0,B=o(z?e:A,k.length,l);r.useEffect(()=>{R(v)},[v]);function V(e,t=`manual`){let n=o(e,k.length,l);z||j(n),t===`manual`&&x&&(I(!0),L&&(R(!1),T?.(!1))),c?.(n)}let H=l||B>0,U=l||B<k.length-1;return r.useEffect(()=>{if(!L||k.length<=1||F||b&&N)return;let e=window.setInterval(()=>{if(!l&&B>=k.length-1){V(0,`autoplay`);return}V(B+1,`autoplay`)},y);return()=>{window.clearInterval(e)}},[B,L,y,F,N,k.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`,E),onKeyDown:e=>{!p||k.length<=1||(e.key===`ArrowLeft`&&H&&(e.preventDefault(),V(B-1)),e.key===`ArrowRight`&&U&&(e.preventDefault(),V(B+1)))},onTouchStart:e=>{M.current=e.touches[0]?.clientX??null},onTouchEnd:e=>{if(M.current==null||k.length<=1)return;let t=(e.changedTouches[0]?.clientX??M.current)-M.current;M.current=null,!(Math.abs(t)<_)&&(t>0&&H&&V(B-1),t<0&&U&&V(B+1))},onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),...O,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:k[B]}),f&&k.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:!H,"aria-label":h,onClick:()=>V(B-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:!U,"aria-label":g,onClick:()=>V(B+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),d&&k.length>1&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,role:`tablist`,"aria-label":`${m} slides`,children:[k.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${n+1}`,"aria-selected":n===B,className:t.cn(`h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55`,n===B?`w-7 bg-primary`:`w-2.5`),onClick:()=>V(n)},n)),S?(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:`ml-2 rounded-full`,onClick:()=>{let e=!L;I(!1),R(e),T?.(e)},children:L?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;
+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:ee=`Previous slide`,nextLabel:te=`Next slide`,swipeThreshold:h=44,autoplay:g=!1,autoplayInterval:_=4500,pauseOnHover:v=!0,stopAutoplayOnInteraction:ne=!0,showPlaybackControl:y=!1,showStatus:b=!1,showThumbnails:x=!1,playLabel:S=`Start autoplay`,pauseLabel:C=`Pause autoplay`,statusLabel:w,renderThumbnail:T,renderActiveDetail:E,aspectRatio:D,mouseDrag:O=!0,onAutoplayChange:k,viewportClassName:A,controlsClassName:j,dotsClassName:re,arrowClassName:M,dotClassName:ie,activeDotClassName:N,thumbnailsClassName:P,className:F,children:I,...L}){let R=r.Children.toArray(I),[z,B]=r.useState(s),V=r.useRef(null),H=r.useRef(null),[U,W]=r.useState(!1),[G,K]=r.useState(!1),[q,J]=r.useState(g),Y=e!==void 0,X=o(Y?e:z,R.length,l),ae=R[X];r.useEffect(()=>{J(g)},[g]);function Z(e,t=`manual`){let n=o(e,R.length,l);Y||B(n),t===`manual`&&ne&&(K(!0),q&&(J(!1),k?.(!1))),c?.(n)}let Q=l||X>0,$=l||X<R.length-1;return r.useEffect(()=>{if(!q||R.length<=1||G||v&&U)return;let e=window.setInterval(()=>{if(!l&&X>=R.length-1){Z(0,`autoplay`);return}Z(X+1,`autoplay`)},_);return()=>{window.clearInterval(e)}},[X,q,_,G,U,R.length,l,v]),(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`,F),onKeyDown:e=>{!p||R.length<=1||(e.key===`ArrowLeft`&&Q&&(e.preventDefault(),Z(X-1)),e.key===`ArrowRight`&&$&&(e.preventDefault(),Z(X+1)),e.key===`Home`&&(e.preventDefault(),Z(0)),e.key===`End`&&(e.preventDefault(),Z(R.length-1)))},onTouchStart:e=>{V.current=e.touches[0]?.clientX??null},onTouchEnd:e=>{if(V.current==null||R.length<=1)return;let t=(e.changedTouches[0]?.clientX??V.current)-V.current;V.current=null,!(Math.abs(t)<h)&&(t>0&&Q&&Z(X-1),t<0&&$&&Z(X+1))},onPointerDown:e=>{!O||e.pointerType===`touch`||(H.current=e.clientX)},onPointerUp:e=>{if(!O||H.current==null||R.length<=1)return;let t=e.clientX-H.current;H.current=null,!(Math.abs(t)<h)&&(t>0&&Q&&Z(X-1),t<0&&$&&Z(X+1))},onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),...L,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`,A),children:[b?(0,a.jsx)(`div`,{className:`pointer-events-none absolute right-3 top-3 z-10 rounded-full border border-border/70 bg-background/92 px-2.5 py-1 text-[11px] font-medium text-muted-foreground shadow-sm`,children:w?.(X,R.length)??`Slide ${X+1} / ${R.length}`}):null,(0,a.jsx)(`div`,{className:`transition-transform duration-300 ease-out`,"aria-live":`polite`,style:D?{aspectRatio:D}:void 0,children:R[X]}),f&&R.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`,M),disabled:!Q,"aria-label":ee,onClick:()=>Z(X-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`,M),disabled:!$,"aria-label":te,onClick:()=>Z(X+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),d&&R.length>1&&(0,a.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center justify-center gap-2`,re),role:`tablist`,"aria-label":`${m} slides`,children:[R.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${n+1}`,"aria-selected":n===X,className:t.cn(`h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55`,n===X?t.cn(`w-7 bg-primary`,N):t.cn(`w-2.5`,ie)),onClick:()=>Z(n)},n)),y?(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:t.cn(`ml-2 rounded-full`,j),onClick:()=>{let e=!q;K(!1),J(e),k?.(e)},children:q?C:S}):null]}),x&&R.length>1?(0,a.jsx)(`div`,{className:t.cn(`grid grid-cols-2 gap-2 sm:grid-cols-4`,P),children:R.map((e,n)=>{let r=n===X;return(0,a.jsx)(`button`,{type:`button`,"aria-current":r?`true`:void 0,"aria-label":`Open slide ${n+1}`,className:t.cn(`overflow-hidden rounded-[min(var(--radius-xl),16px)] border bg-card text-left transition hover:border-primary/35 hover:shadow-sm`,r?`border-primary/35 ring-2 ring-primary/15`:`border-border/70`),onClick:()=>Z(n),children:T?T(e,n,r):(0,a.jsxs)(`div`,{className:`line-clamp-2 min-h-16 p-3 text-xs text-muted-foreground`,children:[`Slide `,n+1]})},n)})}):null,E?E(ae,X):null,(0,a.jsx)(`span`,{className:`sr-only`,"aria-live":`polite`,children:w?.(X,R.length)??`${m}: slide ${X+1} of ${R.length}`})]})}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;

package/dist/components/display/carousel.d.ts

@@ -17,11 +17,25 @@ export type CarouselProps = React.ComponentProps<"div"> & {
     pauseOnHover?: boolean;
     stopAutoplayOnInteraction?: boolean;
     showPlaybackControl?: boolean;
+    showStatus?: boolean;
+    showThumbnails?: boolean;
     playLabel?: string;
     pauseLabel?: string;
+    statusLabel?: (index: number, total: number) => string;
+    renderThumbnail?: (item: React.ReactNode, index: number, active: boolean) => React.ReactNode;
+    renderActiveDetail?: (item: React.ReactNode, index: number) => React.ReactNode;
+    aspectRatio?: string;
+    mouseDrag?: boolean;
     onAutoplayChange?: (playing: boolean) => void;
+    viewportClassName?: string;
+    controlsClassName?: string;
+    dotsClassName?: string;
+    arrowClassName?: string;
+    dotClassName?: string;
+    activeDotClassName?: string;
+    thumbnailsClassName?: string;
 };
 export type CarouselItemProps = React.ComponentProps<"div">;
-declare function Carousel({ index, defaultIndex, onIndexChange, loop, variant, showDots, showArrows, keyboard, ariaLabel, previousLabel, nextLabel, swipeThreshold, autoplay, autoplayInterval, pauseOnHover, stopAutoplayOnInteraction, showPlaybackControl, playLabel, pauseLabel, onAutoplayChange, className, children, ...props }: CarouselProps): React.JSX.Element;
+declare function Carousel({ index, defaultIndex, onIndexChange, loop, variant, showDots, showArrows, keyboard, ariaLabel, previousLabel, nextLabel, swipeThreshold, autoplay, autoplayInterval, pauseOnHover, stopAutoplayOnInteraction, showPlaybackControl, showStatus, showThumbnails, playLabel, pauseLabel, statusLabel, renderThumbnail, renderActiveDetail, aspectRatio, mouseDrag, onAutoplayChange, viewportClassName, controlsClassName, dotsClassName, arrowClassName, dotClassName, activeDotClassName, thumbnailsClassName, className, children, ...props }: CarouselProps): React.JSX.Element;
 declare function CarouselItem({ className, ...props }: CarouselItemProps): React.JSX.Element;
 export { Carousel, CarouselItem };

package/dist/components/display/carousel.js

@@ -1,121 +1,163 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import * as n from "react";
-import { ChevronLeftIcon as r, ChevronRightIcon as i } from "lucide-react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChevronLeftIcon as r, ChevronRightIcon as ee } from "lucide-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/display/carousel.tsx
-function c(e, t, n) {
+function s(e, t, n) {
 	return t <= 0 ? 0 : n ? (e % t + t) % t : Math.min(Math.max(e, 0), t - 1);
 }
-function l({ index: l, defaultIndex: u = 0, onIndexChange: d, loop: f = !1, variant: p = "default", showDots: m = !0, showArrows: h = !0, keyboard: g = !0, ariaLabel: _ = "Carousel", previousLabel: v = "Previous slide", nextLabel: y = "Next slide", swipeThreshold: b = 44, autoplay: x = !1, autoplayInterval: S = 4500, pauseOnHover: C = !0, stopAutoplayOnInteraction: w = !0, showPlaybackControl: T = !1, playLabel: E = "Start autoplay", pauseLabel: D = "Pause autoplay", onAutoplayChange: O, className: k, children: A, ...j }) {
-	let M = n.Children.toArray(A), [N, P] = n.useState(u), F = n.useRef(null), [I, L] = n.useState(!1), [R, z] = n.useState(!1), [B, V] = n.useState(x), H = l !== void 0, U = c(H ? l : N, M.length, f);
+function c({ index: c, defaultIndex: l = 0, onIndexChange: te, loop: u = !1, variant: d = "default", showDots: f = !0, showArrows: p = !0, keyboard: m = !0, ariaLabel: h = "Carousel", previousLabel: g = "Previous slide", nextLabel: ne = "Next slide", swipeThreshold: _ = 44, autoplay: v = !1, autoplayInterval: y = 4500, pauseOnHover: b = !0, stopAutoplayOnInteraction: x = !0, showPlaybackControl: S = !1, showStatus: C = !1, showThumbnails: w = !1, playLabel: re = "Start autoplay", pauseLabel: ie = "Pause autoplay", statusLabel: T, renderThumbnail: E, renderActiveDetail: D, aspectRatio: O, mouseDrag: k = !0, onAutoplayChange: A, viewportClassName: ae, controlsClassName: oe, dotsClassName: se, arrowClassName: j, dotClassName: M, activeDotClassName: N, thumbnailsClassName: P, className: F, children: I, ...L }) {
+	let R = n.Children.toArray(I), [z, B] = n.useState(l), V = n.useRef(null), H = n.useRef(null), [U, W] = n.useState(!1), [G, K] = n.useState(!1), [q, J] = n.useState(v), Y = c !== void 0, X = s(Y ? c : z, R.length, u), ce = R[X];
 	n.useEffect(() => {
-		V(x);
-	}, [x]);
-	function W(e, t = "manual") {
-		let n = c(e, M.length, f);
-		H || P(n), t === "manual" && w && (z(!0), B && (V(!1), O?.(!1))), d?.(n);
+		J(v);
+	}, [v]);
+	function Z(e, t = "manual") {
+		let n = s(e, R.length, u);
+		Y || B(n), t === "manual" && x && (K(!0), q && (J(!1), A?.(!1))), te?.(n);
 	}
-	let G = f || U > 0, K = f || U < M.length - 1;
+	let Q = u || X > 0, $ = u || X < R.length - 1;
 	return n.useEffect(() => {
-		if (!B || M.length <= 1 || R || C && I) return;
+		if (!q || R.length <= 1 || G || b && U) return;
 		let e = window.setInterval(() => {
-			if (!f && U >= M.length - 1) {
-				W(0, "autoplay");
+			if (!u && X >= R.length - 1) {
+				Z(0, "autoplay");
 				return;
 			}
-			W(U + 1, "autoplay");
-		}, S);
+			Z(X + 1, "autoplay");
+		}, y);
 		return () => {
 			window.clearInterval(e);
 		};
 	}, [
+		X,
+		q,
+		y,
+		G,
 		U,
-		B,
-		S,
-		R,
-		I,
-		M.length,
-		f,
-		C
-	]), /* @__PURE__ */ s("div", {
+		R.length,
+		u,
+		b
+	]), /* @__PURE__ */ o("div", {
 		"data-slot": "carousel",
-		"data-variant": p,
+		"data-variant": d,
 		role: "region",
 		"aria-roledescription": "carousel",
-		"aria-label": _,
-		tabIndex: g ? 0 : void 0,
-		className: e("grid gap-3", k),
+		"aria-label": h,
+		tabIndex: m ? 0 : void 0,
+		className: e("grid gap-3", F),
 		onKeyDown: (e) => {
-			!g || M.length <= 1 || (e.key === "ArrowLeft" && G && (e.preventDefault(), W(U - 1)), e.key === "ArrowRight" && K && (e.preventDefault(), W(U + 1)));
+			!m || R.length <= 1 || (e.key === "ArrowLeft" && Q && (e.preventDefault(), Z(X - 1)), e.key === "ArrowRight" && $ && (e.preventDefault(), Z(X + 1)), e.key === "Home" && (e.preventDefault(), Z(0)), e.key === "End" && (e.preventDefault(), Z(R.length - 1)));
 		},
 		onTouchStart: (e) => {
-			F.current = e.touches[0]?.clientX ?? null;
+			V.current = e.touches[0]?.clientX ?? null;
 		},
 		onTouchEnd: (e) => {
-			if (F.current == null || M.length <= 1) return;
-			let t = (e.changedTouches[0]?.clientX ?? F.current) - F.current;
-			F.current = null, !(Math.abs(t) < b) && (t > 0 && G && W(U - 1), t < 0 && K && W(U + 1));
+			if (V.current == null || R.length <= 1) return;
+			let t = (e.changedTouches[0]?.clientX ?? V.current) - V.current;
+			V.current = null, !(Math.abs(t) < _) && (t > 0 && Q && Z(X - 1), t < 0 && $ && Z(X + 1));
 		},
-		onMouseEnter: () => L(!0),
-		onMouseLeave: () => L(!1),
-		...j,
-		children: [/* @__PURE__ */ s("div", {
-			className: e("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))]", p === "hero" && "min-h-72", p === "minimal" && "rounded-[var(--radius-md)] shadow-none"),
-			children: [/* @__PURE__ */ o("div", {
-				className: "transition-transform duration-300 ease-out",
+		onPointerDown: (e) => {
+			!k || e.pointerType === "touch" || (H.current = e.clientX);
+		},
+		onPointerUp: (e) => {
+			if (!k || H.current == null || R.length <= 1) return;
+			let t = e.clientX - H.current;
+			H.current = null, !(Math.abs(t) < _) && (t > 0 && Q && Z(X - 1), t < 0 && $ && Z(X + 1));
+		},
+		onMouseEnter: () => W(!0),
+		onMouseLeave: () => W(!1),
+		...L,
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: e("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))]", d === "hero" && "min-h-72", d === "minimal" && "rounded-[var(--radius-md)] shadow-none", ae),
+				children: [
+					C ? /* @__PURE__ */ a("div", {
+						className: "pointer-events-none absolute right-3 top-3 z-10 rounded-full border border-border/70 bg-background/92 px-2.5 py-1 text-[11px] font-medium text-muted-foreground shadow-sm",
+						children: T?.(X, R.length) ?? `Slide ${X + 1} / ${R.length}`
+					}) : null,
+					/* @__PURE__ */ a("div", {
+						className: "transition-transform duration-300 ease-out",
+						"aria-live": "polite",
+						style: O ? { aspectRatio: O } : void 0,
+						children: R[X]
+					}),
+					p && R.length > 1 ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
+						type: "button",
+						variant: d === "hero" ? "default" : "secondary",
+						size: "icon-sm",
+						className: e("absolute left-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg", j),
+						disabled: !Q,
+						"aria-label": g,
+						onClick: () => Z(X - 1),
+						children: /* @__PURE__ */ a(r, {})
+					}), /* @__PURE__ */ a(t, {
+						type: "button",
+						variant: d === "hero" ? "default" : "secondary",
+						size: "icon-sm",
+						className: e("absolute right-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg", j),
+						disabled: !$,
+						"aria-label": ne,
+						onClick: () => Z(X + 1),
+						children: /* @__PURE__ */ a(ee, {})
+					})] }) : null
+				]
+			}),
+			f && R.length > 1 && /* @__PURE__ */ o("div", {
+				className: e("flex flex-wrap items-center justify-center gap-2", se),
+				role: "tablist",
+				"aria-label": `${h} slides`,
+				children: [R.map((t, n) => /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "tab",
+					"aria-label": `Go to slide ${n + 1}`,
+					"aria-selected": n === X,
+					className: e("h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55", n === X ? e("w-7 bg-primary", N) : e("w-2.5", M)),
+					onClick: () => Z(n)
+				}, n)), S ? /* @__PURE__ */ a(t, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: e("ml-2 rounded-full", oe),
+					onClick: () => {
+						let e = !q;
+						K(!1), J(e), A?.(e);
+					},
+					children: q ? ie : re
+				}) : null]
+			}),
+			w && R.length > 1 ? /* @__PURE__ */ a("div", {
+				className: e("grid grid-cols-2 gap-2 sm:grid-cols-4", P),
+				children: R.map((t, n) => {
+					let r = n === X;
+					return /* @__PURE__ */ a("button", {
+						type: "button",
+						"aria-current": r ? "true" : void 0,
+						"aria-label": `Open slide ${n + 1}`,
+						className: e("overflow-hidden rounded-[min(var(--radius-xl),16px)] border bg-card text-left transition hover:border-primary/35 hover:shadow-sm", r ? "border-primary/35 ring-2 ring-primary/15" : "border-border/70"),
+						onClick: () => Z(n),
+						children: E ? E(t, n, r) : /* @__PURE__ */ o("div", {
+							className: "line-clamp-2 min-h-16 p-3 text-xs text-muted-foreground",
+							children: ["Slide ", n + 1]
+						})
+					}, n);
+				})
+			}) : null,
+			D ? D(ce, X) : null,
+			/* @__PURE__ */ a("span", {
+				className: "sr-only",
 				"aria-live": "polite",
-				children: M[U]
-			}), h && M.length > 1 ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
-				type: "button",
-				variant: p === "hero" ? "default" : "secondary",
-				size: "icon-sm",
-				className: "absolute left-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg",
-				disabled: !G,
-				"aria-label": v,
-				onClick: () => W(U - 1),
-				children: /* @__PURE__ */ o(r, {})
-			}), /* @__PURE__ */ o(t, {
-				type: "button",
-				variant: p === "hero" ? "default" : "secondary",
-				size: "icon-sm",
-				className: "absolute right-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg",
-				disabled: !K,
-				"aria-label": y,
-				onClick: () => W(U + 1),
-				children: /* @__PURE__ */ o(i, {})
-			})] }) : null]
-		}), m && M.length > 1 && /* @__PURE__ */ s("div", {
-			className: "flex flex-wrap items-center justify-center gap-2",
-			role: "tablist",
-			"aria-label": `${_} slides`,
-			children: [M.map((t, n) => /* @__PURE__ */ o("button", {
-				type: "button",
-				role: "tab",
-				"aria-label": `Go to slide ${n + 1}`,
-				"aria-selected": n === U,
-				className: e("h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55", n === U ? "w-7 bg-primary" : "w-2.5"),
-				onClick: () => W(n)
-			}, n)), T ? /* @__PURE__ */ o(t, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				className: "ml-2 rounded-full",
-				onClick: () => {
-					let e = !B;
-					z(!1), V(e), O?.(e);
-				},
-				children: B ? D : E
-			}) : null]
-		})]
+				children: T?.(X, R.length) ?? `${h}: slide ${X + 1} of ${R.length}`
+			})
+		]
 	});
 }
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ o("div", {
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "carousel-item",
 		className: e("min-h-40 p-5 sm:p-6", t),
 		...n
 	});
 }
 //#endregion
-export { l as Carousel, u as CarouselItem };
+export { c as Carousel, l as CarouselItem };

package/dist/components/display/code-block.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../actions/copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({code:e,language:a,title:o,showCopy:s=!0,wrap:c=!1,lineNumbers:l=!1,maxHeight:u,className:d,...f}){let p=r.useMemo(()=>e.split(`
-`),[e]);return(0,i.jsxs)(`div`,{"data-slot":`code-block`,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card`,d),...f,children:[(o||a||s)&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_72%)] px-3 py-2 text-xs text-muted-foreground`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[o&&(0,i.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:o}),a&&(0,i.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 font-mono`,children:a})]}),s&&(0,i.jsx)(n.CopyButton,{value:e,size:`sm`,variant:`ghost`,copyLabel:`Copy`,copiedLabel:`Copied`})]}),(0,i.jsx)(`pre`,{className:t.cn(`overflow-x-auto p-3 text-sm leading-6`,c&&`whitespace-pre-wrap break-words`),style:u?{maxHeight:u,overflowY:`auto`}:void 0,children:l?(0,i.jsx)(`code`,{className:`grid`,children:p.map((e,t)=>(0,i.jsxs)(`span`,{className:`grid grid-cols-[auto_1fr] gap-4`,children:[(0,i.jsx)(`span`,{className:`select-none text-right text-xs text-muted-foreground/75`,children:t+1}),(0,i.jsx)(`span`,{children:e||` `})]},`${t}-${e}`))}):(0,i.jsx)(`code`,{children:e})})]})}exports.CodeBlock=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../actions/copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({code:e,language:a,title:o,showCopy:s=!0,wrap:c=!1,lineNumbers:l=!1,highlightLines:u=[],maxHeight:d,className:f,...p}){let m=r.useMemo(()=>e.split(`
+`),[e]),h=r.useMemo(()=>new Set(u),[u]);return(0,i.jsxs)(`div`,{"data-slot":`code-block`,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card`,f),...p,children:[(o||a||s)&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_72%)] px-3 py-2 text-xs text-muted-foreground`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[o&&(0,i.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:o}),a&&(0,i.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 font-mono`,children:a})]}),s&&(0,i.jsx)(n.CopyButton,{value:e,size:`sm`,variant:`ghost`,copyLabel:`Copy`,copiedLabel:`Copied`})]}),(0,i.jsx)(`pre`,{className:t.cn(`overflow-x-auto p-3 text-sm leading-6`,c&&`whitespace-pre-wrap break-words`),style:d?{maxHeight:d,overflowY:`auto`}:void 0,children:l?(0,i.jsx)(`code`,{className:`grid`,children:m.map((e,n)=>(0,i.jsxs)(`span`,{"data-highlighted":h.has(n+1)||void 0,className:t.cn(`grid grid-cols-[auto_1fr] gap-4 rounded px-1`,h.has(n+1)&&`bg-primary/10 text-foreground`),children:[(0,i.jsx)(`span`,{className:`select-none text-right text-xs text-muted-foreground/75`,children:n+1}),(0,i.jsx)(`span`,{children:e||` `})]},`${n}-${e}`))}):(0,i.jsx)(`code`,{children:m.map((e,n)=>(0,i.jsx)(`span`,{"data-highlighted":h.has(n+1)||void 0,className:t.cn(`block rounded px-1`,h.has(n+1)&&`bg-primary/10 text-foreground`),children:e||` `},`${n}-${e}`))})})]})}exports.CodeBlock=a;

package/dist/components/display/code-block.d.ts

@@ -6,7 +6,8 @@ export type CodeBlockProps = React.ComponentProps<"div"> & {
     showCopy?: boolean;
     wrap?: boolean;
     lineNumbers?: boolean;
+    highlightLines?: number[] | readonly number[];
     maxHeight?: number | string;
 };
-declare function CodeBlock({ code, language, title, showCopy, wrap, lineNumbers, maxHeight, className, ...props }: CodeBlockProps): React.JSX.Element;
+declare function CodeBlock({ code, language, title, showCopy, wrap, lineNumbers, highlightLines, maxHeight, className, ...props }: CodeBlockProps): React.JSX.Element;
 export { CodeBlock };