tembro 3.1.1 → 3.1.6

package/dist/src/components/display/index.js

@@ -1,26 +1,20 @@
 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 { InfoCard as j } from "./info-card.js";
-import { VirtualList as M } from "./virtual-list.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, 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, M as VirtualList, h as getProgressPercent };
+import { ActivityFeed as t } from "./activity-feed.js";
+import { Avatar as n, AvatarGroup as r } from "./avatar.js";
+import { KanbanBoard as i } from "./kanban.js";
+import { CodeBlock as a } from "./code-block.js";
+import { DataState as o } from "./data-state.js";
+import { List as s, ListRow as c } from "./list.js";
+import { Progress as l, ProgressCard as u, getProgressPercent as d } from "./progress.js";
+import { Statistic as f, StatisticCard as p, StatisticGrid as m } from "./statistic.js";
+import { StatusDot as h } from "./status-dot.js";
+import { StatusLegend as g } from "./status-legend.js";
+import { Timeline as _ } from "./timeline.js";
+import { TreeView as v } from "./tree-view.js";
+import { InfoCard as y } from "./info-card.js";
+import { VirtualList as b } from "./virtual-list.js";
+import { QRCode as x, QRCodeSvg as S } from "./qr-code.js";
+import { Carousel as C, CarouselItem as w } from "./carousel.js";
+import { Chip as T, Tag as E, TagGroup as D } from "./tag.js";
+import { Blockquote as O, Heading as k, Mark as A, Spoiler as j, SpoilerSummary as M, Text as N } from "./typography.js";
+export { t as ActivityFeed, n as Avatar, r as AvatarGroup, O as Blockquote, C as Carousel, w as CarouselItem, T as Chip, a as CodeBlock, o as DataState, e as DescriptionList, k as Heading, y as InfoCard, i as KanbanBoard, s as List, c as ListRow, A as Mark, l as Progress, u as ProgressCard, x as QRCode, S as QRCodeSvg, j as Spoiler, M as SpoilerSummary, f as Statistic, p as StatisticCard, m as StatisticGrid, h as StatusDot, g as StatusLegend, E as Tag, D as TagGroup, N as Text, _ as Timeline, v as TreeView, b as VirtualList, d as getProgressPercent };

