@boost33/ui 0.8.1 → 0.9.0

package/dist/components/Backdrop/BackdropGlobalPanels.js

@@ -0,0 +1,264 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import e from "./BackdropGlobalPanels.module.css.js";
+import { cx as h } from "./cx.js";
+import { Search as x, Pin as w, ChevronRight as S, PinFilled as F, CheckCircleFilled as $, Circle as R } from "./icons.js";
+import { BackdropAvatar as A } from "./BackdropBasics.js";
+import { BackdropButton as C, BackdropTextLink as D } from "./BackdropButton.js";
+import { BackdropPopover as k, BackdropMenuList as g, BackdropDialog as H } from "./BackdropOverlays.js";
+function J({ person: l, topGroup: s, rows: t, signOut: r, label: d, linkComponent: c }) {
+  return /* @__PURE__ */ i(k, { label: d, width: "account", padding: "none", children: [
+    /* @__PURE__ */ i("div", { className: e.person, children: [
+      /* @__PURE__ */ a(A, { name: l.name, tone: "ink", size: 40 }),
+      /* @__PURE__ */ i("div", { className: e.personText, children: [
+        /* @__PURE__ */ a("span", { className: e.personName, children: l.name }),
+        l.organisation && /* @__PURE__ */ a("span", { className: e.personOrg, children: l.organisation }),
+        l.email && /* @__PURE__ */ a("span", { className: e.personEmail, children: l.email })
+      ] })
+    ] }),
+    s && s.length > 0 && /* @__PURE__ */ a("div", { className: h(e.menuSection, e.ruledBelow), children: /* @__PURE__ */ a(g, { rows: s, linkComponent: c }) }),
+    /* @__PURE__ */ a("div", { className: e.menuSection, children: /* @__PURE__ */ a(g, { rows: t, linkComponent: c }) }),
+    /* @__PURE__ */ a("div", { className: h(e.menuSection, e.ruled), children: /* @__PURE__ */ a(g, { rows: [r], linkComponent: c }) })
+  ] });
+}
+function L({ value: l, label: s, size: t = "default", tone: r = "ink", segments: d, parts: c, className: n }) {
+  if (c)
+    return /* @__PURE__ */ i("div", { role: "group", "aria-label": s, className: h(e.split, n), children: [
+      /* @__PURE__ */ a("div", { className: e.splitBar, "aria-hidden": "true", children: c.map((m, u) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: h(e.splitPart, u === 0 ? e.splitFirst : e.splitSecond),
+          style: u === 0 ? { width: `${Math.round(B(m.share) * 100)}%` } : void 0
+        },
+        m.key
+      )) }),
+      /* @__PURE__ */ a("ul", { className: e.legend, children: c.map((m, u) => /* @__PURE__ */ i("li", { className: e.legendRow, children: [
+        /* @__PURE__ */ a("span", { className: h(e.swatch, u === 0 ? e.splitFirst : e.splitSecond), "aria-hidden": "true" }),
+        /* @__PURE__ */ a("span", { className: e.legendText, children: m.legend })
+      ] }, m.key)) })
+    ] });
+  const o = h(t !== "default" && e[`track-${t}`], r !== "ink" && e[`tone-${r}`]);
+  if (d) {
+    const m = Math.max(1, Math.round(d.total)), u = Math.max(0, Math.min(m, Math.round(d.done)));
+    return /* @__PURE__ */ a("div", { role: "progressbar", "aria-label": s, "aria-valuemin": 0, "aria-valuemax": m, "aria-valuenow": u, className: h(e.segmented, o, n), children: Array.from({ length: m }, (y, v) => /* @__PURE__ */ a("div", { className: h(e.segment, v < u && e.segmentDone) }, v)) });
+  }
+  const p = Math.round(B(l) * 100);
+  return /* @__PURE__ */ a("div", { role: "progressbar", "aria-label": s, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": p, className: h(e.track, o, n), children: /* @__PURE__ */ a("div", { className: e.fillBar, style: { width: `${p}%` } }) });
+}
+function B(l) {
+  return Math.max(0, Math.min(1, l));
+}
+function K({ title: l, balance: s, unit: t, breakdown: r, caption: d, usage: c, primaryAction: n, secondaryAction: o, linkComponent: p }) {
+  return /* @__PURE__ */ a(k, { label: l, width: "tokens", children: /* @__PURE__ */ i("div", { className: e.stack, children: [
+    /* @__PURE__ */ i("div", { className: e.balanceBlock, children: [
+      /* @__PURE__ */ a("span", { className: e.eyebrow, children: l }),
+      /* @__PURE__ */ i("span", { className: e.balance, children: [
+        s,
+        /* @__PURE__ */ i("span", { className: e.unit, children: [
+          " ",
+          t
+        ] })
+      ] }),
+      r && /* @__PURE__ */ a(L, { value: 0, label: r.label, parts: r.parts, className: e.breakdown }),
+      d && /* @__PURE__ */ a("span", { className: e.caption, children: d })
+    ] }),
+    c && /* @__PURE__ */ i("div", { className: h(e.usage, e.ruledTop), children: [
+      /* @__PURE__ */ i("div", { className: e.usageHead, children: [
+        /* @__PURE__ */ a("span", { className: e.eyebrow, children: c.label }),
+        /* @__PURE__ */ a("span", { className: e.usageTotal, children: c.total })
+      ] }),
+      c.rows.map((m) => /* @__PURE__ */ i("div", { className: e.usageRow, children: [
+        /* @__PURE__ */ a("span", { className: e.usageLabel, children: m.label }),
+        /* @__PURE__ */ a(L, { value: m.share, label: m.barLabel, className: e.usageBar }),
+        /* @__PURE__ */ a("span", { className: e.usageValue, children: m.value })
+      ] }, m.key))
+    ] }),
+    (n || o) && /* @__PURE__ */ i("div", { className: e.actions, children: [
+      n && /* @__PURE__ */ a(C, { variant: "ink", size: "lg", fullWidth: !0, href: n.href, linkComponent: p, onClick: n.onClick, children: n.label }),
+      o && /* @__PURE__ */ a(D, { href: o.href, linkComponent: p, onClick: o.onClick, children: o.label })
+    ] })
+  ] }) });
+}
+function T({ steps: l, label: s, marker: t = "icon", orientation: r = "vertical", todoTone: d = "faint", linkComponent: c }) {
+  return r === "horizontal" ? /* @__PURE__ */ a("ol", { className: e.stepper, "aria-label": s, children: l.map((n, o) => {
+    var p;
+    return /* @__PURE__ */ i("li", { className: h(e.stepperStep, e[`stepper-${n.state}`]), "aria-current": n.state === "next" ? "step" : void 0, children: [
+      o > 0 && /* @__PURE__ */ a("span", { className: h(e.stepperLine, ((p = l[o - 1]) == null ? void 0 : p.state) === "done" && e.stepperLineDone), "aria-hidden": "true" }),
+      /* @__PURE__ */ a("span", { className: e.stepIcon, children: /* @__PURE__ */ a(M, { state: n.state, index: o, marker: "number", large: !0 }) }),
+      /* @__PURE__ */ i("span", { className: e.stepperLabel, children: [
+        n.label,
+        n.stateLabel && /* @__PURE__ */ i("span", { className: e.srOnly, children: [
+          " ",
+          n.stateLabel
+        ] })
+      ] }),
+      n.trailing !== void 0 && /* @__PURE__ */ a("span", { className: e.stepTrailing, children: n.trailing })
+    ] }, n.key);
+  }) }) : /* @__PURE__ */ a("ol", { className: h(e.steps, d === "choice" && e.todoChoice), "aria-label": s, children: l.map((n, o) => /* @__PURE__ */ i("li", { className: h(e.step, e[`step-${n.state}`]), children: [
+    /* @__PURE__ */ a("span", { className: e.stepIcon, children: /* @__PURE__ */ a(M, { state: n.state, index: o, marker: t }) }),
+    /* @__PURE__ */ i("div", { className: e.stepBody, children: [
+      /* @__PURE__ */ i("span", { className: e.stepLabel, children: [
+        n.label,
+        n.stateLabel && /* @__PURE__ */ i("span", { className: e.srOnly, children: [
+          " ",
+          n.stateLabel
+        ] })
+      ] }),
+      n.state === "next" && n.action && /* @__PURE__ */ a(C, { variant: "outline", size: "sm", href: n.action.href, linkComponent: c, onClick: n.action.onClick, children: n.action.label })
+    ] }),
+    n.trailing !== void 0 && /* @__PURE__ */ a("span", { className: e.stepTrailing, children: n.trailing })
+  ] }, n.key)) });
+}
+function M({ state: l, index: s, marker: t, large: r = !1 }) {
+  return l === "locked" ? /* @__PURE__ */ a(j, { large: r }) : l === "done" ? /* @__PURE__ */ a($, { size: r ? 24 : 20 }) : t === "icon" ? /* @__PURE__ */ a(R, {}) : /* @__PURE__ */ a("span", { className: h(e.stepNumber, r && e.stepNumberLarge), "aria-hidden": "true", children: s + 1 });
+}
+function j({ large: l }) {
+  const s = l ? 18 : 16;
+  return /* @__PURE__ */ a("span", { className: h(e.lockSlot, l && e.stepNumberLarge), children: /* @__PURE__ */ i("svg", { "aria-hidden": "true", focusable: "false", width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: l ? 1.75 : 2, strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block" }, children: [
+    /* @__PURE__ */ a("path", { d: "M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" }),
+    /* @__PURE__ */ a("path", { d: "M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" }),
+    /* @__PURE__ */ a("path", { d: "M8 11v-4a4 4 0 1 1 8 0v4" })
+  ] }) });
+}
+function U({ title: l, progressText: s, progress: t, progressLabel: r, steps: d, stepsLabel: c, linkComponent: n }) {
+  return /* @__PURE__ */ a(k, { label: l, width: "mission", children: /* @__PURE__ */ i("div", { className: e.missionStack, children: [
+    /* @__PURE__ */ i("div", { className: e.missionHead, children: [
+      /* @__PURE__ */ i("div", { className: e.missionTitleRow, children: [
+        /* @__PURE__ */ a("span", { className: e.missionTitle, children: l }),
+        /* @__PURE__ */ a("span", { className: e.eyebrow, children: s })
+      ] }),
+      /* @__PURE__ */ a(L, { value: t, label: r })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.ruledTopTight, children: /* @__PURE__ */ a(T, { steps: d, label: c, linkComponent: n }) })
+  ] }) });
+}
+function X({ label: l, progressText: s, progress: t, open: r = !1, onToggle: d }) {
+  const c = Math.round(Math.max(0, Math.min(1, t)) * 100);
+  return /* @__PURE__ */ i("button", { type: "button", className: e.getStartedPill, "aria-expanded": r, onClick: d, children: [
+    /* @__PURE__ */ a("span", { className: e.ring, style: { "--backdrop-ring-progress": `${c}%` }, "aria-hidden": "true" }),
+    /* @__PURE__ */ a("span", { className: e.getStartedLabel, children: l }),
+    /* @__PURE__ */ a("span", { className: e.getStartedCount, children: s }),
+    /* @__PURE__ */ a(S, { size: 14 })
+  ] });
+}
+function Y({ label: l, progressText: s, steps: t, stepsLabel: r, linkComponent: d }) {
+  return /* @__PURE__ */ a(k, { label: l, width: "mission", children: /* @__PURE__ */ i("div", { className: e.missionStack, children: [
+    /* @__PURE__ */ i("div", { className: e.missionTitleRow, children: [
+      /* @__PURE__ */ a("span", { className: e.missionTitle, children: l }),
+      /* @__PURE__ */ a("span", { className: e.eyebrow, children: s })
+    ] }),
+    /* @__PURE__ */ a(T, { steps: t, label: r, linkComponent: d })
+  ] }) });
+}
+function Z({ label: l, searchPlaceholder: s, sections: t, footer: r, linkComponent: d = "a" }) {
+  return /* @__PURE__ */ a(k, { label: l, width: "allApps", padding: "none", children: /* @__PURE__ */ i("div", { className: e.allApps, children: [
+    /* @__PURE__ */ i("label", { className: e.searchField, children: [
+      /* @__PURE__ */ a(x, {}),
+      /* @__PURE__ */ a("input", { type: "search", placeholder: s, "aria-label": s, className: e.searchInput })
+    ] }),
+    t.map((c) => /* @__PURE__ */ i("section", { className: e.appSection, children: [
+      /* @__PURE__ */ a("h3", { className: e.sectionLabel, children: c.label }),
+      /* @__PURE__ */ a("ul", { className: e.appGrid, children: c.apps.map((n) => {
+        const o = n.href !== void 0 ? d : "span";
+        return /* @__PURE__ */ i("li", { className: h(e.appCard, n.highlighted && e.appCardHover), children: [
+          /* @__PURE__ */ a("span", { className: e.appMark, children: n.mark }),
+          /* @__PURE__ */ a(o, { ...n.href !== void 0 ? { href: n.href } : {}, className: e.appName, children: n.name }),
+          /* @__PURE__ */ a(E, { app: n })
+        ] }, n.key);
+      }) })
+    ] }, c.key)),
+    r && /* @__PURE__ */ i("p", { className: e.allAppsFooter, children: [
+      /* @__PURE__ */ a(w, {}),
+      r
+    ] })
+  ] }) });
+}
+function E({ app: l }) {
+  return l.state === "soon" ? /* @__PURE__ */ a("span", { className: e.soonTag, children: l.actionLabel }) : l.state === "link" ? /* @__PURE__ */ i("button", { type: "button", className: e.appLink, onClick: l.onAction, children: [
+    l.actionLabel,
+    /* @__PURE__ */ a(S, { size: 16 })
+  ] }) : /* @__PURE__ */ i("button", { type: "button", className: h(e.pinButton, l.state === "pinned" && e.pinned), "aria-pressed": l.state === "pinned", onClick: l.onAction, children: [
+    l.state === "pinned" ? /* @__PURE__ */ a(F, {}) : /* @__PURE__ */ a(w, {}),
+    /* @__PURE__ */ a("span", { className: e.pinLabel, children: l.actionLabel })
+  ] });
+}
+function ee({
+  label: l,
+  placeholder: s,
+  query: t,
+  groups: r,
+  activeKey: d,
+  escapeHint: c,
+  footerHint: n,
+  emptyText: o,
+  contained: p,
+  onClose: m,
+  panel: u,
+  linkComponent: y = "a",
+  ...v
+}) {
+  const z = v.value !== void 0;
+  return /* @__PURE__ */ i(H, { label: l, width: "search", placement: "top", contained: p, onClose: m, panel: u, bare: !0, children: [
+    /* @__PURE__ */ i("div", { className: e.searchHead, children: [
+      /* @__PURE__ */ a(x, { size: 20 }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          "aria-label": s,
+          ...z ? {} : { defaultValue: t },
+          ...v,
+          type: "search",
+          role: "combobox",
+          "aria-expanded": r.length > 0,
+          placeholder: s,
+          className: e.searchQuery
+        }
+      ),
+      /* @__PURE__ */ a("kbd", { className: e.keycap, children: c })
+    ] }),
+    /* @__PURE__ */ i("div", { className: e.results, role: "listbox", "aria-label": l, children: [
+      r.length === 0 && o && /* @__PURE__ */ a("p", { className: e.empty, children: o }),
+      r.map((b) => /* @__PURE__ */ i("div", { role: "group", "aria-label": I(b.label), children: [
+        /* @__PURE__ */ a("div", { className: e.resultGroupLabel, children: b.label }),
+        b.results.map((N) => {
+          const f = N.key === d, P = N.href !== void 0 ? y : "div";
+          return /* @__PURE__ */ i(
+            P,
+            {
+              ...N.href !== void 0 ? { href: N.href } : {},
+              role: "option",
+              "aria-selected": f,
+              className: h(e.result, f && e.resultActive),
+              children: [
+                /* @__PURE__ */ a("span", { className: e.resultLeading, children: N.leading }),
+                /* @__PURE__ */ a("span", { className: e.resultTitle, children: N.title }),
+                N.meta && /* @__PURE__ */ a("span", { className: e.resultMeta, children: N.meta }),
+                /* @__PURE__ */ a("span", { className: e.resultEnter, "aria-hidden": "true", children: f && /* @__PURE__ */ a("kbd", { className: e.keycap, children: "↵" }) })
+              ]
+            },
+            N.key
+          );
+        })
+      ] }, b.key))
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.searchFoot, children: n })
+  ] });
+}
+function I(l) {
+  return typeof l == "string" ? l : void 0;
+}
+function ae({ children: l }) {
+  return /* @__PURE__ */ a("mark", { className: e.match, children: l });
+}
+export {
+  J as BackdropAccountMenu,
+  Z as BackdropAllAppsPopover,
+  X as BackdropGetStarted,
+  Y as BackdropGetStartedPanel,
+  ae as BackdropMatch,
+  U as BackdropMissionPopover,
+  L as BackdropProgress,
+  ee as BackdropSearchDialog,
+  T as BackdropStepList,
+  K as BackdropTokensPopover
+};
+//# sourceMappingURL=BackdropGlobalPanels.js.map

package/dist/components/Backdrop/BackdropGlobalPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackdropGlobalPanels.js","sources":["../../../src/components/Backdrop/BackdropGlobalPanels.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, InputHTMLAttributes, ReactNode } from 'react'\nimport styles from './BackdropGlobalPanels.module.css'\nimport { cx } from './cx'\nimport { CheckCircleFilled, ChevronRight, Circle, Pin, PinFilled, Search } from './icons'\nimport { BackdropAvatar } from './BackdropBasics'\nimport { BackdropButton, BackdropTextLink } from './BackdropButton'\nimport { BackdropDialog, BackdropMenuList, BackdropPopover, type BackdropMenuRow } from './BackdropOverlays'\n\n/*\n * The panels the strip and the rail open: account menu, tokens, mission, All\n * apps, search, and the app menu's first-time checklist. Each is a composition\n * of BackdropPopover / BackdropDialog with Paper's content shape. Every word is\n * a prop; nothing here knows what a token buys or what a mission is for.\n */\n\n/* ── Account menu ──────────────────────────────────────────────────────── */\n\nexport interface BackdropAccountMenuProps {\n  person: { name: string; organisation?: string; email?: string }\n  /**\n   * An optional group above the settings rows, under its own divider (the Hub\n   * draws one row there: a link to the organisation's public profile). Omit\n   * it and the menu is unchanged.\n   */\n  topGroup?: BackdropMenuRow[]\n  /** Profile, Company, Team, Billing and tokens, the Language row. */\n  rows: BackdropMenuRow[]\n  /** Sign out, under its own divider. */\n  signOut: BackdropMenuRow\n  /** The panel's accessible name. */\n  label: string\n  linkComponent?: ElementType\n}\n\nexport function BackdropAccountMenu({ person, topGroup, rows, signOut, label, linkComponent }: BackdropAccountMenuProps) {\n  return (\n    <BackdropPopover label={label} width=\"account\" padding=\"none\">\n      <div className={styles.person}>\n        <BackdropAvatar name={person.name} tone=\"ink\" size={40} />\n        <div className={styles.personText}>\n          <span className={styles.personName}>{person.name}</span>\n          {person.organisation && <span className={styles.personOrg}>{person.organisation}</span>}\n          {person.email && <span className={styles.personEmail}>{person.email}</span>}\n        </div>\n      </div>\n      {topGroup && topGroup.length > 0 && (\n        <div className={cx(styles.menuSection, styles.ruledBelow)}>\n          <BackdropMenuList rows={topGroup} linkComponent={linkComponent} />\n        </div>\n      )}\n      <div className={styles.menuSection}>\n        <BackdropMenuList rows={rows} linkComponent={linkComponent} />\n      </div>\n      <div className={cx(styles.menuSection, styles.ruled)}>\n        <BackdropMenuList rows={[signOut]} linkComponent={linkComponent} />\n      </div>\n    </BackdropPopover>\n  )\n}\n\n/* ── Progress bar ──────────────────────────────────────────────────────── */\n\n/** `default` 6px full width; `thin` 4px full width; `mini` 6px and 56px wide, inline in a row. */\nexport type BackdropProgressSize = 'default' | 'thin' | 'mini'\n/** `ink` for progress; `success` only where the bar itself reports a good outcome. Never orange. */\nexport type BackdropProgressTone = 'ink' | 'success'\n\nexport interface BackdropProgressPart {\n  key: string\n  /** 0–1, this part's share of the whole bar. */\n  share: number\n  /** The legend line: \"<b>710 granted</b> · resets 1 Dec\". The words carry the meaning, not the swatch. */\n  legend: ReactNode\n}\n\nexport interface BackdropProgressProps {\n  /** 0–1. Ignored when `segments` or `parts` is given. */\n  value: number\n  /** The bar's name, e.g. \"Outbound, 220 of 310\". */\n  label: string\n  size?: BackdropProgressSize\n  tone?: BackdropProgressTone\n  /**\n   * Segmented: `total` discrete steps, `done` of them filled. The bar then\n   * reports `done` of `total` to assistive tech instead of a percentage.\n   */\n  segments?: { total: number; done: number }\n  /**\n   * Two-part: one 8px bar split into two parts (granted vs purchased), each\n   * with a legend line under it. The first part is ink, the second grey.\n   * Rendered as a labelled group, not a progressbar: it shows a composition,\n   * not progress. `size` and `tone` do not apply.\n   */\n  parts?: [BackdropProgressPart, BackdropProgressPart]\n  className?: string\n}\n\n/** A 6px ink bar on a track. Ink, never orange: progress is not an action. */\nexport function BackdropProgress({ value, label, size = 'default', tone = 'ink', segments, parts, className }: BackdropProgressProps) {\n  if (parts) {\n    return (\n      <div role=\"group\" aria-label={label} className={cx(styles.split, className)}>\n        <div className={styles.splitBar} aria-hidden=\"true\">\n          {parts.map((part, i) => (\n            <div\n              key={part.key}\n              className={cx(styles.splitPart, i === 0 ? styles.splitFirst : styles.splitSecond)}\n              style={i === 0 ? { width: `${Math.round(clamp01(part.share) * 100)}%` } : undefined}\n            />\n          ))}\n        </div>\n        <ul className={styles.legend}>\n          {parts.map((part, i) => (\n            <li key={part.key} className={styles.legendRow}>\n              <span className={cx(styles.swatch, i === 0 ? styles.splitFirst : styles.splitSecond)} aria-hidden=\"true\" />\n              <span className={styles.legendText}>{part.legend}</span>\n            </li>\n          ))}\n        </ul>\n      </div>\n    )\n  }\n  const variant = cx(size !== 'default' && styles[`track-${size}`], tone !== 'ink' && styles[`tone-${tone}`])\n  if (segments) {\n    const total = Math.max(1, Math.round(segments.total))\n    const done = Math.max(0, Math.min(total, Math.round(segments.done)))\n    return (\n      <div role=\"progressbar\" aria-label={label} aria-valuemin={0} aria-valuemax={total} aria-valuenow={done} className={cx(styles.segmented, variant, className)}>\n        {Array.from({ length: total }, (_, i) => (\n          <div key={i} className={cx(styles.segment, i < done && styles.segmentDone)} />\n        ))}\n      </div>\n    )\n  }\n  const pct = Math.round(clamp01(value) * 100)\n  return (\n    <div role=\"progressbar\" aria-label={label} aria-valuemin={0} aria-valuemax={100} aria-valuenow={pct} className={cx(styles.track, variant, className)}>\n      <div className={styles.fillBar} style={{ width: `${pct}%` }} />\n    </div>\n  )\n}\n\nfunction clamp01(n: number): number {\n  return Math.max(0, Math.min(1, n))\n}\n\n/* ── Tokens popover ────────────────────────────────────────────────────── */\n\nexport interface BackdropTokensPopoverProps {\n  /** \"Token balance\". */\n  title: string\n  /** \"1,240\", formatted by the caller. */\n  balance: ReactNode\n  /** \"tokens\", after the number. */\n  unit: ReactNode\n  /**\n   * A two-part bar under the balance, with its legend (granted vs purchased).\n   * Drawn between the number and the caption. Omit it and the popover is unchanged.\n   */\n  breakdown?: { label: string; parts: [BackdropProgressPart, BackdropProgressPart] }\n  /** One fact: \"Enough for about 6 weeks\". */\n  caption?: ReactNode\n  usage?: {\n    /** \"Used this month\". */\n    label: ReactNode\n    total: ReactNode\n    rows: { key: string; label: ReactNode; value: ReactNode; share: number; barLabel: string }[]\n  }\n  /**\n   * \"Buy tokens\": an INK button, so the page keeps its one orange. Optional:\n   * an account whose wallet is not live has a true balance and nowhere to buy,\n   * and a button with no honest label is worse than none.\n   */\n  primaryAction?: { label: string; onClick?: () => void; href?: string }\n  /** \"Open wallet\": a text link. */\n  secondaryAction?: { label: string; onClick?: () => void; href?: string }\n  linkComponent?: ElementType\n}\n\nexport function BackdropTokensPopover({ title, balance, unit, breakdown, caption, usage, primaryAction, secondaryAction, linkComponent }: BackdropTokensPopoverProps) {\n  return (\n    <BackdropPopover label={title} width=\"tokens\">\n      <div className={styles.stack}>\n        <div className={styles.balanceBlock}>\n          <span className={styles.eyebrow}>{title}</span>\n          <span className={styles.balance}>\n            {balance}\n            <span className={styles.unit}> {unit}</span>\n          </span>\n          {breakdown && <BackdropProgress value={0} label={breakdown.label} parts={breakdown.parts} className={styles.breakdown} />}\n          {caption && <span className={styles.caption}>{caption}</span>}\n        </div>\n        {usage && (\n          <div className={cx(styles.usage, styles.ruledTop)}>\n            <div className={styles.usageHead}>\n              <span className={styles.eyebrow}>{usage.label}</span>\n              <span className={styles.usageTotal}>{usage.total}</span>\n            </div>\n            {usage.rows.map((row) => (\n              <div key={row.key} className={styles.usageRow}>\n                <span className={styles.usageLabel}>{row.label}</span>\n                <BackdropProgress value={row.share} label={row.barLabel} className={styles.usageBar} />\n                <span className={styles.usageValue}>{row.value}</span>\n              </div>\n            ))}\n          </div>\n        )}\n        {(primaryAction || secondaryAction) && (\n          <div className={styles.actions}>\n            {primaryAction && (\n              <BackdropButton variant=\"ink\" size=\"lg\" fullWidth href={primaryAction.href} linkComponent={linkComponent} onClick={primaryAction.onClick}>\n                {primaryAction.label}\n              </BackdropButton>\n            )}\n            {secondaryAction && (\n              <BackdropTextLink href={secondaryAction.href} linkComponent={linkComponent} onClick={secondaryAction.onClick}>\n                {secondaryAction.label}\n              </BackdropTextLink>\n            )}\n          </div>\n        )}\n      </div>\n    </BackdropPopover>\n  )\n}\n\n/* ── Steps (mission, get started) ──────────────────────────────────────── */\n\nexport interface BackdropStep {\n  key: string\n  label: ReactNode\n  /**\n   * `done` ticks, `next` is highlighted and may carry an action, `todo` is\n   * grey, `locked` shows a lock: not reachable yet. Pass a stateLabel saying\n   * so (\"Locked\"), since the lock is an icon.\n   */\n  state: 'done' | 'next' | 'todo' | 'locked'\n  /** The next step's one outline button (\"Open replies\"). */\n  action?: { label: string; onClick?: () => void; href?: string }\n  /** Spoken state, since the tick is an icon: \"Done\". */\n  stateLabel?: string\n  /** A right-hand fact for the step: a reward (\"+50 tokens\"), a date. */\n  trailing?: ReactNode\n}\n\nexport interface BackdropStepListProps {\n  steps: BackdropStep[]\n  /** The list's name (\"Steps\"). */\n  label: string\n  /** `icon` (default) draws a tick or a circle; `number` draws the step's position in a circle. */\n  marker?: 'icon' | 'number'\n  /**\n   * `vertical` (default) is the checklist. `horizontal` is the stepper across\n   * the head of a focus flow: numbered markers joined by a line, no actions.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * The colour of a `todo` step's empty circle or numbered ring. `faint`\n   * (default) is the light grey the mission and Get started panels draw.\n   * `choice` (Batch 3) is --backdrop-choice-off, the 3:1 grey an unselected\n   * choice control uses (WCAG 1.4.11): for a checklist on the page, where the\n   * empty circle is the only thing saying \"not done yet\". Vertical only.\n   */\n  todoTone?: 'faint' | 'choice'\n  linkComponent?: ElementType\n}\n\nexport function BackdropStepList({ steps, label, marker = 'icon', orientation = 'vertical', todoTone = 'faint', linkComponent }: BackdropStepListProps) {\n  if (orientation === 'horizontal') {\n    return (\n      <ol className={styles.stepper} aria-label={label}>\n        {steps.map((step, i) => (\n          <li key={step.key} className={cx(styles.stepperStep, styles[`stepper-${step.state}`])} aria-current={step.state === 'next' ? 'step' : undefined}>\n            {i > 0 && <span className={cx(styles.stepperLine, steps[i - 1]?.state === 'done' && styles.stepperLineDone)} aria-hidden=\"true\" />}\n            <span className={styles.stepIcon}>\n              <StepMarker state={step.state} index={i} marker=\"number\" large />\n            </span>\n            <span className={styles.stepperLabel}>\n              {step.label}\n              {step.stateLabel && <span className={styles.srOnly}> {step.stateLabel}</span>}\n            </span>\n            {step.trailing !== undefined && <span className={styles.stepTrailing}>{step.trailing}</span>}\n          </li>\n        ))}\n      </ol>\n    )\n  }\n  return (\n    <ol className={cx(styles.steps, todoTone === 'choice' && styles.todoChoice)} aria-label={label}>\n      {steps.map((step, i) => (\n        <li key={step.key} className={cx(styles.step, styles[`step-${step.state}`])}>\n          <span className={styles.stepIcon}>\n            <StepMarker state={step.state} index={i} marker={marker} />\n          </span>\n          <div className={styles.stepBody}>\n            <span className={styles.stepLabel}>\n              {step.label}\n              {step.stateLabel && <span className={styles.srOnly}> {step.stateLabel}</span>}\n            </span>\n            {step.state === 'next' && step.action && (\n              <BackdropButton variant=\"outline\" size=\"sm\" href={step.action.href} linkComponent={linkComponent} onClick={step.action.onClick}>\n                {step.action.label}\n              </BackdropButton>\n            )}\n          </div>\n          {step.trailing !== undefined && <span className={styles.stepTrailing}>{step.trailing}</span>}\n        </li>\n      ))}\n    </ol>\n  )\n}\n\n/* The default `icon` marker is exactly what the list drew before Batch 1: a\n   filled tick for done, an outline circle otherwise. */\nfunction StepMarker({ state, index, marker, large = false }: { state: BackdropStep['state']; index: number; marker: 'icon' | 'number'; large?: boolean }) {\n  if (state === 'locked') return <Lock large={large} />\n  if (state === 'done') return <CheckCircleFilled size={large ? 24 : 20} />\n  if (marker === 'icon') return <Circle />\n  return (\n    <span className={cx(styles.stepNumber, large && styles.stepNumberLarge)} aria-hidden=\"true\">\n      {index + 1}\n    </span>\n  )\n}\n\n/*\n * Tabler `lock` (MIT), centred in the marker's slot. Drawn here rather than\n * added to icons.tsx so this batch touches no shared glyph file; it can move\n * there when the batches merge.\n */\nfunction Lock({ large }: { large: boolean }) {\n  const size = large ? 18 : 16\n  return (\n    <span className={cx(styles.lockSlot, large && styles.stepNumberLarge)}>\n      <svg aria-hidden=\"true\" focusable=\"false\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={large ? 1.75 : 2} strokeLinecap=\"round\" strokeLinejoin=\"round\" style={{ display: 'block' }}>\n        <path d=\"M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z\" />\n        <path d=\"M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0\" />\n        <path d=\"M8 11v-4a4 4 0 1 1 8 0v4\" />\n      </svg>\n    </span>\n  )\n}\n\n/* ── Mission popover ───────────────────────────────────────────────────── */\n\nexport interface BackdropMissionPopoverProps {\n  /** \"Book 5 meetings\". */\n  title: string\n  /** \"2 of 5\". */\n  progressText: ReactNode\n  /** 0–1. */\n  progress: number\n  /** The bar's name: \"2 of 5 meetings booked\". */\n  progressLabel: string\n  /** Each step may carry its reward in `trailing` (\"+50 tokens\"). */\n  steps: BackdropStep[]\n  stepsLabel: string\n  linkComponent?: ElementType\n}\n\nexport function BackdropMissionPopover({ title, progressText, progress, progressLabel, steps, stepsLabel, linkComponent }: BackdropMissionPopoverProps) {\n  return (\n    <BackdropPopover label={title} width=\"mission\">\n      <div className={styles.missionStack}>\n        <div className={styles.missionHead}>\n          <div className={styles.missionTitleRow}>\n            <span className={styles.missionTitle}>{title}</span>\n            <span className={styles.eyebrow}>{progressText}</span>\n          </div>\n          <BackdropProgress value={progress} label={progressLabel} />\n        </div>\n        <div className={styles.ruledTopTight}>\n          <BackdropStepList steps={steps} label={stepsLabel} linkComponent={linkComponent} />\n        </div>\n      </div>\n    </BackdropPopover>\n  )\n}\n\n/* ── Get started (app menu checklist) ──────────────────────────────────── */\n\nexport interface BackdropGetStartedProps {\n  /** \"Get started\". */\n  label: string\n  /** \"1 of 2\". */\n  progressText: ReactNode\n  /** 0–1, drawn as a small ring. */\n  progress: number\n  /** Its panel is open: the pill holds its pressed state. */\n  open?: boolean\n  onToggle?: () => void\n}\n\n/*\n * The first-time checklist as a small pill at the foot of the app menu, not a\n * card on the page (research addition, 9 Nov). Pass it to BackdropAppMenu's\n * `getStarted`; remove it once every step is done.\n *\n * Its panel (BackdropGetStartedPanel) is a separate piece because the menu\n * sheet clips what overflows it: the panel opens to the menu's right, over the\n * content sheet, so it is drawn in BackdropFrame's `overlays`, as the strip's\n * popovers are.\n */\nexport function BackdropGetStarted({ label, progressText, progress, open = false, onToggle }: BackdropGetStartedProps) {\n  const pct = Math.round(Math.max(0, Math.min(1, progress)) * 100)\n  return (\n    <button type=\"button\" className={styles.getStartedPill} aria-expanded={open} onClick={onToggle}>\n      <span className={styles.ring} style={{ '--backdrop-ring-progress': `${pct}%` } as CSSProperties} aria-hidden=\"true\" />\n      <span className={styles.getStartedLabel}>{label}</span>\n      <span className={styles.getStartedCount}>{progressText}</span>\n      <ChevronRight size={14} />\n    </button>\n  )\n}\n\nexport interface BackdropGetStartedPanelProps {\n  /** \"Get started\". */\n  label: string\n  /** \"1 of 2\". */\n  progressText: ReactNode\n  steps: BackdropStep[]\n  stepsLabel: string\n  linkComponent?: ElementType\n}\n\nexport function BackdropGetStartedPanel({ label, progressText, steps, stepsLabel, linkComponent }: BackdropGetStartedPanelProps) {\n  return (\n    <BackdropPopover label={label} width=\"mission\">\n      <div className={styles.missionStack}>\n        <div className={styles.missionTitleRow}>\n          <span className={styles.missionTitle}>{label}</span>\n          <span className={styles.eyebrow}>{progressText}</span>\n        </div>\n        <BackdropStepList steps={steps} label={stepsLabel} linkComponent={linkComponent} />\n      </div>\n    </BackdropPopover>\n  )\n}\n\n/* ── All apps ──────────────────────────────────────────────────────────── */\n\nexport interface BackdropAllAppsApp {\n  key: string\n  name: string\n  mark: ReactNode\n  /**\n   * `pinned` shows a filled pin; `unpinned` an outline pin (and a \"Pin\" button\n   * on hover); `link` a trailing text + chevron (\"Request access\", \"Set up\");\n   * `soon` a Soon tag.\n   */\n  state: 'pinned' | 'unpinned' | 'link' | 'soon'\n  /** Words for the trailing affordance: \"Pin\", \"Unpin\", \"Request access\", \"Soon\". */\n  actionLabel: string\n  href?: string\n  onAction?: () => void\n  /** Draw the hover state, for a story. */\n  highlighted?: boolean\n}\n\nexport interface BackdropAllAppsPopoverProps {\n  /** The panel's name (\"All apps\"). */\n  label: string\n  /** The search field's placeholder (\"Search apps\"). Stage A: a static field. */\n  searchPlaceholder: string\n  sections: { key: string; label: ReactNode; apps: BackdropAllAppsApp[] }[]\n  /** \"Pin up to 4 apps to the rail\". */\n  footer?: ReactNode\n  linkComponent?: ElementType\n}\n\nexport function BackdropAllAppsPopover({ label, searchPlaceholder, sections, footer, linkComponent: Link = 'a' }: BackdropAllAppsPopoverProps) {\n  return (\n    <BackdropPopover label={label} width=\"allApps\" padding=\"none\">\n      <div className={styles.allApps}>\n        <label className={styles.searchField}>\n          <Search />\n          <input type=\"search\" placeholder={searchPlaceholder} aria-label={searchPlaceholder} className={styles.searchInput} />\n        </label>\n        {sections.map((section) => (\n          <section key={section.key} className={styles.appSection}>\n            <h3 className={styles.sectionLabel}>{section.label}</h3>\n            <ul className={styles.appGrid}>\n              {section.apps.map((app) => {\n                const Name: ElementType = app.href !== undefined ? Link : 'span'\n                return (\n                  <li key={app.key} className={cx(styles.appCard, app.highlighted && styles.appCardHover)}>\n                    <span className={styles.appMark}>{app.mark}</span>\n                    <Name {...(app.href !== undefined ? { href: app.href } : {})} className={styles.appName}>\n                      {app.name}\n                    </Name>\n                    <AppTrailing app={app} />\n                  </li>\n                )\n              })}\n            </ul>\n          </section>\n        ))}\n        {footer && (\n          <p className={styles.allAppsFooter}>\n            <Pin />\n            {footer}\n          </p>\n        )}\n      </div>\n    </BackdropPopover>\n  )\n}\n\nfunction AppTrailing({ app }: { app: BackdropAllAppsApp }) {\n  if (app.state === 'soon') {\n    return <span className={styles.soonTag}>{app.actionLabel}</span>\n  }\n  if (app.state === 'link') {\n    return (\n      <button type=\"button\" className={styles.appLink} onClick={app.onAction}>\n        {app.actionLabel}\n        <ChevronRight size={16} />\n      </button>\n    )\n  }\n  return (\n    <button type=\"button\" className={cx(styles.pinButton, app.state === 'pinned' && styles.pinned)} aria-pressed={app.state === 'pinned'} onClick={app.onAction}>\n      {app.state === 'pinned' ? <PinFilled /> : <Pin />}\n      <span className={styles.pinLabel}>{app.actionLabel}</span>\n    </button>\n  )\n}\n\n/* ── Search dialog ─────────────────────────────────────────────────────── */\n\nexport interface BackdropSearchResult {\n  key: string\n  /** 24px: an app mark, a company square, a person avatar. */\n  leading: ReactNode\n  /** The title, with the matched run in a <mark> (BackdropMatch). */\n  title: ReactNode\n  /** Right-hand fact: a city, a status pill. */\n  meta?: ReactNode\n  href?: string\n}\n\nexport interface BackdropSearchDialogProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'className' | 'placeholder' | 'defaultValue'> {\n  /** The dialog's name (\"Search\"). */\n  label: string\n  placeholder: string\n  /**\n   * What is typed, when the host does not drive the field: it becomes the\n   * input's starting value and the person types over it. A host that needs to\n   * read what is typed passes `value` and `onChange` instead, like any native\n   * field, and `query` is then ignored. Every other input prop reaches the\n   * <input> too.\n   */\n  query: string\n  /** Groups with no result are not passed (round 6: \"Apps (none → hide the group)\"). */\n  groups: { key: string; label: ReactNode; results: BackdropSearchResult[] }[]\n  /** The highlighted result, the one ↵ opens. */\n  activeKey?: string\n  /** \"esc\" on the key cap. */\n  escapeHint: string\n  /** \"↑↓ to move · ↵ to open · esc to close\". */\n  footerHint: ReactNode\n  /** One line when nothing matches: \"No matching results\". */\n  emptyText?: ReactNode\n  contained?: boolean\n  /**\n   * Called by Escape and by a press on the scrim, as on any BackdropDialog.\n   * The host unmounts the dialog in response; without it the \"esc\" cap above\n   * names a shortcut that does nothing.\n   */\n  onClose?: () => void\n  /** Its key in a surrounding BackdropChrome, so a ⌘K handler opens it with `useBackdropPanel(panel)`. */\n  panel?: string\n  linkComponent?: ElementType\n}\n\n/** ⌘K: a 640px dialog 96px from the top, over the light scrim. */\nexport function BackdropSearchDialog({\n  label,\n  placeholder,\n  query,\n  groups,\n  activeKey,\n  escapeHint,\n  footerHint,\n  emptyText,\n  contained,\n  onClose,\n  panel,\n  linkComponent: Link = 'a',\n  ...rest\n}: BackdropSearchDialogProps) {\n  /*\n   * Uncontrolled on `query`, controlled the moment a host passes `value`:\n   * setting both makes React warn and ignore one of them. The combobox\n   * semantics and the dialog's own classes are set after `rest`, so they are\n   * the component's to keep rather than a caller's to break.\n   */\n  const controlled = rest.value !== undefined\n  return (\n    <BackdropDialog label={label} width=\"search\" placement=\"top\" contained={contained} onClose={onClose} panel={panel} bare>\n      <div className={styles.searchHead}>\n        <Search size={20} />\n        <input\n          aria-label={placeholder}\n          {...(controlled ? {} : { defaultValue: query })}\n          {...rest}\n          type=\"search\"\n          role=\"combobox\"\n          aria-expanded={groups.length > 0}\n          placeholder={placeholder}\n          className={styles.searchQuery}\n        />\n        <kbd className={styles.keycap}>{escapeHint}</kbd>\n      </div>\n      <div className={styles.results} role=\"listbox\" aria-label={label}>\n        {groups.length === 0 && emptyText && <p className={styles.empty}>{emptyText}</p>}\n        {groups.map((group) => (\n          <div key={group.key} role=\"group\" aria-label={groupName(group.label)}>\n            <div className={styles.resultGroupLabel}>{group.label}</div>\n            {group.results.map((result) => {\n              const active = result.key === activeKey\n              const Element: ElementType = result.href !== undefined ? Link : 'div'\n              return (\n                <Element\n                  key={result.key}\n                  {...(result.href !== undefined ? { href: result.href } : {})}\n                  role=\"option\"\n                  aria-selected={active}\n                  className={cx(styles.result, active && styles.resultActive)}\n                >\n                  <span className={styles.resultLeading}>{result.leading}</span>\n                  <span className={styles.resultTitle}>{result.title}</span>\n                  {result.meta && <span className={styles.resultMeta}>{result.meta}</span>}\n                  <span className={styles.resultEnter} aria-hidden=\"true\">\n                    {active && <kbd className={styles.keycap}>↵</kbd>}\n                  </span>\n                </Element>\n              )\n            })}\n          </div>\n        ))}\n      </div>\n      <div className={styles.searchFoot}>{footerHint}</div>\n    </BackdropDialog>\n  )\n}\n\nfunction groupName(label: ReactNode): string | undefined {\n  return typeof label === 'string' ? label : undefined\n}\n\n/** The matched run inside a search result title. */\nexport function BackdropMatch({ children }: { children: ReactNode }) {\n  return <mark className={styles.match}>{children}</mark>\n}\n"],"names":["BackdropAccountMenu","person","topGroup","rows","signOut","label","linkComponent","BackdropPopover","jsxs","styles","jsx","BackdropAvatar","cx","BackdropMenuList","BackdropProgress","value","size","tone","segments","parts","className","part","i","clamp01","variant","total","done","_","pct","n","BackdropTokensPopover","title","balance","unit","breakdown","caption","usage","primaryAction","secondaryAction","row","BackdropButton","BackdropTextLink","BackdropStepList","steps","marker","orientation","todoTone","step","_a","StepMarker","state","index","large","Lock","CheckCircleFilled","Circle","BackdropMissionPopover","progressText","progress","progressLabel","stepsLabel","BackdropGetStarted","open","onToggle","ChevronRight","BackdropGetStartedPanel","BackdropAllAppsPopover","searchPlaceholder","sections","footer","Link","Search","section","app","Name","AppTrailing","Pin","PinFilled","BackdropSearchDialog","placeholder","query","groups","activeKey","escapeHint","footerHint","emptyText","contained","onClose","panel","rest","controlled","BackdropDialog","group","groupName","result","active","Element","BackdropMatch","children"],"mappings":"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"}

