tembro 3.1.17 → 4.0.0

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./description-list.cjs"),t=require("./activity-feed.cjs"),n=require("./avatar.cjs"),r=require("./kanban.cjs"),i=require("./code-block.cjs"),a=require("./data-state.cjs"),o=require("./list.cjs"),s=require("./progress.cjs"),c=require("./statistic.cjs"),l=require("./status-dot.cjs"),u=require("./status-legend.cjs"),d=require("./timeline.cjs"),f=require("./tree-view.cjs"),p=require("./info-card.cjs"),m=require("./virtual-list.cjs"),h=require("./qr-code.cjs"),g=require("./carousel.cjs"),_=require("./tag.cjs"),v=require("./typography.cjs");exports.ActivityFeed=t.ActivityFeed,exports.Avatar=n.Avatar,exports.AvatarGroup=n.AvatarGroup,exports.Blockquote=v.Blockquote,exports.Carousel=g.Carousel,exports.CarouselItem=g.CarouselItem,exports.Chip=_.Chip,exports.CodeBlock=i.CodeBlock,exports.DataState=a.DataState,exports.DescriptionList=e.DescriptionList,exports.Heading=v.Heading,exports.InfoCard=p.InfoCard,exports.KanbanBoard=r.KanbanBoard,exports.List=o.List,exports.ListRow=o.ListRow,exports.Mark=v.Mark,exports.Progress=s.Progress,exports.ProgressCard=s.ProgressCard,exports.QRCode=h.QRCode,exports.QRCodeSvg=h.QRCodeSvg,exports.Spoiler=v.Spoiler,exports.SpoilerSummary=v.SpoilerSummary,exports.Statistic=c.Statistic,exports.StatisticCard=c.StatisticCard,exports.StatisticGrid=c.StatisticGrid,exports.StatusDot=l.StatusDot,exports.StatusLegend=u.StatusLegend,exports.Tag=_.Tag,exports.TagGroup=_.TagGroup,exports.Text=v.Text,exports.Timeline=d.Timeline,exports.TreeView=f.TreeView,exports.VirtualList=m.VirtualList,exports.getProgressPercent=s.getProgressPercent;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-state.cjs"),t=require("./activity-feed.cjs"),n=require("./avatar.cjs"),r=require("./carousel.cjs"),i=require("./code-block.cjs"),a=require("./description-list.cjs"),o=require("./kanban.cjs"),s=require("./list.cjs"),c=require("./progress.cjs"),l=require("./statistic.cjs"),u=require("./status-dot.cjs"),d=require("./status-legend.cjs"),f=require("./timeline.cjs"),p=require("./tree-view.cjs"),m=require("./info-card.cjs"),h=require("./virtual-list.cjs"),g=require("./qr-code.cjs"),_=require("./tag.cjs"),v=require("./typography.cjs");exports.ActivityFeed=t.ActivityFeed,exports.Avatar=n.Avatar,exports.AvatarGroup=n.AvatarGroup,exports.Blockquote=v.Blockquote,exports.Carousel=r.Carousel,exports.CarouselItem=r.CarouselItem,exports.Chip=_.Chip,exports.CodeBlock=i.CodeBlock,exports.DataState=e.DataState,exports.DescriptionList=a.DescriptionList,exports.Heading=v.Heading,exports.InfoCard=m.InfoCard,exports.KanbanBoard=o.KanbanBoard,exports.List=s.List,exports.ListRow=s.ListRow,exports.Mark=v.Mark,exports.Progress=c.Progress,exports.ProgressCard=c.ProgressCard,exports.QRCode=g.QRCode,exports.QRCodeSvg=g.QRCodeSvg,exports.Spoiler=v.Spoiler,exports.SpoilerSummary=v.SpoilerSummary,exports.Statistic=l.Statistic,exports.StatisticCard=l.StatisticCard,exports.StatisticGrid=l.StatisticGrid,exports.StatusDot=u.StatusDot,exports.StatusLegend=d.StatusLegend,exports.Tag=_.Tag,exports.TagGroup=_.TagGroup,exports.Text=v.Text,exports.Timeline=f.Timeline,exports.TreeView=p.TreeView,exports.VirtualList=h.VirtualList,exports.getProgressPercent=c.getProgressPercent;

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

