@boost33/ui 0.8.0 → 0.9.0

package/dist/components/Backdrop/icons.d.ts

@@ -0,0 +1,70 @@
+export declare const ChevronRight: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const ChevronLeft: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const ChevronDown: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const ChevronUp: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** arrow-up: a table column sorted ascending (Batch 3 · Lists). 16px, stroke 2 (ADR-0017, D17). */
+export declare const ArrowUp: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** arrow-down: a table column sorted descending (Batch 3 · Lists). */
+export declare const ArrowDown: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Close: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Search: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Dots: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Plus: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Check: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Minus: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Pin: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const PinFilled: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const CheckCircleFilled: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+export declare const Circle: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** layout-sidebar-left-collapse */
+export declare const Collapse: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** layout-sidebar-left-expand */
+export declare const Expand: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** adjustments-horizontal, the filter button's glyph */
+export declare const Filter: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** loader-2, spun by the button's loading state */
+export declare const Spinner: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;
+/** alert-circle, the `warning` meaning in backdrop-icons.ts: a field's error line */
+export declare const AlertCircle: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;

package/dist/components/Backdrop/icons.js

@@ -0,0 +1,103 @@
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+function a({ size: t = 18, strokeWidth: d = 1.75, children: e }) {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: d,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: { flexShrink: 0, display: "block" },
+      children: e
+    }
+  );
+}
+const r = ({ size: t = 16 }) => /* @__PURE__ */ l(a, { size: t, strokeWidth: 2, children: /* @__PURE__ */ l("path", { d: "M9 6l6 6l-6 6" }) }), i = ({ size: t = 16 }) => /* @__PURE__ */ l(a, { size: t, children: /* @__PURE__ */ l("path", { d: "M6 9l6 6l6 -6" }) }), o = ({ size: t = 18 }) => /* @__PURE__ */ l(a, { size: t, children: /* @__PURE__ */ l("path", { d: "M6 15l6 -6l6 6" }) }), c = ({ size: t = 16 }) => /* @__PURE__ */ h(a, { size: t, strokeWidth: 2, children: [
+  /* @__PURE__ */ l("path", { d: "M12 5l0 14" }),
+  /* @__PURE__ */ l("path", { d: "M18 11l-6 -6" }),
+  /* @__PURE__ */ l("path", { d: "M6 11l6 -6" })
+] }), p = ({ size: t = 16 }) => /* @__PURE__ */ h(a, { size: t, strokeWidth: 2, children: [
+  /* @__PURE__ */ l("path", { d: "M12 5l0 14" }),
+  /* @__PURE__ */ l("path", { d: "M18 13l-6 6" }),
+  /* @__PURE__ */ l("path", { d: "M6 13l6 6" })
+] }), s = ({ size: t = 20 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M18 6l-12 12" }),
+  /* @__PURE__ */ l("path", { d: "M6 6l12 12" })
+] }), M = ({ size: t = 18 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }),
+  /* @__PURE__ */ l("path", { d: "M21 21l-6 -6" })
+] }), k = ({ size: t = 18 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+  /* @__PURE__ */ l("path", { d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+  /* @__PURE__ */ l("path", { d: "M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" })
+] }), u = ({ size: t = 18 }) => /* @__PURE__ */ h(a, { size: t, strokeWidth: 2, children: [
+  /* @__PURE__ */ l("path", { d: "M12 5l0 14" }),
+  /* @__PURE__ */ l("path", { d: "M5 12l14 0" })
+] }), f = ({ size: t = 14 }) => /* @__PURE__ */ l(a, { size: t, strokeWidth: 2.5, children: /* @__PURE__ */ l("path", { d: "M5 12l5 5l10 -10" }) }), v = ({ size: t = 14 }) => /* @__PURE__ */ l(a, { size: t, strokeWidth: 2.5, children: /* @__PURE__ */ l("path", { d: "M5 12l14 0" }) }), C = ({ size: t = 16 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4" }),
+  /* @__PURE__ */ l("path", { d: "M9 15l-4.5 4.5" }),
+  /* @__PURE__ */ l("path", { d: "M14.5 4l5.5 5.5" })
+] }), w = ({ size: t = 16 }) => /* @__PURE__ */ l("svg", { "aria-hidden": "true", focusable: "false", width: t, height: t, viewBox: "0 0 24 24", style: { flexShrink: 0, display: "block" }, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M15.113 3.21l.094 .083l5.5 5.5a1 1 0 0 1 -1.175 1.59l-3.172 3.171l-1.424 3.797a1 1 0 0 1 -.158 .277l-.07 .08l-1.5 1.5a1 1 0 0 1 -1.32 .082l-.095 -.083l-2.793 -2.792l-3.793 3.792a1 1 0 0 1 -1.497 -1.32l.083 -.094l3.792 -3.793l-2.792 -2.793a1 1 0 0 1 -.083 -1.32l.083 -.094l1.5 -1.5a1 1 0 0 1 .258 -.187l.098 -.042l3.796 -1.425l3.171 -3.17a1 1 0 0 1 1.497 -1.26z"
+  }
+) }), x = ({ size: t = 20 }) => /* @__PURE__ */ l("svg", { "aria-hidden": "true", focusable: "false", width: t, height: t, viewBox: "0 0 24 24", style: { flexShrink: 0, display: "block" }, children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
+  }
+) }), m = ({ size: t = 20 }) => /* @__PURE__ */ l(a, { size: t, children: /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }) }), W = ({ size: t = 20 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }),
+  /* @__PURE__ */ l("path", { d: "M9 4v16" }),
+  /* @__PURE__ */ l("path", { d: "M15 10l-2 2l2 2" })
+] }), g = ({ size: t = 20 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }),
+  /* @__PURE__ */ l("path", { d: "M9 4v16" }),
+  /* @__PURE__ */ l("path", { d: "M14 10l2 2l-2 2" })
+] }), y = ({ size: t = 18 }) => /* @__PURE__ */ h(a, { size: t, children: [
+  /* @__PURE__ */ l("path", { d: "M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }),
+  /* @__PURE__ */ l("path", { d: "M4 6l8 0" }),
+  /* @__PURE__ */ l("path", { d: "M16 6l4 0" }),
+  /* @__PURE__ */ l("path", { d: "M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }),
+  /* @__PURE__ */ l("path", { d: "M4 12l2 0" }),
+  /* @__PURE__ */ l("path", { d: "M10 12l10 0" }),
+  /* @__PURE__ */ l("path", { d: "M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }),
+  /* @__PURE__ */ l("path", { d: "M4 18l11 0" }),
+  /* @__PURE__ */ l("path", { d: "M19 18l1 0" })
+] }), b = ({ size: t = 16 }) => /* @__PURE__ */ l(a, { size: t, strokeWidth: 2, children: /* @__PURE__ */ l("path", { d: "M12 3a9 9 0 1 0 9 9" }) }), S = ({ size: t = 16 }) => /* @__PURE__ */ h(a, { size: t, strokeWidth: 2, children: [
+  /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+  /* @__PURE__ */ l("path", { d: "M12 8v4" }),
+  /* @__PURE__ */ l("path", { d: "M12 16h.01" })
+] });
+export {
+  S as AlertCircle,
+  p as ArrowDown,
+  c as ArrowUp,
+  f as Check,
+  x as CheckCircleFilled,
+  i as ChevronDown,
+  r as ChevronRight,
+  o as ChevronUp,
+  m as Circle,
+  s as Close,
+  W as Collapse,
+  k as Dots,
+  g as Expand,
+  y as Filter,
+  v as Minus,
+  C as Pin,
+  w as PinFilled,
+  u as Plus,
+  M as Search,
+  b as Spinner
+};
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../../src/components/Backdrop/icons.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/*\n * The handful of glyphs the Backdrop components draw themselves: chevrons, a\n * close cross, the search lens, the \"…\" of an overflow menu, a plus, a check,\n * the pin, and the strip's collapse/expand toggle. Paths are Tabler's (MIT),\n * the icon set the Paper file is drawn with, copied as data so the package takes\n * no icon dependency -- the same choice AccountMenu/icons.tsx made.\n *\n * Every other icon a Backdrop component shows (rail items, menu rows, chips) is\n * passed in by the consumer as a ReactNode: the package does not know what a\n * campaign or an inbox looks like (CLAUDE.md, \"No component here knows what a\n * lead, a campaign or a prospect is\").\n *\n * Decorative by construction: aria-hidden, stroked in currentColor so the\n * surrounding text colour (and therefore the theme) decides the ink.\n */\n\nfunction Glyph({ size = 18, strokeWidth = 1.75, children }: { size?: number; strokeWidth?: number; children: ReactNode }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      style={{ flexShrink: 0, display: 'block' }}\n    >\n      {children}\n    </svg>\n  )\n}\n\nexport const ChevronRight = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2}>\n    <path d=\"M9 6l6 6l-6 6\" />\n  </Glyph>\n)\n\nexport const ChevronLeft = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M15 6l-6 6l6 6\" />\n  </Glyph>\n)\n\nexport const ChevronDown = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M6 9l6 6l6 -6\" />\n  </Glyph>\n)\n\nexport const ChevronUp = ({ size = 18 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M6 15l6 -6l6 6\" />\n  </Glyph>\n)\n\n/** arrow-up: a table column sorted ascending (Batch 3 · Lists). 16px, stroke 2 (ADR-0017, D17). */\nexport const ArrowUp = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2}>\n    <path d=\"M12 5l0 14\" />\n    <path d=\"M18 11l-6 -6\" />\n    <path d=\"M6 11l6 -6\" />\n  </Glyph>\n)\n\n/** arrow-down: a table column sorted descending (Batch 3 · Lists). */\nexport const ArrowDown = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2}>\n    <path d=\"M12 5l0 14\" />\n    <path d=\"M18 13l-6 6\" />\n    <path d=\"M6 13l6 6\" />\n  </Glyph>\n)\n\nexport const Close = ({ size = 20 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M18 6l-12 12\" />\n    <path d=\"M6 6l12 12\" />\n  </Glyph>\n)\n\nexport const Search = ({ size = 18 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\" />\n    <path d=\"M21 21l-6 -6\" />\n  </Glyph>\n)\n\nexport const Dots = ({ size = 18 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\" />\n    <path d=\"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\" />\n    <path d=\"M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\" />\n  </Glyph>\n)\n\nexport const Plus = ({ size = 18 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2}>\n    <path d=\"M12 5l0 14\" />\n    <path d=\"M5 12l14 0\" />\n  </Glyph>\n)\n\nexport const Check = ({ size = 14 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2.5}>\n    <path d=\"M5 12l5 5l10 -10\" />\n  </Glyph>\n)\n\nexport const Minus = ({ size = 14 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2.5}>\n    <path d=\"M5 12l14 0\" />\n  </Glyph>\n)\n\nexport const Pin = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4\" />\n    <path d=\"M9 15l-4.5 4.5\" />\n    <path d=\"M14.5 4l5.5 5.5\" />\n  </Glyph>\n)\n\nexport const PinFilled = ({ size = 16 }: { size?: number }) => (\n  <svg aria-hidden=\"true\" focusable=\"false\" width={size} height={size} viewBox=\"0 0 24 24\" style={{ flexShrink: 0, display: 'block' }}>\n    <path\n      fill=\"currentColor\"\n      d=\"M15.113 3.21l.094 .083l5.5 5.5a1 1 0 0 1 -1.175 1.59l-3.172 3.171l-1.424 3.797a1 1 0 0 1 -.158 .277l-.07 .08l-1.5 1.5a1 1 0 0 1 -1.32 .082l-.095 -.083l-2.793 -2.792l-3.793 3.792a1 1 0 0 1 -1.497 -1.32l.083 -.094l3.792 -3.793l-2.792 -2.793a1 1 0 0 1 -.083 -1.32l.083 -.094l1.5 -1.5a1 1 0 0 1 .258 -.187l.098 -.042l3.796 -1.425l3.171 -3.17a1 1 0 0 1 1.497 -1.26z\"\n    />\n  </svg>\n)\n\nexport const CheckCircleFilled = ({ size = 20 }: { size?: number }) => (\n  <svg aria-hidden=\"true\" focusable=\"false\" width={size} height={size} viewBox=\"0 0 24 24\" style={{ flexShrink: 0, display: 'block' }}>\n    <path\n      fill=\"currentColor\"\n      d=\"M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z\"\n    />\n  </svg>\n)\n\nexport const Circle = ({ size = 20 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" />\n  </Glyph>\n)\n\n/** layout-sidebar-left-collapse */\nexport const Collapse = ({ size = 20 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z\" />\n    <path d=\"M9 4v16\" />\n    <path d=\"M15 10l-2 2l2 2\" />\n  </Glyph>\n)\n\n/** layout-sidebar-left-expand */\nexport const Expand = ({ size = 20 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z\" />\n    <path d=\"M9 4v16\" />\n    <path d=\"M14 10l2 2l-2 2\" />\n  </Glyph>\n)\n\n/** adjustments-horizontal, the filter button's glyph */\nexport const Filter = ({ size = 18 }: { size?: number }) => (\n  <Glyph size={size}>\n    <path d=\"M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n    <path d=\"M4 6l8 0\" />\n    <path d=\"M16 6l4 0\" />\n    <path d=\"M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n    <path d=\"M4 12l2 0\" />\n    <path d=\"M10 12l10 0\" />\n    <path d=\"M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n    <path d=\"M4 18l11 0\" />\n    <path d=\"M19 18l1 0\" />\n  </Glyph>\n)\n\n/** loader-2, spun by the button's loading state */\nexport const Spinner = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2}>\n    <path d=\"M12 3a9 9 0 1 0 9 9\" />\n  </Glyph>\n)\n\n/** alert-circle, the `warning` meaning in backdrop-icons.ts: a field's error line */\nexport const AlertCircle = ({ size = 16 }: { size?: number }) => (\n  <Glyph size={size} strokeWidth={2}>\n    <path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" />\n    <path d=\"M12 8v4\" />\n    <path d=\"M12 16h.01\" />\n  </Glyph>\n)\n"],"names":["Glyph","size","strokeWidth","children","jsx","ChevronRight","ChevronDown","ChevronUp","ArrowUp","jsxs","ArrowDown","Close","Search","Dots","Plus","Check","Minus","Pin","PinFilled","CheckCircleFilled","Circle","Collapse","Expand","Filter","Spinner","AlertCircle"],"mappings":"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"}

package/dist/components/TopBar/TopBar.d.ts

@@ -43,6 +43,13 @@ export interface TopBarProps {
      * open from it is left out of 0.8.0 with no trigger and no shortcut.
      */
     actions?: ReactNode;
+    /**
+     * The account menu, at the far right of the bar after `actions` (B33-493). A
+     * slot: pass `StandardAccountMenu`, or `AccountMenu` with rows of your own. Its
+     * panel opens under the avatar, aligned to the bar's right edge. Every app
+     * puts the same menu here, so a person meets one account menu across Boost33.
+     */
+    account?: ReactNode;
     /** The centre group's two labels. Each field defaults to English. */
     labels?: Partial<TopBarLabels>;
     /**
@@ -56,4 +63,4 @@ export interface TopBarProps {
      */
     breadcrumb?: ReactNode;
 }
-export declare function TopBar({ sidebarToggle, start, switcher, tokens, actions, labels, breadcrumb }: TopBarProps): import("react").JSX.Element;
+export declare function TopBar({ sidebarToggle, start, switcher, tokens, actions, account, labels, breadcrumb }: TopBarProps): import("react").JSX.Element;

package/dist/components/TopBar/TopBar.js

@@ -1,29 +1,32 @@
-import { jsxs as l, Fragment as c, jsx as n } from "react/jsx-runtime";
-import { warnDeprecatedProp as h } from "../../deprecated-prop-warning.js";
-import { resolveTopBarLabels as u } from "./labels.js";
-import e from "./TopBar.module.css.js";
-function T({ sidebarToggle: o, start: d, switcher: r, tokens: a, actions: i, labels: t, breadcrumb: m }) {
-  m != null && h("TopBar.breadcrumb");
-  const s = u(t), p = r != null || a != null;
-  return /* @__PURE__ */ l("header", { className: e.bar, children: [
-    /* @__PURE__ */ l("div", { className: e.start, children: [
+import { jsxs as e, Fragment as s, jsx as c } from "react/jsx-runtime";
+import { warnDeprecatedProp as u } from "../../deprecated-prop-warning.js";
+import { resolveTopBarLabels as f } from "./labels.js";
+import l from "./TopBar.module.css.js";
+function x({ sidebarToggle: o, start: d, switcher: r, tokens: a, actions: i, account: t, labels: m, breadcrumb: p }) {
+  p != null && u("TopBar.breadcrumb");
+  const n = f(m), h = r != null || a != null;
+  return /* @__PURE__ */ e("header", { className: l.bar, children: [
+    /* @__PURE__ */ e("div", { className: l.start, children: [
       o,
       d
     ] }),
-    p && /* @__PURE__ */ l("div", { className: e.centre, children: [
-      r != null && /* @__PURE__ */ l(c, { children: [
-        /* @__PURE__ */ n("span", { className: e.label, children: s.switchTools }),
+    h && /* @__PURE__ */ e("div", { className: l.centre, children: [
+      r != null && /* @__PURE__ */ e(s, { children: [
+        /* @__PURE__ */ c("span", { className: l.label, children: n.switchTools }),
         r
       ] }),
-      a != null && /* @__PURE__ */ l(c, { children: [
-        /* @__PURE__ */ n("span", { className: e.label, "data-after-switcher": r != null ? "true" : void 0, children: s.checkTokens }),
+      a != null && /* @__PURE__ */ e(s, { children: [
+        /* @__PURE__ */ c("span", { className: l.label, "data-after-switcher": r != null ? "true" : void 0, children: n.checkTokens }),
         a
       ] })
     ] }),
-    /* @__PURE__ */ n("div", { className: e.end, children: i })
+    /* @__PURE__ */ e("div", { className: l.end, children: [
+      i,
+      t
+    ] })
   ] });
 }
 export {
-  T as TopBar
+  x as TopBar
 };
 //# sourceMappingURL=TopBar.js.map

package/dist/components/TopBar/TopBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.js","sources":["../../../src/components/TopBar/TopBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { warnDeprecatedProp } from '../../deprecated-prop-warning'\nimport { resolveTopBarLabels, type TopBarLabels } from './labels'\nimport styles from './TopBar.module.css'\n\nexport interface TopBarProps {\n  /**\n   * The control that collapses the sidebar to its 56px rail and back, at the\n   * far left of the bar, before the mark (B33-1712). A slot: the product's own\n   * button, which owns the collapsed state.\n   *\n   * It has a slot of its own because the bar stopped drawing `breadcrumb` in\n   * 0.8.0, and a consumer that kept its toggle inside the breadcrumb -- the\n   * Wallet did -- would otherwise lose its only way into and out of the rail on\n   * upgrade, silently: the pixel diff passed the bar at 0.19% with the toggle\n   * gone. No board draws it; the rail keeps working with no new design.\n   */\n  sidebarToggle?: ReactNode\n  /**\n   * The left of the bar: the Boost33 mark and the organisation's pill, as the 3\n   * Nov 2026 redesign draws it (B33-1712, board 20). A slot. Inside `AppShell`\n   * the shell fills it from its own `mark`, `hubHref` and `org` props, so a\n   * consumer of the shell does not set this.\n   */\n  start?: ReactNode\n  /**\n   * The app switcher, at the centre of the bar after its \"Switch Tools →\"\n   * label. A slot: pass `AppSwitcher`. Omit it and neither it nor its label is\n   * drawn. Inside `AppShell`, the shell's `switcher` prop lands here.\n   */\n  switcher?: ReactNode\n  /**\n   * The token chip, after the switcher and its \"Check Your Tokens →\" label. A\n   * slot: pass `WalletChip` with `placement=\"topbar\"`. Omit it and neither it\n   * nor its label is drawn. Inside `AppShell`, the shell's `wallet` prop lands\n   * here.\n   */\n  tokens?: ReactNode\n  /**\n   * The right of the bar: the notification button and the account avatar\n   * (board 20). A slot -- the product's own, or the package's\n   * `NotificationButton` beside the consumer's avatar.\n   *\n   * Search is not here and nothing replaces it: Jamal removed it on 3 Nov 2026\n   * until the feature is built (B33-1710), and the CommandPalette that would\n   * open from it is left out of 0.8.0 with no trigger and no shortcut.\n   */\n  actions?: ReactNode\n  /** The centre group's two labels. Each field defaults to English. */\n  labels?: Partial<TopBarLabels>\n  /**\n   * Was the breadcrumb on the left of the bar. **Not drawn since 0.8.0**: the\n   * redesign puts the mark and the organisation there, and the page's own\n   * `PageHeader` names where you are. Optional so an existing call site still\n   * compiles.\n   *\n   * @deprecated Rendered nowhere since 0.8.0 (B33-1712). Stop passing it; in\n   * development, passing it logs a console warning once.\n   */\n  breadcrumb?: ReactNode\n}\n\n// The bar across the top of every screen (B33-1712). Three regions: the mark\n// and organisation on the left, the switcher and token chip in a centred group,\n// and the product's actions on the right. Left and right take equal shares of\n// what the centre leaves, which is what holds the centre group in the middle of\n// the bar whatever either side holds.\n//\n// A Server Component: no state, no handlers. The two controls in the centre are\n// client components passed in as slots.\nexport function TopBar({ sidebarToggle, start, switcher, tokens, actions, labels, breadcrumb }: TopBarProps) {\n  if (breadcrumb != null) warnDeprecatedProp('TopBar.breadcrumb')\n  const t = resolveTopBarLabels(labels)\n  const hasCentre = switcher != null || tokens != null\n\n  // A <header>, so the bar is the page's banner landmark and a screen-reader\n  // user can jump to it, and an end-to-end test can scope to it (score-main,\n  // 0.8.0-next.2). Inside AppShell it is never within <main> or an <article>,\n  // which is what makes a <header> a banner. `display: grid` is set on the\n  // class, so the element swap changes no box.\n  return (\n    <header className={styles.bar}>\n      <div className={styles.start}>\n        {sidebarToggle}\n        {start}\n      </div>\n      {hasCentre && (\n        <div className={styles.centre}>\n          {switcher != null && (\n            <>\n              <span className={styles.label}>{t.switchTools}</span>\n              {switcher}\n            </>\n          )}\n          {tokens != null && (\n            <>\n              {/* The second label keeps 32px clear of the switcher, so each\n                  label reads as belonging to the control after it, not the one\n                  before it (board 20). With no switcher there is nothing to\n                  keep clear of, and the padding goes. */}\n              <span className={styles.label} data-after-switcher={switcher != null ? 'true' : undefined}>\n                {t.checkTokens}\n              </span>\n              {tokens}\n            </>\n          )}\n        </div>\n      )}\n      <div className={styles.end}>{actions}</div>\n    </header>\n  )\n}\n"],"names":["TopBar","sidebarToggle","start","switcher","tokens","actions","labels","breadcrumb","warnDeprecatedProp","t","resolveTopBarLabels","hasCentre","jsxs","styles","Fragment","jsx"],"mappings":";;;;AAsEO,SAASA,EAAO,EAAE,eAAAC,GAAe,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,GAAQ,YAAAC,KAA2B;AAC3G,EAAIA,KAAc,QAAMC,EAAmB,mBAAmB;AAC9D,QAAMC,IAAIC,EAAoBJ,CAAM,GAC9BK,IAAYR,KAAY,QAAQC,KAAU;AAOhD,SACE,gBAAAQ,EAAC,UAAA,EAAO,WAAWC,EAAO,KACxB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,OACpB,UAAA;AAAA,MAAAZ;AAAA,MACAC;AAAA,IAAA,GACH;AAAA,IACCS,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,QACpB,UAAA;AAAA,MAAAV,KAAY,QACX,gBAAAS,EAAAE,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,YAAE,aAAY;AAAA,QAC7CV;AAAA,MAAA,GACH;AAAA,MAEDC,KAAU,QACT,gBAAAQ,EAAAE,GAAA,EAKE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAO,uBAAqBV,KAAY,OAAO,SAAS,QAC7E,UAAAM,EAAE,YAAA,CACL;AAAA,QACCL;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAW,EAAC,OAAA,EAAI,WAAWF,EAAO,KAAM,UAAAR,EAAA,CAAQ;AAAA,EAAA,GACvC;AAEJ;"}
+{"version":3,"file":"TopBar.js","sources":["../../../src/components/TopBar/TopBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { warnDeprecatedProp } from '../../deprecated-prop-warning'\nimport { resolveTopBarLabels, type TopBarLabels } from './labels'\nimport styles from './TopBar.module.css'\n\nexport interface TopBarProps {\n  /**\n   * The control that collapses the sidebar to its 56px rail and back, at the\n   * far left of the bar, before the mark (B33-1712). A slot: the product's own\n   * button, which owns the collapsed state.\n   *\n   * It has a slot of its own because the bar stopped drawing `breadcrumb` in\n   * 0.8.0, and a consumer that kept its toggle inside the breadcrumb -- the\n   * Wallet did -- would otherwise lose its only way into and out of the rail on\n   * upgrade, silently: the pixel diff passed the bar at 0.19% with the toggle\n   * gone. No board draws it; the rail keeps working with no new design.\n   */\n  sidebarToggle?: ReactNode\n  /**\n   * The left of the bar: the Boost33 mark and the organisation's pill, as the 3\n   * Nov 2026 redesign draws it (B33-1712, board 20). A slot. Inside `AppShell`\n   * the shell fills it from its own `mark`, `hubHref` and `org` props, so a\n   * consumer of the shell does not set this.\n   */\n  start?: ReactNode\n  /**\n   * The app switcher, at the centre of the bar after its \"Switch Tools →\"\n   * label. A slot: pass `AppSwitcher`. Omit it and neither it nor its label is\n   * drawn. Inside `AppShell`, the shell's `switcher` prop lands here.\n   */\n  switcher?: ReactNode\n  /**\n   * The token chip, after the switcher and its \"Check Your Tokens →\" label. A\n   * slot: pass `WalletChip` with `placement=\"topbar\"`. Omit it and neither it\n   * nor its label is drawn. Inside `AppShell`, the shell's `wallet` prop lands\n   * here.\n   */\n  tokens?: ReactNode\n  /**\n   * The right of the bar: the notification button and the account avatar\n   * (board 20). A slot -- the product's own, or the package's\n   * `NotificationButton` beside the consumer's avatar.\n   *\n   * Search is not here and nothing replaces it: Jamal removed it on 3 Nov 2026\n   * until the feature is built (B33-1710), and the CommandPalette that would\n   * open from it is left out of 0.8.0 with no trigger and no shortcut.\n   */\n  actions?: ReactNode\n  /**\n   * The account menu, at the far right of the bar after `actions` (B33-493). A\n   * slot: pass `StandardAccountMenu`, or `AccountMenu` with rows of your own. Its\n   * panel opens under the avatar, aligned to the bar's right edge. Every app\n   * puts the same menu here, so a person meets one account menu across Boost33.\n   */\n  account?: ReactNode\n  /** The centre group's two labels. Each field defaults to English. */\n  labels?: Partial<TopBarLabels>\n  /**\n   * Was the breadcrumb on the left of the bar. **Not drawn since 0.8.0**: the\n   * redesign puts the mark and the organisation there, and the page's own\n   * `PageHeader` names where you are. Optional so an existing call site still\n   * compiles.\n   *\n   * @deprecated Rendered nowhere since 0.8.0 (B33-1712). Stop passing it; in\n   * development, passing it logs a console warning once.\n   */\n  breadcrumb?: ReactNode\n}\n\n// The bar across the top of every screen (B33-1712). Three regions: the mark\n// and organisation on the left, the switcher and token chip in a centred group,\n// and the product's actions on the right. Left and right take equal shares of\n// what the centre leaves, which is what holds the centre group in the middle of\n// the bar whatever either side holds.\n//\n// A Server Component: no state, no handlers. The two controls in the centre are\n// client components passed in as slots.\nexport function TopBar({ sidebarToggle, start, switcher, tokens, actions, account, labels, breadcrumb }: TopBarProps) {\n  if (breadcrumb != null) warnDeprecatedProp('TopBar.breadcrumb')\n  const t = resolveTopBarLabels(labels)\n  const hasCentre = switcher != null || tokens != null\n\n  // A <header>, so the bar is the page's banner landmark and a screen-reader\n  // user can jump to it, and an end-to-end test can scope to it (score-main,\n  // 0.8.0-next.2). Inside AppShell it is never within <main> or an <article>,\n  // which is what makes a <header> a banner. `display: grid` is set on the\n  // class, so the element swap changes no box.\n  return (\n    <header className={styles.bar}>\n      <div className={styles.start}>\n        {sidebarToggle}\n        {start}\n      </div>\n      {hasCentre && (\n        <div className={styles.centre}>\n          {switcher != null && (\n            <>\n              <span className={styles.label}>{t.switchTools}</span>\n              {switcher}\n            </>\n          )}\n          {tokens != null && (\n            <>\n              {/* The second label keeps 32px clear of the switcher, so each\n                  label reads as belonging to the control after it, not the one\n                  before it (board 20). With no switcher there is nothing to\n                  keep clear of, and the padding goes. */}\n              <span className={styles.label} data-after-switcher={switcher != null ? 'true' : undefined}>\n                {t.checkTokens}\n              </span>\n              {tokens}\n            </>\n          )}\n        </div>\n      )}\n      <div className={styles.end}>\n        {actions}\n        {account}\n      </div>\n    </header>\n  )\n}\n"],"names":["TopBar","sidebarToggle","start","switcher","tokens","actions","account","labels","breadcrumb","warnDeprecatedProp","t","resolveTopBarLabels","hasCentre","jsxs","styles","Fragment","jsx"],"mappings":";;;;AA6EO,SAASA,EAAO,EAAE,eAAAC,GAAe,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,SAAAC,GAAS,QAAAC,GAAQ,YAAAC,KAA2B;AACpH,EAAIA,KAAc,QAAMC,EAAmB,mBAAmB;AAC9D,QAAMC,IAAIC,EAAoBJ,CAAM,GAC9BK,IAAYT,KAAY,QAAQC,KAAU;AAOhD,SACE,gBAAAS,EAAC,UAAA,EAAO,WAAWC,EAAO,KACxB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,OACpB,UAAA;AAAA,MAAAb;AAAA,MACAC;AAAA,IAAA,GACH;AAAA,IACCU,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,QACpB,UAAA;AAAA,MAAAX,KAAY,QACX,gBAAAU,EAAAE,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,YAAE,aAAY;AAAA,QAC7CX;AAAA,MAAA,GACH;AAAA,MAEDC,KAAU,QACT,gBAAAS,EAAAE,GAAA,EAKE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAO,uBAAqBX,KAAY,OAAO,SAAS,QAC7E,UAAAO,EAAE,YAAA,CACL;AAAA,QACCN;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,KACpB,UAAA;AAAA,MAAAT;AAAA,MACAC;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.d.ts

@@ -35,9 +35,11 @@ export type { NotificationCenterProps, NotificationCenterItem, } from './compone
 export { defaultNotificationCenterLabels } from './components/NotificationCenter/labels';
 export type { NotificationCenterLabels } from './components/NotificationCenter/labels';
 export { AccountMenu } from './components/AccountMenu/AccountMenu';
+export { StandardAccountMenu, standardAccountMenuGroups } from './components/AccountMenu/StandardAccountMenu';
+export type { AccountMenuRole, StandardAccountMenuProps, StandardAccountMenuRowsOptions, } from './components/AccountMenu/StandardAccountMenu';
 export type { AccountMenuProps, AccountMenuPerson, AccountMenuOrg, AccountMenuGroup, AccountMenuItem, } from './components/AccountMenu/AccountMenu';
-export { defaultAccountMenuLabels } from './components/AccountMenu/labels';
-export type { AccountMenuLabels } from './components/AccountMenu/labels';
+export { defaultAccountMenuLabels, defaultStandardAccountMenuLabels } from './components/AccountMenu/labels';
+export type { AccountMenuLabels, StandardAccountMenuLabels } from './components/AccountMenu/labels';
 export type { AccountMenuIcon } from './components/AccountMenu/icons';
 export { CommandPalette } from './components/CommandPalette/CommandPalette';
 export type { CommandPaletteProps, CommandPaletteGroup, CommandPaletteResult, } from './components/CommandPalette/CommandPalette';

package/dist/index.js

@@ -2,63 +2,67 @@
 import { Sidebar as e } from "./components/Sidebar/Sidebar.js";
 import { NavSection as p } from "./components/NavSection/NavSection.js";
 import { Wordmark as m } from "./components/Wordmark/Wordmark.js";
-import { BOOST33_MARK_MIN_LEGIBLE_PX as i, Boost33Mark as l } from "./components/Boost33Mark/Boost33Mark.js";
-import { ProductMark as d, hasProductMark as u } from "./components/ProductMark/ProductMark.js";
+import { BOOST33_MARK_MIN_LEGIBLE_PX as x, Boost33Mark as u } from "./components/Boost33Mark/Boost33Mark.js";
+import { ProductMark as l, hasProductMark as i } from "./components/ProductMark/ProductMark.js";
 import { NavItem as s } from "./components/NavItem/NavItem.js";
 import { WalletChip as h } from "./components/WalletChip/WalletChip.js";
 import { defaultWalletChipLabels as b } from "./components/WalletChip/labels.js";
-import { TopBar as M } from "./components/TopBar/TopBar.js";
-import { defaultTopBarLabels as S } from "./components/TopBar/labels.js";
-import { NotificationButton as k } from "./components/NotificationButton/NotificationButton.js";
+import { TopBar as S } from "./components/TopBar/TopBar.js";
+import { defaultTopBarLabels as C } from "./components/TopBar/labels.js";
+import { NotificationButton as g } from "./components/NotificationButton/NotificationButton.js";
 import { defaultNotificationButtonLabels as P } from "./components/NotificationButton/labels.js";
 import { PageHeader as _ } from "./components/PageHeader/PageHeader.js";
 import { AppShell as F } from "./components/AppShell/AppShell.js";
 import { AppSwitcher as I } from "./components/AppSwitcher/AppSwitcher.js";
 import { defaultAppSwitcherLabels as W } from "./components/AppSwitcher/labels.js";
-import { NotificationCenter as O } from "./components/NotificationCenter/NotificationCenter.js";
-import { defaultNotificationCenterLabels as G } from "./components/NotificationCenter/labels.js";
+import { NotificationCenter as G } from "./components/NotificationCenter/NotificationCenter.js";
+import { defaultNotificationCenterLabels as D } from "./components/NotificationCenter/labels.js";
 import { AccountMenu as R } from "./components/AccountMenu/AccountMenu.js";
-import { defaultAccountMenuLabels as X } from "./components/AccountMenu/labels.js";
-import { CommandPalette as q } from "./components/CommandPalette/CommandPalette.js";
-import { defaultCommandPaletteLabels as z } from "./components/CommandPalette/labels.js";
-import { DotMatrixLoader as Q } from "./components/DotMatrixLoader/DotMatrixLoader.js";
-import { LaunchLoader as Y } from "./components/LaunchLoader/LaunchLoader.js";
-import { launchBackdropCss as $ } from "./launch-gradient.js";
-import { SettingsFrame as ro } from "./components/SettingsFrame/SettingsFrame.js";
-import { defaultSettingsFrameLabels as eo } from "./components/SettingsFrame/labels.js";
-import { checkNavHeightBudget as po, navBudgetForViewport as fo, navContentHeight as mo } from "./nav-height-budget.js";
+import { StandardAccountMenu as X, standardAccountMenuGroups as j } from "./components/AccountMenu/StandardAccountMenu.js";
+import { defaultAccountMenuLabels as y, defaultStandardAccountMenuLabels as z } from "./components/AccountMenu/labels.js";
+import { CommandPalette as Q } from "./components/CommandPalette/CommandPalette.js";
+import { defaultCommandPaletteLabels as Y } from "./components/CommandPalette/labels.js";
+import { DotMatrixLoader as $ } from "./components/DotMatrixLoader/DotMatrixLoader.js";
+import { LaunchLoader as to } from "./components/LaunchLoader/LaunchLoader.js";
+import { launchBackdropCss as eo } from "./launch-gradient.js";
+import { SettingsFrame as po } from "./components/SettingsFrame/SettingsFrame.js";
+import { defaultSettingsFrameLabels as mo } from "./components/SettingsFrame/labels.js";
+import { checkNavHeightBudget as xo, navBudgetForViewport as uo, navContentHeight as lo } from "./nav-height-budget.js";
 export {
   R as AccountMenu,
   F as AppShell,
   I as AppSwitcher,
-  i as BOOST33_MARK_MIN_LEGIBLE_PX,
-  l as Boost33Mark,
-  q as CommandPalette,
-  Q as DotMatrixLoader,
-  Y as LaunchLoader,
+  x as BOOST33_MARK_MIN_LEGIBLE_PX,
+  u as Boost33Mark,
+  Q as CommandPalette,
+  $ as DotMatrixLoader,
+  to as LaunchLoader,
   s as NavItem,
   p as NavSection,
-  k as NotificationButton,
-  O as NotificationCenter,
+  g as NotificationButton,
+  G as NotificationCenter,
   _ as PageHeader,
-  d as ProductMark,
-  ro as SettingsFrame,
+  l as ProductMark,
+  po as SettingsFrame,
   e as Sidebar,
-  M as TopBar,
+  X as StandardAccountMenu,
+  S as TopBar,
   h as WalletChip,
   m as Wordmark,
-  po as checkNavHeightBudget,
-  X as defaultAccountMenuLabels,
+  xo as checkNavHeightBudget,
+  y as defaultAccountMenuLabels,
   W as defaultAppSwitcherLabels,
-  z as defaultCommandPaletteLabels,
+  Y as defaultCommandPaletteLabels,
   P as defaultNotificationButtonLabels,
-  G as defaultNotificationCenterLabels,
-  eo as defaultSettingsFrameLabels,
-  S as defaultTopBarLabels,
+  D as defaultNotificationCenterLabels,
+  mo as defaultSettingsFrameLabels,
+  z as defaultStandardAccountMenuLabels,
+  C as defaultTopBarLabels,
   b as defaultWalletChipLabels,
-  u as hasProductMark,
-  $ as launchBackdropCss,
-  fo as navBudgetForViewport,
-  mo as navContentHeight
+  i as hasProductMark,
+  eo as launchBackdropCss,
+  uo as navBudgetForViewport,
+  lo as navContentHeight,
+  j as standardAccountMenuGroups
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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