@arbidocs/blocks 0.4.29 → 0.4.31

package/dist/{chunk-U2E3WT3J.js → chunk-D5T53XCL.js}

@@ -13,7 +13,7 @@ function UsageMeter({
   testId
 }) {
   const clamped = Math.max(0, Math.min(100, pct));
-  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-green-500";
+  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-primary";
   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: [
@@ -41,5 +41,5 @@ function UsageMeter({
 }
 
 export { UsageMeter };
-//# sourceMappingURL=chunk-U2E3WT3J.js.map
-//# sourceMappingURL=chunk-U2E3WT3J.js.map
+//# sourceMappingURL=chunk-D5T53XCL.js.map
+//# sourceMappingURL=chunk-D5T53XCL.js.map

package/dist/{chunk-U2E3WT3J.js.map → chunk-D5T53XCL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":[],"mappings":";;;;AAUO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAYG;AACD,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,GAAG,CAAC,CAAA;AAG9C,EAAA,MAAM,OAAO,OAAA,IAAW,GAAA,GAAM,YAAA,GAAe,OAAA,IAAW,KAAK,eAAA,GAAkB,cAAA;AAC/E,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,eAAe,SAAS,CAAA,EAAG,eAAa,MAAA,EACzD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBAC7C,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,IAAA,GAAO,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA,SAAA,EACzB;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7E,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,IAAI,CAAA;AAAA,QAC5D,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAI;AAAA,QAC9B,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,OAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-U2E3WT3J.js","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the\n * right, a thin bar underneath. The bar's tone follows pressure with the shared\n * green → yellow → red gradation — green while there's room, yellow past the\n * halfway mark, red at the limit — so a stack of meters reads at a glance which\n * quota is the one to think about.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct,\n  hint,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Fill percentage, 0–100 (values are clamped). */\n  pct: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-green-500'\n  return (\n    <div className={cn('space-y-1.5', className)} data-testid={testId}>\n      <div className=\"flex items-center justify-between gap-3 text-sm\">\n        <span className=\"flex min-w-0 items-center gap-1.5 text-muted-foreground\">\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span className=\"shrink-0 font-medium tabular-nums text-foreground\">{value}</span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n        <div\n          className={cn('h-full rounded-full transition-[width]', tone)}\n          style={{ width: `${clamped}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clamped}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={label}\n        />\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":[],"mappings":";;;;AAUO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAYG;AACD,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,GAAG,CAAC,CAAA;AAG9C,EAAA,MAAM,OAAO,OAAA,IAAW,GAAA,GAAM,YAAA,GAAe,OAAA,IAAW,KAAK,eAAA,GAAkB,YAAA;AAC/E,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,eAAe,SAAS,CAAA,EAAG,eAAa,MAAA,EACzD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBAC7C,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,IAAA,GAAO,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA,SAAA,EACzB;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7E,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,IAAI,CAAA;AAAA,QAC5D,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAI;AAAA,QAC9B,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,OAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-D5T53XCL.js","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the\n * right, a thin bar underneath. The bar's tone follows pressure with the shared\n * green → yellow → red gradation — green while there's room, yellow past the\n * halfway mark, red at the limit — so a stack of meters reads at a glance which\n * quota is the one to think about.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct,\n  hint,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Fill percentage, 0–100 (values are clamped). */\n  pct: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-primary'\n  return (\n    <div className={cn('space-y-1.5', className)} data-testid={testId}>\n      <div className=\"flex items-center justify-between gap-3 text-sm\">\n        <span className=\"flex min-w-0 items-center gap-1.5 text-muted-foreground\">\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span className=\"shrink-0 font-medium tabular-nums text-foreground\">{value}</span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n        <div\n          className={cn('h-full rounded-full transition-[width]', tone)}\n          style={{ width: `${clamped}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clamped}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={label}\n        />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-ZXGBUHES.cjs → chunk-FRRDPYBR.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkXKSFJYOD_cjs = require('./chunk-XKSFJYOD.cjs');
 var chunkZHLMDJCO_cjs = require('./chunk-ZHLMDJCO.cjs');
+var chunkXKSFJYOD_cjs = require('./chunk-XKSFJYOD.cjs');
 var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
@@ -1640,5 +1640,5 @@ exports.ThreadMapLoading = ThreadMapLoading;
 exports.isLongPastedText = isLongPastedText;
 exports.useDismissibleCard = useDismissibleCard;
 exports.useLongPaste = useLongPaste;
-//# sourceMappingURL=chunk-ZXGBUHES.cjs.map
-//# sourceMappingURL=chunk-ZXGBUHES.cjs.map
+//# sourceMappingURL=chunk-FRRDPYBR.cjs.map
+//# sourceMappingURL=chunk-FRRDPYBR.cjs.map