@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/components/EmptyState.js

@@ -1,28 +1,24 @@
 import { cn as e } from "../utils/cn.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { IllustratedEmptyState as r } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/components/EmptyState.tsx
-var r = ({ icon: r, title: i, description: a, action: o, className: s }) => /* @__PURE__ */ n("div", {
-	className: e("flex flex-col items-center justify-center py-12 px-4 text-center", s),
-	children: [
-		r && /* @__PURE__ */ t("div", {
-			className: "mb-4 text-text-secondary opacity-50",
-			children: r
-		}),
-		/* @__PURE__ */ t("h3", {
-			className: "text-lg font-medium text-text-primary",
-			children: i
-		}),
-		a && /* @__PURE__ */ t("p", {
-			className: "mt-2 text-sm text-text-secondary max-w-sm",
-			children: a
-		}),
-		o && /* @__PURE__ */ t("div", {
-			className: "mt-6",
-			children: o
-		})
-	]
+var i = ({ icon: i, title: a, description: o, action: s, className: c, illustration: l = "empty-data" }) => /* @__PURE__ */ t("div", {
+	className: e("py-8", c),
+	children: /* @__PURE__ */ t(r, {
+		illustration: l,
+		title: a,
+		description: i || o ? /* @__PURE__ */ n("span", {
+			className: "flex flex-col items-center gap-3",
+			children: [i && /* @__PURE__ */ t("span", {
+				className: "text-text-secondary opacity-70",
+				children: i
+			}), o && /* @__PURE__ */ t("span", { children: o })]
+		}) : void 0,
+		action: s,
+		alt: a
+	})
 });
 //#endregion
-export { r as EmptyState };
+export { i as EmptyState };
 
 //# sourceMappingURL=EmptyState.js.map

package/dist/adaptercloud/components/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/adaptercloud/components/EmptyState.tsx"],"sourcesContent":["/**\n * Empty State Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n}) => {\n  return (\n    <div\n      className={cn('flex flex-col items-center justify-center py-12 px-4 text-center', className)}\n    >\n      {icon && <div className=\"mb-4 text-text-secondary opacity-50\">{icon}</div>}\n      <h3 className=\"text-lg font-medium text-text-primary\">{title}</h3>\n      {description && <p className=\"mt-2 text-sm text-text-secondary max-w-sm\">{description}</p>}\n      {action && <div className=\"mt-6\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;AAgBA,IAAa,KAAmC,EAC9C,SACA,UACA,gBACA,WACA,mBAGE,kBAAC,OAAD;CACE,WAAW,EAAG,oEAAoE,EAAU;WAD9F;EAGG,KAAQ,kBAAC,OAAD;GAAK,WAAU;aAAuC;GAAW,CAAA;EAC1E,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA;EACjE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAgB,CAAA;EACzF,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;GAAa,CAAA;EAC3C"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/adaptercloud/components/EmptyState.tsx"],"sourcesContent":["/**\n * Empty State Component\n * @module adaptercloud/components\n *\n * Boff UI 2.0: renders an on-brand illustrated empty state. When an explicit\n * `icon` is supplied (legacy callers) it is kept as a calm glyph above the\n * copy; otherwise an illustration (default: empty-data) is used.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n  /** Host-served illustration name (e.g. \"empty-search\", \"empty-people\"). */\n  illustration?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  illustration = 'empty-data',\n}) => {\n  return (\n    <div className={cn('py-8', className)}>\n      <IllustratedEmptyState\n        illustration={illustration}\n        title={title}\n        description={\n          icon || description ? (\n            <span className=\"flex flex-col items-center gap-3\">\n              {icon && <span className=\"text-text-secondary opacity-70\">{icon}</span>}\n              {description && <span>{description}</span>}\n            </span>\n          ) : undefined\n        }\n        action={action}\n        alt={title}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;AAuBA,IAAa,KAAmC,EAC9C,SACA,UACA,gBACA,WACA,cACA,kBAAe,mBAGb,kBAAC,OAAD;CAAK,WAAW,EAAG,QAAQ,EAAU;WACnC,kBAAC,GAAD;EACgB;EACP;EACP,aACE,KAAQ,IACN,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACG,KAAQ,kBAAC,QAAD;IAAM,WAAU;cAAkC;IAAY,CAAA,EACtE,KAAe,kBAAC,QAAD,EAAA,UAAO,GAAmB,CAAA,CACrC;OACL,KAAA;EAEE;EACR,KAAK;EACL,CAAA;CACE,CAAA"}

package/dist/adaptercloud/components/InvestmentCard.js

@@ -2,44 +2,46 @@ import { cn as e } from "../utils/cn.js";
 import { StatusBadge as t } from "./StatusBadge.js";
 import { AlertTriangle as n, Shield as r, TrendingUp as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { GlassCard as s } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/components/InvestmentCard.tsx
-var s = {
+var c = {
 	low: {
 		label: "Low Risk",
 		icon: r,
-		color: "text-green-600 dark:text-green-400"
+		color: "text-status-success-text"
 	},
 	medium: {
 		label: "Medium Risk",
 		icon: n,
-		color: "text-yellow-600 dark:text-yellow-400"
+		color: "text-status-warning-text"
 	},
 	high: {
 		label: "High Risk",
 		icon: n,
-		color: "text-red-600 dark:text-red-400"
+		color: "text-status-error-text"
 	}
-}, c = ({ id: n, cartName: r, targetAmount: c, raisedAmount: l, currency: u = "INR", expectedReturns: d, riskLevel: f, status: p, onClick: m, className: h }) => {
-	let g = c > 0 ? Math.min(l / c * 100, 100) : 0, _ = s[f], v = _.icon, y = (e) => new Intl.NumberFormat(void 0, {
+}, l = ({ id: n, cartName: r, targetAmount: l, raisedAmount: u, currency: d = "INR", expectedReturns: f, riskLevel: p, status: m, onClick: h, className: g }) => {
+	let _ = l > 0 ? Math.min(u / l * 100, 100) : 0, v = c[p], y = v.icon, b = (e) => new Intl.NumberFormat(void 0, {
 		style: "currency",
-		currency: u,
+		currency: d,
 		maximumFractionDigits: 0
 	}).format(e);
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ o(s, {
 		role: "button",
 		tabIndex: 0,
-		onClick: () => m?.(n),
+		"aria-label": `Investment in ${r}`,
+		onClick: () => h?.(n),
 		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m?.(n));
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h?.(n));
 		},
-		className: e("rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors", "hover:border-accent-foreground/20 hover:shadow-md cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", h),
+		className: e("border-border-seam p-4 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", g),
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "flex items-start justify-between",
 				children: [/* @__PURE__ */ a("h3", {
 					className: "text-base font-semibold text-text-primary truncate",
 					children: r
-				}), /* @__PURE__ */ a(t, { status: p })]
+				}), /* @__PURE__ */ a(t, { status: m })]
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "mt-4",
@@ -50,20 +52,20 @@ var s = {
 							className: "text-text-secondary",
 							children: "Raised"
 						}), /* @__PURE__ */ o("span", {
-							className: "font-medium text-text-primary",
-							children: [Math.round(g), "%"]
+							className: "font-medium text-text-primary tabular-nums",
+							children: [Math.round(_), "%"]
 						})]
 					}),
 					/* @__PURE__ */ a("div", {
 						className: "mt-1.5 h-2 w-full rounded-full bg-bg-sunken overflow-hidden",
 						children: /* @__PURE__ */ a("div", {
 							className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
-							style: { width: `${g}%` }
+							style: { width: `${_}%` }
 						})
 					}),
 					/* @__PURE__ */ o("div", {
-						className: "mt-1.5 flex items-center justify-between text-xs text-text-secondary",
-						children: [/* @__PURE__ */ a("span", { children: y(l) }), /* @__PURE__ */ a("span", { children: y(c) })]
+						className: "mt-1.5 flex items-center justify-between text-xs text-text-secondary tabular-nums",
+						children: [/* @__PURE__ */ a("span", { children: b(u) }), /* @__PURE__ */ a("span", { children: b(l) })]
 					})
 				]
 			}),
