@locusgraph/blocks 0.3.1 → 0.3.2

package/dist/skeletons/top-up-skeleton.js

@@ -1,16 +1,14 @@
-import { c as _c } from "react/compiler-runtime";
 import { RuleGridCell, RuleGridLabel, SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "@locusgraph/components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function TopUpSkeleton(t0) {
-  const $ = _c(6);
-  const {
-    packs: t1
-  } = t0;
-  const packs = t1 === undefined ? 3 : t1;
+export function TopUpSkeleton({
+  packs = 3
+}) {
   const count = Math.max(1, Math.floor(packs));
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs(RuleGridCell, {
+    "data-slot": "top-up-skeleton",
+    ...skeletonRootProps,
+    className: "gap-4",
+    children: [/*#__PURE__*/_jsxs("div", {
       className: "flex flex-col gap-1.5",
       children: [/*#__PURE__*/_jsx("span", {
         className: "flex min-h-6 items-center",
@@ -22,52 +20,19 @@ export function TopUpSkeleton(t0) {
       }), /*#__PURE__*/_jsx(SkeletonBar, {
         className: "h-4 w-3/4 max-w-56"
       })]
-    });
-    $[0] = t2;
-  } else {
-    t2 = $[0];
-  }
-  let t3;
-  if ($[1] !== count) {
-    t3 = /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/_jsx("div", {
       className: "flex flex-wrap gap-2",
       "aria-hidden": "true",
       children: Array.from({
         length: count
-      }, _temp)
-    });
-    $[1] = count;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      }, (_, index) => /*#__PURE__*/_jsx(SkeletonBar
+      // biome-ignore lint/suspicious/noArrayIndexKey: placeholder packs have no identity
+      , {
+        "data-slot": "credit-pack-skeleton",
+        className: "h-9 w-24 rounded-full"
+      }, index))
+    }), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: "Loading credit packs\u2026"
-    });
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== t3) {
-    t5 = /*#__PURE__*/_jsxs(RuleGridCell, {
-      "data-slot": "top-up-skeleton",
-      ...skeletonRootProps,
-      className: "gap-4",
-      children: [t2, t3, t4]
-    });
-    $[4] = t3;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  return t5;
-}
-function _temp(_, index) {
-  return /*#__PURE__*/_jsx(SkeletonBar, {
-    "data-slot": "credit-pack-skeleton",
-    className: "h-9 w-24 rounded-full"
-  }, index);
+    })]
+  });
 }

package/dist/skeletons/usage-skeleton.js

@@ -1,88 +1,43 @@
-import { c as _c } from "react/compiler-runtime";
 import { RuleGrid, RuleGridCell, RuleGridLabel, SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "@locusgraph/components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function QuotaSkeleton() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "quota-skeleton",
-      "aria-hidden": "true",
-      className: "flex flex-col gap-2",
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "flex items-baseline justify-between gap-4",
-        children: [/*#__PURE__*/_jsx(SkeletonBar, {
-          className: "h-4 w-28"
-        }), /*#__PURE__*/_jsx(SkeletonBar, {
-          className: "h-4 w-36"
-        })]
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "quota-skeleton",
+    "aria-hidden": "true",
+    className: "flex flex-col gap-2",
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "flex items-baseline justify-between gap-4",
+      children: [/*#__PURE__*/_jsx(SkeletonBar, {
+        className: "h-4 w-28"
       }), /*#__PURE__*/_jsx(SkeletonBar, {
-        className: "h-2 w-full rounded-full"
+        className: "h-4 w-36"
       })]
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
+    }), /*#__PURE__*/_jsx(SkeletonBar, {
+      className: "h-2 w-full rounded-full"
+    })]
+  });
 }
-export function UsageSkeleton(t0) {
-  const $ = _c(8);
-  const {
-    quotas: t1,
-    label: t2
-  } = t0;
-  const quotas = t1 === undefined ? 2 : t1;
-  const label = t2 === undefined ? "Usage" : t2;
+export function UsageSkeleton({
+  quotas = 2,
+  label = "Usage"
+}) {
   const count = Math.max(1, Math.floor(quotas));
-  let t3;
-  if ($[0] !== label) {
-    t3 = /*#__PURE__*/_jsx(RuleGridLabel, {
-      children: label
-    });
-    $[0] = label;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== count) {
-    t4 = Array.from({
-      length: count
-    }, _temp);
-    $[2] = count;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
-      children: "Loading usage\u2026"
-    });
-    $[4] = t5;
-  } else {
-    t5 = $[4];
-  }
-  let t6;
-  if ($[5] !== t3 || $[6] !== t4) {
-    t6 = /*#__PURE__*/_jsx(RuleGrid, {
-      columns: 1,
-      "data-slot": "usage-skeleton",
-      ...skeletonRootProps,
-      children: /*#__PURE__*/_jsxs(RuleGridCell, {
-        className: "gap-5",
-        children: [t3, t4, t5]
-      })
-    });
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  return t6;
-}
-function _temp(_, index) {
-  return /*#__PURE__*/_jsx(QuotaSkeleton, {}, index);
+  return /*#__PURE__*/_jsx(RuleGrid, {
+    columns: 1,
+    "data-slot": "usage-skeleton",
+    ...skeletonRootProps,
+    children: /*#__PURE__*/_jsxs(RuleGridCell, {
+      className: "gap-5",
+      children: [/*#__PURE__*/_jsx(RuleGridLabel, {
+        children: label
+      }), Array.from({
+        length: count
+      }, (_, index) =>
+      /*#__PURE__*/
+      // biome-ignore lint/suspicious/noArrayIndexKey: placeholder meters have no identity
+      _jsx(QuotaSkeleton, {}, index)), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+        children: "Loading usage\u2026"
+      })]
+    })
+  });
 }

