tembro 3.0.0 → 3.1.5

package/dist/components/display/carousel.js

@@ -1,164 +1 @@
-"use client";
-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 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 s(e, t, n) {
-	return t <= 0 ? 0 : n ? (e % t + t) % t : Math.min(Math.max(e, 0), t - 1);
-}
-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(() => {
-		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 Q = u || X > 0, $ = u || X < R.length - 1;
-	return n.useEffect(() => {
-		if (!q || R.length <= 1 || G || b && U) return;
-		let e = window.setInterval(() => {
-			if (!u && X >= R.length - 1) {
-				Z(0, "autoplay");
-				return;
-			}
-			Z(X + 1, "autoplay");
-		}, y);
-		return () => {
-			window.clearInterval(e);
-		};
-	}, [
-		X,
-		q,
-		y,
-		G,
-		U,
-		R.length,
-		u,
-		b
-	]), /* @__PURE__ */ o("div", {
-		"data-slot": "carousel",
-		"data-variant": d,
-		role: "region",
-		"aria-roledescription": "carousel",
-		"aria-label": h,
-		tabIndex: m ? 0 : void 0,
-		className: e("grid gap-3", F),
-		onKeyDown: (e) => {
-			!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) => {
-			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) < _) && (t > 0 && Q && Z(X - 1), t < 0 && $ && Z(X + 1));
-		},
-		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: T?.(X, R.length) ?? `${h}: slide ${X + 1} of ${R.length}`
-			})
-		]
-	});
-}
-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 { c as Carousel, l as CarouselItem };
+export * from "../../src/components/display/carousel.js"

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

@@ -1,2 +1 @@
-"use client";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;
+module.exports = require("../../src/components/display/code-block.cjs")

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

@@ -1,56 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { CopyButton as t } from "../actions/copy-button.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/display/code-block.tsx
-function a({ code: a, language: o, title: s, showCopy: c = !0, wrap: l = !1, lineNumbers: u = !1, highlightLines: d = [], maxHeight: f, className: p, ...m }) {
-	let h = n.useMemo(() => a.split("\n"), [a]), g = n.useMemo(() => new Set(d), [d]);
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "code-block",
-		className: e("overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card", p),
-		...m,
-		children: [(s || o || c) && /* @__PURE__ */ i("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: [/* @__PURE__ */ i("div", {
-				className: "flex min-w-0 items-center gap-2",
-				children: [s && /* @__PURE__ */ r("span", {
-					className: "truncate font-medium text-foreground",
-					children: s
-				}), o && /* @__PURE__ */ r("span", {
-					className: "rounded bg-muted px-1.5 py-0.5 font-mono",
-					children: o
-				})]
-			}), c && /* @__PURE__ */ r(t, {
-				value: a,
-				size: "sm",
-				variant: "ghost",
-				copyLabel: "Copy",
-				copiedLabel: "Copied"
-			})]
-		}), /* @__PURE__ */ r("pre", {
-			className: e("overflow-x-auto p-3 text-sm leading-6", l && "whitespace-pre-wrap break-words"),
-			style: f ? {
-				maxHeight: f,
-				overflowY: "auto"
-			} : void 0,
-			children: u ? /* @__PURE__ */ r("code", {
-				className: "grid",
-				children: h.map((t, n) => /* @__PURE__ */ i("span", {
-					"data-highlighted": g.has(n + 1) || void 0,
-					className: e("grid grid-cols-[auto_1fr] gap-4 rounded px-1", g.has(n + 1) && "bg-primary/10 text-foreground"),
-					children: [/* @__PURE__ */ r("span", {
-						className: "select-none text-right text-xs text-muted-foreground/75",
-						children: n + 1
-					}), /* @__PURE__ */ r("span", { children: t || " " })]
-				}, `${n}-${t}`))
-			}) : /* @__PURE__ */ r("code", { children: h.map((t, n) => /* @__PURE__ */ r("span", {
-				"data-highlighted": g.has(n + 1) || void 0,
-				className: e("block rounded px-1", g.has(n + 1) && "bg-primary/10 text-foreground"),
-				children: t || " "
-			}, `${n}-${t}`)) })
-		})]
-	});
-}
-//#endregion
-export { a as CodeBlock };
+export * from "../../src/components/display/code-block.js"

