tembro 3.0.0 → 3.1.5

package/dist/components/display/kanban.js

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

package/dist/components/display/list.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("lucide-react"),i=require("react/jsx-runtime");var a={sm:`px-3 py-2`,md:`px-4 py-3`,lg:`px-5 py-4`};function o({items:e,bordered:n=!0,split:r=!0,size:a=`md`,renderItem:o,className:c,children:l,...u}){return(0,i.jsxs)(`div`,{"data-slot":`list`,className:t.cn(`overflow-hidden bg-card`,n&&`rounded-lg border`,c),...u,children:[e?.map((e,t)=>o?.(e,t)??(0,i.jsx)(s,{item:e,split:r,size:a},e.key)),l]})}function s({item:e,split:n=!0,size:o=`md`,className:s,...c}){let l=!!(e.href||e.onClick),u=(0,i.jsxs)(i.Fragment,{children:[e.avatar&&(0,i.jsx)(`div`,{className:`shrink-0`,children:e.avatar}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,i.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`mt-0.5 line-clamp-2 text-sm text-muted-foreground`,children:e.description})]}),e.extra&&(0,i.jsx)(`div`,{className:`shrink-0 text-sm text-muted-foreground`,children:e.extra}),l&&(0,i.jsx)(r.ChevronRightIcon,{className:`size-4 shrink-0 text-muted-foreground`})]}),d=t.cn(`flex items-center gap-3 bg-card transition-colors`,a[o],n&&`border-b last:border-b-0`,l&&!e.disabled&&`cursor-pointer hover:bg-muted/50`,e.disabled&&`pointer-events-none opacity-55`,s);return e.href?(0,i.jsx)(`a`,{"data-slot":`list-row`,href:e.href,className:d,...c,children:u}):(0,i.jsx)(`div`,{"data-slot":`list-row`,role:l?`button`:void 0,tabIndex:l&&!e.disabled?0:void 0,className:d,onClick:e.onClick,...c,children:u})}exports.List=o,exports.ListRow=s;
+module.exports = require("../../src/components/display/list.cjs")

package/dist/components/display/list.js

@@ -1,62 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { ChevronRightIcon as t } from "lucide-react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/display/list.tsx
-var a = {
-	sm: "px-3 py-2",
-	md: "px-4 py-3",
-	lg: "px-5 py-4"
-};
-function o({ items: t, bordered: n = !0, split: a = !0, size: o = "md", renderItem: c, className: l, children: u, ...d }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "list",
-		className: e("overflow-hidden bg-card", n && "rounded-lg border", l),
-		...d,
-		children: [t?.map((e, t) => c?.(e, t) ?? /* @__PURE__ */ r(s, {
-			item: e,
-			split: a,
-			size: o
-		}, e.key)), u]
-	});
-}
-function s({ item: o, split: s = !0, size: c = "md", className: l, ...u }) {
-	let d = !!(o.href || o.onClick), f = /* @__PURE__ */ i(n, { children: [
-		o.avatar && /* @__PURE__ */ r("div", {
-			className: "shrink-0",
-			children: o.avatar
-		}),
-		/* @__PURE__ */ i("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ r("div", {
-				className: "truncate text-sm font-medium text-foreground",
-				children: o.title
-			}), o.description && /* @__PURE__ */ r("div", {
-				className: "mt-0.5 line-clamp-2 text-sm text-muted-foreground",
-				children: o.description
-			})]
-		}),
-		o.extra && /* @__PURE__ */ r("div", {
-			className: "shrink-0 text-sm text-muted-foreground",
-			children: o.extra
-		}),
-		d && /* @__PURE__ */ r(t, { className: "size-4 shrink-0 text-muted-foreground" })
-	] }), p = e("flex items-center gap-3 bg-card transition-colors", a[c], s && "border-b last:border-b-0", d && !o.disabled && "cursor-pointer hover:bg-muted/50", o.disabled && "pointer-events-none opacity-55", l);
-	return o.href ? /* @__PURE__ */ r("a", {
-		"data-slot": "list-row",
-		href: o.href,
-		className: p,
-		...u,
-		children: f
-	}) : /* @__PURE__ */ r("div", {
-		"data-slot": "list-row",
-		role: d ? "button" : void 0,
-		tabIndex: d && !o.disabled ? 0 : void 0,
-		className: p,
-		onClick: o.onClick,
-		...u,
-		children: f
-	});
-}
-//#endregion
-export { o as List, s as ListRow };
+export * from "../../src/components/display/list.js"