package/dist/src/components/display/info-card.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/skeleton/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4`,outline:`border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,elevated:`border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4`,ghost:`border-transparent bg-transparent shadow-none`},s={compact:`p-3`,default:`p-4`,comfortable:`p-5`},c={sm:`text-sm`,md:`text-base`,lg:`text-lg`};function l({eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g,orientation:_=`vertical`,variant:v=`outline`,size:y=`md`,density:b,compact:x,loading:S=!1,disabled:C=!1,selected:w=!1,interactive:T,className:E,classNames:D,renderHeader:O,renderMedia:k,renderContent:A,renderFooter:j,children:M,onClick:N,...P}){let F={eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g},I=!!(N||T),L=x?`compact`:b??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":w||void 0,"data-disabled":C||void 0,"data-loading":S||void 0,className:t.cn(`overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55`,o[v],I&&`cursor-pointer hover:bg-muted/35`,_===`horizontal`&&`flex`,E,D?.root),onClick:C?void 0:N,...P,children:S?(0,a.jsxs)(`div`,{className:t.cn(`grid gap-3`,s[L]),children:[(0,a.jsx)(r.Skeleton,{className:`h-5 w-1/2`}),(0,a.jsx)(r.SkeletonText,{rows:3})]}):(0,a.jsxs)(a.Fragment,{children:[u&&(k?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(`bg-muted/50`,_===`horizontal`?`w-40 shrink-0 border-r border-border/70`:`aspect-video border-b border-border/70`,D?.media),children:u})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,s[L],D?.body),children:[O?.(F)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,D?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[d&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,D?.icon),children:d}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:t.cn(`text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,D?.eyebrow),children:e}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i&&(0,a.jsx)(`div`,{"data-slot":`info-card-title`,className:t.cn(`truncate font-semibold tracking-tight text-foreground`,c[y],D?.title),children:i}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:D?.status,children:f})]}),l&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2 text-sm text-muted-foreground`,D?.description),children:l})]})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,D?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:p})]}),m&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:t.cn(`text-xs text-muted-foreground`,D?.meta),children:m}),(h||M)&&(A?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:D?.content,children:h??M})),g&&(j?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:t.cn(`border-t pt-3 text-sm text-muted-foreground`,D?.footer),children:g}))]})]})})}exports.InfoCard=l;
+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/skeleton/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:``,outline:``,elevated:``,ghost:``},s={compact:``,default:``,comfortable:``},c={sm:``,md:``,lg:``};function l({eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g,orientation:_=`vertical`,variant:v=`outline`,size:y=`md`,density:b,compact:x,loading:S=!1,disabled:C=!1,selected:w=!1,interactive:T,className:E,classNames:D,renderHeader:O,renderMedia:k,renderContent:A,renderFooter:j,children:M,onClick:N,...P}){let F={eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g},I=!!(N||T),L=x?`compact`:b??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":w||void 0,"data-disabled":C||void 0,"data-loading":S||void 0,"data-info-variant":v,"data-info-size":y,"data-info-density":L,"data-orientation":_,variant:v,size:y===`md`?`default`:y,density:L,interactive:I,selected:w,disabled:C,className:t.cn(`overflow-hidden`,o[v],_===`horizontal`&&`flex`,E,D?.root),onClick:C?void 0:N,...P,children:S?(0,a.jsxs)(`div`,{"data-slot":`info-card-loading`,className:`grid gap-3`,children:[(0,a.jsx)(r.Skeleton,{className:`h-5 w-1/2`}),(0,a.jsx)(r.SkeletonText,{rows:3})]}):(0,a.jsxs)(a.Fragment,{children:[u&&(k?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(_===`horizontal`?`w-40 shrink-0`:`aspect-video`,D?.media),children:u})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,s[L],D?.body),children:[O?.(F)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,D?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[d&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex shrink-0 items-center justify-center`,D?.icon),children:d}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:D?.eyebrow,children:e}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i&&(0,a.jsx)(`div`,{"data-slot":`info-card-title`,className:t.cn(`truncate`,c[y],D?.title),children:i}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:D?.status,children:f})]}),l&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2`,D?.description),children:l})]})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,D?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:p})]}),m&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:D?.meta,children:m}),(h||M)&&(A?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:D?.content,children:h??M})),g&&(j?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:D?.footer,children:g}))]})]})})}exports.InfoCard=l;

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

@@ -5,18 +5,18 @@ import "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/display/info-card.tsx
 var c = {
-	default: "border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4",
-	outline: "border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4",
-	elevated: "border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4",
-	ghost: "border-transparent bg-transparent shadow-none"
+	default: "",
+	outline: "",
+	elevated: "",
+	ghost: ""
 }, l = {
-	compact: "p-3",
-	default: "p-4",
-	comfortable: "p-5"
+	compact: "",
+	default: "",
+	comfortable: ""
 }, u = {
-	sm: "text-sm",
-	md: "text-base",
-	lg: "text-lg"
+	sm: "",
+	md: "",
+	lg: ""
 };
 function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g, actions: _, meta: v, content: y, footer: b, orientation: x = "vertical", variant: S = "outline", size: C = "md", density: w, compact: T, loading: E = !1, disabled: D = !1, selected: O = !1, interactive: k, className: A, classNames: j, renderHeader: M, renderMedia: N, renderContent: P, renderFooter: F, children: I, onClick: L, ...R }) {
 	let z = {
@@ -36,15 +36,26 @@ function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g,
 		"data-selected": O || void 0,
 		"data-disabled": D || void 0,
 		"data-loading": E || void 0,
-		className: e("overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55", c[S], B && "cursor-pointer hover:bg-muted/35", x === "horizontal" && "flex", A, j?.root),
+		"data-info-variant": S,
+		"data-info-size": C,
+		"data-info-density": V,
+		"data-orientation": x,
+		variant: S,
+		size: C === "md" ? "default" : C,
+		density: V,
+		interactive: B,
+		selected: O,
+		disabled: D,
+		className: e("overflow-hidden", c[S], x === "horizontal" && "flex", A, j?.root),
 		onClick: D ? void 0 : L,
 		...R,
 		children: E ? /* @__PURE__ */ s("div", {
-			className: e("grid gap-3", l[V]),
+			"data-slot": "info-card-loading",
+			className: "grid gap-3",
 			children: [/* @__PURE__ */ o(r, { className: "h-5 w-1/2" }), /* @__PURE__ */ o(i, { rows: 3 })]
 		}) : /* @__PURE__ */ s(a, { children: [m && (N?.(z) ?? /* @__PURE__ */ o("div", {
 			"data-slot": "info-card-media",
-			className: e("bg-muted/50", x === "horizontal" ? "w-40 shrink-0 border-r border-border/70" : "aspect-video border-b border-border/70", j?.media),
+			className: e(x === "horizontal" ? "w-40 shrink-0" : "aspect-video", j?.media),
 			children: m
 		})), /* @__PURE__ */ s("div", {
 			"data-slot": "info-card-body",
@@ -57,21 +68,21 @@ function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g,
 						className: "flex min-w-0 items-start gap-3",
 						children: [h && /* @__PURE__ */ o("div", {
 							"data-slot": "info-card-icon",
-							className: e("flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]", j?.icon),
+							className: e("flex shrink-0 items-center justify-center", j?.icon),
 							children: h
 						}), /* @__PURE__ */ s("div", {
 							className: "grid min-w-0 gap-1",
 							children: [
 								d && /* @__PURE__ */ o("div", {
 									"data-slot": "info-card-eyebrow",
-									className: e("text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground", j?.eyebrow),
+									className: j?.eyebrow,
 									children: d
 								}),
 								/* @__PURE__ */ s("div", {
 									className: "flex flex-wrap items-center gap-2",
 									children: [f && /* @__PURE__ */ o("div", {
 										"data-slot": "info-card-title",
-										className: e("truncate font-semibold tracking-tight text-foreground", u[C], j?.title),
+										className: e("truncate", u[C], j?.title),
 										children: f
 									}), g && /* @__PURE__ */ o("div", {
 										"data-slot": "info-card-status",
@@ -81,7 +92,7 @@ function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g,
 								}),
 								p && /* @__PURE__ */ o("div", {
 									"data-slot": "info-card-description",
-									className: e("line-clamp-2 text-sm text-muted-foreground", j?.description),
+									className: e("line-clamp-2", j?.description),
 									children: p
 								})
 							]
@@ -97,7 +108,7 @@ function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g,
 				}),
 				v && /* @__PURE__ */ o("div", {
 					"data-slot": "info-card-meta",
-					className: e("text-xs text-muted-foreground", j?.meta),
+					className: j?.meta,
 					children: v
 				}),
 				(y || I) && (P?.(z) ?? /* @__PURE__ */ o("div", {
@@ -107,7 +118,7 @@ function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g,
 				})),
 				b && (F?.(z) ?? /* @__PURE__ */ o("div", {
 					"data-slot": "info-card-footer",
-					className: e("border-t pt-3 text-sm text-muted-foreground", j?.footer),
+					className: j?.footer,
 					children: b
 				}))
 			]

package/dist/src/components/display/qr-code.cjs

@@ -0,0 +1 @@
+"use client";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({value:e,src:i,alt:a,size:o=160,margin:s=2,errorCorrectionLevel:c=`M`,foreground:l=`#111827`,background:u=`#ffffff`,loadingFallback:d=`Generating QR code...`,errorFallback:f=`QR code could not be generated.`,onError:p,className:m,...h}){let[g,_]=n.useState(``),[v,y]=n.useState(null);return n.useEffect(()=>{if(i)return;let t=!0;return _(``),y(null),import(`qrcode`).then(t=>{let n=t;return(n.default?.toString?n.default:n).toString(e,{type:`svg`,width:o,margin:s,errorCorrectionLevel:c,color:{dark:l,light:u}})}).then(e=>{t&&_(e)}).catch(e=>{if(!t)return;let n=e instanceof Error?e:Error(`QR code generation failed`);y(n),p?.(n)}),()=>{t=!1}},[u,c,l,s,p,o,i,e]),(0,r.jsx)(`div`,{"data-slot":`qr-code`,"data-state":v?`error`:i||g?`ready`:`loading`,className:t.cn(`inline-grid place-items-center`,m),style:{width:o,height:o},...h,children:i?(0,r.jsx)(`img`,{src:i,alt:a??e,width:o,height:o,className:`size-full object-contain`}):v?(0,r.jsx)(`div`,{role:`alert`,className:`p-3 text-center text-xs text-destructive`,children:f}):g?(0,r.jsx)(`div`,{role:`img`,"aria-label":a??`QR code for ${e}`,className:`size-full [&>svg]:size-full`,dangerouslySetInnerHTML:{__html:g}}):(0,r.jsx)(`div`,{role:`status`,className:`p-3 text-center text-xs text-muted-foreground`,children:d})})}var a=i;exports.QRCode=i,exports.QRCodeSvg=a;

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

@@ -0,0 +1,74 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/display/qr-code.tsx
+function r({ value: r, src: i, alt: a, size: o = 160, margin: s = 2, errorCorrectionLevel: c = "M", foreground: l = "#111827", background: u = "#ffffff", loadingFallback: d = "Generating QR code...", errorFallback: f = "QR code could not be generated.", onError: p, className: m, ...h }) {
+	let [g, _] = t.useState(""), [v, y] = t.useState(null);
+	return t.useEffect(() => {
+		if (i) return;
+		let e = !0;
+		return _(""), y(null), import("qrcode").then((e) => {
+			let t = e;
+			return (t.default?.toString ? t.default : t).toString(r, {
+				type: "svg",
+				width: o,
+				margin: s,
+				errorCorrectionLevel: c,
+				color: {
+					dark: l,
+					light: u
+				}
+			});
+		}).then((t) => {
+			e && _(t);
+		}).catch((t) => {
+			if (!e) return;
+			let n = t instanceof Error ? t : /* @__PURE__ */ Error("QR code generation failed");
+			y(n), p?.(n);
+		}), () => {
+			e = !1;
+		};
+	}, [
+		u,
+		c,
+		l,
+		s,
+		p,
+		o,
+		i,
+		r
+	]), /* @__PURE__ */ n("div", {
+		"data-slot": "qr-code",
+		"data-state": v ? "error" : i || g ? "ready" : "loading",
+		className: e("inline-grid place-items-center", m),
+		style: {
+			width: o,
+			height: o
+		},
+		...h,
+		children: i ? /* @__PURE__ */ n("img", {
+			src: i,
+			alt: a ?? r,
+			width: o,
+			height: o,
+			className: "size-full object-contain"
+		}) : v ? /* @__PURE__ */ n("div", {
+			role: "alert",
+			className: "p-3 text-center text-xs text-destructive",
+			children: f
+		}) : g ? /* @__PURE__ */ n("div", {
+			role: "img",
+			"aria-label": a ?? `QR code for ${r}`,
+			className: "size-full [&>svg]:size-full",
+			dangerouslySetInnerHTML: { __html: g }
+		}) : /* @__PURE__ */ n("div", {
+			role: "status",
+			className: "p-3 text-center text-xs text-muted-foreground",
+			children: d
+		})
+	});
+}
+var i = r;
+//#endregion
+export { r as QRCode, i as QRCodeSvg };

package/dist/src/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;
+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`,"data-loading":u||void 0,"data-trend":c,"aria-busy":u||void 0,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{"data-slot":`statistic-label`,className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{"data-slot":`statistic-value-row`,className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{"data-slot":`statistic-skeleton`,className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{"data-slot":`statistic-prefix`,className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{"data-slot":`statistic-value`,className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{"data-slot":`statistic-suffix`,className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{"data-slot":`statistic-meta`,className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{"data-slot":`statistic-change`,"data-trend":c,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`,{"data-slot":`statistic-description`,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,{"data-slot":`statistic-card-header`,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)(`div`,{"data-slot":`statistic-card-action`,children:e}):null]}),(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;

package/dist/src/components/display/statistic.js

@@ -8,36 +8,53 @@ function u({ label: t, value: n, prefix: r, suffix: i, description: u, trend: d
 	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",
+		"data-loading": p || void 0,
+		"data-trend": d,
+		"aria-busy": p || void 0,
 		className: e("grid gap-1", m),
 		...h,
 		children: [
 			/* @__PURE__ */ c("div", {
+				"data-slot": "statistic-label",
 				className: "text-sm text-muted-foreground",
 				children: t
 			}),
 			/* @__PURE__ */ c("div", {
+				"data-slot": "statistic-value-row",
 				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: [
+				children: p ? /* @__PURE__ */ c("div", {
+					"data-slot": "statistic-skeleton",
+					className: "h-8 w-28 animate-pulse rounded-md bg-muted"
+				}) : /* @__PURE__ */ l(s, { children: [
 					r && /* @__PURE__ */ c("span", {
+						"data-slot": "statistic-prefix",
 						className: "text-base text-muted-foreground",
 						children: r
 					}),
 					/* @__PURE__ */ c("span", {
+						"data-slot": "statistic-value",
 						className: "text-2xl font-semibold tracking-tight",
 						children: n
 					}),
 					i && /* @__PURE__ */ c("span", {
+						"data-slot": "statistic-suffix",
 						className: "text-sm text-muted-foreground",
 						children: i
 					})
 				] })
 			}),
 			(u || f) && /* @__PURE__ */ l("div", {
+				"data-slot": "statistic-meta",
 				className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
 				children: [f && /* @__PURE__ */ l("span", {
+					"data-slot": "statistic-change",
+					"data-trend": d,
 					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 })]
+				}), u && /* @__PURE__ */ c("span", {
+					"data-slot": "statistic-description",
+					children: u
+				})]
 			})
 		]
 	});
@@ -48,11 +65,15 @@ function d({ action: e, label: a, value: o, prefix: s, suffix: d, description: f
 		className: g,
 		..._,
 		children: [/* @__PURE__ */ l(r, {
+			"data-slot": "statistic-card-header",
 			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]
+			}), e ? /* @__PURE__ */ c("div", {
+				"data-slot": "statistic-card-action",
+				children: e
+			}) : null]
 		}), /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(u, {
 			label: /* @__PURE__ */ c("span", {
 				className: "sr-only",

package/dist/src/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;
+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-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_18%)] text-foreground`,info:`border-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_62%)] bg-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_84%)] text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),black_18%)] dark:text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),white_46%)]`,success:`border-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_58%)] bg-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_82%)] text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),black_16%)] dark:text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),white_42%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_76%)] text-[color:color-mix(in_oklch,var(--aui-warning-foreground,var(--foreground)),black_6%)] dark:text-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),white_32%)]`,danger:`border-[color:color-mix(in_oklch,var(--destructive),transparent_58%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_40%)]`},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-size":n,"data-removable":s||void 0,"data-selected":c?`true`:void 0,tabIndex:s?0:m.tabIndex,className:t.cn(`inline-flex max-w-full items-center gap-1.5 rounded-full border font-medium shadow-[inset_0_1px_0_color-mix(in_oklch,white,transparent_40%)] transition-[background-color,border-color,color,box-shadow] outline-none focus-visible:ring-3 focus-visible:ring-ring/35`,a[e],o[n],c&&`border-[color:var(--aui-control-border-strong,var(--ring))] ring-2 ring-ring/45 ring-offset-1`,d),onKeyDown:e=>{s&&(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),l?.()),p?.(e)},...m,children:[(0,i.jsx)(`span`,{className:`min-w-0 truncate`,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 bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/35`,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;

