@boost33/ui 0.5.0 → 0.6.0

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

@@ -0,0 +1,74 @@
+const a = "_root_1y1aa_41", e = "_frame_1y1aa_47", _ = "_sidebar_1y1aa_59", t = "_back_1y1aa_76", c = "_backLabel_1y1aa_84", n = "_glyph_1y1aa_91", r = "_title_1y1aa_99", o = "_titleText_1y1aa_103", s = "_group_1y1aa_112", p = "_groupLabel_1y1aa_124", l = "_groupLabelText_1y1aa_128", y = "_item_1y1aa_140", b = "_icon_1y1aa_157", u = "_label_1y1aa_171", i = "_swatch_1y1aa_186", g = "_spacer_1y1aa_195", m = "_signOut_1y1aa_201", d = "_column_1y1aa_207", h = "_header_1y1aa_216", k = "_headerStart_1y1aa_227", L = "_panelMark_1y1aa_237", T = "_crumbs_1y1aa_244", x = "_crumbStep_1y1aa_255", S = "_crumb_1y1aa_244", H = "_crumbSeparator_1y1aa_266", f = "_crumbCurrent_1y1aa_270", w = "_headerEnd_1y1aa_276", C = "_helpLinks_1y1aa_282", D = "_helpLink_1y1aa_282", E = "_content_1y1aa_298", M = "_pageHead_1y1aa_307", O = "_pageHeadText_1y1aa_318", j = "_pageTitle_1y1aa_325", q = "_pageDescription_1y1aa_335", v = {
+  root: a,
+  frame: e,
+  sidebar: _,
+  back: t,
+  backLabel: c,
+  glyph: n,
+  title: r,
+  titleText: o,
+  group: s,
+  groupLabel: p,
+  groupLabelText: l,
+  item: y,
+  icon: b,
+  label: u,
+  swatch: i,
+  spacer: g,
+  signOut: m,
+  column: d,
+  header: h,
+  headerStart: k,
+  panelMark: L,
+  crumbs: T,
+  crumbStep: x,
+  crumb: S,
+  crumbSeparator: H,
+  crumbCurrent: f,
+  headerEnd: w,
+  helpLinks: C,
+  helpLink: D,
+  content: E,
+  pageHead: M,
+  pageHeadText: O,
+  pageTitle: j,
+  pageDescription: q
+};
+export {
+  t as back,
+  c as backLabel,
+  d as column,
+  E as content,
+  S as crumb,
+  f as crumbCurrent,
+  H as crumbSeparator,
+  x as crumbStep,
+  T as crumbs,
+  v as default,
+  e as frame,
+  n as glyph,
+  s as group,
+  p as groupLabel,
+  l as groupLabelText,
+  h as header,
+  w as headerEnd,
+  k as headerStart,
+  D as helpLink,
+  C as helpLinks,
+  b as icon,
+  y as item,
+  u as label,
+  q as pageDescription,
+  M as pageHead,
+  O as pageHeadText,
+  j as pageTitle,
+  L as panelMark,
+  a as root,
+  _ as sidebar,
+  m as signOut,
+  g as spacer,
+  i as swatch,
+  r as title,
+  o as titleText
+};
+//# sourceMappingURL=SettingsFrame.module.css.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export declare function ArrowLeftGlyph({ className }: {
+    className?: string;
+}): ReactElement;
+export declare function SignOutGlyph({ className }: {
+    className?: string;
+}): ReactElement;
+export declare function PanelGlyph({ className }: {
+    className?: string;
+}): ReactElement;

package/dist/components/SettingsFrame/icons.js

