@arbidocs/blocks 0.3.164 → 0.3.165

package/dist/index.d.cts

@@ -480,9 +480,10 @@ declare function EmptyState({ icon: Icon, title, description, action, className,
 
 /**
  * One labelled quota meter: icon + label on the left, used-of-limit on the
- * right, a thin bar underneath. The bar's tone follows pressure — quiet
- * primary normally, amber near the limit, destructive at it — so a stack of
- * meters reads at a glance which quota is the one to think about.
+ * right, a thin bar underneath. The bar's tone follows pressure with the shared
+ * green → yellow → red gradation — green while there's room, yellow past the
+ * halfway mark, red at the limit — so a stack of meters reads at a glance which
+ * quota is the one to think about.
  */
 declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, testId, }: {
     icon?: LucideIcon;

package/dist/index.d.ts

@@ -480,9 +480,10 @@ declare function EmptyState({ icon: Icon, title, description, action, className,
 
 /**
  * One labelled quota meter: icon + label on the left, used-of-limit on the
- * right, a thin bar underneath. The bar's tone follows pressure — quiet
- * primary normally, amber near the limit, destructive at it — so a stack of
- * meters reads at a glance which quota is the one to think about.
+ * right, a thin bar underneath. The bar's tone follows pressure with the shared
+ * green → yellow → red gradation — green while there's room, yellow past the
+ * halfway mark, red at the limit — so a stack of meters reads at a glance which
+ * quota is the one to think about.
  */
 declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, testId, }: {
     icon?: LucideIcon;

package/dist/index.js

@@ -1049,7 +1049,7 @@ function UsageMeter({
   testId
 }) {
   const clamped = Math.max(0, Math.min(100, pct2));
-  const tone = clamped >= 100 ? "bg-destructive" : clamped >= 80 ? "bg-amber-500" : "bg-primary";
+  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-green-500";
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), "data-testid": testId, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-muted-foreground", children: [