package/dist/components/display/data-state.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("../ui/card/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={idle:{title:`Ready`,description:`No action has started yet.`,icon:(0,o.jsx)(a.CheckCircle2Icon,{})},loading:{title:`Loading`,description:`Please wait while data is being prepared.`,icon:(0,o.jsx)(a.Loader2Icon,{className:`animate-spin`})},empty:{title:`No data`,description:`There is nothing to show yet.`,icon:(0,o.jsx)(a.SearchXIcon,{})},error:{title:`Something went wrong`,description:`Try again or check the request.`,icon:(0,o.jsx)(a.AlertTriangleIcon,{})},success:{title:`Ready`,description:`Data loaded successfully.`,icon:(0,o.jsx)(a.CheckCircle2Icon,{})}},c={default:`text-muted-foreground`,muted:`text-muted-foreground`,success:`text-emerald-600 dark:text-emerald-400`,warning:`text-amber-600 dark:text-amber-400`,danger:`text-destructive`,info:`text-blue-600 dark:text-blue-400`};function l({status:e,title:i,description:l,badge:u,actions:d,footer:f,icon:p,tone:m,variant:h=`card`,compact:g=!1,align:_=`center`,query:v,children:y,retryLabel:b=`Retry`,onRetry:x,clearLabel:S=`Clear`,onClear:C,className:w,...T}){let E=s[e],D=m??(e===`error`?`danger`:e===`success`?`success`:`default`),O=h===`plain`||h===`inline`,k=(0,o.jsxs)(`div`,{className:t.cn(`flex flex-col justify-center`,_===`center`?`items-center text-center`:`items-start text-left`,g||h===`inline`?`p-4`:`min-h-52 p-8`),children:[(0,o.jsx)(`div`,{className:t.cn(`mb-3 flex items-center justify-center rounded-full border border-border/70 bg-muted/45 shadow-[0_1px_0_rgba(255,255,255,0.05)] [&_svg]:size-5`,c[D],g||h===`inline`?`size-9`:`size-12`),children:p??E.icon}),(0,o.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center gap-2`,_===`center`?`justify-center`:`justify-start`),children:[(0,o.jsx)(`div`,{className:t.cn(`font-semibold tracking-tight text-foreground`,g?`text-sm`:`text-base`),children:i??E.title}),u]}),(0,o.jsx)(`p`,{className:`mt-1 max-w-md text-sm text-muted-foreground`,children:l??E.description}),v&&(0,o.jsx)(`div`,{className:`mt-3 max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground`,children:v}),y&&(0,o.jsx)(`div`,{className:`mt-4 w-full`,children:y}),(d||x||C)&&(0,o.jsxs)(`div`,{className:t.cn(`mt-4 flex flex-wrap gap-2`,_===`center`?`justify-center`:`justify-start`),children:[x&&(0,o.jsx)(n.Button,{size:`sm`,variant:e===`error`?`default`:`outline`,onClick:x,children:b}),C&&(0,o.jsxs)(n.Button,{size:`sm`,variant:`ghost`,onClick:C,children:[(0,o.jsx)(a.XIcon,{"data-icon":`inline-start`}),S]}),d]}),f?(0,o.jsx)(`div`,{className:`mt-4 w-full`,children:f}):null]});return O?(0,o.jsx)(`div`,{"data-slot":`data-state`,"data-status":e,"data-variant":h,className:t.cn(h===`inline`?`rounded-lg border border-border/70 bg-muted/20`:`min-w-0`,w),...T,children:k}):(0,o.jsx)(r.Card,{"data-slot":`data-state`,"data-status":e,"data-variant":h,className:t.cn(`min-w-0 border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,w),...T,children:(0,o.jsx)(r.CardContent,{className:`p-0`,children:k})})}exports.DataState=l;
+module.exports = require("../../src/components/display/data-state.cjs")

package/dist/components/display/data-state.js

@@ -1,113 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { Card as n, CardContent as r } from "../ui/card/index.js";
-import "react";
-import { AlertTriangleIcon as i, CheckCircle2Icon as a, Loader2Icon as o, SearchXIcon as s, XIcon as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/display/data-state.tsx
-var d = {
-	idle: {
-		title: "Ready",
-		description: "No action has started yet.",
-		icon: /* @__PURE__ */ l(a, {})
-	},
-	loading: {
-		title: "Loading",
-		description: "Please wait while data is being prepared.",
-		icon: /* @__PURE__ */ l(o, { className: "animate-spin" })
-	},
-	empty: {
-		title: "No data",
-		description: "There is nothing to show yet.",
-		icon: /* @__PURE__ */ l(s, {})
-	},
-	error: {
-		title: "Something went wrong",
-		description: "Try again or check the request.",
-		icon: /* @__PURE__ */ l(i, {})
-	},
-	success: {
-		title: "Ready",
-		description: "Data loaded successfully.",
-		icon: /* @__PURE__ */ l(a, {})
-	}
-}, f = {
-	default: "text-muted-foreground",
-	muted: "text-muted-foreground",
-	success: "text-emerald-600 dark:text-emerald-400",
-	warning: "text-amber-600 dark:text-amber-400",
-	danger: "text-destructive",
-	info: "text-blue-600 dark:text-blue-400"
-};
-function p({ status: i, title: a, description: o, badge: s, actions: p, footer: m, icon: h, tone: g, variant: _ = "card", compact: v = !1, align: y = "center", query: b, children: x, retryLabel: S = "Retry", onRetry: C, clearLabel: w = "Clear", onClear: T, className: E, ...D }) {
-	let O = d[i], k = g ?? (i === "error" ? "danger" : i === "success" ? "success" : "default"), A = _ === "plain" || _ === "inline", j = /* @__PURE__ */ u("div", {
-		className: e("flex flex-col justify-center", y === "center" ? "items-center text-center" : "items-start text-left", v || _ === "inline" ? "p-4" : "min-h-52 p-8"),
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: e("mb-3 flex items-center justify-center rounded-full border border-border/70 bg-muted/45 shadow-[0_1px_0_rgba(255,255,255,0.05)] [&_svg]:size-5", f[k], v || _ === "inline" ? "size-9" : "size-12"),
-				children: h ?? O.icon
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e("flex flex-wrap items-center gap-2", y === "center" ? "justify-center" : "justify-start"),
-				children: [/* @__PURE__ */ l("div", {
-					className: e("font-semibold tracking-tight text-foreground", v ? "text-sm" : "text-base"),
-					children: a ?? O.title
-				}), s]
-			}),
-			/* @__PURE__ */ l("p", {
-				className: "mt-1 max-w-md text-sm text-muted-foreground",
-				children: o ?? O.description
-			}),
-			b && /* @__PURE__ */ l("div", {
-				className: "mt-3 max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground",
-				children: b
-			}),
-			x && /* @__PURE__ */ l("div", {
-				className: "mt-4 w-full",
-				children: x
-			}),
-			(p || C || T) && /* @__PURE__ */ u("div", {
-				className: e("mt-4 flex flex-wrap gap-2", y === "center" ? "justify-center" : "justify-start"),
-				children: [
-					C && /* @__PURE__ */ l(t, {
-						size: "sm",
-						variant: i === "error" ? "default" : "outline",
-						onClick: C,
-						children: S
-					}),
-					T && /* @__PURE__ */ u(t, {
-						size: "sm",
-						variant: "ghost",
-						onClick: T,
-						children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), w]
-					}),
-					p
-				]
-			}),
-			m ? /* @__PURE__ */ l("div", {
-				className: "mt-4 w-full",
-				children: m
-			}) : null
-		]
-	});
-	return A ? /* @__PURE__ */ l("div", {
-		"data-slot": "data-state",
-		"data-status": i,
-		"data-variant": _,
-		className: e(_ === "inline" ? "rounded-lg border border-border/70 bg-muted/20" : "min-w-0", E),
-		...D,
-		children: j
-	}) : /* @__PURE__ */ l(n, {
-		"data-slot": "data-state",
-		"data-status": i,
-		"data-variant": _,
-		className: e("min-w-0 border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4", E),
-		...D,
-		children: /* @__PURE__ */ l(r, {
-			className: "p-0",
-			children: j
-		})
-	});
-}
-//#endregion
-export { p as DataState };
+export * from "../../src/components/display/data-state.js"