package/dist/skeletons/wallet-skeleton.js

@@ -1,84 +1,40 @@
-import { c as _c } from "react/compiler-runtime";
 import { RuleGridCell, RuleGridLabel, SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "@locusgraph/components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function WalletSkeleton(t0) {
-  const $ = _c(7);
-  const {
-    grants: t1
-  } = t0;
-  const grants = t1 === undefined ? 1 : t1;
+export function WalletSkeleton({
+  grants = 1
+}) {
   const count = Math.max(0, Math.floor(grants));
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsx("span", {
+  return /*#__PURE__*/_jsxs(RuleGridCell, {
+    "data-slot": "wallet-skeleton",
+    ...skeletonRootProps,
+    className: "gap-4",
+    children: [/*#__PURE__*/_jsx("span", {
       className: "flex min-h-6 items-center justify-between",
       children: /*#__PURE__*/_jsx(RuleGridLabel, {
         children: "Prepaid credits"
       })
-    });
-    $[0] = t2;
-  } else {
-    t2 = $[0];
-  }
-  let t3;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/_jsx("div", {
       className: "flex flex-col gap-1",
       "aria-hidden": "true",
       children: /*#__PURE__*/_jsx(SkeletonBar, {
         className: "h-9 w-32"
       })
-    });
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== count) {
-    t4 = /*#__PURE__*/_jsx("ul", {
+    }), /*#__PURE__*/_jsx("ul", {
       className: "flex flex-col divide-y divide-line",
       "aria-hidden": "true",
       children: Array.from({
         length: count
-      }, _temp)
-    });
-    $[2] = count;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      }, (_, index) => /*#__PURE__*/_jsxs("li", {
+        "data-slot": "wallet-grant-skeleton",
+        className: "flex justify-between gap-4 py-2",
+        children: [/*#__PURE__*/_jsx(SkeletonBar, {
+          className: "h-4 w-24"
+        }), /*#__PURE__*/_jsx(SkeletonBar, {
+          className: "h-4 w-40"
+        })]
+      }, index))
+    }), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: "Loading credits\u2026"
-    });
-    $[4] = t5;
-  } else {
-    t5 = $[4];
-  }
-  let t6;
-  if ($[5] !== t4) {
-    t6 = /*#__PURE__*/_jsxs(RuleGridCell, {
-      "data-slot": "wallet-skeleton",
-      ...skeletonRootProps,
-      className: "gap-4",
-      children: [t2, t3, t4, t5]
-    });
-    $[5] = t4;
-    $[6] = t6;
-  } else {
-    t6 = $[6];
-  }
-  return t6;
-}
-function _temp(_, index) {
-  return /*#__PURE__*/_jsxs("li", {
-    "data-slot": "wallet-grant-skeleton",
-    className: "flex justify-between gap-4 py-2",
-    children: [/*#__PURE__*/_jsx(SkeletonBar, {
-      className: "h-4 w-24"
-    }), /*#__PURE__*/_jsx(SkeletonBar, {
-      className: "h-4 w-40"
     })]
-  }, index);
+  });
 }

package/dist/usage/quota.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { Progress } from "@locusgraph/components";
 import { formatCount, quotaPercent, quotaStatus } from "@locusgraph/utils";
 import { periodLabel } from "../types.js";
@@ -8,196 +7,51 @@ const statusIndicator = {
   near: "[&_[data-slot=progress-indicator]]:bg-warn",
   over: "[&_[data-slot=progress-indicator]]:bg-destructive"
 };