package/dist/components/display/progress.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={default:`bg-primary`,success:`bg-emerald-500`,info:`bg-blue-500`,warning:`bg-amber-500`,danger:`bg-destructive`,muted:`bg-muted-foreground`},o={sm:`h-1.5`,default:`h-2`,lg:`h-3`};function s(e,t,n){return Math.min(Math.max(e,t),n)}function c(e,t,n){return e==null||!Number.isFinite(e)||n<=t?0:(s(e,t,n)-t)/(n-t)*100}function l({value:e=0,min:n=0,max:r=100,label:s,description:l,showValue:u=!1,valueFormatter:d,tone:f=`default`,size:p=`default`,indeterminate:m=!1,className:h,trackClassName:g,indicatorClassName:_,...v}){let y=c(e,n,r),b=e??n;return(0,i.jsxs)(`div`,{"data-slot":`progress`,className:t.cn(`grid gap-1.5`,h),...v,children:[(s||l||u)&&(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3 text-sm`,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[s&&(0,i.jsx)(`div`,{className:`font-medium leading-none`,children:s}),l&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:l})]}),u&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs font-medium text-muted-foreground`,children:d?d(b,y):`${Math.round(y)}%`})]}),(0,i.jsx)(`div`,{"data-slot":`progress-track`,className:t.cn(`w-full overflow-hidden rounded-full bg-muted`,o[p],g),role:`progressbar`,"aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":m?void 0:b,"aria-label":typeof s==`string`?s:void 0,children:(0,i.jsx)(`div`,{"data-slot":`progress-indicator`,"data-indeterminate":m||void 0,className:t.cn(`h-full rounded-full transition-all data-[indeterminate=true]:w-1/3 data-[indeterminate=true]:animate-pulse`,a[f],_),style:m?void 0:{width:`${y}%`}})})]})}function u({title:e,description:r,value:a,min:o,max:s,tone:c,size:u,showValue:d=!0,valueFormatter:f,footer:p,progressClassName:m,className:h,...g}){return(0,i.jsxs)(n.Card,{"data-slot":`progress-card`,className:t.cn(`min-w-0`,h),...g,children:[(0,i.jsx)(n.CardHeader,{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})]})}),(0,i.jsxs)(n.CardContent,{className:`space-y-3`,children:[(0,i.jsx)(l,{value:a,min:o,max:s,tone:c,size:u,showValue:d,valueFormatter:f,className:m}),p]})]})}exports.Progress=l,exports.ProgressCard=u,exports.getProgressPercent=c;
+module.exports = require("../../src/components/display/progress.cjs")

package/dist/components/display/progress.js