package/dist/components/display/demo.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`description-list`,`DescriptionList`,`display`,`Structured key-value details for entity, invoice and profile pages.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),e.component(`delta-badge`,`DeltaBadge`,`display`,`Compact positive, negative, and risk deltas for metric summaries.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),e.component(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`)]);exports.displayShowcaseDemoRegistry=t;
+module.exports = require("../../src/components/display/demo.cjs")

package/dist/components/display/demo.js

@@ -1,17 +1 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/display/demo.tsx
-var n = t([
-	e("description-list", "DescriptionList", "display", "Structured key-value details for entity, invoice and profile pages."),
-	e("progress", "Progress", "display", "Linear progress with label, value formatter, tone and indeterminate state."),
-	e("progress-circle", "ProgressCircle", "display", "Compact circular progress for sidebars and status cards."),
-	e("timeline", "Timeline", "display", "Vertical or horizontal event stream for workflow history."),
-	e("status-dot", "StatusDot", "display", "Tiny live status indicator with optional pulse animation."),
-	e("user-card", "UserCard", "display", "User summary row with avatar, metadata and actions."),
-	e("delta-badge", "DeltaBadge", "display", "Compact positive, negative, and risk deltas for metric summaries."),
-	e("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
-	e("data-list", "DataList", "display", "Readable title and description rows for compact operational lists."),
-	e("status-legend", "StatusLegend", "display", "Explain status meaning and counts in a compact legend."),
-	e("trend-card", "TrendCard", "display", "Metric summary card with trend context.")
-]);
-//#endregion
-export { n as displayShowcaseDemoRegistry };
+export * from "../../src/components/display/demo.js"

package/dist/components/display/description-list.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={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},o={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`};function s(e){return e==null||e===``}function c({title:e,description:r,actions:c,items:l,columns:u=2,bordered:d=!0,compact:f=!1,emptyValue:p=`-`,itemClassName:m,labelClassName:h,valueClassName:g,contentClassName:_,className:v,...y}){let b=l.filter(e=>!e.hidden),x=!!(e||r||c);return(0,i.jsxs)(n.Card,{"data-slot":`description-list`,className:t.cn(`min-w-0`,v),...y,children:[x&&(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:[e&&(0,i.jsx)(n.CardTitle,{children:e}),r&&(0,i.jsx)(n.CardDescription,{children:r})]}),c&&(0,i.jsx)(`div`,{className:`shrink-0`,children:c})]})}),(0,i.jsx)(n.CardContent,{className:t.cn(`grid gap-2`,a[u],_),children:b.map(e=>(0,i.jsx)(`div`,{"data-slot":`description-list-item`,className:t.cn(`min-w-0 rounded-lg`,d&&`border bg-muted/20`,f?`p-2`:`p-3`,e.span&&e.span>1&&o[e.span],m,e.className),children:(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon&&(0,i.jsx)(`span`,{className:`mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4`,children:e.icon}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[(0,i.jsx)(`div`,{className:t.cn(`text-xs font-medium uppercase tracking-wide text-muted-foreground`,h,e.labelClassName),children:e.label}),(0,i.jsx)(`div`,{className:t.cn(`min-w-0 break-words text-sm font-medium text-foreground`,g,e.valueClassName),children:s(e.value)?p:e.value}),e.description&&(0,i.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]})},e.key))})]})}exports.DescriptionList=c;
+module.exports = require("../../src/components/display/description-list.cjs")

