@locusgraph/blocks 0.3.1 → 0.3.2

package/dist/usage/usage-alert.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { Warning as CircleAlertIcon } from "@carbon/icons-react";
 import { Alert, AlertDescription, AlertTitle, Button } from "@locusgraph/components";
 import { balanceLevel, formatCount, formatMicroUsd, quotaStatus } from "@locusgraph/utils";
@@ -13,210 +12,55 @@ const toneClasses = {
   warn: "bg-warn/5 [&>svg]:text-warn",
   destructive: "bg-destructive/5 text-card-foreground [&>svg]:text-destructive"
 };
-export function UsageAlert(t0) {
-  const $ = _c(49);
-  const {
-    balanceMicroUsd,
-    quotas,
-    paidPlan,
-    buyCreditsHref,
-    upgradeHref,
-    linkComponent: t1
-  } = t0;
-  const Link = t1 === undefined ? "a" : t1;
-  let T0;
-  let T1;
-  let empty;
-  let level;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  let t7;
-  let t8;
-  let upgradeFirst;
-  if ($[0] !== balanceMicroUsd || $[1] !== paidPlan || $[2] !== quotas) {
-    t8 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      level = balanceMicroUsd === null ? "fine" : balanceLevel(balanceMicroUsd);
-      const over = quotas.filter(_temp);
-      if (level === "fine" && over.length === 0) {
-        t8 = null;
-        break bb0;
-      }
-      empty = level === "empty";
-      upgradeFirst = !paidPlan && over.length > 0;
-      T1 = Alert;
-      t5 = toneClasses[empty ? "destructive" : "warn"];
-      if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-        t6 = /*#__PURE__*/_jsx(CircleAlertIcon, {});
-        $[15] = t6;
-      } else {
-        t6 = $[15];
-      }
-      t7 = /*#__PURE__*/_jsx(AlertTitle, {
-        children: attentionTitle(level, over.length)
-      });
-      T0 = AlertDescription;
-      t4 = "flex flex-col items-start gap-3";
-      t2 = "flex flex-col gap-1";
-      t3 = over.map(_temp2);
-    }
-    $[0] = balanceMicroUsd;
-    $[1] = paidPlan;
-    $[2] = quotas;
-    $[3] = T0;
-    $[4] = T1;
-    $[5] = empty;
-    $[6] = level;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
-    $[14] = upgradeFirst;
-  } else {
-    T0 = $[3];
-    T1 = $[4];
-    empty = $[5];
-    level = $[6];
-    t2 = $[7];
-    t3 = $[8];
-    t4 = $[9];
-    t5 = $[10];
-    t6 = $[11];
-    t7 = $[12];
-    t8 = $[13];
-    upgradeFirst = $[14];
-  }
-  if (t8 !== Symbol.for("react.early_return_sentinel")) {
-    return t8;
-  }
-  let t9;
-  if ($[16] !== balanceMicroUsd || $[17] !== empty || $[18] !== level) {
-    t9 = balanceMicroUsd !== null && level !== "fine" && /*#__PURE__*/_jsx("li", {
-      children: empty ? "Paid usage is paused until you add credits." : `${formatMicroUsd(balanceMicroUsd)} of credits left.`
-    });
-    $[16] = balanceMicroUsd;
-    $[17] = empty;
-    $[18] = level;
-    $[19] = t9;
-  } else {
-    t9 = $[19];
-  }
-  let t10;
-  if ($[20] !== t2 || $[21] !== t3 || $[22] !== t9) {
-    t10 = /*#__PURE__*/_jsxs("ul", {
-      className: t2,
-      children: [t3, t9]
-    });
-    $[20] = t2;
-    $[21] = t3;
-    $[22] = t9;
-    $[23] = t10;
-  } else {
-    t10 = $[23];
-  }
-  let t11;
-  if ($[24] !== Link || $[25] !== paidPlan || $[26] !== upgradeFirst || $[27] !== upgradeHref) {
-    t11 = !paidPlan && /*#__PURE__*/_jsx(Button, {
-      asChild: true,
-      size: "sm",
-      variant: upgradeFirst ? "default" : "ghost",
-      children: /*#__PURE__*/_jsx(Link, {
-        href: upgradeHref,
-        children: "Upgrade to Pro"
-      })
-    });
-    $[24] = Link;
-    $[25] = paidPlan;
-    $[26] = upgradeFirst;
-    $[27] = upgradeHref;
-    $[28] = t11;
-  } else {
-    t11 = $[28];
-  }
-  const t12 = upgradeFirst ? "ghost" : "default";
-  let t13;
-  if ($[29] !== Link || $[30] !== buyCreditsHref) {
-    t13 = /*#__PURE__*/_jsx(Link, {
-      href: buyCreditsHref,
-      children: "Buy credits"
-    });
-    $[29] = Link;
-    $[30] = buyCreditsHref;
-    $[31] = t13;
-  } else {
-    t13 = $[31];
-  }
-  let t14;
-  if ($[32] !== t12 || $[33] !== t13) {
-    t14 = /*#__PURE__*/_jsx(Button, {
-      asChild: true,
-      size: "sm",
-      variant: t12,
-      children: t13
-    });
-    $[32] = t12;
-    $[33] = t13;
-    $[34] = t14;
-  } else {
-    t14 = $[34];
-  }
-  let t15;
-  if ($[35] !== t11 || $[36] !== t14) {
-    t15 = /*#__PURE__*/_jsxs("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [t11, t14]
-    });
-    $[35] = t11;
-    $[36] = t14;
-    $[37] = t15;
-  } else {
-    t15 = $[37];
-  }
-  let t16;
-  if ($[38] !== T0 || $[39] !== t10 || $[40] !== t15 || $[41] !== t4) {
-    t16 = /*#__PURE__*/_jsxs(T0, {
-      className: t4,
-      children: [t10, t15]
-    });
-    $[38] = T0;
-    $[39] = t10;
-    $[40] = t15;
-    $[41] = t4;
-    $[42] = t16;
-  } else {
-    t16 = $[42];
-  }
-  let t17;
-  if ($[43] !== T1 || $[44] !== t16 || $[45] !== t5 || $[46] !== t6 || $[47] !== t7) {
-    t17 = /*#__PURE__*/_jsxs(T1, {
-      className: t5,
-      children: [t6, t7, t16]
-    });
-    $[43] = T1;
-    $[44] = t16;
-    $[45] = t5;
-    $[46] = t6;
-    $[47] = t7;
-    $[48] = t17;
-  } else {
-    t17 = $[48];
-  }
-  return t17;
-}
-function _temp2(quota_0) {
-  return /*#__PURE__*/_jsxs("li", {
-    children: [/*#__PURE__*/_jsx("span", {
-      className: quota_0.label ? undefined : "font-mono",
-      children: quota_0.label ?? quota_0.key
-    }), " ", "is at ", formatCount(quota_0.used), " of ", formatCount(quota_0.included), " ", periodLabel(quota_0.period), "."]
-  }, quota_0.key);
-}
-function _temp(quota) {
-  return quotaStatus(quota) === "over";
+export function UsageAlert({
+  balanceMicroUsd,
+  quotas,
+  paidPlan,
+  buyCreditsHref,
+  upgradeHref,
+  linkComponent: Link = "a"
+}) {
+  const level = balanceMicroUsd === null ? "fine" : balanceLevel(balanceMicroUsd);
+  const over = quotas.filter(quota => quotaStatus(quota) === "over");
+  if (level === "fine" && over.length === 0) return null;
+  const empty = level === "empty";
+  const upgradeFirst = !paidPlan && over.length > 0;
+  return /*#__PURE__*/_jsxs(Alert, {
+    className: toneClasses[empty ? "destructive" : "warn"],
+    children: [/*#__PURE__*/_jsx(CircleAlertIcon, {}), /*#__PURE__*/_jsx(AlertTitle, {
+      children: attentionTitle(level, over.length)
+    }), /*#__PURE__*/_jsxs(AlertDescription, {
+      className: "flex flex-col items-start gap-3",
+      children: [/*#__PURE__*/_jsxs("ul", {
+        className: "flex flex-col gap-1",
+        children: [over.map(quota => /*#__PURE__*/_jsxs("li", {
+          children: [/*#__PURE__*/_jsx("span", {
+            className: quota.label ? undefined : "font-mono",
+            children: quota.label ?? quota.key
+          }), " ", "is at ", formatCount(quota.used), " of ", formatCount(quota.included), " ", periodLabel(quota.period), "."]
+        }, quota.key)), balanceMicroUsd !== null && level !== "fine" && /*#__PURE__*/_jsx("li", {
+          children: empty ? "Paid usage is paused until you add credits." : `${formatMicroUsd(balanceMicroUsd)} of credits left.`
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [!paidPlan && /*#__PURE__*/_jsx(Button, {
+          asChild: true,
+          size: "sm",
+          variant: upgradeFirst ? "default" : "ghost",
+          children: /*#__PURE__*/_jsx(Link, {
+            href: upgradeHref,
+            children: "Upgrade to Pro"
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          asChild: true,
+          size: "sm",
+          variant: upgradeFirst ? "ghost" : "default",
+          children: /*#__PURE__*/_jsx(Link, {
+            href: buyCreditsHref,
+            children: "Buy credits"
+          })
+        })]
+      })]
+    })]
+  });
 }

package/dist/usage/usage.js

@@ -1,57 +1,23 @@
-import { c as _c } from "react/compiler-runtime";
 import { RuleGrid, RuleGridCell, RuleGridLabel } from "@locusgraph/components";
 import { Quota } from "./quota.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Usage(t0) {
-  const $ = _c(8);
-  const {
-    quotas,
-    label: t1,
-    emptyText: t2
-  } = t0;
-  const label = t1 === undefined ? "Usage" : t1;
-  const emptyText = t2 === undefined ? "No plan includes metered usage yet." : t2;
-  let t3;
-  if ($[0] !== label) {
-    t3 = /*#__PURE__*/_jsx(RuleGridLabel, {
-      children: label
-    });
-    $[0] = label;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== emptyText || $[3] !== quotas) {
-    t4 = quotas.length > 0 ? quotas.map(_temp) : /*#__PURE__*/_jsx("p", {
-      className: "text-sm text-muted-foreground",
-      children: emptyText
-    });
-    $[2] = emptyText;
-    $[3] = quotas;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  let t5;
-  if ($[5] !== t3 || $[6] !== t4) {
-    t5 = /*#__PURE__*/_jsx(RuleGrid, {
-      columns: 1,
-      children: /*#__PURE__*/_jsxs(RuleGridCell, {
-        className: "gap-5",
-        children: [t3, t4]
-      })
-    });
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  return t5;
-}
-function _temp(quota) {
-  return /*#__PURE__*/_jsx(Quota, {
-    quota: quota
-  }, quota.key);
+export function Usage({
+  quotas,
+  label = "Usage",
+  emptyText = "No plan includes metered usage yet."
+}) {
+  return /*#__PURE__*/_jsx(RuleGrid, {
+    columns: 1,
+    children: /*#__PURE__*/_jsxs(RuleGridCell, {
+      className: "gap-5",
+      children: [/*#__PURE__*/_jsx(RuleGridLabel, {
+        children: label
+      }), quotas.length > 0 ? quotas.map(quota => /*#__PURE__*/_jsx(Quota, {
+        quota: quota
+      }, quota.key)) : /*#__PURE__*/_jsx("p", {
+        className: "text-sm text-muted-foreground",
+        children: emptyText
+      })]
+    })
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/blocks",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Product sections built from @locusgraph/components: usage meters and alerts, wallet, credit packs, plan options and API keys.",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
     "provenance": true
   },
   "peerDependencies": {
-    "@locusgraph/components": "^0.2.1",
+    "@locusgraph/components": "^0.2.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
@@ -38,7 +38,7 @@
     "@locusgraph/utils": "0.1.1"
   },
   "devDependencies": {
-    "@locusgraph/components": "0.2.1",
+    "@locusgraph/components": "0.2.2",
     "@locusgraph/config": "0.1.1",
     "@types/node": "^22.0.0",
     "@types/react": "^19.2.0",