@@ -1,86 +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/progress.tsx
-var c = {
-	default: "bg-primary",
-	success: "bg-emerald-500",
-	info: "bg-blue-500",
-	warning: "bg-amber-500",
-	danger: "bg-destructive",
-	muted: "bg-muted-foreground"
-}, l = {
-	sm: "h-1.5",
-	default: "h-2",
-	lg: "h-3"
-};
-function u(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
-function d(e, t, n) {
-	return e == null || !Number.isFinite(e) || n <= t ? 0 : (u(e, t, n) - t) / (n - t) * 100;
-}
-function f({ value: t = 0, min: n = 0, max: r = 100, label: i, description: a, showValue: u = !1, valueFormatter: f, tone: p = "default", size: m = "default", indeterminate: h = !1, className: g, trackClassName: _, indicatorClassName: v, ...y }) {
-	let b = d(t, n, r), x = t ?? n;
-	return /* @__PURE__ */ s("div", {
-		"data-slot": "progress",
-		className: e("grid gap-1.5", g),
-		...y,
-		children: [(i || a || u) && /* @__PURE__ */ s("div", {
-			className: "flex min-w-0 items-start justify-between gap-3 text-sm",
-			children: [/* @__PURE__ */ s("div", {
-				className: "min-w-0 space-y-0.5",
-				children: [i && /* @__PURE__ */ o("div", {
-					className: "font-medium leading-none",
-					children: i
-				}), a && /* @__PURE__ */ o("div", {
-					className: "text-xs text-muted-foreground",
-					children: a
-				})]
-			}), u && /* @__PURE__ */ o("div", {
-				className: "shrink-0 text-xs font-medium text-muted-foreground",
-				children: f ? f(x, b) : `${Math.round(b)}%`
-			})]
-		}), /* @__PURE__ */ o("div", {
-			"data-slot": "progress-track",
-			className: e("w-full overflow-hidden rounded-full bg-muted", l[m], _),
-			role: "progressbar",
-			"aria-valuemin": n,
-			"aria-valuemax": r,
-			"aria-valuenow": h ? void 0 : x,
-			"aria-label": typeof i == "string" ? i : void 0,
-			children: /* @__PURE__ */ o("div", {
-				"data-slot": "progress-indicator",
-				"data-indeterminate": h || void 0,
-				className: e("h-full rounded-full transition-all data-[indeterminate=true]:w-1/3 data-[indeterminate=true]:animate-pulse", c[p], v),
-				style: h ? void 0 : { width: `${b}%` }
-			})
-		})]
-	});
-}
-function p({ title: c, description: l, value: u, min: d, max: p, tone: m, size: h, showValue: g = !0, valueFormatter: _, footer: v, progressClassName: y, className: b, ...x }) {
-	return /* @__PURE__ */ s(t, {
-		"data-slot": "progress-card",
-		className: e("min-w-0", b),
-		...x,
-		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
-			className: "min-w-0 space-y-1",
-			children: [c && /* @__PURE__ */ o(a, { children: c }), l && /* @__PURE__ */ o(r, { children: l })]
-		}) }), /* @__PURE__ */ s(n, {
-			className: "space-y-3",
-			children: [/* @__PURE__ */ o(f, {
-				value: u,
-				min: d,
-				max: p,
-				tone: m,
-				size: h,
-				showValue: g,
-				valueFormatter: _,
-				className: y
-			}), v]
-		})]
-	});
-}
-//#endregion
-export { f as Progress, p as ProgressCard, d as getProgressPercent };
+export * from "../../src/components/display/progress.js"

package/dist/components/display/qr-code.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("react/jsx-runtime");function i(e){let t=2166136261;for(let n=0;n<e.length;n+=1)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return t>>>0}function a(e,t,n){return e<7&&t<7||e<7&&t>20||e>20&&t<7?!1:((Math.imul(e+17,73856093)^Math.imul(t+31,19349663)^n)>>>0)%5<2}function o({x:e,y:t}){return(0,r.jsxs)(`g`,{children:[(0,r.jsx)(`rect`,{x:e,y:t,width:`7`,height:`7`,fill:`currentColor`}),(0,r.jsx)(`rect`,{x:e+1,y:t+1,width:`5`,height:`5`,fill:`white`}),(0,r.jsx)(`rect`,{x:e+2,y:t+2,width:`3`,height:`3`,fill:`currentColor`})]})}function s({value:e,cells:t=29,title:n}){let s=i(e),c=`0 0 ${t} ${t}`,l=Array.from({length:t},(e,t)=>t),u=Array.from({length:t},(e,t)=>t);return(0,r.jsxs)(`svg`,{role:`img`,"aria-label":n??e,viewBox:c,className:`size-full text-foreground`,shapeRendering:`crispEdges`,children:[(0,r.jsx)(`rect`,{width:t,height:t,fill:`white`}),(0,r.jsx)(o,{x:0,y:0}),(0,r.jsx)(o,{x:t-7,y:0}),(0,r.jsx)(o,{x:0,y:t-7}),l.map(e=>u.map(t=>a(e,t,s)?(0,r.jsx)(`rect`,{x:t,y:e,width:`1`,height:`1`,fill:`currentColor`},`${e}-${t}`):null))]})}function c({value:e,src:n,alt:i,size:a=160,cells:o=29,visualOnlyLabel:c=`Visual preview only. Provide src from a certified QR encoder for scan-critical use.`,className:l,...u}){return(0,r.jsxs)(`div`,{"data-slot":`qr-code`,className:t.cn(`inline-flex flex-col items-center gap-2 rounded-xl border bg-background p-3`,l),...u,children:[(0,r.jsx)(`div`,{className:`rounded-md bg-white p-2`,style:{width:a,height:a},children:n?(0,r.jsx)(`img`,{src:n,alt:i??e,width:a,height:a,className:`size-full rounded-sm object-contain`}):(0,r.jsx)(s,{value:e,cells:o,title:i})}),!n&&c&&(0,r.jsx)(`div`,{className:`max-w-48 text-center text-xs text-muted-foreground`,children:c})]})}exports.QRCode=c,exports.QRCodeSvg=s;
+module.exports = require("../../src/components/display/qr-code.cjs")

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