package/dist/components/display/description-list.js

@@ -1,68 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "../ui/card/index.js";
-import "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/display/description-list.tsx
-var c = {
-	1: "grid-cols-1",
-	2: "grid-cols-1 md:grid-cols-2",
-	3: "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
-	4: "grid-cols-1 md:grid-cols-2 xl:grid-cols-4"
-}, l = {
-	1: "col-span-1",
-	2: "md:col-span-2",
-	3: "xl:col-span-3",
-	4: "xl:col-span-4"
-};
-function u(e) {
-	return e == null || e === "";
-}
-function d({ title: d, description: f, actions: p, items: m, columns: h = 2, bordered: g = !0, compact: _ = !1, emptyValue: v = "-", itemClassName: y, labelClassName: b, valueClassName: x, contentClassName: S, className: C, ...w }) {
-	let T = m.filter((e) => !e.hidden), E = !!(d || f || p);
-	return /* @__PURE__ */ s(t, {
-		"data-slot": "description-list",
-		className: e("min-w-0", C),
-		...w,
-		children: [E && /* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
-			className: "flex min-w-0 items-start justify-between gap-3",
-			children: [/* @__PURE__ */ s("div", {
-				className: "min-w-0 space-y-1",
-				children: [d && /* @__PURE__ */ o(a, { children: d }), f && /* @__PURE__ */ o(r, { children: f })]
-			}), p && /* @__PURE__ */ o("div", {
-				className: "shrink-0",
-				children: p
-			})]
-		}) }), /* @__PURE__ */ o(n, {
-			className: e("grid gap-2", c[h], S),
-			children: T.map((t) => /* @__PURE__ */ o("div", {
-				"data-slot": "description-list-item",
-				className: e("min-w-0 rounded-lg", g && "border bg-muted/20", _ ? "p-2" : "p-3", t.span && t.span > 1 && l[t.span], y, t.className),
-				children: /* @__PURE__ */ s("div", {
-					className: "flex min-w-0 items-start gap-2",
-					children: [t.icon && /* @__PURE__ */ o("span", {
-						className: "mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4",
-						children: t.icon
-					}), /* @__PURE__ */ s("div", {
-						className: "min-w-0 flex-1 space-y-1",
-						children: [
-							/* @__PURE__ */ o("div", {
-								className: e("text-xs font-medium uppercase tracking-wide text-muted-foreground", b, t.labelClassName),
-								children: t.label
-							}),
-							/* @__PURE__ */ o("div", {
-								className: e("min-w-0 break-words text-sm font-medium text-foreground", x, t.valueClassName),
-								children: u(t.value) ? v : t.value
-							}),
-							t.description && /* @__PURE__ */ o("div", {
-								className: "text-xs leading-5 text-muted-foreground",
-								children: t.description
-							})
-						]
-					})]
-				})
-			}, t.key))
-		})]
-	});
-}
-//#endregion
-export { d as DescriptionList };
+export * from "../../src/components/display/description-list.js"