@@ -72,10 +74,10 @@ var s = {
 				children: [/* @__PURE__ */ o("div", {
 					className: "flex items-center gap-1.5 text-sm",
 					children: [
-						/* @__PURE__ */ a(i, { className: "h-3.5 w-3.5 text-green-600 dark:text-green-400" }),
+						/* @__PURE__ */ a(i, { className: "h-3.5 w-3.5 text-status-success-text" }),
 						/* @__PURE__ */ a("span", {
-							className: "font-medium text-text-primary",
-							children: d
+							className: "font-medium text-text-primary tabular-nums",
+							children: f
 						}),
 						/* @__PURE__ */ a("span", {
 							className: "text-text-secondary",
@@ -83,14 +85,14 @@ var s = {
 						})
 					]
 				}), /* @__PURE__ */ o("div", {
-					className: e("flex items-center gap-1 text-xs font-medium", _.color),
-					children: [/* @__PURE__ */ a(v, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ a("span", { children: _.label })]
+					className: e("flex items-center gap-1 text-xs font-medium", v.color),
+					children: [/* @__PURE__ */ a(y, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ a("span", { children: v.label })]
 				})]
 			})
 		]
 	});
 };
 //#endregion
-export { c as InvestmentCard };
+export { l as InvestmentCard };
 
 //# sourceMappingURL=InvestmentCard.js.map