@@ -1,16 +1,18 @@
 import * as React from "react";
-export type QRCodeProps = React.ComponentProps<"div"> & {
+import type { QRCodeErrorCorrectionLevel } from "qrcode";
+export type QRCodeProps = Omit<React.ComponentProps<"div">, "children"> & {
     value: string;
     src?: string;
     alt?: string;
     size?: number;
-    cells?: number;
-    visualOnlyLabel?: React.ReactNode;
+    margin?: number;
+    errorCorrectionLevel?: QRCodeErrorCorrectionLevel;
+    foreground?: string;
+    background?: string;
+    loadingFallback?: React.ReactNode;
+    errorFallback?: React.ReactNode;
+    onError?: (error: Error) => void;
 };
-declare function QRCodeSvg({ value, cells, title }: {
-    value: string;
-    cells?: number;
-    title?: string;
-}): React.JSX.Element;
-declare function QRCode({ value, src, alt, size, cells, visualOnlyLabel, className, ...props }: QRCodeProps): React.JSX.Element;
+declare function QRCode({ value, src, alt, size, margin, errorCorrectionLevel, foreground, background, loadingFallback, errorFallback, onError, className, ...props }: QRCodeProps): React.JSX.Element;
+declare const QRCodeSvg: typeof QRCode;
 export { QRCode, QRCodeSvg };

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

@@ -1,103 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/display/qr-code.tsx
-function r(e) {
-	let t = 2166136261;
-	for (let n = 0; n < e.length; n += 1) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
-	return t >>> 0;
-}
-function i(e, t, n) {
-	return e < 7 && t < 7 || e < 7 && t > 20 || e > 20 && t < 7 ? !1 : ((Math.imul(e + 17, 73856093) ^ Math.imul(t + 31, 19349663) ^ n) >>> 0) % 5 < 2;
-}
-function a({ x: e, y: r }) {
-	return /* @__PURE__ */ n("g", { children: [
-		/* @__PURE__ */ t("rect", {
-			x: e,
-			y: r,
-			width: "7",
-			height: "7",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ t("rect", {
-			x: e + 1,
-			y: r + 1,
-			width: "5",
-			height: "5",
-			fill: "white"
-		}),
-		/* @__PURE__ */ t("rect", {
-			x: e + 2,
-			y: r + 2,
-			width: "3",
-			height: "3",
-			fill: "currentColor"
-		})
-	] });
-}
-function o({ value: e, cells: o = 29, title: s }) {
-	let c = r(e), l = `0 0 ${o} ${o}`, u = Array.from({ length: o }, (e, t) => t), d = Array.from({ length: o }, (e, t) => t);
-	return /* @__PURE__ */ n("svg", {
-		role: "img",
-		"aria-label": s ?? e,
-		viewBox: l,
-		className: "size-full text-foreground",
-		shapeRendering: "crispEdges",
-		children: [
-			/* @__PURE__ */ t("rect", {
-				width: o,
-				height: o,
-				fill: "white"
-			}),
-			/* @__PURE__ */ t(a, {
-				x: 0,
-				y: 0
-			}),
-			/* @__PURE__ */ t(a, {
-				x: o - 7,
-				y: 0
-			}),
-			/* @__PURE__ */ t(a, {
-				x: 0,
-				y: o - 7
-			}),
-			u.map((e) => d.map((n) => i(e, n, c) ? /* @__PURE__ */ t("rect", {
-				x: n,
-				y: e,
-				width: "1",
-				height: "1",
-				fill: "currentColor"
-			}, `${e}-${n}`) : null))
-		]
-	});
-}
-function s({ value: r, src: i, alt: a, size: s = 160, cells: c = 29, visualOnlyLabel: l = "Visual preview only. Provide src from a certified QR encoder for scan-critical use.", className: u, ...d }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "qr-code",
-		className: e("inline-flex flex-col items-center gap-2 rounded-xl border bg-background p-3", u),
-		...d,
-		children: [/* @__PURE__ */ t("div", {
-			className: "rounded-md bg-white p-2",
-			style: {
-				width: s,
-				height: s
-			},
-			children: i ? /* @__PURE__ */ t("img", {
-				src: i,
-				alt: a ?? r,
-				width: s,
-				height: s,
-				className: "size-full rounded-sm object-contain"
-			}) : /* @__PURE__ */ t(o, {
-				value: r,
-				cells: c,
-				title: a
-			})
-		}), !i && l && /* @__PURE__ */ t("div", {
-			className: "max-w-48 text-center text-xs text-muted-foreground",
-			children: l
-		})]
-	});
-}
-//#endregion
-export { s as QRCode, o as QRCodeSvg };
+export * from "../../src/components/display/qr-code.js"

package/dist/components/display/statistic.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("lucide-react"),a=require("react/jsx-runtime");function o({label:e,value:n,prefix:r,suffix:o,description:s,trend:c=`neutral`,change:l,loading:u=!1,className:d,...f}){let p=c===`up`?(0,a.jsx)(i.ArrowUpIcon,{className:`size-3`}):c===`down`?(0,a.jsx)(i.ArrowDownIcon,{className:`size-3`}):null;return(0,a.jsxs)(`div`,{"data-slot":`statistic`,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium`,c===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,c===`down`&&`bg-destructive/10 text-destructive`,c===`neutral`&&`bg-muted text-muted-foreground`),children:[p,l]}),s&&(0,a.jsx)(`span`,{children:s})]})]})}function s({action:e,label:t,value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d,className:f,...p}){return(0,a.jsxs)(n.Card,{"data-slot":`statistic-card`,className:f,...p,children:[(0,a.jsxs)(n.CardHeader,{className:`flex flex-row items-center justify-between gap-3 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:t}),e]}),(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(o,{label:(0,a.jsx)(`span`,{className:`sr-only`,children:t}),value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d})})]})}function c({columns:e=4,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`statistic-grid`,className:t.cn(`grid gap-4`,e===1&&`grid-cols-1`,e===2&&`grid-cols-1 sm:grid-cols-2`,e===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,e===4&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`,n),...r})}exports.Statistic=o,exports.StatisticCard=s,exports.StatisticGrid=c;
+module.exports = require("../../src/components/display/statistic.cjs")

package/dist/components/display/statistic.js

@@ -1,79 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../ui/card/index.js";
-import "react";
-import { ArrowDownIcon as a, ArrowUpIcon as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/display/statistic.tsx
-function u({ label: t, value: n, prefix: r, suffix: i, description: u, trend: d = "neutral", change: f, loading: p = !1, className: m, ...h }) {
-	let g = d === "up" ? /* @__PURE__ */ c(o, { className: "size-3" }) : d === "down" ? /* @__PURE__ */ c(a, { className: "size-3" }) : null;
-	return /* @__PURE__ */ l("div", {
-		"data-slot": "statistic",
-		className: e("grid gap-1", m),
-		...h,
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "text-sm text-muted-foreground",
-				children: t
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "flex flex-wrap items-baseline gap-1.5",
-				children: p ? /* @__PURE__ */ c("div", { className: "h-8 w-28 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ l(s, { children: [
-					r && /* @__PURE__ */ c("span", {
-						className: "text-base text-muted-foreground",
-						children: r
-					}),
-					/* @__PURE__ */ c("span", {
-						className: "text-2xl font-semibold tracking-tight",
-						children: n
-					}),
-					i && /* @__PURE__ */ c("span", {
-						className: "text-sm text-muted-foreground",
-						children: i
-					})
-				] })
-			}),
-			(u || f) && /* @__PURE__ */ l("div", {
-				className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
-				children: [f && /* @__PURE__ */ l("span", {
-					className: e("inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium", d === "up" && "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", d === "down" && "bg-destructive/10 text-destructive", d === "neutral" && "bg-muted text-muted-foreground"),
-					children: [g, f]
-				}), u && /* @__PURE__ */ c("span", { children: u })]
-			})
-		]
-	});
-}
-function d({ action: e, label: a, value: o, prefix: s, suffix: d, description: f, trend: p, change: m, loading: h, className: g, ..._ }) {
-	return /* @__PURE__ */ l(t, {
-		"data-slot": "statistic-card",
-		className: g,
-		..._,
-		children: [/* @__PURE__ */ l(r, {
-			className: "flex flex-row items-center justify-between gap-3 pb-2",
-			children: [/* @__PURE__ */ c(i, {
-				className: "text-sm font-medium text-muted-foreground",
-				children: a
-			}), e]
-		}), /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(u, {
-			label: /* @__PURE__ */ c("span", {
-				className: "sr-only",
-				children: a
-			}),
-			value: o,
-			prefix: s,
-			suffix: d,
-			description: f,
-			trend: p,
-			change: m,
-			loading: h
-		}) })]
-	});
-}
-function f({ columns: t = 4, className: n, ...r }) {
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "statistic-grid",
-		className: e("grid gap-4", t === 1 && "grid-cols-1", t === 2 && "grid-cols-1 sm:grid-cols-2", t === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", t === 4 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4", n),
-		...r
-	});
-}
-//#endregion
-export { u as Statistic, d as StatisticCard, f as StatisticGrid };
+export * from "../../src/components/display/statistic.js"

package/dist/components/display/status-dot.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("react/jsx-runtime");var i={neutral:`bg-foreground`,info:`bg-blue-500`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,muted:`bg-muted-foreground`},a={sm:`size-1.5`,default:`size-2`,lg:`size-2.5`};function o({className:e,tone:n=`neutral`,pulse:o=!1,label:s,size:c=`default`,...l}){let u=(0,r.jsxs)(`span`,{className:`relative inline-flex shrink-0 items-center justify-center`,children:[o?(0,r.jsx)(`span`,{className:t.cn(`absolute inline-flex size-full animate-ping rounded-full opacity-35`,i[n])}):null,(0,r.jsx)(`span`,{"data-slot":`status-dot-indicator`,className:t.cn(`relative rounded-full`,a[c],i[n])})]});return(0,r.jsxs)(`span`,{"data-slot":`status-dot`,className:t.cn(`inline-flex items-center gap-2 text-sm text-muted-foreground`,e),...l,children:[u,s?(0,r.jsx)(`span`,{"data-slot":`status-dot-label`,children:s}):null]})}exports.StatusDot=o;
+module.exports = require("../../src/components/display/status-dot.cjs")

package/dist/components/display/status-dot.js

@@ -1,36 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/display/status-dot.tsx
-var r = {
-	neutral: "bg-foreground",
-	info: "bg-blue-500",
-	success: "bg-emerald-500",
-	warning: "bg-amber-500",
-	danger: "bg-destructive",
-	muted: "bg-muted-foreground"
-}, i = {
-	sm: "size-1.5",
-	default: "size-2",
-	lg: "size-2.5"
-};
-function a({ className: a, tone: o = "neutral", pulse: s = !1, label: c, size: l = "default", ...u }) {
-	let d = /* @__PURE__ */ n("span", {
-		className: "relative inline-flex shrink-0 items-center justify-center",
-		children: [s ? /* @__PURE__ */ t("span", { className: e("absolute inline-flex size-full animate-ping rounded-full opacity-35", r[o]) }) : null, /* @__PURE__ */ t("span", {
-			"data-slot": "status-dot-indicator",
-			className: e("relative rounded-full", i[l], r[o])
-		})]
-	});
-	return /* @__PURE__ */ n("span", {
-		"data-slot": "status-dot",
-		className: e("inline-flex items-center gap-2 text-sm text-muted-foreground", a),
-		...u,
-		children: [d, c ? /* @__PURE__ */ t("span", {
-			"data-slot": "status-dot-label",
-			children: c
-		}) : null]
-	});
-}
-//#endregion
-export { a as StatusDot };
+export * from "../../src/components/display/status-dot.js"

package/dist/components/display/status-legend.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"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`bg-primary`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,info:`bg-blue-500`,muted:`bg-muted-foreground`};function s({title:e,description:i,actions:s,items:c,orientation:l=`vertical`,compact:u=!1,showCounts:d=!0,contentClassName:f,itemClassName:p,className:m,...h}){let g=c.filter(e=>!e.hidden),_=!!(e||i||s),v={vertical:`grid`,horizontal:`flex flex-wrap`,grid:`grid sm:grid-cols-2`};return(0,a.jsxs)(n.Card,{"data-slot":`status-legend`,className:t.cn(`min-w-0 border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_92%,white_8%)] shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_96%,black_4%)]`,m),...h,children:[_&&(0,a.jsx)(n.CardHeader,{className:t.cn(`pb-3`,u&&`p-4 pb-2`),children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,a.jsx)(n.CardTitle,{className:`text-base tracking-tight`,children:e}),i&&(0,a.jsx)(n.CardDescription,{className:`leading-6`,children:i})]}),s&&(0,a.jsx)(`div`,{className:`shrink-0`,children:s})]})}),(0,a.jsx)(n.CardContent,{className:t.cn(`gap-3`,v[l],u?`p-4 pt-2`:`pt-0`,f),children:g.map(e=>(0,a.jsxs)(`div`,{"data-slot":`status-legend-item`,"data-tone":e.tone??`default`,className:t.cn(`flex min-w-0 items-start justify-between gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] p-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.35)] transition hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))]`,u&&`p-2.5`,p,e.className),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon?(0,a.jsx)(`span`,{className:`mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-xl bg-[color:var(--aui-page-bg)] text-muted-foreground [&_svg]:size-4`,children:e.icon}):(0,a.jsx)(`span`,{className:t.cn(`mt-1.5 size-2.5 shrink-0 rounded-full shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-page-bg)_72%,transparent)]`,o[e.tone??`default`])}),(0,a.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,a.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]}),d&&e.count!==void 0&&(0,a.jsx)(r.Badge,{variant:`secondary`,className:`shrink-0 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-2.5 py-1 shadow-sm`,children:e.count})]},e.key))})]})}exports.StatusLegend=s;
+module.exports = require("../../src/components/display/status-legend.cjs")

package/dist/components/display/status-legend.js

@@ -1,74 +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 { Badge as o } from "../ui/badge/index.js";
-import "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/display/status-legend.tsx
-var l = {
-	default: "bg-primary",
-	success: "bg-emerald-500",
-	warning: "bg-amber-500",
-	danger: "bg-destructive",
-	info: "bg-blue-500",
-	muted: "bg-muted-foreground"
-};
-function u({ title: u, description: d, actions: f, items: p, orientation: m = "vertical", compact: h = !1, showCounts: g = !0, contentClassName: _, itemClassName: v, className: y, ...b }) {
-	let x = p.filter((e) => !e.hidden), S = !!(u || d || f), C = {
-		vertical: "grid",
-		horizontal: "flex flex-wrap",
-		grid: "grid sm:grid-cols-2"
-	};
-	return /* @__PURE__ */ c(t, {
-		"data-slot": "status-legend",
-		className: e("min-w-0 border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_92%,white_8%)] shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_96%,black_4%)]", y),
-		...b,
-		children: [S && /* @__PURE__ */ s(i, {
-			className: e("pb-3", h && "p-4 pb-2"),
-			children: /* @__PURE__ */ c("div", {
-				className: "flex min-w-0 items-start justify-between gap-3",
-				children: [/* @__PURE__ */ c("div", {
-					className: "min-w-0 space-y-1",
-					children: [u && /* @__PURE__ */ s(a, {
-						className: "text-base tracking-tight",
-						children: u
-					}), d && /* @__PURE__ */ s(r, {
-						className: "leading-6",
-						children: d
-					})]
-				}), f && /* @__PURE__ */ s("div", {
-					className: "shrink-0",
-					children: f
-				})]
-			})
-		}), /* @__PURE__ */ s(n, {
-			className: e("gap-3", C[m], h ? "p-4 pt-2" : "pt-0", _),
-			children: x.map((t) => /* @__PURE__ */ c("div", {
-				"data-slot": "status-legend-item",
-				"data-tone": t.tone ?? "default",
-				className: e("flex min-w-0 items-start justify-between gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] p-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.35)] transition hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))]", h && "p-2.5", v, t.className),
-				children: [/* @__PURE__ */ c("div", {
-					className: "flex min-w-0 items-start gap-2",
-					children: [t.icon ? /* @__PURE__ */ s("span", {
-						className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-xl bg-[color:var(--aui-page-bg)] text-muted-foreground [&_svg]:size-4",
-						children: t.icon
-					}) : /* @__PURE__ */ s("span", { className: e("mt-1.5 size-2.5 shrink-0 rounded-full shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-page-bg)_72%,transparent)]", l[t.tone ?? "default"]) }), /* @__PURE__ */ c("div", {
-						className: "min-w-0 space-y-0.5",
-						children: [/* @__PURE__ */ s("div", {
-							className: "truncate text-sm font-medium text-foreground",
-							children: t.label
-						}), t.description && /* @__PURE__ */ s("div", {
-							className: "text-xs leading-5 text-muted-foreground",
-							children: t.description
-						})]
-					})]
-				}), g && t.count !== void 0 && /* @__PURE__ */ s(o, {
-					variant: "secondary",
-					className: "shrink-0 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-2.5 py-1 shadow-sm",
-					children: t.count
-				})]
-			}, t.key))
-		})]
-	});
-}
-//#endregion
-export { u as StatusLegend };
+export * from "../../src/components/display/status-legend.js"

package/dist/components/display/tag.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("lucide-react"),i=require("react/jsx-runtime");var a={neutral:`border-border bg-muted text-foreground`,info:`border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-900 dark:bg-sky-950 dark:text-sky-300`,success:`border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300`,warning:`border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300`,danger:`border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300`},o={sm:`h-6 px-2 text-xs`,default:`h-7 px-2.5 text-sm`,lg:`h-8 px-3 text-sm`};function s({tone:e=`neutral`,size:n=`default`,removable:s,selected:c,onRemove:l,removeLabel:u=`Remove tag`,className:d,children:f,onKeyDown:p,...m}){let h=e=>{t.stopInteractivePropagation(e),l?.()};return(0,i.jsxs)(`span`,{"data-slot":`tag`,"data-tone":e,"data-selected":c?`true`:void 0,tabIndex:s?0:m.tabIndex,className:t.cn(`inline-flex items-center gap-1.5 rounded-full border font-medium transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/35`,a[e],o[n],c&&`ring-2 ring-ring ring-offset-1`,d),onKeyDown:e=>{s&&(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),l?.()),p?.(e)},...m,children:[(0,i.jsx)(`span`,{children:f}),s&&(0,i.jsx)(`button`,{type:`button`,"aria-label":u,className:`-mr-1 inline-flex size-4 shrink-0 items-center justify-center rounded-full opacity-80 transition hover:bg-black/10 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/35 dark:hover:bg-white/10`,onClick:h,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,i.jsx)(r.XIcon,{className:`size-3`})})]})}function c(e){return(0,i.jsx)(s,{...e})}function l({gap:e=`default`,className:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`tag-group`,className:t.cn(`flex flex-wrap items-center`,e===`sm`&&`gap-1`,e==="default"&&`gap-2`,e===`lg`&&`gap-3`,n),...r})}exports.Chip=c,exports.Tag=s,exports.TagGroup=l;
+module.exports = require("../../src/components/display/tag.cjs")