package/dist/components/display/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./description-list.cjs"),t=require("./data-list.cjs"),n=require("./activity-feed.cjs"),r=require("./avatar.cjs"),i=require("./descriptions.cjs"),a=require("./kanban.cjs"),o=require("./code-block.cjs"),s=require("./data-state.cjs"),c=require("./list.cjs"),l=require("./metric-grid.cjs"),u=require("./progress.cjs"),d=require("./progress-circle.cjs"),f=require("./property-grid.cjs"),p=require("./result.cjs"),m=require("./statistic.cjs"),h=require("./status-dot.cjs"),g=require("./status-legend.cjs"),_=require("./timeline.cjs"),v=require("./tree-view.cjs"),y=require("./user-card.cjs"),b=require("./delta-badge.cjs"),x=require("./trend-card.cjs"),S=require("./comparison-card.cjs"),C=require("./smart-card.cjs");exports.ActivityFeed=n.ActivityFeed,exports.Avatar=r.Avatar,exports.AvatarGroup=r.AvatarGroup,exports.CodeBlock=o.CodeBlock,exports.ComparisonCard=S.ComparisonCard,exports.DataList=t.DataList,exports.DataListRow=t.DataListRow,exports.DataState=s.DataState,exports.DeltaBadge=b.DeltaBadge,exports.DescriptionList=e.DescriptionList,exports.Descriptions=i.Descriptions,exports.InfoCard=C.SmartCard,exports.KanbanBoard=a.KanbanBoard,exports.List=c.List,exports.ListRow=c.ListRow,exports.MetricGrid=l.MetricGrid,exports.Progress=u.Progress,exports.ProgressCard=u.ProgressCard,exports.ProgressCircle=d.ProgressCircle,exports.PropertyGrid=f.PropertyGrid,exports.Result=p.Result,exports.ResultAction=p.ResultAction,exports.SmartCard=C.SmartCard,exports.Statistic=m.Statistic,exports.StatisticCard=m.StatisticCard,exports.StatisticGrid=m.StatisticGrid,exports.StatusDot=h.StatusDot,exports.StatusLegend=g.StatusLegend,exports.Timeline=_.Timeline,exports.TreeView=v.TreeView,exports.TrendCard=x.TrendCard,exports.UserCard=y.UserCard,exports.getProgressPercent=u.getProgressPercent;
+module.exports = require("../../src/components/display/index.cjs")

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