-function QuotaStatusNote(t0) {
-  const $ = _c(8);
-  const {
-    quota
-  } = t0;
+function QuotaStatusNote({
+  quota
+}) {
   const status = quotaStatus(quota);
   if (status === "over") {
-    const t1 = quota.used - quota.included;
-    let t2;
-    if ($[0] !== t1) {
-      t2 = formatCount(t1);
-      $[0] = t1;
-      $[1] = t2;
-    } else {
-      t2 = $[1];
-    }
-    let t3;
-    if ($[2] !== t2) {
-      t3 = /*#__PURE__*/_jsxs("span", {
-        className: "font-medium text-destructive",
-        children: [t2, " over"]
-      });
-      $[2] = t2;
-      $[3] = t3;
-    } else {
-      t3 = $[3];
-    }
-    return t3;
+    return /*#__PURE__*/_jsxs("span", {
+      className: "font-medium text-destructive",
+      children: [formatCount(quota.used - quota.included), " over"]
+    });
   }
   if (status === "near") {
-    let t1;
-    if ($[4] !== quota) {
-      t1 = quotaPercent(quota);
-      $[4] = quota;
-      $[5] = t1;
-    } else {
-      t1 = $[5];
-    }
-    let t2;
-    if ($[6] !== t1) {
-      t2 = /*#__PURE__*/_jsxs("span", {
-        className: "font-medium text-warn",
-        children: [t1, "%"]
-      });
-      $[6] = t1;
-      $[7] = t2;
-    } else {
-      t2 = $[7];
-    }
-    return t2;
+    return /*#__PURE__*/_jsxs("span", {
+      className: "font-medium text-warn",
+      children: [quotaPercent(quota), "%"]
+    });
   }
   return null;
 }
-export function Quota(t0) {
-  const $ = _c(33);
-  const {
-    quota
-  } = t0;
-  let t1;
-  if ($[0] !== quota) {
-    t1 = quotaPercent(quota);
-    $[0] = quota;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const percent = t1;
+export function Quota({
+  quota
+}) {
+  const percent = quotaPercent(quota);
   const name = quota.label ?? quota.key;
-  let t2;
-  if ($[2] !== quota) {
-    t2 = quotaStatus(quota);
-    $[2] = quota;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const t3 = quota.label ? "text-muted-foreground" : "font-mono text-muted-foreground";
-  let t4;
-  if ($[4] !== name || $[5] !== t3) {
-    t4 = /*#__PURE__*/_jsx("span", {
-      className: t3,
-      children: name
-    });
-    $[4] = name;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] !== quota.used) {
-    t5 = formatCount(quota.used);
-    $[7] = quota.used;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  let t6;
-  if ($[9] !== quota.included) {
-    t6 = formatCount(quota.included);
-    $[9] = quota.included;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  let t7;
-  if ($[11] !== quota.period) {
-    t7 = periodLabel(quota.period);
-    $[11] = quota.period;
-    $[12] = t7;
-  } else {
-    t7 = $[12];
-  }
-  let t8;
-  if ($[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
-    t8 = /*#__PURE__*/_jsxs("span", {
-      className: "font-medium text-foreground",
-      children: [t5, " of ", t6, " ", t7]
-    });
-    $[13] = t5;
-    $[14] = t6;
-    $[15] = t7;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  let t9;
-  if ($[17] !== quota) {
-    t9 = /*#__PURE__*/_jsx(QuotaStatusNote, {
-      quota: quota
-    });
-    $[17] = quota;
-    $[18] = t9;
-  } else {
-    t9 = $[18];
-  }
-  let t10;
-  if ($[19] !== t8 || $[20] !== t9) {
-    t10 = /*#__PURE__*/_jsxs("span", {
-      className: "flex items-baseline gap-2 tabular-nums",
-      children: [t8, t9]
-    });
-    $[19] = t8;
-    $[20] = t9;
-    $[21] = t10;
-  } else {
-    t10 = $[21];
-  }
-  let t11;
-  if ($[22] !== t10 || $[23] !== t4) {
-    t11 = /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "quota",
+    "data-status": quotaStatus(quota),
+    className: "flex flex-col gap-2",
+    children: [/*#__PURE__*/_jsxs("div", {
       className: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 text-sm",
-      children: [t4, t10]
-    });
-    $[22] = t10;
-    $[23] = t4;
-    $[24] = t11;
-  } else {
-    t11 = $[24];
-  }
-  const t12 = `${name} ${percent}% of quota`;
-  const t13 = statusIndicator[quotaStatus(quota)];
-  let t14;
-  if ($[25] !== percent || $[26] !== t12 || $[27] !== t13) {
-    t14 = /*#__PURE__*/_jsx(Progress, {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: quota.label ? "text-muted-foreground" : "font-mono text-muted-foreground",
+        children: name
+      }), /*#__PURE__*/_jsxs("span", {
+        className: "flex items-baseline gap-2 tabular-nums",
+        children: [/*#__PURE__*/_jsxs("span", {
+          className: "font-medium text-foreground",
+          children: [formatCount(quota.used), " of ", formatCount(quota.included), " ", periodLabel(quota.period)]
+        }), /*#__PURE__*/_jsx(QuotaStatusNote, {
+          quota: quota
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Progress, {
       value: percent,
-      "aria-label": t12,
-      className: t13
-    });
-    $[25] = percent;
-    $[26] = t12;
-    $[27] = t13;
-    $[28] = t14;
-  } else {
-    t14 = $[28];
-  }
-  let t15;
-  if ($[29] !== t11 || $[30] !== t14 || $[31] !== t2) {
-    t15 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "quota",
-      "data-status": t2,
-      className: "flex flex-col gap-2",
-      children: [t11, t14]
-    });
-    $[29] = t11;
-    $[30] = t14;
-    $[31] = t2;
-    $[32] = t15;
-  } else {
-    t15 = $[32];
-  }
-  return t15;
+      "aria-label": `${name} ${percent}% of quota`,
+      className: statusIndicator[quotaStatus(quota)]
+    })]
+  });
 }