@@ -0,0 +1,37 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+const h = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": !0
+};
+function e({ className: r }) {
+  return /* @__PURE__ */ n("svg", { className: r, ...h, children: [
+    /* @__PURE__ */ t("path", { d: "M5 12l14 0" }),
+    /* @__PURE__ */ t("path", { d: "M5 12l6 6" }),
+    /* @__PURE__ */ t("path", { d: "M5 12l6 -6" })
+  ] });
+}
+function o({ className: r }) {
+  return /* @__PURE__ */ n("svg", { className: r, ...h, children: [
+    /* @__PURE__ */ t("path", { d: "M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" }),
+    /* @__PURE__ */ t("path", { d: "M9 12h12l-3 -3" }),
+    /* @__PURE__ */ t("path", { d: "M18 15l3 -3" })
+  ] });
+}
+function d({ className: r }) {
+  return /* @__PURE__ */ n("svg", { className: r, ...h, children: [
+    /* @__PURE__ */ t("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__ */ t("path", { d: "M9 4v16" }),
+    /* @__PURE__ */ t("path", { d: "M15 10l-2 2l2 2" })
+  ] });
+}
+export {
+  e as ArrowLeftGlyph,
+  d as PanelGlyph,
+  o as SignOutGlyph
+};
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../../src/components/SettingsFrame/icons.tsx"],"sourcesContent":["// The settings frame's own three glyphs: the back arrow, the sign-out door and\n// the header's panel mark. Drawn in `currentColor` so the element around each\n// one carries its ink -- the same arrangement as AccountMenu/icons.tsx and\n// AppSwitcher/icons.tsx, and what keeps the no-hardcoded-hex guard satisfied.\n//\n// All three are decorative. The back link and the sign-out link each carry a\n// visible name beside the glyph, and the panel mark has no behaviour at all (see\n// `.panelMark` in SettingsFrame.module.css). Hence `aria-hidden` on each.\n//\n// The path data is copied verbatim from the hub's `src/lib/icons.tsx`\n// (`arrowLeft`, `signOut`, `panel`), which copied it from Paper pages 103 and\n// 104. The hub's settings chrome is this frame's referent, so the hub's paths\n// are the ones reproduced -- not a lookalike from Tabler's current release.\n//\n// A host's sidebar glyphs are NOT here. Which picture labels \"Billing\" or\n// \"Call routing\" is the host's knowledge, and a frame that held a glyph per\n// settings page would have to learn what every product's pages are. Items take\n// `icon` as a ReactNode instead -- see `SettingsFrameItem`.\n\nimport type { ReactElement } from 'react'\n\nconst COMMON = {\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: '2',\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n  'aria-hidden': true,\n} as const\n\nexport function ArrowLeftGlyph({ className }: { className?: string }): ReactElement {\n  return (\n    <svg className={className} {...COMMON}>\n      <path d=\"M5 12l14 0\" />\n      <path d=\"M5 12l6 6\" />\n      <path d=\"M5 12l6 -6\" />\n    </svg>\n  )\n}\n\nexport function SignOutGlyph({ className }: { className?: string }): ReactElement {\n  return (\n    <svg className={className} {...COMMON}>\n      <path d=\"M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2\" />\n      <path d=\"M9 12h12l-3 -3\" />\n      <path d=\"M18 15l3 -3\" />\n    </svg>\n  )\n}\n\nexport function PanelGlyph({ className }: { className?: string }): ReactElement {\n  return (\n    <svg className={className} {...COMMON}>\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    </svg>\n  )\n}\n"],"names":["COMMON","ArrowLeftGlyph","className","jsxs","jsx","SignOutGlyph","PanelGlyph"],"mappings":";AAqBA,MAAMA,IAAS;AAAA,EACb,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AACjB;AAEO,SAASC,EAAe,EAAE,WAAAC,KAAmD;AAClF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAAD,GAAuB,GAAGF,GAC7B,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,GAAE,aAAA,CAAa;AAAA,IACrB,gBAAAA,EAAC,QAAA,EAAK,GAAE,YAAA,CAAY;AAAA,IACpB,gBAAAA,EAAC,QAAA,EAAK,GAAE,aAAA,CAAa;AAAA,EAAA,GACvB;AAEJ;AAEO,SAASC,EAAa,EAAE,WAAAH,KAAmD;AAChF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAAD,GAAuB,GAAGF,GAC7B,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,GAAE,kFAAA,CAAkF;AAAA,IAC1F,gBAAAA,EAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB;AAAA,IACzB,gBAAAA,EAAC,QAAA,EAAK,GAAE,cAAA,CAAc;AAAA,EAAA,GACxB;AAEJ;AAEO,SAASE,EAAW,EAAE,WAAAJ,KAAmD;AAC9E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAAD,GAAuB,GAAGF,GAC7B,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,GAAE,kFAAA,CAAkF;AAAA,IAC1F,gBAAAA,EAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,IAClB,gBAAAA,EAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,EAAA,GAC5B;AAEJ;"}

package/dist/components/SettingsFrame/labels.d.ts

@@ -0,0 +1,36 @@
+/** Every user-facing string the settings frame renders that is not host data. */
+export interface SettingsFrameLabels {
+    /** The visible title at the head of the sidebar. Default "Settings". */
+    title: string;
+    /**
+     * The sidebar's landmark name. A `<nav>` is announced by its name, and a page
+     * with two navs (this one and the breadcrumb) needs both named or a screen
+     * reader lists "navigation" twice. Default "Settings", matching the hub.
+     */
+    navigation: string;
+    /** The heading over the other-accounts list. Default "Other accounts". */
+    otherAccounts: string;
+    /** The sign-out link. Default "Sign out". */
+    signOut: string;
+    /** The breadcrumb's landmark name. Default "Breadcrumb". */
+    breadcrumb: string;
+}
+/**
+ * The English defaults. A consumer that passes nothing renders English.
+ *
+ * Frozen because it is a public export reaching four products on a version bump;
+ * see AccountMenu/labels.ts for why the freeze carries no type annotation.
+ */
+export declare const defaultSettingsFrameLabels: Readonly<{
+    title: string;
+    navigation: string;
+    otherAccounts: string;
+    signOut: string;
+    breadcrumb: string;
+}>;
+/**
+ * Merge a consumer's partial `labels` onto the English defaults, treating an
+ * explicitly-`undefined` field as unsupplied -- the resolution every other
+ * labels module here performs (B33-873).
+ */
+export declare function resolveSettingsFrameLabels(labels?: Partial<SettingsFrameLabels>): SettingsFrameLabels;

package/dist/components/SettingsFrame/labels.js

@@ -0,0 +1,18 @@
+const r = Object.freeze({
+  title: "Settings",
+  navigation: "Settings",
+  otherAccounts: "Other accounts",
+  signOut: "Sign out",
+  breadcrumb: "Breadcrumb"
+});
+function i(e) {
+  const t = Object.fromEntries(
+    Object.entries(e ?? {}).filter(([, n]) => n !== void 0)
+  );
+  return { ...r, ...t };
+}
+export {
+  r as defaultSettingsFrameLabels,
+  i as resolveSettingsFrameLabels
+};
+//# sourceMappingURL=labels.js.map

package/dist/components/SettingsFrame/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.js","sources":["../../../src/components/SettingsFrame/labels.ts"],"sourcesContent":["// The settings frame's own user-facing words.\n//\n// Everything else a person reads in the frame is data the host supplies and so\n// translates by construction: the back link's label, every group's label, every\n// item's label, the other accounts' names, the help links, the breadcrumb and\n// the page heading. Those are the host's because they differ per host -- the hub\n// says \"Back to the hub\" and a product says something else, and which groups\n// exist is the whole point of taking groups as data (B33-1529). What is left is\n// what is the same in every host: the sidebar's title and landmark name, the\n// heading over the other accounts, the sign-out link and the breadcrumb's\n// landmark name.\n//\n// It takes the label contract AccountMenu, NotificationCenter and the chip use,\n// in full, on day one:\n//\n//   * `labels` is `Partial<SettingsFrameLabels>`, so a later field costs no\n//     consumer a typecheck (CLAUDE.md, \"Versioning\");\n//   * `resolveSettingsFrameLabels` filters explicitly-`undefined` fields before\n//     merging, so a missed next-intl key falls back to English instead of\n//     unnaming a landmark (B33-873);\n//   * `defaultSettingsFrameLabels` is `Object.freeze({ ... } satisfies ...)`\n//     with no type annotation, so the freeze survives into the emitted `.d.ts`\n//     (B33-877, B33-916).\n//\n// No label carries a value, so none of the chip's `%placeholder%` machinery is\n// reproduced. If one arrives, it arrives delimited `%name%`, never `{name}`\n// (B33-1277; the reasoning is in `src/fill-template.ts`).\n\n/** Every user-facing string the settings frame renders that is not host data. */\nexport interface SettingsFrameLabels {\n  /** The visible title at the head of the sidebar. Default \"Settings\". */\n  title: string\n  /**\n   * The sidebar's landmark name. A `<nav>` is announced by its name, and a page\n   * with two navs (this one and the breadcrumb) needs both named or a screen\n   * reader lists \"navigation\" twice. Default \"Settings\", matching the hub.\n   */\n  navigation: string\n  /** The heading over the other-accounts list. Default \"Other accounts\". */\n  otherAccounts: string\n  /** The sign-out link. Default \"Sign out\". */\n  signOut: string\n  /** The breadcrumb's landmark name. Default \"Breadcrumb\". */\n  breadcrumb: string\n}\n\n/**\n * The English defaults. A consumer that passes nothing renders English.\n *\n * Frozen because it is a public export reaching four products on a version bump;\n * see AccountMenu/labels.ts for why the freeze carries no type annotation.\n */\nexport const defaultSettingsFrameLabels = Object.freeze({\n  title: 'Settings',\n  navigation: 'Settings',\n  otherAccounts: 'Other accounts',\n  signOut: 'Sign out',\n  breadcrumb: 'Breadcrumb',\n} satisfies SettingsFrameLabels)\n\n/**\n * Merge a consumer's partial `labels` onto the English defaults, treating an\n * explicitly-`undefined` field as unsupplied -- the resolution every other\n * labels module here performs (B33-873).\n */\nexport function resolveSettingsFrameLabels(labels?: Partial<SettingsFrameLabels>): SettingsFrameLabels {\n  const supplied = Object.fromEntries(\n    Object.entries(labels ?? {}).filter(([, value]) => value !== undefined),\n  ) as Partial<SettingsFrameLabels>\n  return { ...defaultSettingsFrameLabels, ...supplied }\n}\n"],"names":["defaultSettingsFrameLabels","resolveSettingsFrameLabels","labels","supplied","value"],"mappings":"AAoDO,MAAMA,IAA6B,OAAO,OAAO;AAAA,EACtD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AACd,CAA+B;AAOxB,SAASC,EAA2BC,GAA4D;AACrG,QAAMC,IAAW,OAAO;AAAA,IACtB,OAAO,QAAQD,KAAU,EAAE,EAAE,OAAO,CAAC,CAAA,EAAGE,CAAK,MAAMA,MAAU,MAAS;AAAA,EAAA;AAExE,SAAO,EAAE,GAAGJ,GAA4B,GAAGG,EAAA;AAC7C;"}

package/dist/index.d.ts

@@ -24,11 +24,28 @@ export { AppSwitcher } from './components/AppSwitcher/AppSwitcher';
 export type { AppSwitcherProps, AppSwitcherProduct, AppSwitcherHub, AppSwitcherAccount, } from './components/AppSwitcher/AppSwitcher';
 export { defaultAppSwitcherLabels } from './components/AppSwitcher/labels';
 export type { AppSwitcherLabels } from './components/AppSwitcher/labels';
+export { NotificationCenter } from './components/NotificationCenter/NotificationCenter';
+export type { NotificationCenterProps, NotificationCenterItem, } from './components/NotificationCenter/NotificationCenter';
+export { defaultNotificationCenterLabels } from './components/NotificationCenter/labels';
+export type { NotificationCenterLabels } from './components/NotificationCenter/labels';
+export { AccountMenu } from './components/AccountMenu/AccountMenu';
+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 type { AccountMenuIcon } from './components/AccountMenu/icons';
+export { CommandPalette } from './components/CommandPalette/CommandPalette';
+export type { CommandPaletteProps, CommandPaletteGroup, CommandPaletteResult, } from './components/CommandPalette/CommandPalette';
+export { defaultCommandPaletteLabels } from './components/CommandPalette/labels';
+export type { CommandPaletteLabels } from './components/CommandPalette/labels';
 export { DotMatrixLoader } from './components/DotMatrixLoader/DotMatrixLoader';
 export type { DotMatrixLoaderProps } from './components/DotMatrixLoader/DotMatrixLoader';
 export { LaunchLoader } from './components/LaunchLoader/LaunchLoader';
 export type { LaunchLoaderProps } from './components/LaunchLoader/LaunchLoader';
-export { launchBackdropCss, launchGround, launchSolid } from './launch-gradient';
+export { launchBackdropCss } from './launch-gradient';
 export type { LaunchGradientStops } from './launch-gradient';
+export { SettingsFrame } from './components/SettingsFrame/SettingsFrame';
+export type { SettingsFrameProps, SettingsFrameGroup, SettingsFrameItem, SettingsFrameAccount, SettingsFrameLink, SettingsFrameCrumb, SettingsFrameHeading, } from './components/SettingsFrame/SettingsFrame';
+export { defaultSettingsFrameLabels } from './components/SettingsFrame/labels';
+export type { SettingsFrameLabels } from './components/SettingsFrame/labels';
 export { checkNavHeightBudget, navContentHeight, navBudgetForViewport } from './nav-height-budget';
 export type { NavHeightBudget, NavRowCosts, NavSectionShape } from './nav-height-budget';

package/dist/index.js

@@ -1,44 +1,58 @@
 /* empty css           */
 import { Sidebar as t } from "./components/Sidebar/Sidebar.js";
-import { NavSection as a } from "./components/NavSection/NavSection.js";
+import { NavSection as p } from "./components/NavSection/NavSection.js";
 import { Wordmark as f } from "./components/Wordmark/Wordmark.js";
-import { BOOST33_MARK_MIN_LEGIBLE_PX as d, Boost33Mark as l } from "./components/Boost33Mark/Boost33Mark.js";
-import { ProductMark as c, hasProductMark as i } from "./components/ProductMark/ProductMark.js";
-import { NavItem as n } from "./components/NavItem/NavItem.js";
+import { BOOST33_MARK_MIN_LEGIBLE_PX as l, Boost33Mark as i } from "./components/Boost33Mark/Boost33Mark.js";
+import { ProductMark as d, hasProductMark as c } from "./components/ProductMark/ProductMark.js";
+import { NavItem as s } from "./components/NavItem/NavItem.js";
 import { WalletChip as L } from "./components/WalletChip/WalletChip.js";
-import { defaultWalletChipLabels as k } from "./components/WalletChip/labels.js";
-import { TopBar as M } from "./components/TopBar/TopBar.js";
-import { PageHeader as v } from "./components/PageHeader/PageHeader.js";
-import { AppShell as C } from "./components/AppShell/AppShell.js";
+import { defaultWalletChipLabels as M } from "./components/WalletChip/labels.js";
+import { TopBar as b } from "./components/TopBar/TopBar.js";
+import { PageHeader as B } from "./components/PageHeader/PageHeader.js";
+import { AppShell as A } from "./components/AppShell/AppShell.js";
 import { AppSwitcher as P } from "./components/AppSwitcher/AppSwitcher.js";
-import { defaultAppSwitcherLabels as b } from "./components/AppSwitcher/labels.js";
-import { DotMatrixLoader as H } from "./components/DotMatrixLoader/DotMatrixLoader.js";
-import { LaunchLoader as W } from "./components/LaunchLoader/LaunchLoader.js";
-import { launchBackdropCss as G, launchGround as O, launchSolid as T } from "./launch-gradient.js";
-import { checkNavHeightBudget as F, navBudgetForViewport as K, navContentHeight as R } from "./nav-height-budget.js";
+import { defaultAppSwitcherLabels as _ } from "./components/AppSwitcher/labels.js";
+import { NotificationCenter as F } from "./components/NotificationCenter/NotificationCenter.js";
+import { defaultNotificationCenterLabels as I } from "./components/NotificationCenter/labels.js";
+import { AccountMenu as E } from "./components/AccountMenu/AccountMenu.js";
+import { defaultAccountMenuLabels as T } from "./components/AccountMenu/labels.js";
+import { CommandPalette as G } from "./components/CommandPalette/CommandPalette.js";
+import { defaultCommandPaletteLabels as R } from "./components/CommandPalette/labels.js";
+import { DotMatrixLoader as X } from "./components/DotMatrixLoader/DotMatrixLoader.js";
+import { LaunchLoader as q } from "./components/LaunchLoader/LaunchLoader.js";
+import { launchBackdropCss as z } from "./launch-gradient.js";
+import { SettingsFrame as Q } from "./components/SettingsFrame/SettingsFrame.js";
+import { defaultSettingsFrameLabels as Y } from "./components/SettingsFrame/labels.js";
+import { checkNavHeightBudget as $, navBudgetForViewport as oo, navContentHeight as ro } from "./nav-height-budget.js";
 export {
-  C as AppShell,
+  E as AccountMenu,
+  A as AppShell,
   P as AppSwitcher,
-  d as BOOST33_MARK_MIN_LEGIBLE_PX,
-  l as Boost33Mark,
-  H as DotMatrixLoader,
-  W as LaunchLoader,
-  n as NavItem,
-  a as NavSection,
-  v as PageHeader,
-  c as ProductMark,
+  l as BOOST33_MARK_MIN_LEGIBLE_PX,
+  i as Boost33Mark,
+  G as CommandPalette,
+  X as DotMatrixLoader,
+  q as LaunchLoader,
+  s as NavItem,
+  p as NavSection,
+  F as NotificationCenter,
+  B as PageHeader,
+  d as ProductMark,
+  Q as SettingsFrame,
   t as Sidebar,
-  M as TopBar,
+  b as TopBar,
   L as WalletChip,
   f as Wordmark,
-  F as checkNavHeightBudget,
-  b as defaultAppSwitcherLabels,
-  k as defaultWalletChipLabels,
-  i as hasProductMark,
-  G as launchBackdropCss,
-  O as launchGround,
-  T as launchSolid,
-  K as navBudgetForViewport,
-  R as navContentHeight
+  $ as checkNavHeightBudget,
+  T as defaultAccountMenuLabels,
+  _ as defaultAppSwitcherLabels,
+  R as defaultCommandPaletteLabels,
+  I as defaultNotificationCenterLabels,
+  Y as defaultSettingsFrameLabels,
+  M as defaultWalletChipLabels,
+  c as hasProductMark,
+  z as launchBackdropCss,
+  oo as navBudgetForViewport,
+  ro as navContentHeight
 };
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/launch-gradient.d.ts

@@ -1,112 +1,36 @@
 /**
- * The destination product's four gradient stops, ordered darkest first.
- *
- * The order is a contract, not a style choice, and it carries the screen's
- * contrast:
- *
- * - `stops[0]` is the darkest tone, and the flat colour `prefers-contrast`
- *   paints.
- * - `stops[1]` and the mixes between it and `stops[0]` are the tones behind
- *   the loader, the bar and the caption. Both must stay at or under relative
- *   luminance 0.183 (linearised sRGB), the ceiling for white text at 4.5:1:
- *   the caption sits straight on the mesh with no plate behind it.
- * - `stops[2]` is the one light accent, a glow low on the screen, clear of the
- *   content. `stops[3]` is not painted at all (see launchRamp); it stays in
- *   the tuple so a palette is still four colours, darkest first.
- *
- * The values are the consumer's: this package knows no product and holds no
- * product's colours (CLAUDE.md). scripts/launch-contrast-check.mts measures the
- * composited result behind the content in a real browser.
+ * @deprecated Ignored since 0.5.1 (B33-1401). The launch screen is the same
+ * Boost33 background for every product, built into `LaunchLoader`, so there are
+ * no per-product stops to pass. The type stays so a consumer on `^0.5.0` that
+ * still declares its colour map keeps compiling; drop the map and stop passing
+ * it.
  */
 export type LaunchGradientStops = readonly [string, string, string, string];
 /**
- * The six tones the mesh is painted in, all derived from the four stops, so the
- * stops contract and palette-agnosticism both survive. `stops[3]` is not used:
- * on Score it is near-white, and it is what blew out every composition that
- * included it.
+ * The launch screen's ground as a raw CSS string, for a consumer to inline in a
+ * `<style>` block with no stylesheet request.
  *
- * The mix percentages are tuned in sRGB to reproduce the three Score mixes
- * Jamal approved in Paper on 14 Oct 2026 (recorded on B33-1389) to within a few
- * levels a channel; Paper's own figures are not an sRGB mix at round
- * percentages. They are mixes rather than hexes so Wallet's greens take the
- * same shape.
- */
-export interface LaunchRamp {
-    /** stops[0]. The darkest shape. */
-    r0: string;
-    r1: string;
-    /** The mesh's ground, under every shape and behind its blurred edges. */
-    r2: string;
-    /** stops[1]. */
-    r3: string;
-    r4: string;
-    /** stops[2]. The one light glow, low on the screen. */
-    accent: string;
-}
-export declare function launchRamp(stops: LaunchGradientStops): LaunchRamp;
-/**
- * One shape in the mesh: a solid tone with an irregular radius, placed and
- * sized as a percentage of the mesh container, which overhangs the viewport by
- * 12% on every side.
- */
-export interface LaunchMeshShape {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    tone: keyof LaunchRamp;
-    radius: string;
-    rotate: number;
-}
-/**
- * The composition Jamal approved in Paper on 14 Oct 2026, in paint order. A lit
- * left field, a dark diagonal channel through the centre, a soft lit sweep
- * down the right edge, one accent glow along the bottom. The dark channel is
- * what sits behind the content, so the caption's contrast holds by the
- * composition rather than by tuning -- scripts/launch-contrast-check.mts
- * measures it.
+ * LaunchLoader paints its own background -- black, with one orange glow --
+ * from the package stylesheet, identically on both sides of a hub-to-product
+ * navigation. This paints the one thing that can show before that stylesheet
+ * and the markup arrive: the root in the same black, so the first frame is
+ * already the screen's ground rather than white.
  *
- * Solid shapes melted by one blur on their container, not gradients: stacked
- * radial-gradients never covered the field, and the ground showing between
- * them read as holes. Irregular radii and rotation give the sweeping edges.
- */
-export declare const LAUNCH_MESH: readonly LaunchMeshShape[];
-/**
- * One shape's inline style. Built here rather than in the component so the CSS
- * it assembles sits beside the rest of the mesh's CSS text, outside the
- * no-hardcoded-strings scan of src/components.
- */
-export declare function launchShapeStyle(shape: LaunchMeshShape, ramp: LaunchRamp): {
-    top: string;
-    left: string;
-    width: string;
-    height: string;
-    borderRadius: string;
-    transform: string | undefined;
-    background: string;
-};
-/** How far the mesh container overhangs the viewport on every side, as a fraction of it. */
-export declare const LAUNCH_MESH_OVERHANG = 0.12;
-/**
- * The ground the mesh sits on, as a CSS colour: the tone its blurred edges
- * fade into, so the blur never darkens or lightens the viewport's rim.
- */
-export declare function launchGround(stops: LaunchGradientStops): string;
-/** The flat colour `prefers-contrast` paints instead of the gradient: the darkest stop. */
-export declare function launchSolid(stops: LaunchGradientStops): string;
-/**
- * The launch screen's ground as a raw CSS string, for a consumer to inline in
- * a `<style>` block with no stylesheet request (B33-1389).
+ * `stops` is ignored and kept only so the 0.5.0 call shape,
+ * `launchBackdropCss(stops)` or `launchBackdropCss(stops, selector)`, still
+ * compiles; `launchBackdropCss()` is the call to write now. `selector` defaults
+ * to `html`.
  *
- * The mesh itself is markup -- LaunchLoader renders its shapes with inline
- * styles -- so it paints in the same HTML chunk as the component, on both sides
- * of a hub-to-product navigation, from the same props: that is what keeps the
- * hop seamless now. This paints the one thing that can show before that markup
- * parses: the root in the mesh's own ground colour, so the first frame is
- * already the screen's base tone rather than white.
+ * The `(prefers-contrast)` branch paints the same black the default does. It is
+ * redundant today and kept on purpose: it is the branch the component honours
+ * too, and keeping the output's shape means the day the two paths differ again
+ * is a value change here, not a new rule a consumer has never inlined.
  *
- * `selector` defaults to `html`. The contrast branch is the boolean
- * `(prefers-contrast)`, not `(prefers-contrast: more)`, and paints the flat
- * darkest stop, as the component does.
+ * The selector is the one thing still interpolated. It is the caller's own
+ * literal, never served data -- the stops were the value that would have come
+ * from a registry, and they are no longer written anywhere -- so it is not
+ * checked. Do not feed it from a request.
  */
-export declare function launchBackdropCss(stops: LaunchGradientStops, selector?: string): string;
+export declare function launchBackdropCss(
+/** @deprecated Ignored since 0.5.1. Call `launchBackdropCss()`. */
+_stops?: LaunchGradientStops, selector?: string): string;

package/dist/launch-gradient.js

@@ -1,60 +1,8 @@
-const d = /^[#a-zA-Z0-9(),.%\s/+-]+$/;
-function i(t) {
-  if (t.length !== 4)
-    throw new Error(`LaunchLoader takes exactly four gradient stops, got ${t.length}`);
-  for (const r of t)
-    if (!d.test(r))
-      throw new Error(`LaunchLoader: ${JSON.stringify(r)} is not a CSS colour this package will inline`);
-  return t;
-}
-function u(t) {
-  const [r, o, e] = i(t), n = (a, h, c) => `color-mix(in srgb, ${a} ${h}%, ${c})`;
-  return {
-    r0: r,
-    r1: n(r, 85, o),
-    r2: n(r, 67, o),
-    r3: o,
-    r4: n(o, 64, e),
-    accent: e
-  };
-}
-const g = [
-  { top: 40, left: 22, width: 80, height: 58, tone: "r1", radius: "30% 70% 40% 60% / 72% 36% 64% 28%", rotate: -5 },
-  { top: -20, left: 52, width: 72, height: 66, tone: "r0", radius: "70% 30% 26% 74% / 40% 70% 30% 60%", rotate: 12 },
-  { top: 4, left: -6, width: 44, height: 42, tone: "r3", radius: "46% 54% 60% 40% / 52% 48% 52% 48%", rotate: 0 },
-  { top: -24, left: -20, width: 78, height: 56, tone: "r4", radius: "26% 74% 60% 40% / 68% 32% 66% 34%", rotate: -11 },
-  { top: 64, left: 50, width: 72, height: 56, tone: "accent", radius: "36% 64% 74% 26% / 62% 28% 72% 38%", rotate: 20 },
-  { top: 64, left: -22, width: 70, height: 52, tone: "r3", radius: "74% 26% 56% 44% / 34% 66% 32% 68%", rotate: -6 },
-  { top: 4, left: 76, width: 54, height: 88, tone: "r3", radius: "62% 38% 28% 72% / 36% 64% 36% 64%", rotate: -10 },
-  { top: -22, left: 86, width: 52, height: 54, tone: "r4", radius: "38% 62% 70% 30% / 58% 34% 66% 42%", rotate: 22 }
-];
-function s(t, r) {
-  return {
-    top: `${t.top}%`,
-    left: `${t.left}%`,
-    width: `${t.width}%`,
-    height: `${t.height}%`,
-    borderRadius: t.radius,
-    transform: t.rotate ? `rotate(${t.rotate}deg)` : void 0,
-    background: r[t.tone]
-  };
-}
-function l(t) {
-  return u(t).r2;
-}
-function f(t) {
-  return i(t)[0];
-}
-function w(t, r = "html") {
-  const o = l(t), e = f(t);
-  return `${r}{min-height:100%;background-color:${o}}@media (prefers-contrast){${r}{background-color:${e}}}`;
+const r = "var(--color-neutral-1000,black)";
+function n(c, o = "html") {
+  return `${o}{min-height:100%;background-color:${r}}@media (prefers-contrast){${o}{background-color:${r}}}`;
 }
 export {
-  g as LAUNCH_MESH,
-  w as launchBackdropCss,
-  l as launchGround,
-  u as launchRamp,
-  s as launchShapeStyle,
-  f as launchSolid
+  n as launchBackdropCss
 };
 //# sourceMappingURL=launch-gradient.js.map

package/dist/launch-gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"launch-gradient.js","sources":["../src/launch-gradient.ts"],"sourcesContent":["/*\n * LaunchLoader's background, as data and CSS text (B33-1389). Beside the\n * components rather than inside one, the way nav-height-budget.ts is: it\n * renders nothing, and what it assembles is CSS a consumer inlines, not copy a\n * person reads -- so it sits outside the no-hardcoded-strings scan, which reads\n * src/components for rendered words.\n */\n\n/**\n * The destination product's four gradient stops, ordered darkest first.\n *\n * The order is a contract, not a style choice, and it carries the screen's\n * contrast:\n *\n * - `stops[0]` is the darkest tone, and the flat colour `prefers-contrast`\n *   paints.\n * - `stops[1]` and the mixes between it and `stops[0]` are the tones behind\n *   the loader, the bar and the caption. Both must stay at or under relative\n *   luminance 0.183 (linearised sRGB), the ceiling for white text at 4.5:1:\n *   the caption sits straight on the mesh with no plate behind it.\n * - `stops[2]` is the one light accent, a glow low on the screen, clear of the\n *   content. `stops[3]` is not painted at all (see launchRamp); it stays in\n *   the tuple so a palette is still four colours, darkest first.\n *\n * The values are the consumer's: this package knows no product and holds no\n * product's colours (CLAUDE.md). scripts/launch-contrast-check.mts measures the\n * composited result behind the content in a real browser.\n */\nexport type LaunchGradientStops = readonly [string, string, string, string]\n\n/*\n * A stop is written straight into CSS, and launchBackdropCss's output is meant\n * to be inlined in a <style> block in the first HTML chunk. A value carrying\n * `;`, `{`, `}` or `<` could close the declaration, the rule or the element and\n * write whatever follows. Stops will come from a served registry, not a literal,\n * so this is checked rather than trusted: hex, a colour function, or a keyword,\n * and nothing that can leave the declaration.\n */\nconst SAFE_COLOR = /^[#a-zA-Z0-9(),.%\\s/+-]+$/\n\nfunction checkedStops(stops: LaunchGradientStops): LaunchGradientStops {\n  if (stops.length !== 4) {\n    throw new Error(`LaunchLoader takes exactly four gradient stops, got ${stops.length}`)\n  }\n  for (const stop of stops) {\n    if (!SAFE_COLOR.test(stop)) {\n      throw new Error(`LaunchLoader: ${JSON.stringify(stop)} is not a CSS colour this package will inline`)\n    }\n  }\n  return stops\n}\n\n/**\n * The six tones the mesh is painted in, all derived from the four stops, so the\n * stops contract and palette-agnosticism both survive. `stops[3]` is not used:\n * on Score it is near-white, and it is what blew out every composition that\n * included it.\n *\n * The mix percentages are tuned in sRGB to reproduce the three Score mixes\n * Jamal approved in Paper on 14 Oct 2026 (recorded on B33-1389) to within a few\n * levels a channel; Paper's own figures are not an sRGB mix at round\n * percentages. They are mixes rather than hexes so Wallet's greens take the\n * same shape.\n */\nexport interface LaunchRamp {\n  /** stops[0]. The darkest shape. */\n  r0: string\n  r1: string\n  /** The mesh's ground, under every shape and behind its blurred edges. */\n  r2: string\n  /** stops[1]. */\n  r3: string\n  r4: string\n  /** stops[2]. The one light glow, low on the screen. */\n  accent: string\n}\n\nexport function launchRamp(stops: LaunchGradientStops): LaunchRamp {\n  const [s0, s1, s2] = checkedStops(stops)\n  const mix = (a: string, pc: number, b: string) => `color-mix(in srgb, ${a} ${pc}%, ${b})`\n  return {\n    r0: s0,\n    r1: mix(s0, 85, s1),\n    r2: mix(s0, 67, s1),\n    r3: s1,\n    r4: mix(s1, 64, s2),\n    accent: s2,\n  }\n}\n\n/**\n * One shape in the mesh: a solid tone with an irregular radius, placed and\n * sized as a percentage of the mesh container, which overhangs the viewport by\n * 12% on every side.\n */\nexport interface LaunchMeshShape {\n  top: number\n  left: number\n  width: number\n  height: number\n  tone: keyof LaunchRamp\n  radius: string\n  rotate: number\n}\n\n/**\n * The composition Jamal approved in Paper on 14 Oct 2026, in paint order. A lit\n * left field, a dark diagonal channel through the centre, a soft lit sweep\n * down the right edge, one accent glow along the bottom. The dark channel is\n * what sits behind the content, so the caption's contrast holds by the\n * composition rather than by tuning -- scripts/launch-contrast-check.mts\n * measures it.\n *\n * Solid shapes melted by one blur on their container, not gradients: stacked\n * radial-gradients never covered the field, and the ground showing between\n * them read as holes. Irregular radii and rotation give the sweeping edges.\n */\nexport const LAUNCH_MESH: readonly LaunchMeshShape[] = [\n  { top: 40, left: 22, width: 80, height: 58, tone: 'r1', radius: '30% 70% 40% 60% / 72% 36% 64% 28%', rotate: -5 },\n  { top: -20, left: 52, width: 72, height: 66, tone: 'r0', radius: '70% 30% 26% 74% / 40% 70% 30% 60%', rotate: 12 },\n  { top: 4, left: -6, width: 44, height: 42, tone: 'r3', radius: '46% 54% 60% 40% / 52% 48% 52% 48%', rotate: 0 },\n  { top: -24, left: -20, width: 78, height: 56, tone: 'r4', radius: '26% 74% 60% 40% / 68% 32% 66% 34%', rotate: -11 },\n  { top: 64, left: 50, width: 72, height: 56, tone: 'accent', radius: '36% 64% 74% 26% / 62% 28% 72% 38%', rotate: 20 },\n  { top: 64, left: -22, width: 70, height: 52, tone: 'r3', radius: '74% 26% 56% 44% / 34% 66% 32% 68%', rotate: -6 },\n  { top: 4, left: 76, width: 54, height: 88, tone: 'r3', radius: '62% 38% 28% 72% / 36% 64% 36% 64%', rotate: -10 },\n  { top: -22, left: 86, width: 52, height: 54, tone: 'r4', radius: '38% 62% 70% 30% / 58% 34% 66% 42%', rotate: 22 },\n]\n\n/**\n * One shape's inline style. Built here rather than in the component so the CSS\n * it assembles sits beside the rest of the mesh's CSS text, outside the\n * no-hardcoded-strings scan of src/components.\n */\nexport function launchShapeStyle(shape: LaunchMeshShape, ramp: LaunchRamp) {\n  return {\n    top: `${shape.top}%`,\n    left: `${shape.left}%`,\n    width: `${shape.width}%`,\n    height: `${shape.height}%`,\n    borderRadius: shape.radius,\n    transform: shape.rotate ? `rotate(${shape.rotate}deg)` : undefined,\n    background: ramp[shape.tone],\n  }\n}\n\n/** How far the mesh container overhangs the viewport on every side, as a fraction of it. */\nexport const LAUNCH_MESH_OVERHANG = 0.12\n\n/**\n * The ground the mesh sits on, as a CSS colour: the tone its blurred edges\n * fade into, so the blur never darkens or lightens the viewport's rim.\n */\nexport function launchGround(stops: LaunchGradientStops): string {\n  return launchRamp(stops).r2\n}\n\n/** The flat colour `prefers-contrast` paints instead of the gradient: the darkest stop. */\nexport function launchSolid(stops: LaunchGradientStops): string {\n  return checkedStops(stops)[0]\n}\n\n/**\n * The launch screen's ground as a raw CSS string, for a consumer to inline in\n * a `<style>` block with no stylesheet request (B33-1389).\n *\n * The mesh itself is markup -- LaunchLoader renders its shapes with inline\n * styles -- so it paints in the same HTML chunk as the component, on both sides\n * of a hub-to-product navigation, from the same props: that is what keeps the\n * hop seamless now. This paints the one thing that can show before that markup\n * parses: the root in the mesh's own ground colour, so the first frame is\n * already the screen's base tone rather than white.\n *\n * `selector` defaults to `html`. The contrast branch is the boolean\n * `(prefers-contrast)`, not `(prefers-contrast: more)`, and paints the flat\n * darkest stop, as the component does.\n */\nexport function launchBackdropCss(stops: LaunchGradientStops, selector = 'html'): string {\n  const ground = launchGround(stops)\n  const solid = launchSolid(stops)\n  return `${selector}{min-height:100%;background-color:${ground}}` + `@media (prefers-contrast){${selector}{background-color:${solid}}}`\n}\n"],"names":["SAFE_COLOR","checkedStops","stops","stop","launchRamp","s0","s1","s2","mix","pc","b","LAUNCH_MESH","launchShapeStyle","shape","ramp","launchGround","launchSolid","launchBackdropCss","selector","ground","solid"],"mappings":"AAsCA,MAAMA,IAAa;AAEnB,SAASC,EAAaC,GAAiD;AACrE,MAAIA,EAAM,WAAW;AACnB,UAAM,IAAI,MAAM,uDAAuDA,EAAM,MAAM,EAAE;AAEvF,aAAWC,KAAQD;AACjB,QAAI,CAACF,EAAW,KAAKG,CAAI;AACvB,YAAM,IAAI,MAAM,iBAAiB,KAAK,UAAUA,CAAI,CAAC,+CAA+C;AAGxG,SAAOD;AACT;AA2BO,SAASE,EAAWF,GAAwC;AACjE,QAAM,CAACG,GAAIC,GAAIC,CAAE,IAAIN,EAAaC,CAAK,GACjCM,IAAM,CAAC,GAAWC,GAAYC,MAAc,sBAAsB,CAAC,IAAID,CAAE,MAAMC,CAAC;AACtF,SAAO;AAAA,IACL,IAAIL;AAAA,IACJ,IAAIG,EAAIH,GAAI,IAAIC,CAAE;AAAA,IAClB,IAAIE,EAAIH,GAAI,IAAIC,CAAE;AAAA,IAClB,IAAIA;AAAA,IACJ,IAAIE,EAAIF,GAAI,IAAIC,CAAE;AAAA,IAClB,QAAQA;AAAA,EAAA;AAEZ;AA6BO,MAAMI,IAA0C;AAAA,EACrD,EAAE,KAAK,IAAI,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,GAAA;AAAA,EAC7G,EAAE,KAAK,KAAK,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,GAAA;AAAA,EAC9G,EAAE,KAAK,GAAG,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,EAAA;AAAA,EAC5G,EAAE,KAAK,KAAK,MAAM,KAAK,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,IAAA;AAAA,EAC/G,EAAE,KAAK,IAAI,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,UAAU,QAAQ,qCAAqC,QAAQ,GAAA;AAAA,EACjH,EAAE,KAAK,IAAI,MAAM,KAAK,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,GAAA;AAAA,EAC9G,EAAE,KAAK,GAAG,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,IAAA;AAAA,EAC5G,EAAE,KAAK,KAAK,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,MAAM,QAAQ,qCAAqC,QAAQ,GAAA;AAChH;AAOO,SAASC,EAAiBC,GAAwBC,GAAkB;AACzE,SAAO;AAAA,IACL,KAAK,GAAGD,EAAM,GAAG;AAAA,IACjB,MAAM,GAAGA,EAAM,IAAI;AAAA,IACnB,OAAO,GAAGA,EAAM,KAAK;AAAA,IACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IACvB,cAAcA,EAAM;AAAA,IACpB,WAAWA,EAAM,SAAS,UAAUA,EAAM,MAAM,SAAS;AAAA,IACzD,YAAYC,EAAKD,EAAM,IAAI;AAAA,EAAA;AAE/B;AASO,SAASE,EAAab,GAAoC;AAC/D,SAAOE,EAAWF,CAAK,EAAE;AAC3B;AAGO,SAASc,EAAYd,GAAoC;AAC9D,SAAOD,EAAaC,CAAK,EAAE,CAAC;AAC9B;AAiBO,SAASe,EAAkBf,GAA4BgB,IAAW,QAAgB;AACvF,QAAMC,IAASJ,EAAab,CAAK,GAC3BkB,IAAQJ,EAAYd,CAAK;AAC/B,SAAO,GAAGgB,CAAQ,qCAAqCC,CAAM,8BAAmCD,CAAQ,qBAAqBE,CAAK;AACpI;"}
+{"version":3,"file":"launch-gradient.js","sources":["../src/launch-gradient.ts"],"sourcesContent":["/*\n * LaunchLoader's backdrop CSS, as text (B33-1389, B33-1401). Beside the\n * components rather than inside one, the way nav-height-budget.ts is: it\n * renders nothing, and what it assembles is CSS a consumer inlines, not copy a\n * person reads -- so it sits outside the no-hardcoded-strings scan, which reads\n * src/components for rendered words.\n */\n\n/**\n * @deprecated Ignored since 0.5.1 (B33-1401). The launch screen is the same\n * Boost33 background for every product, built into `LaunchLoader`, so there are\n * no per-product stops to pass. The type stays so a consumer on `^0.5.0` that\n * still declares its colour map keeps compiling; drop the map and stop passing\n * it.\n */\nexport type LaunchGradientStops = readonly [string, string, string, string]\n\n/*\n * The ground every launch screen is painted on: --color-neutral-1000, the\n * charte's primary black, which tokens.css reserves for \"the logo and dark\n * ground\". Written as the token with a keyword fallback, because this string is\n * inlined in the first HTML chunk precisely so it paints before any stylesheet\n * arrives -- and before one arrives, the token does not exist. `black` is the\n * same value tokens.css declares for it (tests/launch-loader.test.tsx holds the\n * two together); a keyword rather than a hex because no hex lives in src/\n * outside the token sheets (tests/guards.test.ts).\n */\nconst LAUNCH_GROUND = 'var(--color-neutral-1000,black)'\n\n/**\n * The launch screen's ground as a raw CSS string, for a consumer to inline in a\n * `<style>` block with no stylesheet request.\n *\n * LaunchLoader paints its own background -- black, with one orange glow --\n * from the package stylesheet, identically on both sides of a hub-to-product\n * navigation. This paints the one thing that can show before that stylesheet\n * and the markup arrive: the root in the same black, so the first frame is\n * already the screen's ground rather than white.\n *\n * `stops` is ignored and kept only so the 0.5.0 call shape,\n * `launchBackdropCss(stops)` or `launchBackdropCss(stops, selector)`, still\n * compiles; `launchBackdropCss()` is the call to write now. `selector` defaults\n * to `html`.\n *\n * The `(prefers-contrast)` branch paints the same black the default does. It is\n * redundant today and kept on purpose: it is the branch the component honours\n * too, and keeping the output's shape means the day the two paths differ again\n * is a value change here, not a new rule a consumer has never inlined.\n *\n * The selector is the one thing still interpolated. It is the caller's own\n * literal, never served data -- the stops were the value that would have come\n * from a registry, and they are no longer written anywhere -- so it is not\n * checked. Do not feed it from a request.\n */\nexport function launchBackdropCss(\n  /** @deprecated Ignored since 0.5.1. Call `launchBackdropCss()`. */\n  _stops?: LaunchGradientStops,\n  selector = 'html',\n): string {\n  return (\n    `${selector}{min-height:100%;background-color:${LAUNCH_GROUND}}` +\n    `@media (prefers-contrast){${selector}{background-color:${LAUNCH_GROUND}}}`\n  )\n}\n"],"names":["LAUNCH_GROUND","launchBackdropCss","_stops","selector"],"mappings":"AA2BA,MAAMA,IAAgB;AA2Bf,SAASC,EAEdC,GACAC,IAAW,QACH;AACR,SACE,GAAGA,CAAQ,qCAAqCH,CAAa,8BAChCG,CAAQ,qBAAqBH,CAAa;AAE3E;"}