@@ -1,24 +1,19 @@
 export * from "./description-list";
-export * from "./data-list";
 export * from "./activity-feed";
 export * from "./avatar";
-export * from "./descriptions";
 export * from "./kanban";
 export * from "./code-block";
 export * from "./data-state";
 export * from "./list";
-export * from "./metric-grid";
 export * from "./progress";
-export * from "./progress-circle";
-export * from "./property-grid";
-export * from "./result";
 export * from "./statistic";
 export * from "./status-dot";
 export * from "./status-legend";
 export * from "./timeline";
 export * from "./tree-view";
-export * from "./user-card";
-export * from "./trend-card";
-export * from "./comparison-card";
-export * from "./delta-badge";
-export { SmartCard as InfoCard, SmartCard, type SmartCardClassNames, type SmartCardClassNames as InfoCardClassNames, type SmartCardDensity, type SmartCardDensity as InfoCardDensity, type SmartCardOrientation, type SmartCardOrientation as InfoCardOrientation, type SmartCardProps, type SmartCardProps as InfoCardProps, type SmartCardRenderContext, type SmartCardRenderContext as InfoCardRenderContext, type SmartCardSize, type SmartCardSize as InfoCardSize, type SmartCardVariant, type SmartCardVariant as InfoCardVariant, } from "./smart-card";
+export * from "./info-card";
+export * from "./virtual-list";
+export * from "./qr-code";
+export * from "./carousel";
+export * from "./tag";
+export * from "./typography";

package/dist/components/display/index.js

@@ -1,25 +1 @@
-import { DescriptionList as e } from "./description-list.js";
-import { DataList as t, DataListRow as n } from "./data-list.js";
-import { ActivityFeed as r } from "./activity-feed.js";
-import { Avatar as i, AvatarGroup as a } from "./avatar.js";
-import { Descriptions as o } from "./descriptions.js";
-import { KanbanBoard as s } from "./kanban.js";
-import { CodeBlock as c } from "./code-block.js";
-import { DataState as l } from "./data-state.js";
-import { List as u, ListRow as d } from "./list.js";
-import { MetricGrid as f } from "./metric-grid.js";
-import { Progress as p, ProgressCard as m, getProgressPercent as h } from "./progress.js";
-import { ProgressCircle as g } from "./progress-circle.js";
-import { PropertyGrid as _ } from "./property-grid.js";
-import { Result as v, ResultAction as y } from "./result.js";
-import { Statistic as b, StatisticCard as x, StatisticGrid as S } from "./statistic.js";
-import { StatusDot as C } from "./status-dot.js";
-import { StatusLegend as w } from "./status-legend.js";
-import { Timeline as T } from "./timeline.js";
-import { TreeView as E } from "./tree-view.js";
-import { UserCard as D } from "./user-card.js";
-import { DeltaBadge as O } from "./delta-badge.js";
-import { TrendCard as k } from "./trend-card.js";
-import { ComparisonCard as A } from "./comparison-card.js";
-import { SmartCard as j } from "./smart-card.js";
-export { r as ActivityFeed, i as Avatar, a as AvatarGroup, c as CodeBlock, A as ComparisonCard, t as DataList, n as DataListRow, l as DataState, O as DeltaBadge, e as DescriptionList, o as Descriptions, j as InfoCard, s as KanbanBoard, u as List, d as ListRow, f as MetricGrid, p as Progress, m as ProgressCard, g as ProgressCircle, _ as PropertyGrid, v as Result, y as ResultAction, j as SmartCard, b as Statistic, x as StatisticCard, S as StatisticGrid, C as StatusDot, w as StatusLegend, T as Timeline, E as TreeView, k as TrendCard, D as UserCard, h as getProgressPercent };
+export * from "../../src/components/display/index.js"