package/dist/adaptercloud/components/InvestmentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvestmentCard.js","names":[],"sources":["../../../src/adaptercloud/components/InvestmentCard.tsx"],"sourcesContent":["/**\n * Investment Card Component\n * @module adaptercloud/components\n *\n * Displays an investment opportunity with cart name, target/raised amounts,\n * progress bar, expected returns, risk level, and status.\n */\n\nimport type { FC } from 'react';\nimport { TrendingUp, AlertTriangle, Shield } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { StatusBadge } from './StatusBadge';\nimport type { InvestmentStatus, RiskLevel } from '../types';\n\ninterface InvestmentCardProps {\n  id: string;\n  cartName: string;\n  targetAmount: number;\n  raisedAmount: number;\n  currency?: string;\n  expectedReturns: string;\n  riskLevel: RiskLevel;\n  status: InvestmentStatus;\n  onClick?: (id: string) => void;\n  className?: string;\n}\n\nconst riskConfig: Record<RiskLevel, { label: string; icon: typeof Shield; color: string }> = {\n  low: {\n    label: 'Low Risk',\n    icon: Shield,\n    color: 'text-green-600 dark:text-green-400',\n  },\n  medium: {\n    label: 'Medium Risk',\n    icon: AlertTriangle,\n    color: 'text-yellow-600 dark:text-yellow-400',\n  },\n  high: {\n    label: 'High Risk',\n    icon: AlertTriangle,\n    color: 'text-red-600 dark:text-red-400',\n  },\n};\n\nexport const InvestmentCard: FC<InvestmentCardProps> = ({\n  id,\n  cartName,\n  targetAmount,\n  raisedAmount,\n  currency = 'INR',\n  expectedReturns,\n  riskLevel,\n  status,\n  onClick,\n  className,\n}) => {\n  const progress = targetAmount > 0 ? Math.min((raisedAmount / targetAmount) * 100, 100) : 0;\n  const risk = riskConfig[riskLevel];\n  const RiskIcon = risk.icon;\n\n  const formatAmount = (amount: number) =>\n    new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(amount);\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => onClick?.(id)}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.(id);\n        }\n      }}\n      className={cn(\n        'rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors',\n        'hover:border-accent-foreground/20 hover:shadow-md cursor-pointer',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n        className\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between\">\n        <h3 className=\"text-base font-semibold text-text-primary truncate\">{cartName}</h3>\n        <StatusBadge status={status} />\n      </div>\n\n      {/* Progress Bar */}\n      <div className=\"mt-4\">\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-text-secondary\">Raised</span>\n          <span className=\"font-medium text-text-primary\">{Math.round(progress)}%</span>\n        </div>\n        <div className=\"mt-1.5 h-2 w-full rounded-full bg-bg-sunken overflow-hidden\">\n          <div\n            className=\"h-full rounded-full bg-action-primary-bg transition-all duration-300\"\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <div className=\"mt-1.5 flex items-center justify-between text-xs text-text-secondary\">\n          <span>{formatAmount(raisedAmount)}</span>\n          <span>{formatAmount(targetAmount)}</span>\n        </div>\n      </div>\n\n      {/* Details */}\n      <div className=\"mt-4 flex items-center justify-between\">\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <TrendingUp className=\"h-3.5 w-3.5 text-green-600 dark:text-green-400\" />\n          <span className=\"font-medium text-text-primary\">{expectedReturns}</span>\n          <span className=\"text-text-secondary\">returns</span>\n        </div>\n        <div className={cn('flex items-center gap-1 text-xs font-medium', risk.color)}>\n          <RiskIcon className=\"h-3.5 w-3.5\" />\n          <span>{risk.label}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AA2BA,IAAM,IAAuF;CAC3F,KAAK;EACH,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACD,QAAQ;EACN,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACD,MAAM;EACJ,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACF,EAEY,KAA2C,EACtD,OACA,aACA,iBACA,iBACA,cAAW,OACX,oBACA,cACA,WACA,YACA,mBACI;CACJ,IAAM,IAAW,IAAe,IAAI,KAAK,IAAK,IAAe,IAAgB,KAAK,IAAI,GAAG,GACnF,IAAO,EAAW,IAClB,IAAW,EAAK,MAEhB,KAAgB,MACpB,IAAI,KAAK,aAAa,KAAA,GAAW;EAC/B,OAAO;EACP;EACA,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAO;AAEnB,QACE,kBAAC,OAAD;EACE,MAAK;EACL,UAAU;EACV,eAAe,IAAU,EAAG;EAC5B,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,IAAU,EAAG;;EAGjB,WAAW,EACT,wFACA,oEACA,gGACA,EACD;YAfH;GAkBE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAsD;KAAc,CAAA,EAClF,kBAAC,GAAD,EAAqB,WAAU,CAAA,CAC3B;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAsB;OAAa,CAAA,EACnD,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAiD,KAAK,MAAM,EAAS,EAAC,IAAQ;SAC1E;;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAChC,CAAA;MACE,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAa,EAAa,EAAQ,CAAA,EACzC,kBAAC,QAAD,EAAA,UAAO,EAAa,EAAa,EAAQ,CAAA,CACrC;;KACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAY,WAAU,kDAAmD,CAAA;MACzE,kBAAC,QAAD;OAAM,WAAU;iBAAiC;OAAuB,CAAA;MACxE,kBAAC,QAAD;OAAM,WAAU;iBAAsB;OAAc,CAAA;MAChD;QACN,kBAAC,OAAD;KAAK,WAAW,EAAG,+CAA+C,EAAK,MAAM;eAA7E,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACpC,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CACrB;OACF;;GACF"}
+{"version":3,"file":"InvestmentCard.js","names":[],"sources":["../../../src/adaptercloud/components/InvestmentCard.tsx"],"sourcesContent":["/**\n * Investment Card Component\n * @module adaptercloud/components\n *\n * Displays an investment opportunity with cart name, target/raised amounts,\n * progress bar, expected returns, risk level, and status.\n */\n\nimport type { FC } from 'react';\nimport { TrendingUp, AlertTriangle, Shield } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { StatusBadge } from './StatusBadge';\nimport type { InvestmentStatus, RiskLevel } from '../types';\n\ninterface InvestmentCardProps {\n  id: string;\n  cartName: string;\n  targetAmount: number;\n  raisedAmount: number;\n  currency?: string;\n  expectedReturns: string;\n  riskLevel: RiskLevel;\n  status: InvestmentStatus;\n  onClick?: (id: string) => void;\n  className?: string;\n}\n\nconst riskConfig: Record<RiskLevel, { label: string; icon: typeof Shield; color: string }> = {\n  low: {\n    label: 'Low Risk',\n    icon: Shield,\n    color: 'text-status-success-text',\n  },\n  medium: {\n    label: 'Medium Risk',\n    icon: AlertTriangle,\n    color: 'text-status-warning-text',\n  },\n  high: {\n    label: 'High Risk',\n    icon: AlertTriangle,\n    color: 'text-status-error-text',\n  },\n};\n\nexport const InvestmentCard: FC<InvestmentCardProps> = ({\n  id,\n  cartName,\n  targetAmount,\n  raisedAmount,\n  currency = 'INR',\n  expectedReturns,\n  riskLevel,\n  status,\n  onClick,\n  className,\n}) => {\n  const progress = targetAmount > 0 ? Math.min((raisedAmount / targetAmount) * 100, 100) : 0;\n  const risk = riskConfig[riskLevel];\n  const RiskIcon = risk.icon;\n\n  const formatAmount = (amount: number) =>\n    new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(amount);\n\n  return (\n    <GlassCard\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Investment in ${cartName}`}\n      onClick={() => onClick?.(id)}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.(id);\n        }\n      }}\n      className={cn(\n        'border-border-seam p-4 cursor-pointer',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n        className\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between\">\n        <h3 className=\"text-base font-semibold text-text-primary truncate\">{cartName}</h3>\n        <StatusBadge status={status} />\n      </div>\n\n      {/* Progress Bar */}\n      <div className=\"mt-4\">\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-text-secondary\">Raised</span>\n          <span className=\"font-medium text-text-primary tabular-nums\">{Math.round(progress)}%</span>\n        </div>\n        <div className=\"mt-1.5 h-2 w-full rounded-full bg-bg-sunken overflow-hidden\">\n          <div\n            className=\"h-full rounded-full bg-action-primary-bg transition-all duration-300\"\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <div className=\"mt-1.5 flex items-center justify-between text-xs text-text-secondary tabular-nums\">\n          <span>{formatAmount(raisedAmount)}</span>\n          <span>{formatAmount(targetAmount)}</span>\n        </div>\n      </div>\n\n      {/* Details */}\n      <div className=\"mt-4 flex items-center justify-between\">\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <TrendingUp className=\"h-3.5 w-3.5 text-status-success-text\" />\n          <span className=\"font-medium text-text-primary tabular-nums\">{expectedReturns}</span>\n          <span className=\"text-text-secondary\">returns</span>\n        </div>\n        <div className={cn('flex items-center gap-1 text-xs font-medium', risk.color)}>\n          <RiskIcon className=\"h-3.5 w-3.5\" />\n          <span>{risk.label}</span>\n        </div>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;AA4BA,IAAM,IAAuF;CAC3F,KAAK;EACH,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACD,QAAQ;EACN,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACD,MAAM;EACJ,OAAO;EACP,MAAM;EACN,OAAO;EACR;CACF,EAEY,KAA2C,EACtD,OACA,aACA,iBACA,iBACA,cAAW,OACX,oBACA,cACA,WACA,YACA,mBACI;CACJ,IAAM,IAAW,IAAe,IAAI,KAAK,IAAK,IAAe,IAAgB,KAAK,IAAI,GAAG,GACnF,IAAO,EAAW,IAClB,IAAW,EAAK,MAEhB,KAAgB,MACpB,IAAI,KAAK,aAAa,KAAA,GAAW;EAC/B,OAAO;EACP;EACA,uBAAuB;EACxB,CAAC,CAAC,OAAO,EAAO;AAEnB,QACE,kBAAC,GAAD;EACE,MAAK;EACL,UAAU;EACV,cAAY,iBAAiB;EAC7B,eAAe,IAAU,EAAG;EAC5B,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,IAAU,EAAG;;EAGjB,WAAW,EACT,yCACA,gGACA,EACD;YAfH;GAkBE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAsD;KAAc,CAAA,EAClF,kBAAC,GAAD,EAAqB,WAAU,CAAA,CAC3B;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAsB;OAAa,CAAA,EACnD,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA8D,KAAK,MAAM,EAAS,EAAC,IAAQ;SACvF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAChC,CAAA;MACE,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAO,EAAa,EAAa,EAAQ,CAAA,EACzC,kBAAC,QAAD,EAAA,UAAO,EAAa,EAAa,EAAQ,CAAA,CACrC;;KACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAY,WAAU,wCAAyC,CAAA;MAC/D,kBAAC,QAAD;OAAM,WAAU;iBAA8C;OAAuB,CAAA;MACrF,kBAAC,QAAD;OAAM,WAAU;iBAAsB;OAAc,CAAA;MAChD;QACN,kBAAC,OAAD;KAAK,WAAW,EAAG,+CAA+C,EAAK,MAAM;eAA7E,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACpC,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CACrB;OACF;;GACI"}

package/dist/adaptercloud/components/MetricsCard.js

@@ -1,37 +1,43 @@
 import { cn as e } from "../utils/cn.js";
 import { Minus as t, TrendingDown as n, TrendingUp as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { GlassCard as o } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/components/MetricsCard.tsx
-var o = {
+var s = {
 	up: {
 		icon: r,
-		color: "text-green-600 dark:text-green-400"
+		color: "text-status-success-text"
 	},
 	down: {
 		icon: n,
-		color: "text-red-600 dark:text-red-400"
+		color: "text-status-error-text"
 	},
 	neutral: {
 		icon: t,
 		color: "text-text-secondary"
 	}
-}, s = ({ icon: t, value: n, label: r, trend: s, trendValue: c, className: l }) => {
-	let u = s ? o[s] : null, d = u?.icon;
-	return /* @__PURE__ */ a("div", {
-		className: e("rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm", l),
+}, c = ({ icon: t, value: n, label: r, trend: c, trendValue: l, className: u, featured: d = !1 }) => {
+	let f = c ? s[c] : null, p = f?.icon;
+	return /* @__PURE__ */ a(o, {
+		treatment: d ? "glass" : "metric",
+		glow: d,
+		className: e("p-6", u),
 		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ i("div", {
 				className: "text-text-secondary",
 				children: t
-			}), s && u && d && /* @__PURE__ */ a("div", {
-				className: e("flex items-center gap-1 text-xs font-medium", u.color),
-				children: [/* @__PURE__ */ i(d, { className: "h-3.5 w-3.5" }), c && /* @__PURE__ */ i("span", { children: c })]
+			}), c && f && p && /* @__PURE__ */ a("div", {
+				className: e("flex items-center gap-1 text-xs font-medium", f.color),
+				children: [/* @__PURE__ */ i(p, { className: "h-3.5 w-3.5" }), l && /* @__PURE__ */ i("span", {
+					className: "tabular-nums",
+					children: l
+				})]
 			})]
 		}), /* @__PURE__ */ a("div", {
 			className: "mt-3",
 			children: [/* @__PURE__ */ i("p", {
-				className: "text-2xl font-bold text-text-primary",
+				className: "text-2xl font-bold text-text-primary tabular-nums",
 				children: n
 			}), /* @__PURE__ */ i("p", {
 				className: "mt-1 text-sm text-text-secondary",
@@ -41,6 +47,6 @@ var o = {
 	});
 };
 //#endregion
-export { s as MetricsCard };
+export { c as MetricsCard };
 
 //# sourceMappingURL=MetricsCard.js.map

package/dist/adaptercloud/components/MetricsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/adaptercloud/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-green-600 dark:text-green-400' },\n  down: { icon: TrendingDown, color: 'text-red-600 dark:text-red-400' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <div className={cn('rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-text-secondary\">{icon}</div>\n        {trend && trendInfo && TrendIcon && (\n          <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n            <TrendIcon className=\"h-3.5 w-3.5\" />\n            {trendValue && <span>{trendValue}</span>}\n          </div>\n        )}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAmBA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAAsC;CACrE,MAAM;EAAE,MAAM;EAAc,OAAO;EAAkC;CACrE,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,mBACI;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,sEAAsE,EAAU;YAAnG,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuB;IAAW,CAAA,EAChD,KAAS,KAAa,KACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD,EAAA,UAAO,GAAkB,CAAA,CACpC;MAEJ;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAwC;IAAU,CAAA,EAC/D,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACF"}
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/adaptercloud/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Renders the featured hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-text-secondary\">{icon}</div>\n        {trend && trendInfo && TrendIcon && (\n          <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n            <TrendIcon className=\"h-3.5 w-3.5\" />\n            {trendValue && <span className=\"tabular-nums\">{trendValue}</span>}\n          </div>\n        )}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAsBA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,SACP;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,EAAU;YAHjC,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuB;IAAW,CAAA,EAChD,KAAS,KAAa,KACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD;KAAM,WAAU;eAAgB;KAAkB,CAAA,CAC7D;MAEJ;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACI"}

package/dist/adaptercloud/components/PageLayout.js

@@ -1,26 +1,52 @@
 import { cn as e } from "../utils/cn.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { AuroraBackground as i, GradientText as a, PagePurpose as o } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/components/PageLayout.tsx
-var r = ({ title: r, description: i, actions: a, children: o, className: s }) => /* @__PURE__ */ n("div", {
-	className: e("flex flex-col h-full", s),
-	children: [/* @__PURE__ */ n("div", {
-		className: "flex items-center justify-between px-6 py-4 border-b border-border-subtle bg-bg-surface",
-		children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h1", {
-			className: "text-2xl font-semibold text-text-primary",
-			children: r
-		}), i && /* @__PURE__ */ t("p", {
-			className: "mt-1 text-sm text-text-secondary",
-			children: i
-		})] }), a && /* @__PURE__ */ t("div", {
-			className: "flex items-center gap-3",
-			children: a
-		})]
-	}), /* @__PURE__ */ t("div", {
-		className: "flex-1 overflow-auto p-6",
-		children: o
+function s(e) {
+	if (typeof e != "string") return e;
+	let i = e.trim(), o = i.lastIndexOf(" ");
+	return o === -1 ? /* @__PURE__ */ n(a, {
+		as: "span",
+		children: i
+	}) : /* @__PURE__ */ r(t, { children: [i.slice(0, o + 1), /* @__PURE__ */ n(a, {
+		as: "span",
+		children: i.slice(o + 1)
+	})] });
+}
+var c = ({ title: t, description: a, actions: c, children: l, className: u, purpose: d, hero: f = !1 }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col h-full", u),
+	children: [/* @__PURE__ */ r("div", {
+		className: e("relative overflow-hidden flex flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6", "border-b border-border-seam", f ? "bg-hero-mesh" : "bg-gloss-card"),
+		children: [
+			f && /* @__PURE__ */ n(i, { intensity: "subtle" }),
+			/* @__PURE__ */ r("div", {
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ n("h1", {
+						className: "text-2xl font-semibold text-text-primary tracking-tight",
+						children: s(t)
+					}),
+					a && /* @__PURE__ */ n("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: a
+					}),
+					d && /* @__PURE__ */ n(o, {
+						className: "mt-2 max-w-2xl",
+						children: d
+					})
+				]
+			}),
+			c && /* @__PURE__ */ n("div", {
+				className: "flex flex-wrap items-center gap-2 sm:gap-3 sm:justify-end",
+				children: c
+			})
+		]
+	}), /* @__PURE__ */ n("div", {
+		className: "flex-1 overflow-auto p-4 sm:p-6",
+		children: l
 	})]
 });
 //#endregion
-export { r as PageLayout };
+export { c as PageLayout };
 
 //# sourceMappingURL=PageLayout.js.map

package/dist/adaptercloud/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/adaptercloud/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      {/* Page Header */}\n      <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-subtle bg-bg-surface\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n\n      {/* Page Content */}\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AAgBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CAEE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA4C;GAAW,CAAA,EACpE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAAoC;GAAgB,CAAA,CAC7E,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;GAAK,WAAU;aAA2B;GAAc,CAAA,CAChE;KAGN,kBAAC,OAAD;EAAK,WAAU;EAA4B;EAAe,CAAA,CACtD"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/adaptercloud/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the use-case —\n   * rendered as a calm {@link PagePurpose} line under the header so every page\n   * is self-explanatory for a new user. Prefer this over `description` for the\n   * primary page-purpose copy.\n   */\n  purpose?: ReactNode;\n  /**\n   * Enables the living-glass hero backdrop (AuroraBackground) behind the page\n   * header. Use on at most ONE page per MFE (the primary landing page).\n   */\n  hero?: boolean;\n}\n\n/**\n * Renders the page title, gradient-emphasising the final word when the title is\n * a plain string (the \"one gradient hero title per page\" convention). Custom\n * ReactNode titles are rendered verbatim so callers keep full control.\n */\nfunction renderTitle(title: ReactNode): ReactNode {\n  if (typeof title !== 'string') return title;\n  const trimmed = title.trim();\n  const lastSpace = trimmed.lastIndexOf(' ');\n  if (lastSpace === -1) {\n    return <GradientText as=\"span\">{trimmed}</GradientText>;\n  }\n  const head = trimmed.slice(0, lastSpace + 1);\n  const tail = trimmed.slice(lastSpace + 1);\n  return (\n    <>\n      {head}\n      <GradientText as=\"span\">{tail}</GradientText>\n    </>\n  );\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  purpose,\n  hero = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      {/* Page Header */}\n      <div\n        className={cn(\n          'relative overflow-hidden flex flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6',\n          'border-b border-border-seam',\n          hero ? 'bg-hero-mesh' : 'bg-gloss-card'\n        )}\n      >\n        {hero && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          <h1 className=\"text-2xl font-semibold text-text-primary tracking-tight\">\n            {renderTitle(title)}\n          </h1>\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n          {purpose && <PagePurpose className=\"mt-2 max-w-2xl\">{purpose}</PagePurpose>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-2 sm:gap-3 sm:justify-end\">{actions}</div>\n        )}\n      </div>\n\n      {/* Page Content */}\n      <div className=\"flex-1 overflow-auto p-4 sm:p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAkCA,SAAS,EAAY,GAA6B;AAChD,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM,EACtB,IAAY,EAAQ,YAAY,IAAI;AAM1C,QALI,MAAc,KACT,kBAAC,GAAD;EAAc,IAAG;YAAQ;EAAuB,CAAA,GAKvD,kBAAA,GAAA,EAAA,UAAA,CAHW,EAAQ,MAAM,GAAG,IAAY,EAAE,EAKxC,kBAAC,GAAD;EAAc,IAAG;YAJR,EAAQ,MAAM,IAAY,EAAE;EAIQ,CAAA,CAC5C,EAAA,CAAA;;AAIP,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,YACA,UAAO,SAGL,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CAEE,kBAAC,OAAD;EACE,WAAW,EACT,iHACA,+BACA,IAAO,iBAAiB,gBACzB;YALH;GAOG,KAAQ,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAChD,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,EAAM;MAChB,CAAA;KACJ,KAAe,kBAAC,KAAD;MAAG,WAAU;gBAAoC;MAAgB,CAAA;KAChF,KAAW,kBAAC,GAAD;MAAa,WAAU;gBAAkB;MAAsB,CAAA;KACvE;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA6D;IAAc,CAAA;GAExF;KAGN,kBAAC,OAAD;EAAK,WAAU;EAAmC;EAAe,CAAA,CAC7D"}

package/dist/adaptercloud/components/RatingDisplay.js

@@ -11,15 +11,15 @@ var i = ({ value: i, count: a, maxStars: o = 5, size: s = "sm", className: c })
 				className: "flex items-center",
 				children: Array.from({ length: o }, (r, i) => {
 					let a = i < Math.floor(u);
-					return /* @__PURE__ */ n(t, { className: e(l, a ? "fill-yellow-400 text-yellow-400" : !a && i < u ? "fill-yellow-400/50 text-yellow-400" : "fill-none text-text-secondary/40") }, i);
+					return /* @__PURE__ */ n(t, { className: e(l, a ? "fill-status-warning-text text-status-warning-text" : !a && i < u ? "fill-status-warning-text/50 text-status-warning-text" : "fill-none text-text-secondary/40") }, i);
 				})
 			}),
 			/* @__PURE__ */ n("span", {
-				className: "text-xs font-medium text-text-primary",
+				className: "text-xs font-medium text-text-primary tabular-nums",
 				children: u.toFixed(1)
 			}),
 			a !== void 0 && /* @__PURE__ */ r("span", {
-				className: "text-xs text-text-secondary",
+				className: "text-xs text-text-secondary tabular-nums",
 				children: [
 					"(",
 					a,

package/dist/adaptercloud/components/RatingDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingDisplay.js","names":[],"sources":["../../../src/adaptercloud/components/RatingDisplay.tsx"],"sourcesContent":["/**\n * Rating Display Component\n * @module adaptercloud/components\n *\n * Star rating display with value and review count.\n */\n\nimport type { FC } from 'react';\nimport { Star } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\ninterface RatingDisplayProps {\n  value: number;\n  count?: number;\n  maxStars?: number;\n  size?: 'sm' | 'md';\n  className?: string;\n}\n\nexport const RatingDisplay: FC<RatingDisplayProps> = ({\n  value,\n  count,\n  maxStars = 5,\n  size = 'sm',\n  className,\n}) => {\n  const starSize = size === 'sm' ? 'h-3.5 w-3.5' : 'h-4.5 w-4.5';\n  const clampedValue = Math.min(Math.max(value, 0), maxStars);\n\n  return (\n    <div className={cn('flex items-center gap-1', className)}>\n      <div className=\"flex items-center\">\n        {Array.from({ length: maxStars }, (_, i) => {\n          const filled = i < Math.floor(clampedValue);\n          const halfFilled = !filled && i < clampedValue;\n\n          return (\n            <Star\n              key={i}\n              className={cn(\n                starSize,\n                filled\n                  ? 'fill-yellow-400 text-yellow-400'\n                  : halfFilled\n                    ? 'fill-yellow-400/50 text-yellow-400'\n                    : 'fill-none text-text-secondary/40'\n              )}\n            />\n          );\n        })}\n      </div>\n      <span className=\"text-xs font-medium text-text-primary\">{clampedValue.toFixed(1)}</span>\n      {count !== undefined && <span className=\"text-xs text-text-secondary\">({count})</span>}\n    </div>\n  );\n};\n"],"mappings":";;;;AAmBA,IAAa,KAAyC,EACpD,UACA,UACA,cAAW,GACX,UAAO,MACP,mBACI;CACJ,IAAM,IAAW,MAAS,OAAO,gBAAgB,eAC3C,IAAe,KAAK,IAAI,KAAK,IAAI,GAAO,EAAE,EAAE,EAAS;AAE3D,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,2BAA2B,EAAU;YAAxD;GACE,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAU,GAAG,GAAG,MAAM;KAC1C,IAAM,IAAS,IAAI,KAAK,MAAM,EAAa;AAG3C,YACE,kBAAC,GAAD,EAEE,WAAW,EACT,GACA,IACI,oCARS,CAAC,KAAU,IAAI,IAUtB,uCACA,mCACP,EACD,EATK,EASL;MAEJ;IACE,CAAA;GACN,kBAAC,QAAD;IAAM,WAAU;cAAyC,EAAa,QAAQ,EAAE;IAAQ,CAAA;GACvF,MAAU,KAAA,KAAa,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA8C;KAAE;KAAM;KAAQ;;GAClF"}
+{"version":3,"file":"RatingDisplay.js","names":[],"sources":["../../../src/adaptercloud/components/RatingDisplay.tsx"],"sourcesContent":["/**\n * Rating Display Component\n * @module adaptercloud/components\n *\n * Star rating display with value and review count.\n */\n\nimport type { FC } from 'react';\nimport { Star } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\ninterface RatingDisplayProps {\n  value: number;\n  count?: number;\n  maxStars?: number;\n  size?: 'sm' | 'md';\n  className?: string;\n}\n\nexport const RatingDisplay: FC<RatingDisplayProps> = ({\n  value,\n  count,\n  maxStars = 5,\n  size = 'sm',\n  className,\n}) => {\n  const starSize = size === 'sm' ? 'h-3.5 w-3.5' : 'h-4.5 w-4.5';\n  const clampedValue = Math.min(Math.max(value, 0), maxStars);\n\n  return (\n    <div className={cn('flex items-center gap-1', className)}>\n      <div className=\"flex items-center\">\n        {Array.from({ length: maxStars }, (_, i) => {\n          const filled = i < Math.floor(clampedValue);\n          const halfFilled = !filled && i < clampedValue;\n\n          return (\n            <Star\n              key={i}\n              className={cn(\n                starSize,\n                filled\n                  ? 'fill-status-warning-text text-status-warning-text'\n                  : halfFilled\n                    ? 'fill-status-warning-text/50 text-status-warning-text'\n                    : 'fill-none text-text-secondary/40'\n              )}\n            />\n          );\n        })}\n      </div>\n      <span className=\"text-xs font-medium text-text-primary tabular-nums\">\n        {clampedValue.toFixed(1)}\n      </span>\n      {count !== undefined && (\n        <span className=\"text-xs text-text-secondary tabular-nums\">({count})</span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AAmBA,IAAa,KAAyC,EACpD,UACA,UACA,cAAW,GACX,UAAO,MACP,mBACI;CACJ,IAAM,IAAW,MAAS,OAAO,gBAAgB,eAC3C,IAAe,KAAK,IAAI,KAAK,IAAI,GAAO,EAAE,EAAE,EAAS;AAE3D,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,2BAA2B,EAAU;YAAxD;GACE,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAU,GAAG,GAAG,MAAM;KAC1C,IAAM,IAAS,IAAI,KAAK,MAAM,EAAa;AAG3C,YACE,kBAAC,GAAD,EAEE,WAAW,EACT,GACA,IACI,sDARS,CAAC,KAAU,IAAI,IAUtB,yDACA,mCACP,EACD,EATK,EASL;MAEJ;IACE,CAAA;GACN,kBAAC,QAAD;IAAM,WAAU;cACb,EAAa,QAAQ,EAAE;IACnB,CAAA;GACN,MAAU,KAAA,KACT,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA2D;KAAE;KAAM;KAAQ;;GAEzE"}

package/dist/adaptercloud/components/StatusBadge.js

@@ -1,14 +1,21 @@
 import { cn as e } from "../utils/cn.js";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/adaptercloud/components/StatusBadge.tsx
-var n = {
-	success: "bg-green-500/20 text-green-600 dark:text-green-400",
-	warning: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-	destructive: "bg-status-error-bg/20 text-status-error-text",
-	secondary: "bg-secondary text-secondary-foreground",
-	info: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-	outline: "border border-border-subtle text-text-primary"
-}, r = {
+var r = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	destructive: "bg-status-error-bg-subtle text-status-error-text",
+	secondary: "bg-bg-sunken text-text-secondary",
+	info: "bg-accent-blue-subtle text-accent-blue",
+	outline: "border border-border-seam text-text-primary"
+}, i = {
+	success: "bg-status-success-text",
+	warning: "bg-status-warning-text",
+	destructive: "bg-status-error-text",
+	secondary: "bg-text-secondary",
+	info: "bg-accent-blue",
+	outline: "bg-text-secondary"
+}, a = {
 	open: "success",
 	closed: "destructive",
 	busy: "warning",
@@ -31,15 +38,28 @@ var n = {
 	failed: "destructive",
 	processing: "warning",
 	completed: "success"
-};
-function i(e) {
+}, o = new Set([
+	"open",
+	"active",
+	"out_for_delivery",
+	"preparing",
+	"processing",
+	"returning"
+]);
+function s(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var a = ({ status: a, className: o }) => /* @__PURE__ */ t("span", {
-	className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", n[r[a.toLowerCase()] || "secondary"], o),
-	children: i(a)
-});
+var c = ({ status: c, className: l }) => {
+	let u = c.toLowerCase(), d = a[u] || "secondary", f = o.has(u);
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", r[d], l),
+		children: [/* @__PURE__ */ t("span", {
+			"aria-hidden": "true",
+			className: e("h-1.5 w-1.5 rounded-full", i[d], f && "motion-safe:animate-vc-glow-pulse")
+		}), s(c)]
+	});
+};
 //#endregion
-export { a as StatusBadge };
+export { c as StatusBadge };
 
 //# sourceMappingURL=StatusBadge.js.map

package/dist/adaptercloud/components/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/adaptercloud/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module adaptercloud/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-green-500/20 text-green-600 dark:text-green-400',\n  warning: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n  destructive: 'bg-status-error-bg/20 text-status-error-text',\n  secondary: 'bg-secondary text-secondary-foreground',\n  info: 'bg-blue-500/20 text-blue-600 dark:text-blue-400',\n  outline: 'border border-border-subtle text-text-primary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Cart statuses\n  open: 'success',\n  closed: 'destructive',\n  busy: 'warning',\n  temporarily_closed: 'warning',\n\n  // Order statuses\n  pending: 'secondary',\n  confirmed: 'info',\n  preparing: 'warning',\n  ready: 'success',\n  out_for_delivery: 'info',\n  delivered: 'success',\n  cancelled: 'destructive',\n  refunded: 'outline',\n\n  // Investment statuses\n  funded: 'success',\n  returning: 'info',\n\n  // Generic statuses\n  active: 'success',\n  inactive: 'secondary',\n  draft: 'secondary',\n  archived: 'outline',\n  error: 'destructive',\n  failed: 'destructive',\n  processing: 'warning',\n  completed: 'success',\n};\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const variant = statusVariantMap[status.toLowerCase()] || 'secondary';\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {formatStatusLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;AAkBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,MAAM;CACN,QAAQ;CACR,MAAM;CACN,oBAAoB;CAGpB,SAAS;CACT,WAAW;CACX,WAAW;CACX,OAAO;CACP,kBAAkB;CAClB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,QAAQ;CACR,WAAW;CAGX,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,WAAW;CACZ;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAIxD,kBAAC,QAAD;CACE,WAAW,EACT,2EACA,EANU,EAAiB,EAAO,aAAa,KAAK,cAOpD,EACD;WAEA,EAAkB,EAAO;CACrB,CAAA"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/adaptercloud/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module adaptercloud/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-accent-blue-subtle text-accent-blue',\n  outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-text',\n  warning: 'bg-status-warning-text',\n  destructive: 'bg-status-error-text',\n  secondary: 'bg-text-secondary',\n  info: 'bg-accent-blue',\n  outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Cart statuses\n  open: 'success',\n  closed: 'destructive',\n  busy: 'warning',\n  temporarily_closed: 'warning',\n\n  // Order statuses\n  pending: 'secondary',\n  confirmed: 'info',\n  preparing: 'warning',\n  ready: 'success',\n  out_for_delivery: 'info',\n  delivered: 'success',\n  cancelled: 'destructive',\n  refunded: 'outline',\n\n  // Investment statuses\n  funded: 'success',\n  returning: 'info',\n\n  // Generic statuses\n  active: 'success',\n  inactive: 'secondary',\n  draft: 'secondary',\n  archived: 'outline',\n  error: 'destructive',\n  failed: 'destructive',\n  processing: 'warning',\n  completed: 'success',\n};\n\n/** Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set([\n  'open',\n  'active',\n  'out_for_delivery',\n  'preparing',\n  'processing',\n  'returning',\n]);\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toLowerCase();\n  const variant = statusVariantMap[key] || 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'h-1.5 w-1.5 rounded-full',\n          dotStyles[variant],\n          isLive && 'motion-safe:animate-vc-glow-pulse'\n        )}\n      />\n      {formatStatusLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;AAkBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,MAAM;CACN,QAAQ;CACR,MAAM;CACN,oBAAoB;CAGpB,SAAS;CACT,WAAW;CACX,WAAW;CACX,OAAO;CACP,kBAAkB;CAClB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,QAAQ;CACR,WAAW;CAGX,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAC3B;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EAAkB,EAAO,CACrB"}