package/dist/components/Backdrop/BackdropGlobalPanels.module.css.js

@@ -0,0 +1,201 @@
+const e = "_srOnly_jg0yc_3", t = "_eyebrow_jg0yc_12", s = "_caption_jg0yc_19", _ = "_ruled_jg0yc_25", c = "_ruledTop_jg0yc_29", n = "_ruledTopTight_jg0yc_34", o = "_person_jg0yc_41", a = "_personText_jg0yc_49", p = "_personName_jg0yc_56", r = "_personOrg_jg0yc_62", g = "_personEmail_jg0yc_67", l = "_menuSection_jg0yc_76", i = "_track_jg0yc_82", y = "_fillBar_jg0yc_90", j = "_stack_jg0yc_98", u = "_balanceBlock_jg0yc_104", d = "_balance_jg0yc_104", m = "_unit_jg0yc_118", b = "_usage_jg0yc_126", L = "_usageHead_jg0yc_132", k = "_usageTotal_jg0yc_138", T = "_usageRow_jg0yc_144", h = "_usageLabel_jg0yc_150", S = "_usageBar_jg0yc_158", w = "_usageValue_jg0yc_162", B = "_actions_jg0yc_172", C = "_missionStack_jg0yc_182", F = "_missionHead_jg0yc_188", H = "_missionTitleRow_jg0yc_194", N = "_missionTitle_jg0yc_194", x = "_steps_jg0yc_209", A = "_step_jg0yc_209", R = "_stepIcon_jg0yc_225", v = "_stepBody_jg0yc_230", D = "_stepLabel_jg0yc_238", E = "_getStartedPill_jg0yc_262", G = "_ring_jg0yc_293", I = "_getStartedLabel_jg0yc_302", M = "_getStartedCount_jg0yc_308", O = "_allApps_jg0yc_315", P = "_searchField_jg0yc_322", f = "_searchInput_jg0yc_337", Q = "_appSection_jg0yc_354", V = "_sectionLabel_jg0yc_360", q = "_appGrid_jg0yc_368", z = "_appCard_jg0yc_377", J = "_appCardHover_jg0yc_392", K = "_appMark_jg0yc_397", U = "_appName_jg0yc_404", W = "_appLink_jg0yc_417", X = "_pinButton_jg0yc_418", Y = "_pinned_jg0yc_450", Z = "_pinLabel_jg0yc_454", $ = "_soonTag_jg0yc_488", ee = "_allAppsFooter_jg0yc_501", te = "_searchHead_jg0yc_515", se = "_searchQuery_jg0yc_526", _e = "_keycap_jg0yc_539", ce = "_results_jg0yc_556", ne = "_resultGroupLabel_jg0yc_564", oe = "_result_jg0yc_556", ae = "_resultActive_jg0yc_586", pe = "_resultLeading_jg0yc_590", re = "_resultTitle_jg0yc_604", ge = "_resultMeta_jg0yc_612", le = "_resultEnter_jg0yc_619", ie = "_match_jg0yc_626", ye = "_empty_jg0yc_637", je = "_searchFoot_jg0yc_645", ue = "_ruledBelow_jg0yc_668", de = "_segmentDone_jg0yc_683", me = "_segmented_jg0yc_688", be = "_segment_jg0yc_683", Le = "_split_jg0yc_709", ke = "_splitBar_jg0yc_715", Te = "_splitPart_jg0yc_721", he = "_splitFirst_jg0yc_735", Se = "_splitSecond_jg0yc_739", we = "_legend_jg0yc_743", Be = "_legendRow_jg0yc_752", Ce = "_swatch_jg0yc_758", Fe = "_legendText_jg0yc_765", He = "_breakdown_jg0yc_772", Ne = "_stepTrailing_jg0yc_777", xe = "_stepNumber_jg0yc_797", Ae = "_lockSlot_jg0yc_798", Re = "_stepNumberLarge_jg0yc_818", ve = "_stepper_jg0yc_826", De = "_stepperStep_jg0yc_851", Ee = "_stepperLine_jg0yc_857", Ge = "_stepperLineDone_jg0yc_865", Ie = "_stepperLabel_jg0yc_869", Me = "_todoChoice_jg0yc_884", Oe = {
+  srOnly: e,
+  eyebrow: t,
+  caption: s,
+  ruled: _,
+  ruledTop: c,
+  ruledTopTight: n,
+  person: o,
+  personText: a,
+  personName: p,
+  personOrg: r,
+  personEmail: g,
+  menuSection: l,
+  track: i,
+  fillBar: y,
+  stack: j,
+  balanceBlock: u,
+  balance: d,
+  unit: m,
+  usage: b,
+  usageHead: L,
+  usageTotal: k,
+  usageRow: T,
+  usageLabel: h,
+  usageBar: S,
+  usageValue: w,
+  actions: B,
+  missionStack: C,
+  missionHead: F,
+  missionTitleRow: H,
+  missionTitle: N,
+  steps: x,
+  step: A,
+  stepIcon: R,
+  stepBody: v,
+  stepLabel: D,
+  "step-done": "_step-done_jg0yc_243",
+  "step-next": "_step-next_jg0yc_247",
+  "step-todo": "_step-todo_jg0yc_256",
+  getStartedPill: E,
+  ring: G,
+  getStartedLabel: I,
+  getStartedCount: M,
+  allApps: O,
+  searchField: P,
+  searchInput: f,
+  appSection: Q,
+  sectionLabel: V,
+  appGrid: q,
+  appCard: z,
+  appCardHover: J,
+  appMark: K,
+  appName: U,
+  appLink: W,
+  pinButton: X,
+  pinned: Y,
+  pinLabel: Z,
+  soonTag: $,
+  allAppsFooter: ee,
+  searchHead: te,
+  searchQuery: se,
+  keycap: _e,
+  results: ce,
+  resultGroupLabel: ne,
+  result: oe,
+  resultActive: ae,
+  resultLeading: pe,
+  resultTitle: re,
+  resultMeta: ge,
+  resultEnter: le,
+  match: ie,
+  empty: ye,
+  searchFoot: je,
+  ruledBelow: ue,
+  "track-thin": "_track-thin_jg0yc_673",
+  "track-mini": "_track-mini_jg0yc_677",
+  "tone-success": "_tone-success_jg0yc_682",
+  segmentDone: de,
+  segmented: me,
+  segment: be,
+  split: Le,
+  splitBar: ke,
+  splitPart: Te,
+  splitFirst: he,
+  splitSecond: Se,
+  legend: we,
+  legendRow: Be,
+  swatch: Ce,
+  legendText: Fe,
+  breakdown: He,
+  stepTrailing: Ne,
+  "step-locked": "_step-locked_jg0yc_788",
+  stepNumber: xe,
+  lockSlot: Ae,
+  stepNumberLarge: Re,
+  "stepper-next": "_stepper-next_jg0yc_826",
+  "stepper-locked": "_stepper-locked_jg0yc_832",
+  stepper: ve,
+  stepperStep: De,
+  stepperLine: Ee,
+  stepperLineDone: Ge,
+  stepperLabel: Ie,
+  todoChoice: Me
+};
+export {
+  B as actions,
+  O as allApps,
+  ee as allAppsFooter,
+  z as appCard,
+  J as appCardHover,
+  q as appGrid,
+  W as appLink,
+  K as appMark,
+  U as appName,
+  Q as appSection,
+  d as balance,
+  u as balanceBlock,
+  He as breakdown,
+  s as caption,
+  Oe as default,
+  ye as empty,
+  t as eyebrow,
+  y as fillBar,
+  M as getStartedCount,
+  I as getStartedLabel,
+  E as getStartedPill,
+  _e as keycap,
+  we as legend,
+  Be as legendRow,
+  Fe as legendText,
+  Ae as lockSlot,
+  ie as match,
+  l as menuSection,
+  F as missionHead,
+  C as missionStack,
+  N as missionTitle,
+  H as missionTitleRow,
+  o as person,
+  g as personEmail,
+  p as personName,
+  r as personOrg,
+  a as personText,
+  X as pinButton,
+  Z as pinLabel,
+  Y as pinned,
+  oe as result,
+  ae as resultActive,
+  le as resultEnter,
+  ne as resultGroupLabel,
+  pe as resultLeading,
+  ge as resultMeta,
+  re as resultTitle,
+  ce as results,
+  G as ring,
+  _ as ruled,
+  ue as ruledBelow,
+  c as ruledTop,
+  n as ruledTopTight,
+  P as searchField,
+  je as searchFoot,
+  te as searchHead,
+  f as searchInput,
+  se as searchQuery,
+  V as sectionLabel,
+  be as segment,
+  de as segmentDone,
+  me as segmented,
+  $ as soonTag,
+  Le as split,
+  ke as splitBar,
+  he as splitFirst,
+  Te as splitPart,
+  Se as splitSecond,
+  e as srOnly,
+  j as stack,
+  A as step,
+  v as stepBody,
+  R as stepIcon,
+  D as stepLabel,
+  xe as stepNumber,
+  Re as stepNumberLarge,
+  Ne as stepTrailing,
+  ve as stepper,
+  Ie as stepperLabel,
+  Ee as stepperLine,
+  Ge as stepperLineDone,
+  De as stepperStep,
+  x as steps,
+  Ce as swatch,
+  Me as todoChoice,
+  i as track,
+  m as unit,
+  b as usage,
+  S as usageBar,
+  L as usageHead,
+  h as usageLabel,
+  T as usageRow,
+  k as usageTotal,
+  w as usageValue
+};
+//# sourceMappingURL=BackdropGlobalPanels.module.css.js.map

package/dist/components/Backdrop/BackdropGlobalPanels.module.css.js.map

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