package/dist/components/display/info-card.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/display/info-card.cjs")

package/dist/components/display/info-card.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type InfoCardVariant = "default" | "outline" | "elevated" | "ghost";
+export type InfoCardSize = "sm" | "md" | "lg";
+export type InfoCardDensity = "compact" | "default" | "comfortable";
+export type InfoCardOrientation = "vertical" | "horizontal";
+export type InfoCardClassNames = {
+    root?: string;
+    media?: string;
+    header?: string;
+    icon?: string;
+    body?: string;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    content?: string;
+    footer?: string;
+    actions?: string;
+    meta?: string;
+    status?: string;
+};
+export type InfoCardRenderContext = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    media?: React.ReactNode;
+    icon?: React.ReactNode;
+    status?: React.ReactNode;
+    actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "content" | "size" | "orientation"> & InfoCardRenderContext & {
+    orientation?: InfoCardOrientation;
+    variant?: InfoCardVariant;
+    size?: InfoCardSize;
+    density?: InfoCardDensity;
+    compact?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    interactive?: boolean;
+    classNames?: InfoCardClassNames;
+    renderHeader?: (ctx: InfoCardRenderContext) => React.ReactNode;
+    renderMedia?: (ctx: InfoCardRenderContext) => React.ReactNode;
+    renderContent?: (ctx: InfoCardRenderContext) => React.ReactNode;
+    renderFooter?: (ctx: InfoCardRenderContext) => React.ReactNode;
+};
+declare function InfoCard({ eyebrow, title, description, media, icon, status, actions, meta, content, footer, orientation, variant, size, density, compact, loading, disabled, selected, interactive, className, classNames, renderHeader, renderMedia, renderContent, renderFooter, children, onClick, ...props }: InfoCardProps): React.JSX.Element;
+export { InfoCard };

package/dist/components/display/info-card.js

@@ -0,0 +1 @@
+export * from "../../src/components/display/info-card.js"

