@boost33/ui 0.7.1 → 0.8.0-next.0

package/dist/components/WalletChip/WalletChip.js

@@ -1,71 +1,163 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import a from "./WalletChip.module.css.js";
-import { thousandsFigure as A, formatTokens as m, DEFAULT_WALLET_LOCALE as M } from "./format.js";
-import { WalletMark as R, RetryMark as W } from "./icons.js";
-import { resolveWalletChipLabels as w } from "./labels.js";
-const y = 0.8, F = "var(--spacing-wallet-segment-min)";
-function g(s, r) {
-  const t = r > 0 ? s / r * 100 : 0;
-  return s <= 0 ? `${t}%` : `max(${t}%, ${F})`;
+import { jsx as a, jsxs as n, Fragment as P } from "react/jsx-runtime";
+import { useAnchoredOverlay as U } from "../../anchored-overlay.js";
+import { Chevron as O } from "../AppSwitcher/icons.js";
+import F from "../../buttons.module.css.js";
+import e from "./WalletChip.module.css.js";
+import { formatTokens as o, DEFAULT_WALLET_LOCALE as k, thousandsFigure as w } from "./format.js";
+import { WalletMark as x, RetryMark as $ } from "./icons.js";
+import { resolveWalletChipLabels as A } from "./labels.js";
+const E = 0.8, G = "var(--spacing-wallet-segment-min)";
+function L(i, l) {
+  const r = l > 0 ? i / l * 100 : 0;
+  return i <= 0 ? `${r}%` : `max(${r}%, ${G})`;
 }
-function B({ granted: s, purchased: r, cycleTotal: t, tone: h, label: o }) {
-  return /* @__PURE__ */ l("div", { className: a.bar, "data-tone": h, role: "img", "aria-label": o, children: [
-    /* @__PURE__ */ e("span", { className: a.segmentGranted, "data-testid": "segment-granted", style: { width: g(s, t) } }),
-    /* @__PURE__ */ e("span", { className: a.segmentPurchased, "data-testid": "segment-purchased", style: { width: g(r, t) } })
+function R({ granted: i, purchased: l, cycleTotal: r, tone: m, label: t }) {
+  return /* @__PURE__ */ n("div", { className: e.bar, "data-tone": m, role: "img", "aria-label": t, children: [
+    /* @__PURE__ */ a("span", { className: e.segmentGranted, "data-testid": "segment-granted", style: { width: L(i, r) } }),
+    /* @__PURE__ */ a("span", { className: e.segmentPurchased, "data-testid": "segment-purchased", style: { width: L(l, r) } })
   ] });
 }
-function $({ granted: s = 0, purchased: r = 0, grantCycle: t, burnedFraction: h, grantExpires: o, burnNote: p, unknown: n = !1, collapsed: x = !1, onTopUp: u, labels: E, locale: d = M }) {
-  const i = w(E), b = () => i.bar(m(s, d), m(r, d), m(s + r, d)), v = s + r, f = (t ?? s) + r, U = t !== void 0 && t > 0 ? (t - s) / t : 0, L = h ?? U, c = !n && L >= y;
-  if (x) {
-    const N = n ? void 0 : i.railFigure(A(v, d));
-    return /* @__PURE__ */ l("div", { className: a.rail, role: "group", "aria-label": N === void 0 ? i.railBalanceUnknown : i.railBalance(N), tabIndex: 0, children: [
-      /* @__PURE__ */ e(R, { className: a.railIcon }),
-      /* @__PURE__ */ e("span", { className: a.railFigure, children: N ?? "—" }),
-      n ? /* @__PURE__ */ e("span", { className: a.srOnly, children: i.railUnknown }) : /* @__PURE__ */ e(B, { granted: s, purchased: r, cycleTotal: f, tone: c ? "threshold" : "rest", label: b() })
+function J(i) {
+  return i.totalOnly === !0 ? /* @__PURE__ */ a(W, { ...i }) : i.placement === "topbar" ? /* @__PURE__ */ a(M, { ...i }) : /* @__PURE__ */ a(I, { ...i });
+}
+function M({ granted: i = 0, purchased: l = 0, grantExpires: r, burnNote: m, unknown: t = !1, onTopUp: v, labels: p, locale: u = k, walletHref: c, linkComponent: g, defaultOpen: h }) {
+  const s = A(p), d = U({ defaultOpen: h }), y = g ?? "a", b = i + l, B = b, f = t ? "—" : o(b, u), N = () => s.bar(o(i, u), o(l, u), o(b, u));
+  return /* @__PURE__ */ n("div", { className: e.topRoot, children: [
+    /* @__PURE__ */ n("button", { type: "button", className: e.topTrigger, "aria-label": t ? s.railBalanceUnknown : s.railBalance(f), onClick: d.toggle, ...d.triggerProps, children: [
+      /* @__PURE__ */ n("span", { className: e.topFigure, "aria-hidden": "true", children: [
+        /* @__PURE__ */ a("span", { className: e.topAmount, children: f }),
+        /* @__PURE__ */ a("span", { className: e.topUnit, children: s.unit })
+      ] }),
+      !t && /* @__PURE__ */ a(T, { granted: i, purchased: l, total: B, className: e.topBar }),
+      /* @__PURE__ */ a(O, { className: e.topChevron })
+    ] }),
+    d.open && /* @__PURE__ */ n("div", { ...d.panelProps, className: e.popover, "aria-label": s.popover, children: [
+      /* @__PURE__ */ n("div", { className: e.popHead, children: [
+        /* @__PURE__ */ n("span", { className: e.popFigure, children: [
+          /* @__PURE__ */ a("span", { className: e.popAmount, children: f }),
+          /* @__PURE__ */ a("span", { className: e.popUnit, children: s.unit })
+        ] }),
+        c !== void 0 && /* @__PURE__ */ a(y, { className: F.quiet, href: c, onClick: d.close, children: s.open })
+      ] }),
+      t ? /* @__PURE__ */ a("p", { className: e.popNote, children: s.balanceUnknown }) : /* @__PURE__ */ n(P, { children: [
+        /* @__PURE__ */ a(T, { granted: i, purchased: l, total: B, className: e.popBar, label: N() }),
+        /* @__PURE__ */ n("ul", { className: e.legend, children: [
+          /* @__PURE__ */ n("li", { className: e.legendRow, children: [
+            /* @__PURE__ */ a("span", { className: e.swatchGranted, "aria-hidden": "true" }),
+            /* @__PURE__ */ n("span", { className: e.legendText, children: [
+              /* @__PURE__ */ a("span", { className: e.legendFigure, children: s.grantedFigure(o(i, u)) }),
+              /* @__PURE__ */ a("span", { className: e.legendNote, children: r ? s.grantedNote(r) : s.grantedNoteUndated })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("li", { className: e.legendRow, children: [
+            /* @__PURE__ */ a("span", { className: e.swatchPurchased, "aria-hidden": "true" }),
+            /* @__PURE__ */ n("span", { className: e.legendText, children: [
+              /* @__PURE__ */ a("span", { className: e.legendFigure, children: s.purchasedFigure(o(l, u)) }),
+              /* @__PURE__ */ a("span", { className: e.legendNote, children: s.purchasedNote })
+            ] })
+          ] })
+        ] }),
+        (m || v !== void 0) && /* @__PURE__ */ n("div", { className: e.popFoot, children: [
+          m && /* @__PURE__ */ a("p", { className: e.popNote, children: m }),
+          v !== void 0 && /* @__PURE__ */ a("button", { type: "button", className: `${F.primary} ${e.buy}`, "data-tone": "accent", onClick: v, children: s.buyTokens })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function W({ balance: i, burnNote: l, onTopUp: r, labels: m, locale: t = k, walletHref: v, linkComponent: p, defaultOpen: u }) {
+  const c = A(m), g = U({ defaultOpen: u }), h = p ?? "a", s = i < 0, d = o(s ? -i : i, t);
+  return /* @__PURE__ */ n("div", { className: e.topRoot, "data-past-zero": s ? "true" : void 0, children: [
+    /* @__PURE__ */ n("button", { type: "button", className: e.topTrigger, "aria-label": s ? c.pastZeroBalance(d) : c.railBalance(d), onClick: g.toggle, ...g.triggerProps, children: [
+      /* @__PURE__ */ n("span", { className: e.topFigure, "aria-hidden": "true", children: [
+        /* @__PURE__ */ a("span", { className: e.topAmount, children: d }),
+        /* @__PURE__ */ a("span", { className: e.topUnit, children: s ? c.pastZero : c.unit })
+      ] }),
+      /* @__PURE__ */ a(O, { className: e.topChevron })
+    ] }),
+    g.open && /* @__PURE__ */ n("div", { ...g.panelProps, className: e.popover, "aria-label": c.popover, children: [
+      /* @__PURE__ */ n("div", { className: e.popHead, children: [
+        /* @__PURE__ */ n("span", { className: e.popFigure, children: [
+          /* @__PURE__ */ a("span", { className: e.popAmount, children: d }),
+          /* @__PURE__ */ a("span", { className: e.popUnit, children: s ? c.pastZeroLong : c.unit })
+        ] }),
+        v !== void 0 && /* @__PURE__ */ a(h, { className: e.popOpen, href: v, onClick: g.close, children: c.open })
+      ] }),
+      (l || r !== void 0) && /* @__PURE__ */ n("div", { className: e.popFoot, children: [
+        l && /* @__PURE__ */ a("p", { className: e.popNote, children: l }),
+        r !== void 0 && /* @__PURE__ */ a("button", { type: "button", className: e.buy, onClick: r, children: c.buyTokens })
+      ] })
+    ] })
+  ] });
+}
+function T({ granted: i, purchased: l, total: r, className: m, label: t }) {
+  return /* @__PURE__ */ n("span", { className: m, role: t ? "img" : void 0, "aria-label": t, "aria-hidden": t ? void 0 : "true", children: [
+    /* @__PURE__ */ a("span", { className: e.segmentGranted, "data-segment": "granted", style: { width: L(i, r) } }),
+    /* @__PURE__ */ a("span", { className: e.segmentPurchased, "data-segment": "purchased", style: { width: L(l, r) } })
+  ] });
+}
+function I({ granted: i = 0, purchased: l = 0, grantCycle: r, burnedFraction: m, grantExpires: t, burnNote: v, unknown: p = !1, collapsed: u = !1, onTopUp: c, labels: g, locale: h = k }) {
+  const s = A(g), d = () => s.bar(o(i, h), o(l, h), o(i + l, h)), y = i + l, b = (r ?? i) + l, B = r !== void 0 && r > 0 ? (r - i) / r : 0, f = m ?? B, N = !p && f >= E;
+  if (u) {
+    const C = p ? void 0 : s.railFigure(w(y, h));
+    return /* @__PURE__ */ n("div", { className: e.rail, role: "group", "aria-label": C === void 0 ? s.railBalanceUnknown : s.railBalance(C), tabIndex: 0, children: [
+      /* @__PURE__ */ a(x, { className: e.railIcon }),
+      /* @__PURE__ */ a("span", { className: e.railFigure, children: C ?? "—" }),
+      p ? /* @__PURE__ */ a("span", { className: e.srOnly, children: s.railUnknown }) : /* @__PURE__ */ a(R, { granted: i, purchased: l, cycleTotal: b, tone: N ? "threshold" : "rest", label: d() })
     ] });
   }
-  return /* @__PURE__ */ l("div", { className: a.chip, role: "group", "aria-label": i.region, tabIndex: 0, "data-threshold": c ? "true" : void 0, "data-unknown": n ? "true" : void 0, children: [
-    /* @__PURE__ */ l("div", { className: a.header, children: [
-      /* @__PURE__ */ e("span", { className: a.name, children: i.name }),
-      c && /* @__PURE__ */ l("span", { className: a.pill, children: [
-        Math.round(L * 100),
+  return /* @__PURE__ */ n("div", { className: e.chip, role: "group", "aria-label": s.region, tabIndex: 0, "data-threshold": N ? "true" : void 0, "data-unknown": p ? "true" : void 0, children: [
+    /* @__PURE__ */ n("div", { className: e.header, children: [
+      /* @__PURE__ */ a("span", { className: e.name, children: s.name }),
+      N && /* @__PURE__ */ n("span", { className: e.pill, children: [
+        Math.round(f * 100),
         "%"
       ] })
     ] }),
-    n ? /* @__PURE__ */ l("div", { className: a.figure, children: [
-      /* @__PURE__ */ e("span", { className: a.amount, "aria-hidden": "true", children: "—" }),
-      /* @__PURE__ */ e(W, { className: a.retry }),
-      /* @__PURE__ */ e("span", { className: a.srOnly, children: i.balanceUnknown })
-    ] }) : /* @__PURE__ */ l("div", { className: a.figure, children: [
-      /* @__PURE__ */ e("span", { className: a.amount, children: m(v, d) }),
-      /* @__PURE__ */ e("span", { className: a.unit, children: i.unit })
+    p ? /* @__PURE__ */ n("div", { className: e.figure, children: [
+      /* @__PURE__ */ a("span", { className: e.amount, "aria-hidden": "true", children: "—" }),
+      /* @__PURE__ */ a($, { className: e.retry }),
+      /* @__PURE__ */ a("span", { className: e.srOnly, children: s.balanceUnknown })
+    ] }) : /* @__PURE__ */ n("div", { className: e.figure, children: [
+      /* @__PURE__ */ a("span", { className: e.amount, children: o(y, h) }),
+      /* @__PURE__ */ a("span", { className: e.unit, children: s.unit })
     ] }),
-    n ? /* @__PURE__ */ e("div", { className: a.bar, "data-tone": "unknown", "aria-hidden": "true" }) : /* @__PURE__ */ e(B, { granted: s, purchased: r, cycleTotal: f, tone: c ? "threshold" : "rest", label: b() }),
-    !n && !c && /* @__PURE__ */ l("div", { className: a.details, children: [
-      /* @__PURE__ */ l("dl", { className: a.split, children: [
-        /* @__PURE__ */ l("div", { className: a.splitRow, children: [
-          /* @__PURE__ */ l("dt", { className: a.splitLabel, children: [
-            /* @__PURE__ */ e("span", { className: a.dotGranted, "aria-hidden": "true" }),
-            i.granted
+    p ? /* @__PURE__ */ a("div", { className: e.bar, "data-tone": "unknown", "aria-hidden": "true" }) : /* @__PURE__ */ a(R, { granted: i, purchased: l, cycleTotal: b, tone: N ? "threshold" : "rest", label: d() }),
+    !p && !N && /* @__PURE__ */ n("div", { className: e.details, children: [
+      /* @__PURE__ */ n("dl", { className: e.split, children: [
+        /* @__PURE__ */ n("div", { className: e.splitRow, children: [
+          /* @__PURE__ */ n("dt", { className: e.splitLabel, children: [
+            /* @__PURE__ */ a("span", { className: e.dotGranted, "aria-hidden": "true" }),
+            s.granted
           ] }),
-          /* @__PURE__ */ e("dd", { className: a.splitAmount, children: m(s, d) })
+          /* @__PURE__ */ a("dd", { className: e.splitAmount, children: o(i, h) })
         ] }),
-        /* @__PURE__ */ l("div", { className: a.splitRow, children: [
-          /* @__PURE__ */ l("dt", { className: a.splitLabel, children: [
-            /* @__PURE__ */ e("span", { className: a.dotPurchased, "aria-hidden": "true" }),
-            i.purchased
+        /* @__PURE__ */ n("div", { className: e.splitRow, children: [
+          /* @__PURE__ */ n("dt", { className: e.splitLabel, children: [
+            /* @__PURE__ */ a("span", { className: e.dotPurchased, "aria-hidden": "true" }),
+            s.purchased
           ] }),
-          /* @__PURE__ */ e("dd", { className: a.splitAmount, children: m(r, d) })
+          /* @__PURE__ */ a("dd", { className: e.splitAmount, children: o(l, h) })
         ] })
       ] }),
-      o && /* @__PURE__ */ e("p", { className: a.footer, children: i.grantExpiry(o) })
+      t && /* @__PURE__ */ a("p", { className: e.footer, children: s.grantExpiry(t) })
     ] }),
-    c && p && /* @__PURE__ */ e("p", { className: a.burnNote, children: p }),
-    !n && u !== void 0 && /* @__PURE__ */ e("button", { type: "button", className: a.topUp, "data-grown": c ? "true" : void 0, onClick: u, children: i.topUp })
+    N && v && /* @__PURE__ */ a("p", { className: e.burnNote, children: v }),
+    !p && c !== void 0 && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: `${N ? F.primary : F.quiet} ${e.topUp}`,
+        "data-tone": N ? "accent" : void 0,
+        "data-grown": N ? "true" : void 0,
+        onClick: c,
+        children: s.topUp
+      }
+    )
   ] });
 }
 export {
-  $ as WalletChip
+  J as WalletChip
 };
 //# sourceMappingURL=WalletChip.js.map

package/dist/components/WalletChip/WalletChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletChip.js","sources":["../../../src/components/WalletChip/WalletChip.tsx"],"sourcesContent":["'use client'\n\n// A client module: the chip wires `onTopUp` to a button's onClick, which a\n// Server Component cannot carry. The rest of the shell stays on the server --\n// see Sidebar and B33-846.\n\nimport styles from './WalletChip.module.css'\nimport { DEFAULT_WALLET_LOCALE, formatTokens, thousandsFigure } from './format'\nimport { RetryMark, WalletMark } from './icons'\nimport { resolveWalletChipLabels, type WalletChipLabels } from './labels'\n\n// Past this fraction of the cycle's grant burned, the chip stops resting. The\n// spec's threshold, in one place so the derivation and the styling agree.\n//\n// It stays in the package and is not a prop, which is the whole reason\n// `burnedFraction` is a fraction rather than a `threshold?: boolean` (B33-483).\n// The consumer measures its own burn; 80% is where four products agree that\n// measurement means something, and a boolean would hand each of them the policy\n// and let it drift. It also happens to agree with the middle rung of Score's own\n// burndown alerts, so adopting it changed no product decision.\nconst THRESHOLD_BURN = 0.8\n\n// The floor under a non-zero bar segment, named once so the width expression\n// below reads as what it is. The value and its derivation live in the token --\n// see --spacing-wallet-segment-min in tokens.css.\nconst SEGMENT_MIN = 'var(--spacing-wallet-segment-min)'\n\n/**\n * A bar segment's CSS `width`: its honest share of everything the cycle started\n * with, floored so that a non-zero amount is never drawn below one visible mark.\n *\n * `max()` rather than a `min-width` on the segment classes, and the reason is the\n * zero case (B33-590). A stylesheet sees only the percentage, and no CSS length\n * can tell 0% from 0.3% -- a bare `min-width` would floor a wallet that holds\n * none of that kind of token into a phantom sliver, which is the same lie in the\n * other direction. The decision needs the amount itself, so it is made here where\n * the amount is, in one expression instead of a rule plus a signal from the\n * component to switch it off. `max()` also keeps the honest percentage wherever\n * the share clears the floor: the floor only ever wins when the truth is\n * unpaintable.\n *\n * Why it needs flooring at all: once a seller has bought tokens the grant is a\n * small share of the cycle, and a small share of a 240px bar is a fraction of a\n * pixel. Score measured 3,000 granted rendering at `width: 0.3%` -- 0.72px, which\n * paints nothing, while the ledger still held the grant. Both segments are\n * floored: purchased burns second, so it drains to zero through every small\n * number on the way, and 10 purchased on a spent 3,000 grant is 0.33% of the\n * cycle and the seller's entire remaining balance.\n *\n * This is the second time the rendering has been reported. Score fixed it in its\n * own wallet markup; B33-482 replaced that markup with this component, which\n * carried no floor. Its record of the first fix is still on disk there, as dead\n * code, at components/app-shell/wallet-bar.ts.\n */\nfunction segmentWidth(amount: number, cycleTotal: number): string {\n  // A cycle of nothing has no shares in it. Guarded because the divisor is\n  // reachable -- a known balance of zero on a cycle that granted zero rendered\n  // `width: NaN%`, which a browser drops rather than reports.\n  const share = cycleTotal > 0 ? (amount / cycleTotal) * 100 : 0\n  if (amount <= 0) return `${share}%`\n  return `max(${share}%, ${SEGMENT_MIN})`\n}\n\n/**\n * The props that say nothing about a balance, so both states take them\n * identically: where the chip is drawn, what it is wired to, and the words and\n * number formats it renders with.\n */\ninterface WalletChipChromeProps {\n  /** The 56px rail. Abbreviates the balance and turns the split on its side. */\n  collapsed?: boolean\n  /**\n   * Top up. Wiring for the one button the sidebar is allowed to have.\n   *\n   * **It is also what makes that button exist.** Omit it and the chip draws no\n   * top-up affordance at all, in every state, and that is the fix B33-1270 made.\n   * The render used to be gated on `!unknown` alone, so a consumer that passed\n   * no handler got a visible control that did nothing and could not be removed\n   * -- `.topUp`'s class name is CSS-Modules-hashed, so there is no selector to\n   * reach it from outside the package.\n   *\n   * That was not hypothetical in either consumer. The Wallet passes no handler\n   * and ships the dead button today\n   * (`boostledger/src/app/(wallet)/WalletShell.tsx`), and Score wrote a whole\n   * client module to arm it across a Server Component boundary rather than live\n   * with it (`boostscore/components/app-shell/wallet-chip-top-up.tsx`, which\n   * says so at length).\n   *\n   * Nothing renders in the button's place. It carries no information of its own\n   * -- only its own affordance -- so a consumer with nowhere to send someone is\n   * better served by the chip without it than by a disabled one they did not\n   * ask for (ADR-0010, \"Not entitled is not disabled\", on why unavailable is not\n   * the same as disabled). B33-1047 is the other half: an `href` form of the\n   * same affordance, for a consumer that cannot pass a callback at all.\n   */\n  onTopUp?: () => void\n  /**\n   * The chip's user-facing strings. Every field has an English default, so a\n   * consumer supplies only the ones it translates; the first two consumers are\n   * French-default. The package takes no i18n dependency -- it renders what it\n   * is given (B33-849).\n   *\n   * Every field is a plain string, so the whole object crosses the React Server\n   * Component boundary and a Next App Router page can build it. The four labels\n   * that carry a value mark its position with a `%placeholder%` (B33-1277). None\n   * of them takes a function: that form only ever worked from a Client Component\n   * and nothing in the type said so (B33-880, B33-1278).\n   */\n  labels?: Partial<WalletChipLabels>\n  /**\n   * The BCP-47 language tag the chip's figures are formatted in. Defaults to\n   * `en-US`, which is what the chip rendered before this prop existed.\n   *\n   * `labels` gives the consumer the chip's words; this gives it their numbers.\n   * French writes `4 600` where English writes `4,600`, and a label cannot fix\n   * it -- the label functions receive the figures already formatted, so before\n   * this prop there was no hook at all (B33-876). Grouping and the decimal\n   * separator are CLDR facts about a locale rather than a property of the\n   * consumer's sentence, so a tag is enough: `Intl.NumberFormat` knows the rest,\n   * and a tag is a plain string, which a Server Component can pass where a\n   * formatter function could not.\n   *\n   * It reaches the visible figures and, because the same strings are\n   * interpolated into them, the `bar` and `railBalance` accessible names.\n   *\n   * The `k` after the rail's abbreviated balance is a word, not a number, so it\n   * is `labels.railFigure` and not this.\n   */\n  locale?: string\n}\n\n/**\n * The chip with a balance the consumer stands behind. The two remaining figures\n * are required, because this is the state that renders them.\n */\nexport interface WalletChipKnownProps extends WalletChipChromeProps {\n  /**\n   * Absent or `false`. The discriminant: it is what makes the figures below\n   * required here and forbidden in {@link WalletChipUnknownProps}.\n   */\n  unknown?: false\n  /** Remaining granted tokens. Granted burns first and expires. */\n  granted: number\n  /** Remaining purchased tokens. Purchased never expires. */\n  purchased: number\n  /**\n   * What this cycle's grant started with, if the consumer knows. The bar's full\n   * width alongside purchased, so the part already burned draws as empty track\n   * and the filled portion shortens as the month runs.\n   *\n   * **Optional, and that is the fix B33-483 made.** It used to be required, and\n   * no consumer could satisfy it honestly: it is the Ledger's\n   * `grant_tokens_per_cycle`, and it cannot be reconstructed from a balance --\n   * `cycleUsedPct` counts purchased-bucket spend, is not `(cycle total -\n   * remaining)` once a credit, refund or void has touched the account, and is not\n   * bounded at 100. So the Wallet passed `grantCycle = granted`, which pins\n   * `burned` at 0 and held the threshold state unreachable in the reference\n   * implementation, and Score passed a local per-plan belief instead.\n   *\n   * Omitted, the bar measures against `granted + purchased` -- the balance\n   * itself. It then draws full and claims nothing about what burned, which is the\n   * honest rendering when nobody can say.\n   *\n   * It no longer decides the threshold on its own: {@link burnedFraction} does\n   * that, and this is only consulted when that is absent.\n   */\n  grantCycle?: number\n  /**\n   * How much of the cycle's grant has burned, as a fraction -- `0.88` for 88%.\n   * Drives the threshold state, and is the figure the chip rounds into its pill.\n   *\n   * Passed in rather than derived, for exactly the reason {@link burnNote}\n   * already is: the burn is the product's measurement to make, not the chip's.\n   * The chip kept the arithmetic while taking the runway line as a prop, and fed\n   * it from a denominator no product could supply -- so the measurement was the\n   * chip's in name and nobody's in fact (B33-483).\n   *\n   * The *policy* stays here. `THRESHOLD_BURN` is 0.8 in this package, so four\n   * products trip at the same place and cannot drift to four different numbers.\n   * That is why this is a fraction and not a `threshold?: boolean`: a boolean\n   * would move the 80% decision into each consumer, and it would leave the pill\n   * with no figure to print.\n   *\n   * Supplied, it wins. Absent, the chip derives it from {@link grantCycle} as it\n   * always did; absent with no `grantCycle` either, nothing is claimed and the\n   * chip rests.\n   *\n   * It is not clamped. A consumer that passes a percentage where a fraction\n   * belongs renders a visibly absurd pill rather than a plausible \"100%\", and a\n   * wrong figure that looks wrong is the one that gets fixed.\n   */\n  burnedFraction?: number\n  /** When the current grant expires, preformatted for display, e.g. \"30 Sep\". */\n  grantExpires?: string\n  /**\n   * The threshold state's runway line, preformatted, e.g. \"About four days left\n   * at your current burn.\" Passed in rather than derived: the burn estimate is\n   * the product's to make, not the chip's -- the chip renders what it is given.\n   */\n  burnNote?: string\n}\n\n/**\n * The chip whose balance could not be confirmed. It renders an em dash, no bar\n * and no button, so **it takes no figures at all** -- each one below is\n * `?: never`.\n *\n * That is deliberate and it is the second half of B33-483. The figures were\n * required in every state, so both consumers manufactured zeroes to get past the\n * type and then apologised for them in a comment -- \"these zeroes are never\n * rendered ... but they are not a balance and must not be read as one\"\n * (`boostscore/components/app-shell/wallet-chip.tsx`), and the same again in\n * `wallet-slot.tsx` and `boostledger/src/app/(wallet)/layout.tsx`. A zero is a\n * confident claim about someone's money. The type now refuses it rather than\n * asking a comment to.\n *\n * `undefined` is still accepted, so a consumer that must build one props object\n * can write `{ unknown: true, granted: undefined }` instead of branching.\n */\nexport interface WalletChipUnknownProps extends WalletChipChromeProps {\n  /** The balance could not be confirmed. Renders as unknown, never as zero. */\n  unknown: true\n  granted?: never\n  purchased?: never\n  grantCycle?: never\n  burnedFraction?: never\n  /** Not rendered in this state: the footer only draws on a resting chip. */\n  grantExpires?: never\n  /** Not rendered in this state: the runway line only draws past the threshold. */\n  burnNote?: never\n}\n\n/**\n * A discriminated union on `unknown`, and the discriminant has consequences for\n * how a consumer *types* its own code, not only what it passes:\n *\n * - A helper that returns props for both states needs an explicit\n *   `: WalletChipProps` return annotation. Without one, TypeScript widens the\n *   `unknown: true` in an object literal to `boolean`, which matches neither\n *   member, and the spread at the call site stops compiling.\n * - `Omit<WalletChipProps, 'onTopUp'>` is not what it looks like. `Omit` over a\n *   union flattens it into one object and loses the discrimination. Omit from\n *   the members instead -- `Omit<WalletChipKnownProps, 'onTopUp'> |\n *   Omit<WalletChipUnknownProps, 'onTopUp'>` -- which is why both are exported.\n */\nexport type WalletChipProps = WalletChipKnownProps | WalletChipUnknownProps\n\n/**\n * The granted/purchased bar. Granted is drawn first, because granted burns\n * first. The accessible label is passed in whole rather than assembled here:\n * word order is the consumer's, not English's (B33-849).\n */\nfunction Bar({ granted, purchased, cycleTotal, tone, label }: { granted: number; purchased: number; cycleTotal: number; tone: 'rest' | 'threshold'; label: string }) {\n  return (\n    <div className={styles.bar} data-tone={tone} role=\"img\" aria-label={label}>\n      <span className={styles.segmentGranted} data-testid=\"segment-granted\" style={{ width: segmentWidth(granted, cycleTotal) }} />\n      <span className={styles.segmentPurchased} data-testid=\"segment-purchased\" style={{ width: segmentWidth(purchased, cycleTotal) }} />\n    </div>\n  )\n}\n\nexport function WalletChip({ granted = 0, purchased = 0, grantCycle, burnedFraction, grantExpires, burnNote, unknown = false, collapsed = false, onTopUp, labels, locale = DEFAULT_WALLET_LOCALE }: WalletChipProps) {\n  const t = resolveWalletChipLabels(labels)\n  // Assembled lazily: the unknown state draws no bar, and a consumer's `bar`\n  // implementation can throw on the zeroes the destructure above defaults the\n  // degraded path's absent figures to. Calling it only where a bar renders keeps\n  // that crash surface off the render that exists precisely because fetching the\n  // balance already failed (B33-875). B33-483 stopped the consumer having to pass\n  // those zeroes; the chip still has to pick something, so the laziness stays.\n  const buildBarLabel = () =>\n    t.bar(formatTokens(granted, locale), formatTokens(purchased, locale), formatTokens(granted + purchased, locale))\n  const balance = granted + purchased\n  // Everything the cycle started with: the grant plus the purchased balance\n  // sitting alongside it. Measuring against this is what makes the bar shorten\n  // as tokens burn instead of only re-proportioning to a full width.\n  //\n  // With no `grantCycle` the denominator falls back to `granted + purchased`, so\n  // the bar fills and there is no burned track -- the honest drawing when nobody\n  // can say what the cycle started with (B33-483). The zero-division guard inside\n  // segmentWidth still covers the case where that balance is itself zero.\n  const cycleTotal = (grantCycle ?? granted) + purchased\n  // How much of the cycle's grant has burned. The consumer's own figure wins;\n  // `grantCycle` derives it exactly as it always did; with neither, nothing is\n  // claimed and the chip rests. `grantCycle` is tested against undefined rather\n  // than leaned on for falsiness, because 0 and \"not supplied\" both resolve to a\n  // burn of 0 and must keep doing so.\n  const derivedBurn = grantCycle !== undefined && grantCycle > 0 ? (grantCycle - granted) / grantCycle : 0\n  const burned = burnedFraction ?? derivedBurn\n  const isThreshold = !unknown && burned >= THRESHOLD_BURN\n\n  if (collapsed) {\n    // The abbreviated balance, assembled once: it is both the rail's visible\n    // text and the figure the group's accessible name is built around, and a\n    // sighted user and a screen-reader user must not be told different numbers.\n    // Built only when a balance is known, for the same reason buildBarLabel is\n    // lazy -- the unknown rail shows no figure, and a consumer's railFigure\n    // should not run on a degraded path it never renders on (B33-875).\n    const railBalance = unknown ? undefined : t.railFigure(thousandsFigure(balance, locale))\n    return (\n      <div className={styles.rail} role=\"group\" aria-label={railBalance === undefined ? t.railBalanceUnknown : t.railBalance(railBalance)} tabIndex={0}>\n        <WalletMark className={styles.railIcon} />\n        <span className={styles.railFigure}>{railBalance ?? '—'}</span>\n        {unknown ? <span className={styles.srOnly}>{t.railUnknown}</span> : <Bar granted={granted} purchased={purchased} cycleTotal={cycleTotal} tone={isThreshold ? 'threshold' : 'rest'} label={buildBarLabel()} />}\n      </div>\n    )\n  }\n\n  return (\n    <div className={styles.chip} role=\"group\" aria-label={t.region} tabIndex={0} data-threshold={isThreshold ? 'true' : undefined} data-unknown={unknown ? 'true' : undefined}>\n      <div className={styles.header}>\n        <span className={styles.name}>{t.name}</span>\n        {isThreshold && <span className={styles.pill}>{Math.round(burned * 100)}%</span>}\n      </div>\n\n      {unknown ? (\n        <div className={styles.figure}>\n          <span className={styles.amount} aria-hidden=\"true\">\n            {'—'}\n          </span>\n          <RetryMark className={styles.retry} />\n          <span className={styles.srOnly}>{t.balanceUnknown}</span>\n        </div>\n      ) : (\n        <div className={styles.figure}>\n          <span className={styles.amount}>{formatTokens(balance, locale)}</span>\n          <span className={styles.unit}>{t.unit}</span>\n        </div>\n      )}\n\n      {unknown ? (\n        <div className={styles.bar} data-tone=\"unknown\" aria-hidden=\"true\" />\n      ) : (\n        <Bar granted={granted} purchased={purchased} cycleTotal={cycleTotal} tone={isThreshold ? 'threshold' : 'rest'} label={buildBarLabel()} />\n      )}\n\n      {!unknown && !isThreshold && (\n        <div className={styles.details}>\n          <dl className={styles.split}>\n            <div className={styles.splitRow}>\n              <dt className={styles.splitLabel}>\n                <span className={styles.dotGranted} aria-hidden=\"true\" />\n                {t.granted}\n              </dt>\n              <dd className={styles.splitAmount}>{formatTokens(granted, locale)}</dd>\n            </div>\n            <div className={styles.splitRow}>\n              <dt className={styles.splitLabel}>\n                <span className={styles.dotPurchased} aria-hidden=\"true\" />\n                {t.purchased}\n              </dt>\n              <dd className={styles.splitAmount}>{formatTokens(purchased, locale)}</dd>\n            </div>\n          </dl>\n          {grantExpires && <p className={styles.footer}>{t.grantExpiry(grantExpires)}</p>}\n        </div>\n      )}\n\n      {isThreshold && burnNote && <p className={styles.burnNote}>{burnNote}</p>}\n\n      {/* A handler is what makes the button exist, not only what it does when\n          pressed (B33-1270). `!unknown` alone drew it for a consumer with\n          nowhere to send anyone, and a hashed class name left them no way to\n          take it back out -- see `onTopUp`. Tested against `undefined` rather\n          than for truthiness so that `onTopUp={undefined}`, which is what a\n          consumer's own absent value looks like, reads the same as omitting it. */}\n      {!unknown && onTopUp !== undefined && (\n        <button type=\"button\" className={styles.topUp} data-grown={isThreshold ? 'true' : undefined} onClick={onTopUp}>\n          {t.topUp}\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["THRESHOLD_BURN","SEGMENT_MIN","segmentWidth","amount","cycleTotal","share","Bar","granted","purchased","tone","label","jsxs","styles","jsx","WalletChip","grantCycle","burnedFraction","grantExpires","burnNote","unknown","collapsed","onTopUp","labels","locale","DEFAULT_WALLET_LOCALE","t","resolveWalletChipLabels","buildBarLabel","formatTokens","balance","derivedBurn","burned","isThreshold","railBalance","thousandsFigure","WalletMark","RetryMark"],"mappings":"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"}
+{"version":3,"file":"WalletChip.js","sources":["../../../src/components/WalletChip/WalletChip.tsx"],"sourcesContent":["'use client'\n\n// A client module: the chip wires `onTopUp` to a button's onClick, which a\n// Server Component cannot carry. The rest of the shell stays on the server --\n// see Sidebar and B33-846.\n\nimport type { ElementType } from 'react'\nimport { useAnchoredOverlay } from '../../anchored-overlay'\nimport { Chevron } from '../AppSwitcher/icons'\nimport buttons from '../../buttons.module.css'\nimport styles from './WalletChip.module.css'\nimport { DEFAULT_WALLET_LOCALE, formatTokens, thousandsFigure } from './format'\nimport { RetryMark, WalletMark } from './icons'\nimport { resolveWalletChipLabels, type WalletChipLabels } from './labels'\n\n// Past this fraction of the cycle's grant burned, the chip stops resting. The\n// spec's threshold, in one place so the derivation and the styling agree.\n//\n// It stays in the package and is not a prop, which is the whole reason\n// `burnedFraction` is a fraction rather than a `threshold?: boolean` (B33-483).\n// The consumer measures its own burn; 80% is where four products agree that\n// measurement means something, and a boolean would hand each of them the policy\n// and let it drift. It also happens to agree with the middle rung of Score's own\n// burndown alerts, so adopting it changed no product decision.\nconst THRESHOLD_BURN = 0.8\n\n// The floor under a non-zero bar segment, named once so the width expression\n// below reads as what it is. The value and its derivation live in the token --\n// see --spacing-wallet-segment-min in tokens.css.\nconst SEGMENT_MIN = 'var(--spacing-wallet-segment-min)'\n\n/**\n * A bar segment's CSS `width`: its honest share of everything the cycle started\n * with, floored so that a non-zero amount is never drawn below one visible mark.\n *\n * `max()` rather than a `min-width` on the segment classes, and the reason is the\n * zero case (B33-590). A stylesheet sees only the percentage, and no CSS length\n * can tell 0% from 0.3% -- a bare `min-width` would floor a wallet that holds\n * none of that kind of token into a phantom sliver, which is the same lie in the\n * other direction. The decision needs the amount itself, so it is made here where\n * the amount is, in one expression instead of a rule plus a signal from the\n * component to switch it off. `max()` also keeps the honest percentage wherever\n * the share clears the floor: the floor only ever wins when the truth is\n * unpaintable.\n *\n * Why it needs flooring at all: once a seller has bought tokens the grant is a\n * small share of the cycle, and a small share of a 240px bar is a fraction of a\n * pixel. Score measured 3,000 granted rendering at `width: 0.3%` -- 0.72px, which\n * paints nothing, while the ledger still held the grant. Both segments are\n * floored: purchased burns second, so it drains to zero through every small\n * number on the way, and 10 purchased on a spent 3,000 grant is 0.33% of the\n * cycle and the seller's entire remaining balance.\n *\n * This is the second time the rendering has been reported. Score fixed it in its\n * own wallet markup; B33-482 replaced that markup with this component, which\n * carried no floor. Its record of the first fix is still on disk there, as dead\n * code, at components/app-shell/wallet-bar.ts.\n */\nfunction segmentWidth(amount: number, cycleTotal: number): string {\n  // A cycle of nothing has no shares in it. Guarded because the divisor is\n  // reachable -- a known balance of zero on a cycle that granted zero rendered\n  // `width: NaN%`, which a browser drops rather than reports.\n  const share = cycleTotal > 0 ? (amount / cycleTotal) * 100 : 0\n  if (amount <= 0) return `${share}%`\n  return `max(${share}%, ${SEGMENT_MIN})`\n}\n\n/**\n * The props that say nothing about a balance, so both states take them\n * identically: where the chip is drawn, what it is wired to, and the words and\n * number formats it renders with.\n */\ninterface WalletChipChromeProps {\n  /**\n   * Where the chip is drawn. `'sidebar'`, the default, is the card it has always\n   * been, pinned at the sidebar's foot. `'topbar'` is the 3 Nov 2026 redesign's\n   * token chip (B33-1712, boards 20 and 21): a 32px pill in the top bar, drawn\n   * like the app switcher, that opens a popover with the breakdown.\n   *\n   * One component in two placements rather than a second component, because the\n   * figures, the bar's rules and every word are the same chip's (CLAUDE.md:\n   * build once, add a prop). `collapsed` applies to the sidebar placement only;\n   * the top bar has no rail.\n   */\n  placement?: 'sidebar' | 'topbar'\n  /**\n   * Where the popover's \"Open\" link goes -- the Wallet. `placement=\"topbar\"`\n   * only. Omit it and the popover draws no link. The consumer supplies the URL;\n   * Identity owns where the Wallet lives.\n   */\n  walletHref?: string\n  /**\n   * The element the popover's \"Open\" link renders through, so it routes\n   * client-side with the locale prefix intact (ADR-0011). Defaults to `a`.\n   */\n  linkComponent?: ElementType\n  /** Render the top-bar popover open on first paint -- the specimen's open state. */\n  defaultOpen?: boolean\n  /** The 56px rail. Abbreviates the balance and turns the split on its side. */\n  collapsed?: boolean\n  /**\n   * Top up. Wiring for the one button the sidebar is allowed to have.\n   *\n   * **It is also what makes that button exist.** Omit it and the chip draws no\n   * top-up affordance at all, in every state, and that is the fix B33-1270 made.\n   * The render used to be gated on `!unknown` alone, so a consumer that passed\n   * no handler got a visible control that did nothing and could not be removed\n   * -- `.topUp`'s class name is CSS-Modules-hashed, so there is no selector to\n   * reach it from outside the package.\n   *\n   * That was not hypothetical in either consumer. The Wallet passes no handler\n   * and ships the dead button today\n   * (`boostledger/src/app/(wallet)/WalletShell.tsx`), and Score wrote a whole\n   * client module to arm it across a Server Component boundary rather than live\n   * with it (`boostscore/components/app-shell/wallet-chip-top-up.tsx`, which\n   * says so at length).\n   *\n   * Nothing renders in the button's place. It carries no information of its own\n   * -- only its own affordance -- so a consumer with nowhere to send someone is\n   * better served by the chip without it than by a disabled one they did not\n   * ask for (ADR-0010, \"Not entitled is not disabled\", on why unavailable is not\n   * the same as disabled). B33-1047 is the other half: an `href` form of the\n   * same affordance, for a consumer that cannot pass a callback at all.\n   */\n  onTopUp?: () => void\n  /**\n   * The chip's user-facing strings. Every field has an English default, so a\n   * consumer supplies only the ones it translates; the first two consumers are\n   * French-default. The package takes no i18n dependency -- it renders what it\n   * is given (B33-849).\n   *\n   * Every field is a plain string, so the whole object crosses the React Server\n   * Component boundary and a Next App Router page can build it. The four labels\n   * that carry a value mark its position with a `%placeholder%` (B33-1277). None\n   * of them takes a function: that form only ever worked from a Client Component\n   * and nothing in the type said so (B33-880, B33-1278).\n   */\n  labels?: Partial<WalletChipLabels>\n  /**\n   * The BCP-47 language tag the chip's figures are formatted in. Defaults to\n   * `en-US`, which is what the chip rendered before this prop existed.\n   *\n   * `labels` gives the consumer the chip's words; this gives it their numbers.\n   * French writes `4 600` where English writes `4,600`, and a label cannot fix\n   * it -- the label functions receive the figures already formatted, so before\n   * this prop there was no hook at all (B33-876). Grouping and the decimal\n   * separator are CLDR facts about a locale rather than a property of the\n   * consumer's sentence, so a tag is enough: `Intl.NumberFormat` knows the rest,\n   * and a tag is a plain string, which a Server Component can pass where a\n   * formatter function could not.\n   *\n   * It reaches the visible figures and, because the same strings are\n   * interpolated into them, the `bar` and `railBalance` accessible names.\n   *\n   * The `k` after the rail's abbreviated balance is a word, not a number, so it\n   * is `labels.railFigure` and not this.\n   */\n  locale?: string\n}\n\n/**\n * The chip with a balance the consumer stands behind. The two remaining figures\n * are required, because this is the state that renders them.\n */\nexport interface WalletChipKnownProps extends WalletChipChromeProps {\n  /**\n   * Absent or `false`. The discriminant: it is what makes the figures below\n   * required here and forbidden in {@link WalletChipUnknownProps}.\n   */\n  unknown?: false\n  /** Absent or `false`: see {@link WalletChipTotalOnlyProps}. */\n  totalOnly?: false\n  /** Remaining granted tokens. Granted burns first and expires. */\n  granted: number\n  /** Remaining purchased tokens. Purchased never expires. */\n  purchased: number\n  /**\n   * What this cycle's grant started with, if the consumer knows. The bar's full\n   * width alongside purchased, so the part already burned draws as empty track\n   * and the filled portion shortens as the month runs.\n   *\n   * **Optional, and that is the fix B33-483 made.** It used to be required, and\n   * no consumer could satisfy it honestly: it is the Ledger's\n   * `grant_tokens_per_cycle`, and it cannot be reconstructed from a balance --\n   * `cycleUsedPct` counts purchased-bucket spend, is not `(cycle total -\n   * remaining)` once a credit, refund or void has touched the account, and is not\n   * bounded at 100. So the Wallet passed `grantCycle = granted`, which pins\n   * `burned` at 0 and held the threshold state unreachable in the reference\n   * implementation, and Score passed a local per-plan belief instead.\n   *\n   * Omitted, the bar measures against `granted + purchased` -- the balance\n   * itself. It then draws full and claims nothing about what burned, which is the\n   * honest rendering when nobody can say.\n   *\n   * It no longer decides the threshold on its own: {@link burnedFraction} does\n   * that, and this is only consulted when that is absent.\n   */\n  grantCycle?: number\n  /**\n   * How much of the cycle's grant has burned, as a fraction -- `0.88` for 88%.\n   * Drives the threshold state, and is the figure the chip rounds into its pill.\n   *\n   * Passed in rather than derived, for exactly the reason {@link burnNote}\n   * already is: the burn is the product's measurement to make, not the chip's.\n   * The chip kept the arithmetic while taking the runway line as a prop, and fed\n   * it from a denominator no product could supply -- so the measurement was the\n   * chip's in name and nobody's in fact (B33-483).\n   *\n   * The *policy* stays here. `THRESHOLD_BURN` is 0.8 in this package, so four\n   * products trip at the same place and cannot drift to four different numbers.\n   * That is why this is a fraction and not a `threshold?: boolean`: a boolean\n   * would move the 80% decision into each consumer, and it would leave the pill\n   * with no figure to print.\n   *\n   * Supplied, it wins. Absent, the chip derives it from {@link grantCycle} as it\n   * always did; absent with no `grantCycle` either, nothing is claimed and the\n   * chip rests.\n   *\n   * It is not clamped. A consumer that passes a percentage where a fraction\n   * belongs renders a visibly absurd pill rather than a plausible \"100%\", and a\n   * wrong figure that looks wrong is the one that gets fixed.\n   */\n  burnedFraction?: number\n  /** When the current grant expires, preformatted for display, e.g. \"30 Sep\". */\n  grantExpires?: string\n  /**\n   * The threshold state's runway line, preformatted, e.g. \"About four days left\n   * at your current burn.\" Passed in rather than derived: the burn estimate is\n   * the product's to make, not the chip's -- the chip renders what it is given.\n   */\n  burnNote?: string\n}\n\n/**\n * The chip whose balance could not be confirmed. It renders an em dash, no bar\n * and no button, so **it takes no figures at all** -- each one below is\n * `?: never`.\n *\n * That is deliberate and it is the second half of B33-483. The figures were\n * required in every state, so both consumers manufactured zeroes to get past the\n * type and then apologised for them in a comment -- \"these zeroes are never\n * rendered ... but they are not a balance and must not be read as one\"\n * (`boostscore/components/app-shell/wallet-chip.tsx`), and the same again in\n * `wallet-slot.tsx` and `boostledger/src/app/(wallet)/layout.tsx`. A zero is a\n * confident claim about someone's money. The type now refuses it rather than\n * asking a comment to.\n *\n * `undefined` is still accepted, so a consumer that must build one props object\n * can write `{ unknown: true, granted: undefined }` instead of branching.\n */\nexport interface WalletChipUnknownProps extends WalletChipChromeProps {\n  /** The balance could not be confirmed. Renders as unknown, never as zero. */\n  unknown: true\n  totalOnly?: false\n  balance?: never\n  granted?: never\n  purchased?: never\n  grantCycle?: never\n  burnedFraction?: never\n  /** Not rendered in this state: the footer only draws on a resting chip. */\n  grantExpires?: never\n  /** Not rendered in this state: the runway line only draws past the threshold. */\n  burnNote?: never\n}\n\n/**\n * A discriminated union on `unknown`, and the discriminant has consequences for\n * how a consumer *types* its own code, not only what it passes:\n *\n * - A helper that returns props for both states needs an explicit\n *   `: WalletChipProps` return annotation. Without one, TypeScript widens the\n *   `unknown: true` in an object literal to `boolean`, which matches neither\n *   member, and the spread at the call site stops compiling.\n * - `Omit<WalletChipProps, 'onTopUp'>` is not what it looks like. `Omit` over a\n *   union flattens it into one object and loses the discrimination. Omit from\n *   the members instead -- `Omit<WalletChipKnownProps, 'onTopUp'> |\n *   Omit<WalletChipUnknownProps, 'onTopUp'>` -- which is why both are exported.\n */\nexport type WalletChipProps = WalletChipKnownProps | WalletChipUnknownProps | WalletChipTotalOnlyProps\n\n/**\n * The top-bar chip with a real total and no drawable split (B33-1712). Debits\n * draw the grant first, then purchased, and may run a set share past zero (the\n * Ledger's overdraft); credits add only to the bucket they name and never pay a\n * negative one off. So the Ledger can report a bucket below zero -- granted 0 /\n * purchased -40 (overdrawn, total -40), or granted 1000 / purchased -40 after\n * the month's grant lands (total 960, for the rest of the month). A two-segment\n * bar cannot draw a negative, and clamping it to zero would draw a split nobody\n * has: a split invented by the interface. So this state takes **the total and\n * no split**, and draws no bar and no granted / purchased legend.\n *\n * Below zero the figure is the distance past zero, positive, in --color-danger,\n * with the words \"past zero\" where a minus sign would be -- the Wallet's own\n * past-zero screen (boostledger, Paper 201 screen 03), followed rather than\n * inventing a third look. Nothing is broken and the copy does not say it is;\n * what happens next is the consumer's `burnNote`, because the overdraft limit is\n * the Ledger's. At zero or above it is the plain balance.\n *\n * **Top bar only.** The sidebar card has no drawing for this and the redesigned\n * shell does not render it, so the type requires `placement=\"topbar\"` rather\n * than leaving the card to guess. No board draws either form: they are new\n * undrawn states for the person at the gate to judge.\n */\nexport interface WalletChipTotalOnlyProps extends WalletChipChromeProps {\n  placement: 'topbar'\n  totalOnly: true\n  unknown?: false\n  /**\n   * The balance, signed, in whole tokens: `granted + purchased` from the\n   * Ledger's signed figures, which its single balance row guarantees is the\n   * balance.\n   */\n  balance: number\n  /**\n   * What happens next, preformatted, e.g. \"Work carries on for another 930\n   * tokens, then paid actions stop.\" The consumer's, because the overdraft limit\n   * is the Ledger's, not the chip's.\n   */\n  burnNote?: string\n  granted?: never\n  purchased?: never\n  grantCycle?: never\n  burnedFraction?: never\n  grantExpires?: never\n}\n\n/**\n * The granted/purchased bar. Granted is drawn first, because granted burns\n * first. The accessible label is passed in whole rather than assembled here:\n * word order is the consumer's, not English's (B33-849).\n */\nfunction Bar({ granted, purchased, cycleTotal, tone, label }: { granted: number; purchased: number; cycleTotal: number; tone: 'rest' | 'threshold'; label: string }) {\n  return (\n    <div className={styles.bar} data-tone={tone} role=\"img\" aria-label={label}>\n      <span className={styles.segmentGranted} data-testid=\"segment-granted\" style={{ width: segmentWidth(granted, cycleTotal) }} />\n      <span className={styles.segmentPurchased} data-testid=\"segment-purchased\" style={{ width: segmentWidth(purchased, cycleTotal) }} />\n    </div>\n  )\n}\n\nexport function WalletChip(props: WalletChipProps) {\n  if (props.totalOnly === true) return <TotalOnlyChip {...props} />\n  if (props.placement === 'topbar') return <TopBarChip {...props} />\n  return <SidebarChip {...props} />\n}\n\n/**\n * The top-bar token chip (B33-1712). The pill shows the balance and the\n * two-segment bar; the popover (board 21) shows the figure, the bar again at\n * width, each kind of token with what it means, the runway line, and the buy\n * button.\n *\n * Both segments are always drawn and a zero one is 0px wide with the gap kept\n * -- board 22, and B33-590's rule that a zero is never drawn as a sliver. That\n * overrides B33-1712's line about copying the hub's 4px floor, by Jamal's\n * decision of 3 Nov 2026. A non-zero segment keeps the existing floor\n * (`segmentWidth`).\n *\n * Every figure is the consumer's. Unknown renders an em dash, no bar and no\n * breakdown -- a made-up split in a token balance is a commercial fact invented\n * by the interface (B33-1712).\n *\n * A disclosure, like the switcher (ADR-0010): the trigger is a button, the\n * panel carries no widget role, and dismissal is the shared anchored-overlay\n * contract's (ADR-0009).\n */\nfunction TopBarChip({ granted = 0, purchased = 0, grantExpires, burnNote, unknown = false, onTopUp, labels, locale = DEFAULT_WALLET_LOCALE, walletHref, linkComponent, defaultOpen }: WalletChipProps) {\n  const t = resolveWalletChipLabels(labels)\n  const overlay = useAnchoredOverlay({ defaultOpen })\n  const Link: ElementType = linkComponent ?? 'a'\n  const balance = granted + purchased\n  // The pill and the popover draw the split of the balance itself: no burned\n  // track, because the top bar claims nothing about what the cycle started\n  // with. The sidebar card still does, from `grantCycle`.\n  const total = balance\n  const figure = unknown ? '—' : formatTokens(balance, locale)\n  const buildBarLabel = () => t.bar(formatTokens(granted, locale), formatTokens(purchased, locale), formatTokens(balance, locale))\n\n  return (\n    <div className={styles.topRoot}>\n      <button type=\"button\" className={styles.topTrigger} aria-label={unknown ? t.railBalanceUnknown : t.railBalance(figure)} onClick={overlay.toggle} {...overlay.triggerProps}>\n        <span className={styles.topFigure} aria-hidden=\"true\">\n          <span className={styles.topAmount}>{figure}</span>\n          <span className={styles.topUnit}>{t.unit}</span>\n        </span>\n        {!unknown && <TopBar granted={granted} purchased={purchased} total={total} className={styles.topBar} />}\n        <Chevron className={styles.topChevron} />\n      </button>\n\n      {overlay.open && (\n        <div {...overlay.panelProps} className={styles.popover} aria-label={t.popover}>\n          <div className={styles.popHead}>\n            <span className={styles.popFigure}>\n              <span className={styles.popAmount}>{figure}</span>\n              <span className={styles.popUnit}>{t.unit}</span>\n            </span>\n            {walletHref !== undefined && (\n              <Link className={buttons.quiet} href={walletHref} onClick={overlay.close}>\n                {t.open}\n              </Link>\n            )}\n          </div>\n\n          {unknown ? (\n            <p className={styles.popNote}>{t.balanceUnknown}</p>\n          ) : (\n            <>\n              <TopBar granted={granted} purchased={purchased} total={total} className={styles.popBar} label={buildBarLabel()} />\n              <ul className={styles.legend}>\n                <li className={styles.legendRow}>\n                  <span className={styles.swatchGranted} aria-hidden=\"true\" />\n                  <span className={styles.legendText}>\n                    <span className={styles.legendFigure}>{t.grantedFigure(formatTokens(granted, locale))}</span>\n                    <span className={styles.legendNote}>{grantExpires ? t.grantedNote(grantExpires) : t.grantedNoteUndated}</span>\n                  </span>\n                </li>\n                <li className={styles.legendRow}>\n                  <span className={styles.swatchPurchased} aria-hidden=\"true\" />\n                  <span className={styles.legendText}>\n                    <span className={styles.legendFigure}>{t.purchasedFigure(formatTokens(purchased, locale))}</span>\n                    <span className={styles.legendNote}>{t.purchasedNote}</span>\n                  </span>\n                </li>\n              </ul>\n              {(burnNote || onTopUp !== undefined) && (\n                <div className={styles.popFoot}>\n                  {burnNote && <p className={styles.popNote}>{burnNote}</p>}\n                  {onTopUp !== undefined && (\n                    <button type=\"button\" className={`${buttons.primary} ${styles.buy}`} data-tone=\"accent\" onClick={onTopUp}>\n                      {t.buyTokens}\n                    </button>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * The top-bar chip with no drawable split (`WalletChipTotalOnlyProps`): the same\n * pill and popover as {@link TopBarChip}, with the total alone -- the distance\n * past zero when it is below -- and no bar and no legend anywhere.\n */\nfunction TotalOnlyChip({ balance, burnNote, onTopUp, labels, locale = DEFAULT_WALLET_LOCALE, walletHref, linkComponent, defaultOpen }: WalletChipTotalOnlyProps) {\n  const t = resolveWalletChipLabels(labels)\n  const overlay = useAnchoredOverlay({ defaultOpen })\n  const Link: ElementType = linkComponent ?? 'a'\n  const pastZero = balance < 0\n  const figure = formatTokens(pastZero ? -balance : balance, locale)\n\n  return (\n    <div className={styles.topRoot} data-past-zero={pastZero ? 'true' : undefined}>\n      <button type=\"button\" className={styles.topTrigger} aria-label={pastZero ? t.pastZeroBalance(figure) : t.railBalance(figure)} onClick={overlay.toggle} {...overlay.triggerProps}>\n        <span className={styles.topFigure} aria-hidden=\"true\">\n          <span className={styles.topAmount}>{figure}</span>\n          <span className={styles.topUnit}>{pastZero ? t.pastZero : t.unit}</span>\n        </span>\n        <Chevron className={styles.topChevron} />\n      </button>\n\n      {overlay.open && (\n        <div {...overlay.panelProps} className={styles.popover} aria-label={t.popover}>\n          <div className={styles.popHead}>\n            <span className={styles.popFigure}>\n              <span className={styles.popAmount}>{figure}</span>\n              <span className={styles.popUnit}>{pastZero ? t.pastZeroLong : t.unit}</span>\n            </span>\n            {walletHref !== undefined && (\n              <Link className={styles.popOpen} href={walletHref} onClick={overlay.close}>\n                {t.open}\n              </Link>\n            )}\n          </div>\n          {(burnNote || onTopUp !== undefined) && (\n            <div className={styles.popFoot}>\n              {burnNote && <p className={styles.popNote}>{burnNote}</p>}\n              {onTopUp !== undefined && (\n                <button type=\"button\" className={styles.buy} onClick={onTopUp}>\n                  {t.buyTokens}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * The top bar's two-segment bar, in the pill and in the popover. Granted first,\n * because it burns first; a fixed gap between the two that stays when a segment\n * is zero, so a two-part balance never reads as one lump (board 22).\n */\nfunction TopBar({ granted, purchased, total, className, label }: { granted: number; purchased: number; total: number; className?: string; label?: string }) {\n  return (\n    <span className={className} role={label ? 'img' : undefined} aria-label={label} aria-hidden={label ? undefined : 'true'}>\n      <span className={styles.segmentGranted} data-segment=\"granted\" style={{ width: segmentWidth(granted, total) }} />\n      <span className={styles.segmentPurchased} data-segment=\"purchased\" style={{ width: segmentWidth(purchased, total) }} />\n    </span>\n  )\n}\n\nfunction SidebarChip({ granted = 0, purchased = 0, grantCycle, burnedFraction, grantExpires, burnNote, unknown = false, collapsed = false, onTopUp, labels, locale = DEFAULT_WALLET_LOCALE }: WalletChipProps) {\n  const t = resolveWalletChipLabels(labels)\n  // Assembled lazily: the unknown state draws no bar, and a consumer's `bar`\n  // implementation can throw on the zeroes the destructure above defaults the\n  // degraded path's absent figures to. Calling it only where a bar renders keeps\n  // that crash surface off the render that exists precisely because fetching the\n  // balance already failed (B33-875). B33-483 stopped the consumer having to pass\n  // those zeroes; the chip still has to pick something, so the laziness stays.\n  const buildBarLabel = () =>\n    t.bar(formatTokens(granted, locale), formatTokens(purchased, locale), formatTokens(granted + purchased, locale))\n  const balance = granted + purchased\n  // Everything the cycle started with: the grant plus the purchased balance\n  // sitting alongside it. Measuring against this is what makes the bar shorten\n  // as tokens burn instead of only re-proportioning to a full width.\n  //\n  // With no `grantCycle` the denominator falls back to `granted + purchased`, so\n  // the bar fills and there is no burned track -- the honest drawing when nobody\n  // can say what the cycle started with (B33-483). The zero-division guard inside\n  // segmentWidth still covers the case where that balance is itself zero.\n  const cycleTotal = (grantCycle ?? granted) + purchased\n  // How much of the cycle's grant has burned. The consumer's own figure wins;\n  // `grantCycle` derives it exactly as it always did; with neither, nothing is\n  // claimed and the chip rests. `grantCycle` is tested against undefined rather\n  // than leaned on for falsiness, because 0 and \"not supplied\" both resolve to a\n  // burn of 0 and must keep doing so.\n  const derivedBurn = grantCycle !== undefined && grantCycle > 0 ? (grantCycle - granted) / grantCycle : 0\n  const burned = burnedFraction ?? derivedBurn\n  const isThreshold = !unknown && burned >= THRESHOLD_BURN\n\n  if (collapsed) {\n    // The abbreviated balance, assembled once: it is both the rail's visible\n    // text and the figure the group's accessible name is built around, and a\n    // sighted user and a screen-reader user must not be told different numbers.\n    // Built only when a balance is known, for the same reason buildBarLabel is\n    // lazy -- the unknown rail shows no figure, and a consumer's railFigure\n    // should not run on a degraded path it never renders on (B33-875).\n    const railBalance = unknown ? undefined : t.railFigure(thousandsFigure(balance, locale))\n    return (\n      <div className={styles.rail} role=\"group\" aria-label={railBalance === undefined ? t.railBalanceUnknown : t.railBalance(railBalance)} tabIndex={0}>\n        <WalletMark className={styles.railIcon} />\n        <span className={styles.railFigure}>{railBalance ?? '—'}</span>\n        {unknown ? <span className={styles.srOnly}>{t.railUnknown}</span> : <Bar granted={granted} purchased={purchased} cycleTotal={cycleTotal} tone={isThreshold ? 'threshold' : 'rest'} label={buildBarLabel()} />}\n      </div>\n    )\n  }\n\n  return (\n    <div className={styles.chip} role=\"group\" aria-label={t.region} tabIndex={0} data-threshold={isThreshold ? 'true' : undefined} data-unknown={unknown ? 'true' : undefined}>\n      <div className={styles.header}>\n        <span className={styles.name}>{t.name}</span>\n        {isThreshold && <span className={styles.pill}>{Math.round(burned * 100)}%</span>}\n      </div>\n\n      {unknown ? (\n        <div className={styles.figure}>\n          <span className={styles.amount} aria-hidden=\"true\">\n            {'—'}\n          </span>\n          <RetryMark className={styles.retry} />\n          <span className={styles.srOnly}>{t.balanceUnknown}</span>\n        </div>\n      ) : (\n        <div className={styles.figure}>\n          <span className={styles.amount}>{formatTokens(balance, locale)}</span>\n          <span className={styles.unit}>{t.unit}</span>\n        </div>\n      )}\n\n      {unknown ? (\n        <div className={styles.bar} data-tone=\"unknown\" aria-hidden=\"true\" />\n      ) : (\n        <Bar granted={granted} purchased={purchased} cycleTotal={cycleTotal} tone={isThreshold ? 'threshold' : 'rest'} label={buildBarLabel()} />\n      )}\n\n      {!unknown && !isThreshold && (\n        <div className={styles.details}>\n          <dl className={styles.split}>\n            <div className={styles.splitRow}>\n              <dt className={styles.splitLabel}>\n                <span className={styles.dotGranted} aria-hidden=\"true\" />\n                {t.granted}\n              </dt>\n              <dd className={styles.splitAmount}>{formatTokens(granted, locale)}</dd>\n            </div>\n            <div className={styles.splitRow}>\n              <dt className={styles.splitLabel}>\n                <span className={styles.dotPurchased} aria-hidden=\"true\" />\n                {t.purchased}\n              </dt>\n              <dd className={styles.splitAmount}>{formatTokens(purchased, locale)}</dd>\n            </div>\n          </dl>\n          {grantExpires && <p className={styles.footer}>{t.grantExpiry(grantExpires)}</p>}\n        </div>\n      )}\n\n      {isThreshold && burnNote && <p className={styles.burnNote}>{burnNote}</p>}\n\n      {/* A handler is what makes the button exist, not only what it does when\n          pressed (B33-1270). `!unknown` alone drew it for a consumer with\n          nowhere to send anyone, and a hashed class name left them no way to\n          take it back out -- see `onTopUp`. Tested against `undefined` rather\n          than for truthiness so that `onTopUp={undefined}`, which is what a\n          consumer's own absent value looks like, reads the same as omitting it. */}\n      {!unknown && onTopUp !== undefined && (\n        <button\n          type=\"button\"\n          // Two tiers for one button (B33-1713, ADR-0016): at rest it is a word\n          // in the chip's header, the quiet tier; past the threshold it grows\n          // into the chip's one call to action, the primary tier in the accent\n          // tone. `.topUp` adds only where it sits.\n          className={`${isThreshold ? buttons.primary : buttons.quiet} ${styles.topUp}`}\n          data-tone={isThreshold ? 'accent' : undefined}\n          data-grown={isThreshold ? 'true' : undefined}\n          onClick={onTopUp}\n        >\n          {t.topUp}\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["THRESHOLD_BURN","SEGMENT_MIN","segmentWidth","amount","cycleTotal","share","Bar","granted","purchased","tone","label","jsxs","styles","jsx","WalletChip","props","TotalOnlyChip","TopBarChip","SidebarChip","grantExpires","burnNote","unknown","onTopUp","labels","locale","DEFAULT_WALLET_LOCALE","walletHref","linkComponent","defaultOpen","t","resolveWalletChipLabels","overlay","useAnchoredOverlay","Link","balance","total","figure","formatTokens","buildBarLabel","TopBar","Chevron","buttons","Fragment","pastZero","className","grantCycle","burnedFraction","collapsed","derivedBurn","burned","isThreshold","railBalance","thousandsFigure","WalletMark","RetryMark"],"mappings":"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"}

package/dist/components/WalletChip/WalletChip.module.css.js

@@ -1,56 +1,102 @@
-const t = "_chip_xxga2_37", _ = "_header_xxga2_74", a = "_name_xxga2_83", n = "_pill_xxga2_162", s = "_figure_xxga2_171", e = "_amount_xxga2_186", o = "_unit_xxga2_195", x = "_retry_xxga2_200", r = "_bar_xxga2_209", i = "_segmentGranted_xxga2_230", c = "_segmentPurchased_xxga2_231", l = "_details_xxga2_275", g = "_split_xxga2_284", d = "_splitRow_xxga2_291", p = "_splitLabel_xxga2_297", u = "_splitAmount_xxga2_305", m = "_dotGranted_xxga2_313", h = "_dotPurchased_xxga2_314", b = "_footer_xxga2_328", f = "_burnNote_xxga2_336", y = "_topUp_xxga2_87", G = "_rail_xxga2_402", P = "_railIcon_xxga2_416", w = "_railFigure_xxga2_422", A = "_srOnly_xxga2_435", F = {
+const t = "_chip_qvtyk_37", o = "_header_qvtyk_74", _ = "_name_qvtyk_83", e = "_pill_qvtyk_162", n = "_figure_qvtyk_171", p = "_amount_qvtyk_186", s = "_unit_qvtyk_195", r = "_retry_qvtyk_200", c = "_bar_qvtyk_209", a = "_segmentGranted_qvtyk_230", y = "_segmentPurchased_qvtyk_231", i = "_details_qvtyk_275", v = "_split_qvtyk_284", l = "_splitRow_qvtyk_291", d = "_splitLabel_qvtyk_297", k = "_splitAmount_qvtyk_305", q = "_dotGranted_qvtyk_313", u = "_dotPurchased_qvtyk_314", g = "_footer_qvtyk_328", h = "_burnNote_qvtyk_336", m = "_topUp_qvtyk_87", F = "_rail_qvtyk_387", b = "_railIcon_qvtyk_401", w = "_railFigure_qvtyk_407", A = "_srOnly_qvtyk_420", G = "_topRoot_qvtyk_444", N = "_topTrigger_qvtyk_453", P = "_topFigure_qvtyk_482", R = "_topAmount_qvtyk_489", U = "_topUnit_qvtyk_497", f = "_topChevron_qvtyk_508", B = "_topBar_qvtyk_518", T = "_popBar_qvtyk_519", x = "_popover_qvtyk_534", C = "_popHead_qvtyk_551", H = "_popFigure_qvtyk_558", I = "_popAmount_qvtyk_566", L = "_popUnit_qvtyk_575", O = "_legend_qvtyk_589", j = "_legendText_qvtyk_598", z = "_legendRow_qvtyk_603", D = "_swatchGranted_qvtyk_609", E = "_swatchPurchased_qvtyk_610", J = "_legendFigure_qvtyk_626", K = "_legendNote_qvtyk_634", M = "_popFoot_qvtyk_641", Q = "_popNote_qvtyk_649", S = "_buy_qvtyk_658", V = {
   chip: t,
-  header: _,
-  name: a,
-  pill: n,
-  figure: s,
-  amount: e,
-  unit: o,
-  retry: x,
-  bar: r,
-  segmentGranted: i,
-  segmentPurchased: c,
-  details: l,
-  split: g,
-  splitRow: d,
-  splitLabel: p,
-  splitAmount: u,
-  dotGranted: m,
-  dotPurchased: h,
-  footer: b,
-  burnNote: f,
-  topUp: y,
-  rail: G,
-  railIcon: P,
+  header: o,
+  name: _,
+  pill: e,
+  figure: n,
+  amount: p,
+  unit: s,
+  retry: r,
+  bar: c,
+  segmentGranted: a,
+  segmentPurchased: y,
+  details: i,
+  split: v,
+  splitRow: l,
+  splitLabel: d,
+  splitAmount: k,
+  dotGranted: q,
+  dotPurchased: u,
+  footer: g,
+  burnNote: h,
+  topUp: m,
+  rail: F,
+  railIcon: b,
   railFigure: w,
-  srOnly: A
+  srOnly: A,
+  topRoot: G,
+  topTrigger: N,
+  topFigure: P,
+  topAmount: R,
+  topUnit: U,
+  topChevron: f,
+  topBar: B,
+  popBar: T,
+  popover: x,
+  popHead: C,
+  popFigure: H,
+  popAmount: I,
+  popUnit: L,
+  legend: O,
+  legendText: j,
+  legendRow: z,
+  swatchGranted: D,
+  swatchPurchased: E,
+  legendFigure: J,
+  legendNote: K,
+  popFoot: M,
+  popNote: Q,
+  buy: S
 };
 export {
-  e as amount,
-  r as bar,
-  f as burnNote,
+  p as amount,
+  c as bar,
+  h as burnNote,
+  S as buy,
   t as chip,
-  F as default,
-  l as details,
-  m as dotGranted,
-  h as dotPurchased,
-  s as figure,
-  b as footer,
-  _ as header,
-  a as name,
-  n as pill,
-  G as rail,
+  V as default,
+  i as details,
+  q as dotGranted,
+  u as dotPurchased,
+  n as figure,
+  g as footer,
+  o as header,
+  O as legend,
+  J as legendFigure,
+  K as legendNote,
+  z as legendRow,
+  j as legendText,
+  _ as name,
+  e as pill,
+  I as popAmount,
+  T as popBar,
+  H as popFigure,
+  M as popFoot,
+  C as popHead,
+  Q as popNote,
+  L as popUnit,
+  x as popover,
+  F as rail,
   w as railFigure,
-  P as railIcon,
-  x as retry,
-  i as segmentGranted,
-  c as segmentPurchased,
-  g as split,
-  u as splitAmount,
-  p as splitLabel,
-  d as splitRow,
+  b as railIcon,
+  r as retry,
+  a as segmentGranted,
+  y as segmentPurchased,
+  v as split,
+  k as splitAmount,
+  d as splitLabel,
+  l as splitRow,
   A as srOnly,
-  y as topUp,
-  o as unit
+  D as swatchGranted,
+  E as swatchPurchased,
+  R as topAmount,
+  B as topBar,
+  f as topChevron,
+  P as topFigure,
+  G as topRoot,
+  N as topTrigger,
+  U as topUnit,
+  m as topUp,
+  s as unit
 };
 //# sourceMappingURL=WalletChip.module.css.js.map

package/dist/components/WalletChip/WalletChip.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletChip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"WalletChip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}