@@ -1,20 +1,20 @@
-import { DescriptionList as e } from "./description-list.js";
+import { DataState as e } from "./data-state.js";
 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 { Carousel as i, CarouselItem as a } from "./carousel.js";
+import { CodeBlock as o } from "./code-block.js";
+import { DescriptionList as s } from "./description-list.js";
+import { KanbanBoard as c } from "./kanban.js";
+import { List as l, ListRow as u } from "./list.js";
+import { Progress as d, ProgressCard as f, getProgressPercent as p } from "./progress.js";
+import { Statistic as m, StatisticCard as h, StatisticGrid as g } from "./statistic.js";
+import { StatusDot as _ } from "./status-dot.js";
+import { StatusLegend as v } from "./status-legend.js";
+import { Timeline as y } from "./timeline.js";
+import { TreeView as b } from "./tree-view.js";
+import { InfoCard as x } from "./info-card.js";
+import { VirtualList as S } from "./virtual-list.js";
+import { QRCode as C, QRCodeSvg as w } from "./qr-code.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 };
+export { t as ActivityFeed, n as Avatar, r as AvatarGroup, O as Blockquote, i as Carousel, a as CarouselItem, T as Chip, o as CodeBlock, e as DataState, s as DescriptionList, k as Heading, x as InfoCard, c as KanbanBoard, l as List, u as ListRow, A as Mark, d as Progress, f as ProgressCard, C as QRCode, w as QRCodeSvg, j as Spoiler, M as SpoilerSummary, m as Statistic, h as StatisticCard, g as StatisticGrid, _ as StatusDot, v as StatusLegend, E as Tag, D as TagGroup, N as Text, y as Timeline, b as TreeView, S as VirtualList, p 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:``,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;
+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={compact:`gap-2`,default:`gap-3`,comfortable:`gap-4`},s={sm:`text-sm font-semibold`,md:`text-base font-semibold`,lg:`text-lg font-semibold`};function c({eyebrow:e,title:i,description:c,media:l,icon:u,status:d,actions:f,meta:p,content:m,footer:h,orientation:g=`vertical`,variant:_=`outline`,size:v=`md`,density:y,compact:b,loading:x=!1,disabled:S=!1,selected:C=!1,interactive:w,className:T,classNames:E,renderHeader:D,renderMedia:O,renderContent:k,renderFooter:A,children:j,onClick:M,...N}){let P={eyebrow:e,title:i,description:c,media:l,icon:u,status:d,actions:f,meta:p,content:m,footer:h},F=!!(M||w),I=b?`compact`:y??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":C||void 0,"data-disabled":S||void 0,"data-loading":x||void 0,"data-info-variant":_,"data-info-size":v,"data-info-density":I,"data-orientation":g,variant:_,size:v===`md`?`default`:v,density:I,interactive:F,selected:C,disabled:S,className:t.cn(`overflow-hidden`,g===`horizontal`&&`flex`,T,E?.root),onClick:S?void 0:M,...N,children:x?(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:[l&&(O?.(P)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(g===`horizontal`?`w-40 shrink-0`:`aspect-video`,E?.media),children:l})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,o[I],E?.body),children:[D?.(P)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,E?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[u&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex shrink-0 items-center justify-center`,E?.icon),children:u}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:E?.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`,s[v],E?.title),children:i}),d&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:E?.status,children:d})]}),c&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2`,E?.description),children:c})]})]}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,E?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:f})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:E?.meta,children:p}),(m||j)&&(k?.(P)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:E?.content,children:m??j})),h&&(A?.(P)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:E?.footer,children:h}))]})]})})}exports.InfoCard=c;

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

@@ -5,125 +5,120 @@ 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: "",
-	outline: "",
-	elevated: "",
-	ghost: ""
+	compact: "gap-2",
+	default: "gap-3",
+	comfortable: "gap-4"
 }, l = {
-	compact: "",
-	default: "",
-	comfortable: ""
-}, u = {
-	sm: "",
-	md: "",
-	lg: ""
+	sm: "text-sm font-semibold",
+	md: "text-base font-semibold",
+	lg: "text-lg font-semibold"
 };
-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 = {
-		eyebrow: d,
-		title: f,
-		description: p,
-		media: m,
-		icon: h,
-		status: g,
-		actions: _,
-		meta: v,
-		content: y,
-		footer: b
-	}, B = !!(L || k), V = T ? "compact" : w ?? "default";
+function u({ eyebrow: u, title: d, description: f, media: p, icon: m, status: h, actions: g, meta: _, content: v, footer: y, orientation: b = "vertical", variant: x = "outline", size: S = "md", density: C, compact: w, loading: T = !1, disabled: E = !1, selected: D = !1, interactive: O, className: k, classNames: A, renderHeader: j, renderMedia: M, renderContent: N, renderFooter: P, children: F, onClick: I, ...L }) {
+	let R = {
+		eyebrow: u,
+		title: d,
+		description: f,
+		media: p,
+		icon: m,
+		status: h,
+		actions: g,
+		meta: _,
+		content: v,
+		footer: y
+	}, z = !!(I || O), B = w ? "compact" : C ?? "default";
 	return /* @__PURE__ */ o(n, {
 		"data-slot": "info-card",
-		"data-selected": O || void 0,
-		"data-disabled": D || void 0,
-		"data-loading": E || void 0,
-		"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", {
+		"data-selected": D || void 0,
+		"data-disabled": E || void 0,
+		"data-loading": T || void 0,
+		"data-info-variant": x,
+		"data-info-size": S,
+		"data-info-density": B,
+		"data-orientation": b,
+		variant: x,
+		size: S === "md" ? "default" : S,
+		density: B,
+		interactive: z,
+		selected: D,
+		disabled: E,
+		className: e("overflow-hidden", b === "horizontal" && "flex", k, A?.root),
+		onClick: E ? void 0 : I,
+		...L,
+		children: T ? /* @__PURE__ */ s("div", {
 			"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", {
+		}) : /* @__PURE__ */ s(a, { children: [p && (M?.(R) ?? /* @__PURE__ */ o("div", {
 			"data-slot": "info-card-media",
-			className: e(x === "horizontal" ? "w-40 shrink-0" : "aspect-video", j?.media),
-			children: m
+			className: e(b === "horizontal" ? "w-40 shrink-0" : "aspect-video", A?.media),
+			children: p
 		})), /* @__PURE__ */ s("div", {
 			"data-slot": "info-card-body",
-			className: e("grid min-w-0 flex-1 gap-3", l[V], j?.body),
+			className: e("grid min-w-0 flex-1 gap-3", c[B], A?.body),
 			children: [
-				M?.(z) ?? /* @__PURE__ */ s("div", {
+				j?.(R) ?? /* @__PURE__ */ s("div", {
 					"data-slot": "info-card-header",
-					className: e("flex items-start justify-between gap-3", j?.header),
+					className: e("flex items-start justify-between gap-3", A?.header),
 					children: [/* @__PURE__ */ s("div", {
 						className: "flex min-w-0 items-start gap-3",
-						children: [h && /* @__PURE__ */ o("div", {
+						children: [m && /* @__PURE__ */ o("div", {
 							"data-slot": "info-card-icon",
-							className: e("flex shrink-0 items-center justify-center", j?.icon),
-							children: h
+							className: e("flex shrink-0 items-center justify-center", A?.icon),
+							children: m
 						}), /* @__PURE__ */ s("div", {
 							className: "grid min-w-0 gap-1",
 							children: [
-								d && /* @__PURE__ */ o("div", {
+								u && /* @__PURE__ */ o("div", {
 									"data-slot": "info-card-eyebrow",
-									className: j?.eyebrow,
-									children: d
+									className: A?.eyebrow,
+									children: u
 								}),
 								/* @__PURE__ */ s("div", {
 									className: "flex flex-wrap items-center gap-2",
-									children: [f && /* @__PURE__ */ o("div", {
+									children: [d && /* @__PURE__ */ o("div", {
 										"data-slot": "info-card-title",
-										className: e("truncate", u[C], j?.title),
-										children: f
-									}), g && /* @__PURE__ */ o("div", {
+										className: e("truncate", l[S], A?.title),
+										children: d
+									}), h && /* @__PURE__ */ o("div", {
 										"data-slot": "info-card-status",
-										className: j?.status,
-										children: g
+										className: A?.status,
+										children: h
 									})]
 								}),
-								p && /* @__PURE__ */ o("div", {
+								f && /* @__PURE__ */ o("div", {
 									"data-slot": "info-card-description",
-									className: e("line-clamp-2", j?.description),
-									children: p
+									className: e("line-clamp-2", A?.description),
+									children: f
 								})
 							]
 						})]
-					}), _ && /* @__PURE__ */ o("div", {
+					}), g && /* @__PURE__ */ o("div", {
 						"data-slot": "info-card-actions",
-						className: e("shrink-0", j?.actions),
+						className: e("shrink-0", A?.actions),
 						onClick: t,
 						onMouseDown: t,
 						onDoubleClick: t,
-						children: _
+						children: g
 					})]
 				}),
-				v && /* @__PURE__ */ o("div", {
+				_ && /* @__PURE__ */ o("div", {
 					"data-slot": "info-card-meta",
-					className: j?.meta,
-					children: v
+					className: A?.meta,
+					children: _
 				}),
-				(y || I) && (P?.(z) ?? /* @__PURE__ */ o("div", {
+				(v || F) && (N?.(R) ?? /* @__PURE__ */ o("div", {
 					"data-slot": "info-card-content",
-					className: j?.content,
-					children: y ?? I
+					className: A?.content,
+					children: v ?? F
 				})),
-				b && (F?.(z) ?? /* @__PURE__ */ o("div", {
+				y && (P?.(R) ?? /* @__PURE__ */ o("div", {
 					"data-slot": "info-card-footer",
-					className: j?.footer,
-					children: b
+					className: A?.footer,
+					children: y
 				}))
 			]
 		})] })
 	});
 }
 //#endregion
-export { d as InfoCard };
+export { u as InfoCard };

package/dist/src/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-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]`,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-lg border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] p-3 transition hover:border-[color:var(--aui-control-hover-border,var(--ring))]`,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 ring-4 ring-background`,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-card-border,var(--border))] bg-background px-2.5 py-1 shadow-sm`,children:e.count})]},e.key))})]})}exports.StatusLegend=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/card/index.cjs"),i=require("./status-dot.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s={default:`neutral`,success:`success`,warning:`warning`,danger:`danger`,info:`info`,muted:`muted`};function c({title:e,description:a,actions:c,items:l,orientation:u=`vertical`,compact:d=!1,showCounts:f=!0,contentClassName:p,itemClassName:m,className:h,...g}){let _=l.filter(e=>!e.hidden),v=!!(e||a||c),y={vertical:`grid`,horizontal:`flex flex-wrap`,grid:`grid sm:grid-cols-2`};return(0,o.jsxs)(r.Card,{"data-slot":`status-legend`,className:t.cn(`min-w-0 border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]`,h),...g,children:[v&&(0,o.jsx)(r.CardHeader,{className:t.cn(`pb-3`,d&&`p-4 pb-2`),children:(0,o.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,o.jsx)(r.CardTitle,{className:`text-base tracking-tight`,children:e}),a&&(0,o.jsx)(r.CardDescription,{className:`leading-6`,children:a})]}),c&&(0,o.jsx)(`div`,{className:`shrink-0`,children:c})]})}),(0,o.jsx)(r.CardContent,{className:t.cn(`gap-3`,y[u],d?`p-4 pt-2`:`pt-0`,p),children:_.map(e=>(0,o.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-lg border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] p-3 transition hover:border-[color:var(--aui-control-hover-border,var(--ring))]`,d&&`p-2.5`,m,e.className),children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon?(0,o.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,o.jsx)(i.StatusDot,{className:`mt-1.5`,tone:s[e.tone??`default`],size:`lg`,"aria-label":typeof e.label==`string`?e.label:void 0}),(0,o.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,o.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,o.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]}),f&&e.count!==void 0&&(0,o.jsx)(n.Badge,{variant:`secondary`,className:`shrink-0 rounded-full border border-[color:var(--aui-card-border,var(--border))] bg-background px-2.5 py-1 shadow-sm`,children:e.count})]},e.key))})]})}exports.StatusLegend=c;

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

@@ -1,74 +1,80 @@
 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 { Badge as t } from "../ui/badge/index.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../ui/card/index.js";
+import { StatusDot as s } from "./status-dot.js";
 import "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as c, jsxs as l } 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"
+var u = {
+	default: "neutral",
+	success: "success",
+	warning: "warning",
+	danger: "danger",
+	info: "info",
+	muted: "muted"
 };
-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 = {
+function d({ title: d, description: f, actions: p, items: m, orientation: h = "vertical", compact: g = !1, showCounts: _ = !0, contentClassName: v, itemClassName: y, className: b, ...x }) {
+	let S = m.filter((e) => !e.hidden), C = !!(d || f || p), w = {
 		vertical: "grid",
 		horizontal: "flex flex-wrap",
 		grid: "grid sm:grid-cols-2"
 	};
-	return /* @__PURE__ */ c(t, {
+	return /* @__PURE__ */ l(n, {
 		"data-slot": "status-legend",
-		className: e("min-w-0 border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]", y),
-		...b,
-		children: [S && /* @__PURE__ */ s(i, {
-			className: e("pb-3", h && "p-4 pb-2"),
-			children: /* @__PURE__ */ c("div", {
+		className: e("min-w-0 border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,var(--aui-shadow-xs))]", b),
+		...x,
+		children: [C && /* @__PURE__ */ c(a, {
+			className: e("pb-3", g && "p-4 pb-2"),
+			children: /* @__PURE__ */ l("div", {
 				className: "flex min-w-0 items-start justify-between gap-3",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "min-w-0 space-y-1",
-					children: [u && /* @__PURE__ */ s(a, {
+					children: [d && /* @__PURE__ */ c(o, {
 						className: "text-base tracking-tight",
-						children: u
-					}), d && /* @__PURE__ */ s(r, {
-						className: "leading-6",
 						children: d
+					}), f && /* @__PURE__ */ c(i, {
+						className: "leading-6",
+						children: f
 					})]
-				}), f && /* @__PURE__ */ s("div", {
+				}), p && /* @__PURE__ */ c("div", {
 					className: "shrink-0",
-					children: f
+					children: p
 				})]
 			})
-		}), /* @__PURE__ */ s(n, {
-			className: e("gap-3", C[m], h ? "p-4 pt-2" : "pt-0", _),
-			children: x.map((t) => /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ c(r, {
+			className: e("gap-3", w[h], g ? "p-4 pt-2" : "pt-0", v),
+			children: S.map((n) => /* @__PURE__ */ l("div", {
 				"data-slot": "status-legend-item",
-				"data-tone": t.tone ?? "default",
-				className: e("flex min-w-0 items-start justify-between gap-3 rounded-lg border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] p-3 transition hover:border-[color:var(--aui-control-hover-border,var(--ring))]", h && "p-2.5", v, t.className),
-				children: [/* @__PURE__ */ c("div", {
+				"data-tone": n.tone ?? "default",
+				className: e("flex min-w-0 items-start justify-between gap-3 rounded-lg border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] p-3 transition hover:border-[color:var(--aui-control-hover-border,var(--ring))]", g && "p-2.5", y, n.className),
+				children: [/* @__PURE__ */ l("div", {
 					className: "flex min-w-0 items-start gap-2",
-					children: [t.icon ? /* @__PURE__ */ s("span", {
+					children: [n.icon ? /* @__PURE__ */ c("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 ring-4 ring-background", l[t.tone ?? "default"]) }), /* @__PURE__ */ c("div", {
+						children: n.icon
+					}) : /* @__PURE__ */ c(s, {
+						className: "mt-1.5",
+						tone: u[n.tone ?? "default"],
+						size: "lg",
+						"aria-label": typeof n.label == "string" ? n.label : void 0
+					}), /* @__PURE__ */ l("div", {
 						className: "min-w-0 space-y-0.5",
-						children: [/* @__PURE__ */ s("div", {
+						children: [/* @__PURE__ */ c("div", {
 							className: "truncate text-sm font-medium text-foreground",
-							children: t.label
-						}), t.description && /* @__PURE__ */ s("div", {
+							children: n.label
+						}), n.description && /* @__PURE__ */ c("div", {
 							className: "text-xs leading-5 text-muted-foreground",
-							children: t.description
+							children: n.description
 						})]
 					})]
-				}), g && t.count !== void 0 && /* @__PURE__ */ s(o, {
+				}), _ && n.count !== void 0 && /* @__PURE__ */ c(t, {
 					variant: "secondary",
 					className: "shrink-0 rounded-full border border-[color:var(--aui-card-border,var(--border))] bg-background px-2.5 py-1 shadow-sm",
-					children: t.count
+					children: n.count
 				})]
-			}, t.key))
+			}, n.key))
 		})]
 	});
 }
 //#endregion
-export { u as StatusLegend };
+export { d as StatusLegend };

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-[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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({tone:e=`neutral`,className:r,children:a,...o}){return(0,i.jsx)(n.Badge,{"data-slot":`tag`,tone:e,variant:`soft`,className:t.cn(`max-w-full rounded-full`,r),...o,children:a})}function o(e){return(0,i.jsx)(a,{...e})}function s({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=o,exports.Tag=a,exports.TagGroup=s;

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

@@ -1,58 +1,27 @@
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
 import "react";
-import { XIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/display/tag.tsx
-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: s = "neutral", size: c = "default", removable: l, selected: u, onRemove: d, removeLabel: f = "Remove tag", className: p, children: m, onKeyDown: h, ...g }) {
-	let _ = (e) => {
-		t(e), d?.();
-	};
-	return /* @__PURE__ */ i("span", {
+function r({ tone: r = "neutral", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ n(t, {
 		"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 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", {
-			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 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,
-			children: /* @__PURE__ */ r(n, { className: "size-3" })
-		})]
+		tone: r,
+		variant: "soft",
+		className: e("max-w-full rounded-full", i),
+		...o,
+		children: a
 	});
 }
-function c(e) {
-	return /* @__PURE__ */ r(s, { ...e });
+function i(e) {
+	return /* @__PURE__ */ n(r, { ...e });
 }
-function l({ gap: t = "default", className: n, ...i }) {
-	return /* @__PURE__ */ r("div", {
+function a({ gap: t = "default", className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
 		"data-slot": "tag-group",
-		className: e("flex flex-wrap items-center", t === "sm" && "gap-1", t === "default" && "gap-2", t === "lg" && "gap-3", n),
+		className: e("flex flex-wrap items-center", t === "sm" && "gap-1", t === "default" && "gap-2", t === "lg" && "gap-3", r),
 		...i
 	});
 }
 //#endregion
-export { c as Chip, s as Tag, l as TagGroup };
+export { i as Chip, r as Tag, a as TagGroup };

package/dist/src/components/feedback/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert.cjs"),t=require("./loading-state.cjs"),n=require("./page-state.cjs");exports.Alert=e.Alert,exports.InlineState=n.InlineState,exports.LoadingState=t.LoadingState,exports.PageState=n.PageState;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./state-view.cjs"),t=require("./loading-state.cjs"),n=require("./alert.cjs"),r=require("./page-state.cjs");exports.Alert=n.Alert,exports.InlineState=r.InlineState,exports.LoadingState=t.LoadingState,exports.PageState=r.PageState,exports.StateView=e.StateView;

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

@@ -1,4 +1,5 @@
-import { Alert as e } from "./alert.js";
+import { StateView as e } from "./state-view.js";
 import { LoadingState as t } from "./loading-state.js";
-import { InlineState as n, PageState as r } from "./page-state.js";
-export { e as Alert, n as InlineState, t as LoadingState, r as PageState };
+import { Alert as n } from "./alert.js";
+import { InlineState as r, PageState as i } from "./page-state.js";
+export { n as Alert, r as InlineState, t as LoadingState, i as PageState, e as StateView };

package/dist/src/components/feedback/loading-state.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({className:e,label:n=`Loading...`,description:a,icon:o,variant:s=`spinner`,progress:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`loading-state`,className:t.cn(`flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-border/75 bg-muted/25 p-10 text-center text-muted-foreground shadow-sm ring-1 ring-foreground/4`,e),...l,children:[s===`skeleton`?(0,i.jsxs)(`div`,{className:`grid gap-3`,children:[(0,i.jsx)(`div`,{className:`h-4 w-32 animate-pulse rounded bg-muted`}),(0,i.jsx)(`div`,{className:`h-24 w-64 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70`})]}):(0,i.jsx)(`div`,{className:`flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 shadow-[0_1px_0_rgba(255,255,255,0.08)]`,children:o??(0,i.jsx)(r.Loader2Icon,{className:`size-5 animate-spin`})}),(0,i.jsxs)(`div`,{className:`grid gap-1.5`,children:[n&&(0,i.jsx)(`div`,{className:`text-base font-semibold tracking-tight text-foreground`,children:n}),a&&(0,i.jsx)(`p`,{className:`max-w-sm text-sm leading-6`,children:a}),s===`progress`&&typeof c==`number`?(0,i.jsx)(`div`,{className:`mx-auto mt-2 h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.min(Math.max(c,0),100)}%`}})}):null]})]})}exports.LoadingState=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./state-view.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({label:e=`Loading...`,variant:n=`spinner`,...i}){return(0,r.jsx)(t.StateView,{status:`loading`,title:e,loadingVariant:n,slot:`loading-state`,...i})}exports.LoadingState=i;

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

@@ -1,40 +1,15 @@
-import { cn as e } from "../../lib/utils.js";
+import { StateView as e } from "./state-view.js";
 import "react";
-import { Loader2Icon as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/feedback/loading-state.tsx
-function i({ className: i, label: a = "Loading...", description: o, icon: s, variant: c = "spinner", progress: l, ...u }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "loading-state",
-		className: e("flex min-h-52 flex-col items-center justify-center gap-4 rounded-[var(--radius-3xl)] border border-border/75 bg-muted/25 p-10 text-center text-muted-foreground shadow-sm ring-1 ring-foreground/4", i),
-		...u,
-		children: [c === "skeleton" ? /* @__PURE__ */ r("div", {
-			className: "grid gap-3",
-			children: [/* @__PURE__ */ n("div", { className: "h-4 w-32 animate-pulse rounded bg-muted" }), /* @__PURE__ */ n("div", { className: "h-24 w-64 animate-pulse rounded-[min(var(--radius-xl),16px)] bg-muted/70" })]
-		}) : /* @__PURE__ */ n("div", {
-			className: "flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 shadow-[0_1px_0_rgba(255,255,255,0.08)]",
-			children: s ?? /* @__PURE__ */ n(t, { className: "size-5 animate-spin" })
-		}), /* @__PURE__ */ r("div", {
-			className: "grid gap-1.5",
-			children: [
-				a && /* @__PURE__ */ n("div", {
-					className: "text-base font-semibold tracking-tight text-foreground",
-					children: a
-				}),
-				o && /* @__PURE__ */ n("p", {
-					className: "max-w-sm text-sm leading-6",
-					children: o
-				}),
-				c === "progress" && typeof l == "number" ? /* @__PURE__ */ n("div", {
-					className: "mx-auto mt-2 h-2 w-full max-w-xs overflow-hidden rounded-full bg-muted/80",
-					children: /* @__PURE__ */ n("div", {
-						className: "h-full rounded-full bg-primary",
-						style: { width: `${Math.min(Math.max(l, 0), 100)}%` }
-					})
-				}) : null
-			]
-		})]
+function n({ label: n = "Loading...", variant: r = "spinner", ...i }) {
+	return /* @__PURE__ */ t(e, {
+		status: "loading",
+		title: n,
+		loadingVariant: r,
+		slot: "loading-state",
+		...i
 	});
 }
 //#endregion
-export { i as LoadingState };
+export { n as LoadingState };

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`,"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./state-view.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({tone:e=`empty`,action:t,extra:r,compact:a=!1,className:o,...s}){return(0,i.jsx)(n.StateView,{status:e,size:a?`compact`:`page`,actions:(0,i.jsxs)(i.Fragment,{children:[t,r]}),slot:`page-state`,className:o,...s})}function o({tone:e=`empty`,action:r,className:a,...o}){return(0,i.jsx)(n.StateView,{variant:`inline`,size:`compact`,actions:r,slot:`inline-state`,className:t.cn(`min-h-0`,a),...o,status:e})}exports.InlineState=o,exports.PageState=a;