package/dist/components/display/kanban.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({columns:e,renderCard:n,onCardClick:a,onCardMove:s,emptyColumn:c=`No cards yet.`,columnClassName:l,cardClassName:u,className:d,...f}){let p=r.useMemo(()=>new Map(e.map(e=>[e.key,e])),[e]);return(0,i.jsx)(`div`,{"data-slot":`kanban-board`,className:t.cn(`grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2`,d),...f,children:e.map(e=>(0,i.jsx)(o,{column:e,renderCard:n,onCardClick:a,onCardMove:s,columnByKey:p,emptyColumn:c,columnClassName:l,cardClassName:u},e.key))})}function o({column:e,renderCard:r,onCardClick:a,onCardMove:o,columnByKey:s,emptyColumn:c,columnClassName:l,cardClassName:u}){return(0,i.jsxs)(`section`,{"data-slot":`kanban-column`,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3`,l),onDragOver:e=>{o&&e.preventDefault()},onDrop:t=>{let n=t.dataTransfer.getData(`application/x-tembro-kanban-card`),r=t.dataTransfer.getData(`application/x-tembro-kanban-column`),i=s.get(r),a=i?.cards.find(e=>e.key===n);a&&i&&i.key!==e.key&&o?.(a,i,e)},children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description})]}),(0,i.jsx)(`div`,{className:`rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground`,children:e.count??e.cards.length})]}),(0,i.jsx)(`div`,{className:`grid gap-2`,children:e.cards.length===0?(0,i.jsx)(`div`,{"data-slot":`kanban-column-empty`,className:`rounded-md border border-dashed bg-background/60 px-3 py-6 text-center text-sm text-muted-foreground`,children:typeof c==`function`?c(e):c}):e.cards.map(s=>r?.(s,e)??(0,i.jsxs)(n.Card,{"data-slot":`kanban-card`,role:a?`button`:void 0,tabIndex:a&&!s.disabled?0:void 0,draggable:!!(o&&!s.disabled),className:t.cn(`transition-colors hover:bg-muted/40`,a&&!s.disabled&&`cursor-pointer`,o&&!s.disabled&&`cursor-grab active:cursor-grabbing`,s.disabled&&`pointer-events-none opacity-55`,u),onDragStart:t=>{t.dataTransfer.setData(`application/x-tembro-kanban-card`,s.key),t.dataTransfer.setData(`application/x-tembro-kanban-column`,e.key),t.dataTransfer.effectAllowed=`move`},onClick:()=>a?.(s,e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&a&&!s.disabled&&(t.preventDefault(),a(s,e))},children:[(0,i.jsx)(n.CardHeader,{className:`p-3 pb-1`,children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsx)(n.CardTitle,{className:`text-sm`,children:s.title}),(s.extra||s.actions)&&(0,i.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[s.extra,s.actions]})]})}),(s.description||s.meta)&&(0,i.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[s.description,s.meta&&(0,i.jsx)(`div`,{children:s.meta})]})]},s.key))})]})}exports.KanbanBoard=a;
+module.exports = require("../../src/components/display/kanban.cjs")

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

@@ -14,15 +14,34 @@ export type KanbanColumn = {
     description?: React.ReactNode;
     cards: KanbanCard[];
     count?: React.ReactNode;
+    disabled?: boolean;
+};
+export type KanbanCardRenderContext = {
+    index: number;
+    isDragging: boolean;
+    isDropTarget: boolean;
+    handle: React.ReactNode;
 };
-export type KanbanBoardProps = React.ComponentProps<"div"> & {
-    columns: KanbanColumn[];
-    renderCard?: (card: KanbanCard, column: KanbanColumn) => React.ReactNode;
+export type KanbanCardMove = {
+    card: KanbanCard;
+    fromColumn: KanbanColumn;
+    toColumn: KanbanColumn;
+    fromIndex: number;
+    toIndex: number;
+};
+export type KanbanBoardProps = Omit<React.ComponentProps<"div">, "defaultValue"> & {
+    columns?: KanbanColumn[];
+    defaultColumns?: KanbanColumn[];
+    onColumnsChange?: (columns: KanbanColumn[], change: KanbanCardMove) => void;
+    onCardMove?: (change: KanbanCardMove) => void;
+    renderCard?: (card: KanbanCard, column: KanbanColumn, context: KanbanCardRenderContext) => React.ReactNode;
     onCardClick?: (card: KanbanCard, column: KanbanColumn) => void;
-    onCardMove?: (card: KanbanCard, fromColumn: KanbanColumn, toColumn: KanbanColumn) => void;
-    emptyColumn?: React.ReactNode | ((column: KanbanColumn) => React.ReactNode);
+    disabled?: boolean;
+    emptyColumn?: React.ReactNode;
+    dragHandleLabel?: (card: KanbanCard, column: KanbanColumn) => string;
     columnClassName?: string;
     cardClassName?: string;
+    overlayClassName?: string;
 };
-declare function KanbanBoard({ columns, renderCard, onCardClick, onCardMove, emptyColumn, columnClassName, cardClassName, className, ...props }: KanbanBoardProps): React.JSX.Element;
+declare function KanbanBoard({ columns: columnsProp, defaultColumns, onColumnsChange, onCardMove, renderCard, onCardClick, disabled, emptyColumn, dragHandleLabel, columnClassName, cardClassName, overlayClassName, className, "aria-label": ariaLabel, ...props }: KanbanBoardProps): React.JSX.Element;
 export { KanbanBoard };