package/dist/src/components/display/tag.js

@@ -4,11 +4,11 @@ import { XIcon as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/display/tag.tsx
 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"
+	neutral: "border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_18%)] text-foreground",
+	info: "border-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_62%)] bg-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_84%)] text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),black_18%)] dark:text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),white_46%)]",
+	success: "border-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_58%)] bg-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_82%)] text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),black_16%)] dark:text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),white_42%)]",
+	warning: "border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_76%)] text-[color:color-mix(in_oklch,var(--aui-warning-foreground,var(--foreground)),black_6%)] dark:text-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),white_32%)]",
+	danger: "border-[color:color-mix(in_oklch,var(--destructive),transparent_58%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_40%)]"
 }, o = {
 	sm: "h-6 px-2 text-xs",
 	default: "h-7 px-2.5 text-sm",
@@ -21,17 +21,22 @@ function s({ tone: s = "neutral", size: c = "default", removable: l, selected: u
 	return /* @__PURE__ */ i("span", {
 		"data-slot": "tag",
 		"data-tone": s,
+		"data-size": c,
+		"data-removable": l || void 0,
 		"data-selected": u ? "true" : void 0,
 		tabIndex: l ? 0 : g.tabIndex,
-		className: e("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[s], o[c], u && "ring-2 ring-ring ring-offset-1", p),
+		className: e("inline-flex max-w-full items-center gap-1.5 rounded-full border font-medium shadow-[inset_0_1px_0_color-mix(in_oklch,white,transparent_40%)] transition-[background-color,border-color,color,box-shadow] outline-none focus-visible:ring-3 focus-visible:ring-ring/35", a[s], o[c], u && "border-[color:var(--aui-control-border-strong,var(--ring))] ring-2 ring-ring/45 ring-offset-1", p),
 		onKeyDown: (e) => {
 			l && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), d?.()), h?.(e);
 		},
 		...g,
-		children: [/* @__PURE__ */ r("span", { children: m }), l && /* @__PURE__ */ r("button", {
+		children: [/* @__PURE__ */ r("span", {
+			className: "min-w-0 truncate",
+			children: m
+		}), l && /* @__PURE__ */ r("button", {
 			type: "button",
 			"aria-label": f,
-			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",
+			className: "-mr-1 inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/35",
 			onClick: _,
 			onMouseDown: t,
 			onDoubleClick: t,

package/dist/src/components/display/typography.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({muted:e,size:n=`default`,className:i,...a}){return(0,r.jsx)(`p`,{className:t.cn(n===`sm`&&`text-sm`,n===`lg`&&`text-lg`,e&&`text-muted-foreground`,i),...a})}function a({level:e=2,className:n,...i}){return(0,r.jsx)(`h${e}`,{className:t.cn(`font-semibold tracking-tight`,e===1&&`text-4xl`,e===2&&`text-3xl`,e===3&&`text-2xl`,e===4&&`text-xl`,n),...i})}function o({className:e,...n}){return(0,r.jsx)(`blockquote`,{className:t.cn(`border-l-4 pl-4 italic text-muted-foreground`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`mark`,{className:t.cn(`rounded bg-amber-100 px-1 py-0.5 text-amber-950 dark:bg-amber-900 dark:text-amber-100`,e),...n})}function c({className:e,children:n,...i}){return(0,r.jsx)(`details`,{className:t.cn(`rounded-lg border bg-card p-3`,e),...i,children:n})}function l({className:e,...n}){return(0,r.jsx)(`summary`,{className:t.cn(`cursor-pointer font-medium`,e),...n})}exports.Blockquote=o,exports.Heading=a,exports.Mark=s,exports.Spoiler=c,exports.SpoilerSummary=l,exports.Text=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");function r({muted:e,size:t=`default`,className:r,...i}){return(0,n.jsx)(`p`,{"data-slot":`text`,"data-size":t,"data-muted":e||void 0,className:r,...i})}function i({level:e=2,className:t,...r}){return(0,n.jsx)(`h${e}`,{"data-slot":`heading`,"data-level":e,className:t,...r})}function a({className:e,...t}){return(0,n.jsx)(`blockquote`,{"data-slot":`blockquote`,className:e,...t})}function o({className:e,...t}){return(0,n.jsx)(`mark`,{"data-slot":`mark`,className:e,...t})}function s({className:e,children:t,...r}){return(0,n.jsx)(`details`,{"data-slot":`spoiler`,className:e,...r,children:t})}function c({className:e,...t}){return(0,n.jsx)(`summary`,{"data-slot":`spoiler-summary`,className:e,...t})}exports.Blockquote=a,exports.Heading=i,exports.Mark=o,exports.Spoiler=s,exports.SpoilerSummary=c,exports.Text=r;

package/dist/src/components/display/typography.js

@@ -1,43 +1,51 @@
-import { cn as e } from "../../lib/utils.js";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 //#region src/components/display/typography.tsx
-function n({ muted: n, size: r = "default", className: i, ...a }) {
-	return /* @__PURE__ */ t("p", {
-		className: e(r === "sm" && "text-sm", r === "lg" && "text-lg", n && "text-muted-foreground", i),
-		...a
-	});
-}
-function r({ level: n = 2, className: r, ...i }) {
-	return /* @__PURE__ */ t(`h${n}`, {
-		className: e("font-semibold tracking-tight", n === 1 && "text-4xl", n === 2 && "text-3xl", n === 3 && "text-2xl", n === 4 && "text-xl", r),
+function t({ muted: t, size: n = "default", className: r, ...i }) {
+	return /* @__PURE__ */ e("p", {
+		"data-slot": "text",
+		"data-size": n,
+		"data-muted": t || void 0,
+		className: r,
 		...i
 	});
 }
-function i({ className: n, ...r }) {
-	return /* @__PURE__ */ t("blockquote", {
-		className: e("border-l-4 pl-4 italic text-muted-foreground", n),
+function n({ level: t = 2, className: n, ...r }) {
+	return /* @__PURE__ */ e(`h${t}`, {
+		"data-slot": "heading",
+		"data-level": t,
+		className: n,
 		...r
 	});
 }
-function a({ className: n, ...r }) {
-	return /* @__PURE__ */ t("mark", {
-		className: e("rounded bg-amber-100 px-1 py-0.5 text-amber-950 dark:bg-amber-900 dark:text-amber-100", n),
-		...r
+function r({ className: t, ...n }) {
+	return /* @__PURE__ */ e("blockquote", {
+		"data-slot": "blockquote",
+		className: t,
+		...n
 	});
 }
-function o({ className: n, children: r, ...i }) {
-	return /* @__PURE__ */ t("details", {
-		className: e("rounded-lg border bg-card p-3", n),
-		...i,
-		children: r
+function i({ className: t, ...n }) {
+	return /* @__PURE__ */ e("mark", {
+		"data-slot": "mark",
+		className: t,
+		...n
 	});
 }
-function s({ className: n, ...r }) {
-	return /* @__PURE__ */ t("summary", {
-		className: e("cursor-pointer font-medium", n),
-		...r
+function a({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ e("details", {
+		"data-slot": "spoiler",
+		className: t,
+		...r,
+		children: n
+	});
+}
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ e("summary", {
+		"data-slot": "spoiler-summary",
+		className: t,
+		...n
 	});
 }
 //#endregion
-export { i as Blockquote, r as Heading, a as Mark, o as Spoiler, s as SpoilerSummary, n as Text };
+export { r as Blockquote, n as Heading, i as Mark, a as Spoiler, o as SpoilerSummary, t as Text };

package/dist/src/components/feedback/page-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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e){switch(e){case`loading`:return(0,a.jsx)(i.Loader2Icon,{className:`size-8 animate-spin`});case`error`:return(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`});case`success`:return(0,a.jsx)(i.CheckCircle2Icon,{className:`size-8`});case`info`:return(0,a.jsx)(i.InfoIcon,{className:`size-8`});default:return(0,a.jsx)(i.SearchXIcon,{className:`size-8`})}}function s({tone:e=`empty`,title:n,description:r,icon:i,action:s,extra:c,compact:l=!1,className:u,...d}){return(0,a.jsxs)(`div`,{"data-slot":`page-state`,role:e===`error`?`alert`:`status`,className:t.cn(`flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4`,l?`gap-2 p-6`:`min-h-72 gap-4 p-10`,u),...d,children:[(0,a.jsx)(`div`,{className:`flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,children:i??o(e)}),(0,a.jsxs)(`div`,{className:`grid gap-1`,children:[n&&(0,a.jsx)(`div`,{className:`text-base font-semibold tracking-tight text-foreground`,children:n}),r&&(0,a.jsx)(`div`,{className:`max-w-md text-sm leading-6 text-muted-foreground`,children:r})]}),s||c?(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:[s,c]}):null]})}function c({retryLabel:e=`Retry`,onRetry:r,action:i,className:o,...c}){return(0,a.jsx)(s,{compact:!0,className:t.cn(`min-h-0`,o),action:i??(r?(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:r,children:e}):void 0),...c})}exports.InlineState=c,exports.PageState=s;
+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){switch(e){case`loading`:return(0,a.jsx)(i.Loader2Icon,{className:`size-8 animate-spin`});case`error`:return(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`});case`success`:return(0,a.jsx)(i.CheckCircle2Icon,{className:`size-8`});case`info`:return(0,a.jsx)(i.InfoIcon,{className:`size-8`});default:return(0,a.jsx)(i.SearchXIcon,{className:`size-8`})}}function s({tone:e=`empty`,title:n,description:r,icon:i,action:s,extra:c,compact:l=!1,className:u,...d}){return(0,a.jsxs)(`div`,{"data-slot":`page-state`,"data-tone":e,"data-compact":l||void 0,role:e===`error`?`alert`:`status`,"aria-live":e===`error`?`assertive`:`polite`,"aria-busy":e===`loading`||void 0,className:t.cn(`flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4`,l?`gap-2 p-6`:`min-h-72 gap-4 p-10`,u),...d,children:[(0,a.jsx)(`div`,{"data-slot":`page-state-icon`,className:`flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,children:i??o(e)}),(0,a.jsxs)(`div`,{"data-slot":`page-state-content`,className:`grid gap-1`,children:[n&&(0,a.jsx)(`div`,{"data-slot":`page-state-title`,className:`text-base font-semibold tracking-tight text-foreground`,children:n}),r&&(0,a.jsx)(`div`,{"data-slot":`page-state-description`,className:`max-w-md text-sm leading-6 text-muted-foreground`,children:r})]}),s||c?(0,a.jsxs)(`div`,{"data-slot":`page-state-actions`,className:`flex flex-wrap items-center justify-center gap-2`,children:[s,c]}):null]})}function c({retryLabel:e=`Retry`,onRetry:r,action:i,className:o,...c}){return(0,a.jsx)(s,{compact:!0,className:t.cn(`min-h-0`,o),action:i??(r?(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:r,children:e}):void 0),...c})}exports.InlineState=c,exports.PageState=s;

package/dist/src/components/feedback/page-state.js

@@ -16,25 +16,34 @@ function l(e) {
 function u({ tone: t = "empty", title: n, description: r, icon: i, action: a, extra: o, compact: u = !1, className: d, ...f }) {
 	return /* @__PURE__ */ c("div", {
 		"data-slot": "page-state",
+		"data-tone": t,
+		"data-compact": u || void 0,
 		role: t === "error" ? "alert" : "status",
+		"aria-live": t === "error" ? "assertive" : "polite",
+		"aria-busy": t === "loading" || void 0,
 		className: e("flex flex-col items-center justify-center rounded-[var(--radius-3xl)] border border-border/75 bg-card/96 text-center shadow-sm ring-1 ring-foreground/4", u ? "gap-2 p-6" : "min-h-72 gap-4 p-10", d),
 		...f,
 		children: [
 			/* @__PURE__ */ s("div", {
+				"data-slot": "page-state-icon",
 				className: "flex size-14 items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]",
 				children: i ?? l(t)
 			}),
 			/* @__PURE__ */ c("div", {
+				"data-slot": "page-state-content",
 				className: "grid gap-1",
 				children: [n && /* @__PURE__ */ s("div", {
+					"data-slot": "page-state-title",
 					className: "text-base font-semibold tracking-tight text-foreground",
 					children: n
 				}), r && /* @__PURE__ */ s("div", {
+					"data-slot": "page-state-description",
 					className: "max-w-md text-sm leading-6 text-muted-foreground",
 					children: r
 				})]
 			}),
 			a || o ? /* @__PURE__ */ c("div", {
+				"data-slot": "page-state-actions",
 				className: "flex flex-wrap items-center justify-center gap-2",
 				children: [a, o]
 			}) : null

package/dist/src/components/form/form-field-shell.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");function a(e,t={}){let n=`${e}-label`,r=`${e}-description`,i=`${e}-error`;return{labelId:n,descriptionId:r,errorId:i,describedBy:[t.description?r:null,t.error?i:null].filter(Boolean).join(` `)||void 0}}var o={vertical:`grid gap-2`,horizontal:`grid gap-2 sm:grid-cols-[minmax(0,12rem)_1fr] sm:items-start sm:gap-5`,inline:`flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4`};function s({className:e,label:n,description:a,error:s,success:c,loading:l=!1,required:u=!1,htmlFor:d,labelId:f,descriptionId:p,errorId:m,layout:h=`vertical`,descriptionPosition:g=`top`,labelAction:_,requiredIndicator:v=(0,i.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`}),errorIcon:y,showErrorIcon:b=!0,disabled:x=!1,readOnly:S=!1,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,children:O,...k}){let A=!!(n||_),j=a&&g===`top`,M=a&&g===`bottom`,N=y??(0,i.jsx)(r.AlertCircleIcon,{className:`size-3.5`}),P=A?(0,i.jsxs)(`div`,{"data-slot":`form-field-label-row`,className:t.cn(`flex min-w-0 items-center justify-between gap-3`,h===`inline`&&`sm:w-auto`,w),children:[n?(0,i.jsxs)(`label`,{"data-slot":`form-field-label`,htmlFor:d,id:f,className:t.cn(`min-w-0 text-sm font-semibold leading-none tracking-tight text-foreground`,x&&`cursor-not-allowed opacity-60`,S&&`opacity-80`,C),children:[n,u&&v]}):(0,i.jsx)(`span`,{}),_&&(0,i.jsx)(`div`,{"data-slot":`form-field-label-action`,className:`shrink-0 text-sm`,children:_})]}):null,F=a?(0,i.jsx)(`p`,{"data-slot":`form-field-description`,id:p,className:t.cn(`text-sm leading-6 text-muted-foreground`,x&&`opacity-60`,T),children:a}):null,I=(0,i.jsx)(`div`,{"data-slot":`form-field-content`,className:t.cn(`min-w-0 space-y-2`,D),children:O}),L=s?(0,i.jsxs)(`p`,{"data-slot":`form-field-error`,id:m,role:`alert`,"aria-live":`polite`,className:t.cn(`flex items-start gap-2 rounded-[min(var(--radius-xl),16px)] border border-destructive/18 bg-destructive/8 px-3 py-2 text-sm font-medium leading-6 text-destructive`,E),children:[b&&(0,i.jsx)(`span`,{className:`mt-1 shrink-0`,children:N}),(0,i.jsx)(`span`,{className:`min-w-0`,children:s})]}):null,R=c&&!s?(0,i.jsx)(`p`,{"data-slot":`form-field-success`,className:`rounded-[min(var(--radius-xl),16px)] border border-emerald-500/18 bg-emerald-500/8 px-3 py-2 text-sm font-medium leading-6 text-emerald-700 dark:text-emerald-300`,children:c}):null,z=l?(0,i.jsx)(`p`,{"data-slot":`form-field-loading`,className:`text-sm leading-6 text-muted-foreground`,children:`Loading...`}):null;return(0,i.jsx)(`div`,{"data-slot":`form-field-shell`,"data-layout":h,"data-invalid":!!s||void 0,"data-success":!!(c&&!s)||void 0,"data-loading":l||void 0,"data-disabled":x||void 0,"data-readonly":S||void 0,"aria-disabled":x||void 0,className:t.cn(o[h],`rounded-[var(--radius-2xl)]`,e),...k,children:h===`horizontal`?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:`grid gap-2 sm:pt-2.5`,children:[P,j&&F]}),(0,i.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[I,z,M&&F,R,L]})]}):h===`inline`?(0,i.jsxs)(i.Fragment,{children:[P,(0,i.jsxs)(`div`,{className:`grid min-w-0 flex-1 gap-2`,children:[j&&F,I,z,M&&F,R,L]})]}):(0,i.jsxs)(i.Fragment,{children:[P,j&&F,I,z,M&&F,R,L]})})}exports.FormFieldShell=s,exports.resolveFormFieldIds=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("lucide-react"),i=require("react/jsx-runtime");function a(e,t={}){let n=`${e}-label`,r=`${e}-description`,i=`${e}-error`;return{labelId:n,descriptionId:r,errorId:i,describedBy:[t.description?r:null,t.error?i:null].filter(Boolean).join(` `)||void 0}}var o={vertical:`grid gap-2`,horizontal:`grid gap-2 sm:grid-cols-[minmax(0,12rem)_1fr] sm:items-start sm:gap-5`,inline:`flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4`};function s({className:e,label:n,description:a,error:s,success:c,loading:l=!1,required:u=!1,htmlFor:d,labelId:f,descriptionId:p,errorId:m,layout:h=`vertical`,descriptionPosition:g=`top`,labelAction:_,requiredIndicator:v=(0,i.jsx)(`span`,{"data-slot":`form-field-required`,children:`*`}),errorIcon:y,showErrorIcon:b=!0,disabled:x=!1,readOnly:S=!1,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,children:O,...k}){let A=!!(n||_),j=a&&g===`top`,M=a&&g===`bottom`,N=y??(0,i.jsx)(r.AlertCircleIcon,{"data-icon":`error`}),P=A?(0,i.jsxs)(`div`,{"data-slot":`form-field-label-row`,className:t.cn(`flex min-w-0 items-center justify-between gap-3`,h===`inline`&&`sm:w-auto`,w),children:[n?(0,i.jsxs)(`label`,{"data-slot":`form-field-label`,htmlFor:d,id:f,className:t.cn(`min-w-0`,C),children:[n,u&&v]}):(0,i.jsx)(`span`,{}),_&&(0,i.jsx)(`div`,{"data-slot":`form-field-label-action`,className:`shrink-0 text-sm`,children:_})]}):null,F=a?(0,i.jsx)(`p`,{"data-slot":`form-field-description`,id:p,className:T,children:a}):null,I=(0,i.jsx)(`div`,{"data-slot":`form-field-content`,className:t.cn(`flex min-w-0 flex-col gap-2`,D),children:O}),L=s?(0,i.jsxs)(`p`,{"data-slot":`form-field-error`,id:m,role:`alert`,"aria-live":`polite`,className:t.cn(`flex items-start gap-2`,E),children:[b&&(0,i.jsx)(`span`,{"data-slot":`form-field-error-icon`,className:`shrink-0`,children:N}),(0,i.jsx)(`span`,{className:`min-w-0`,children:s})]}):null,R=c&&!s?(0,i.jsx)(`p`,{"data-slot":`form-field-success`,children:c}):null,z=l?(0,i.jsx)(`p`,{"data-slot":`form-field-loading`,children:`Loading...`}):null;return(0,i.jsx)(`div`,{"data-slot":`form-field-shell`,"data-layout":h,"data-invalid":!!s||void 0,"data-success":!!(c&&!s)||void 0,"data-loading":l||void 0,"data-disabled":x||void 0,"data-readonly":S||void 0,"aria-disabled":x||void 0,className:t.cn(o[h],e),...k,children:h===`horizontal`?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:`grid gap-2 sm:pt-2.5`,children:[P,j&&F]}),(0,i.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[I,z,M&&F,R,L]})]}):h===`inline`?(0,i.jsxs)(i.Fragment,{children:[P,(0,i.jsxs)(`div`,{className:`grid min-w-0 flex-1 gap-2`,children:[j&&F,I,z,M&&F,R,L]})]}):(0,i.jsxs)(i.Fragment,{children:[P,j&&F,I,z,M&&F,R,L]})})}exports.FormFieldShell=s,exports.resolveFormFieldIds=a;