@arbidocs/blocks 0.4.119 → 0.4.120

package/node_modules/@arbidocs/coedit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbidocs/coedit",
-  "version": "0.4.119",
+  "version": "0.4.120",
   "description": "Real-time collaboration for the ARBI native DOCX editor: a Yjs mirror of the canonical OOXML package, session, and server runtime",
   "type": "module",
   "sideEffects": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbidocs/blocks",
-  "version": "0.4.119",
+  "version": "0.4.120",
   "description": "Composable, domain-neutral UI blocks for ARBI apps, organised by capability (retrieval, facts, agents, workspaces, citations, collaboration) plus shell, theme and site primitives, on top of @arbidocs/react.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -280,8 +280,8 @@
     "example:test:e2e": "playwright test -c examples/custom-ui/playwright.config.ts"
   },
   "dependencies": {
-    "@arbidocs/client": "0.4.119",
-    "@arbidocs/coedit": "0.4.119",
+    "@arbidocs/client": "0.4.120",
+    "@arbidocs/coedit": "0.4.120",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -323,7 +323,7 @@
     "y-protocols": "^1.0.6"
   },
   "peerDependencies": {
-    "@arbidocs/react": "0.4.119",
+    "@arbidocs/react": "0.4.120",
     "@lexical/html": "0.35.0",
     "@lexical/link": "0.35.0",
     "@lexical/list": "0.35.0",

package/dist/chunk-46IU3UPF.cjs

@@ -1,47 +0,0 @@
-"use client";
-'use strict';
-
-var ui = require('@arbidocs/react/ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/UsageMeter.tsx
-function UsageMeter({
-  icon: Icon,
-  label,
-  value,
-  pct,
-  hint,
-  className,
-  testId
-}) {
-  const clamped = Math.max(0, Math.min(100, pct));
-  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-primary";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("space-y-1.5", className), "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-muted-foreground", children: [
-        Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
-          label,
-          hint ? ` (${hint})` : ""
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium tabular-nums text-foreground", children: value })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.cn("h-full rounded-full transition-[width]", tone),
-        style: { width: `${clamped}%` },
-        role: "progressbar",
-        "aria-valuenow": clamped,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": label
-      }
-    ) })
-  ] });
-}
-
-exports.UsageMeter = UsageMeter;
-//# sourceMappingURL=chunk-46IU3UPF.cjs.map
-//# sourceMappingURL=chunk-46IU3UPF.cjs.map

package/dist/chunk-46IU3UPF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":["jsxs","cn","jsx"],"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,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAWC,KAAA,CAAG,eAAe,SAAS,CAAA,EAAG,eAAa,MAAA,EACzD,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQE,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBAC7CF,eAAA,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,sBACAE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7E,CAAA;AAAA,oBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,KAAA,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-46IU3UPF.cjs","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-D5T53XCL.js

@@ -1,45 +0,0 @@
-"use client";
-import { cn } from '@arbidocs/react/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/UsageMeter.tsx
-function UsageMeter({
-  icon: Icon,
-  label,
-  value,
-  pct,
-  hint,
-  className,
-  testId
-}) {
-  const clamped = Math.max(0, Math.min(100, pct));
-  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: [
-        Icon && /* @__PURE__ */ jsx(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-          label,
-          hint ? ` (${hint})` : ""
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium tabular-nums text-foreground", children: value })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("h-full rounded-full transition-[width]", tone),
-        style: { width: `${clamped}%` },
-        role: "progressbar",
-        "aria-valuenow": clamped,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": label
-      }
-    ) })
-  ] });
-}
-
-export { UsageMeter };
-//# sourceMappingURL=chunk-D5T53XCL.js.map
-//# sourceMappingURL=chunk-D5T53XCL.js.map

package/dist/chunk-D5T53XCL.js.map

@@ -1 +0,0 @@
-{"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"]}