@farthershore/farthershore-js 0.1.14 → 0.1.15

package/CHANGELOG.md

@@ -5,6 +5,20 @@ This project adheres to Semantic Versioning (pre-1.0: minors may break).
 
 ## [Unreleased]
 
+## [0.1.15] - 2026-06-10
+
+### Added
+
+- **Default favicon for products without an uploaded icon.** The Root now
+  generates a monogram mark (the product's initial on its brand color, canvas
+  PNG with an SVG fallback) and applies it as the favicon when
+  `branding.iconUrl` is unset — instead of leaving the browser's blank
+  default page icon. It only ever replaces a placeholder (a missing link, the
+  template's `data:,`, or a previous monogram), so custom builds shipping
+  their own favicon are never clobbered. `<FsSplash/>` and the template's
+  inline boot splash show the same monogram in place of the neutral dot.
+  (`monogram.ts` — `productMonogramDataUri` / `applyProductFavicon`.)
+
 ## [0.1.14] - 2026-06-10
 
 ### Changed

package/dist/components/monogram.d.ts

@@ -0,0 +1,14 @@
+/** A 64×64 letter-avatar data URI for the product (initial on brand color),
+ *  or null when the name is empty / there is no document (SSR). */
+export declare function productMonogramDataUri(name: string, brandColor?: string | null): string | null;
+/** Point the document favicon at the product's mark — the uploaded icon when
+ *  set, otherwise a generated monogram. The monogram only ever replaces a
+ *  placeholder (a missing link, the template's `data:,`, or a previous
+ *  monogram — tagged `data-fs-default-icon`), so a custom build shipping its
+ *  own favicon file is never clobbered. Exported for tests. */
+export declare function applyProductFavicon(doc: Document, product: {
+    iconUrl: string | null;
+    name: string;
+    brandColor: string | null;
+}): void;
+//# sourceMappingURL=monogram.d.ts.map

package/dist/components/monogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monogram.d.ts","sourceRoot":"","sources":["../../src/components/monogram.ts"],"names":[],"mappings":"AA2BA;mEACmE;AACnE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GACzB,MAAM,GAAG,IAAI,CA6Bf;AAED;;;;+DAI+D;AAC/D,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC3E,IAAI,CAkCN"}

package/dist/components/monogram.js

@@ -0,0 +1,98 @@
+// Product monogram — the generated fallback mark for products that haven't
+// uploaded an icon: the product's initial on its brand color, rendered as a
+// favicon-ready data URI. Keeps no-icon portals from showing the browser's
+// blank default page icon in the tab.
+//
+// Canvas-rendered PNG first (every browser accepts PNG data-URI favicons —
+// Safari still ignores SVG favicons), with an inline-SVG data URI as the
+// fallback for contexts without 2D canvas (jsdom, exotic embeds).
+const DEFAULT_BRAND = "#6366f1";
+function initialOf(name) {
+    const first = Array.from(name.trim())[0];
+    return first ? first.toUpperCase() : null;
+}
+function svgMonogram(initial, color) {
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">` +
+        `<rect width="64" height="64" rx="14" fill="${color}"/>` +
+        `<text x="32" y="43" font-family="system-ui,-apple-system,sans-serif" ` +
+        `font-size="34" font-weight="600" fill="#ffffff" text-anchor="middle">` +
+        `${initial.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}` +
+        `</text></svg>`;
+    return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+/** A 64×64 letter-avatar data URI for the product (initial on brand color),
+ *  or null when the name is empty / there is no document (SSR). */
+export function productMonogramDataUri(name, brandColor) {
+    if (typeof document === "undefined")
+        return null;
+    const initial = initialOf(name);
+    if (!initial)
+        return null;
+    const color = brandColor || DEFAULT_BRAND;
+    try {
+        const canvas = document.createElement("canvas");
+        canvas.width = 64;
+        canvas.height = 64;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return svgMonogram(initial, color);
+        ctx.beginPath();
+        // Rounded square (radius 14) — matches the splash mark's shape.
+        if (typeof ctx.roundRect === "function") {
+            ctx.roundRect(0, 0, 64, 64, 14);
+        }
+        else {
+            ctx.rect(0, 0, 64, 64);
+        }
+        ctx.fillStyle = color;
+        ctx.fill();
+        ctx.fillStyle = "#ffffff";
+        ctx.font = "600 34px system-ui, -apple-system, sans-serif";
+        ctx.textAlign = "center";
+        ctx.textBaseline = "middle";
+        ctx.fillText(initial, 32, 34);
+        return canvas.toDataURL("image/png");
+    }
+    catch {
+        return svgMonogram(initial, color);
+    }
+}
+/** Point the document favicon at the product's mark — the uploaded icon when
+ *  set, otherwise a generated monogram. The monogram only ever replaces a
+ *  placeholder (a missing link, the template's `data:,`, or a previous
+ *  monogram — tagged `data-fs-default-icon`), so a custom build shipping its
+ *  own favicon file is never clobbered. Exported for tests. */
+export function applyProductFavicon(doc, product) {
+    let link = doc.querySelector('link[rel="icon"]');
+    if (product.iconUrl) {
+        if (!link) {
+            link = doc.createElement("link");
+            link.rel = "icon";
+            doc.head.appendChild(link);
+        }
+        if (link.getAttribute("href") !== product.iconUrl) {
+            link.setAttribute("href", product.iconUrl);
+            // A type from the template's generic favicon (image/svg+xml) may not
+            // match the uploaded mark — drop it and let the browser sniff.
+            link.removeAttribute("type");
+        }
+        delete link.dataset.fsDefaultIcon;
+        return;
+    }
+    const raw = link?.getAttribute("href") ?? "";
+    const isPlaceholder = !link || raw === "" || raw === "data:," || link.dataset.fsDefaultIcon === "true";
+    if (!isPlaceholder)
+        return;
+    const monogram = productMonogramDataUri(product.name, product.brandColor);
+    if (!monogram)
+        return;
+    if (!link) {
+        link = doc.createElement("link");
+        link.rel = "icon";
+        doc.head.appendChild(link);
+    }
+    link.setAttribute("href", monogram);
+    link.removeAttribute("type");
+    link.dataset.fsDefaultIcon = "true";
+}
+//# sourceMappingURL=monogram.js.map

package/dist/components/monogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monogram.js","sourceRoot":"","sources":["../../src/components/monogram.ts"],"names":[],"mappings":"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"}

package/dist/components/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/components/root.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAG/D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,kBAAkB,CAAC;IAC3B;gEAC4D;IAC5D,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;2CACuC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAOD;gEACgE;AAChE,wBAAgB,OAAO,IAAI,SAAS,CAQnC;AAsED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAM1E"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/components/root.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAI/D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,kBAAkB,CAAC;IAC3B;gEAC4D;IAC5D,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;2CACuC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAOD;gEACgE;AAChE,wBAAgB,OAAO,IAAI,SAAS,CAQnC;AAiED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAM1E"}

package/dist/components/root.js

@@ -17,6 +17,7 @@ import { FartherShoreProvider, useBootstrap } from "../react/index.js";
 import { FsThemeProvider } from "./theme.js";
 import { FsAuthProvider } from "./auth.js";
 import { FsSplash } from "./splash.js";
+import { applyProductFavicon } from "./monogram.js";
 // The resolved Bootstrap, provided by the Root's gate once resolve succeeds —
 // a single source of truth (NOT a second async read, whose state would start
 // null on a consumer's first render even with the client's promise memoized).
@@ -36,28 +37,23 @@ function DefaultSplash({ label }) {
 /** Point the document favicon at the product's square mark. The edge already
  *  injects the link server-side for crawlers / pre-JS paint (site-shell
  *  inject-meta); this keeps the tab icon right on hosts without the edge
- *  injection and after client-side brand changes. */
-function useProductFavicon(iconUrl) {
+ *  injection and after client-side brand changes. Products with no uploaded
+ *  icon get a generated monogram (initial on brand color) instead of the
+ *  browser's blank default — see monogram.ts. */
+function useProductFavicon(boot) {
     useEffect(() => {
-        if (!iconUrl || typeof document === "undefined")
+        if (!boot || typeof document === "undefined")
             return;
-        let link = document.querySelector('link[rel="icon"]');
-        if (!link) {
-            link = document.createElement("link");
-            link.rel = "icon";
-            document.head.appendChild(link);
-        }
-        if (link.href !== iconUrl) {
-            link.href = iconUrl;
-            // A type from the template's generic favicon (image/svg+xml) may not
-            // match the uploaded mark — drop it and let the browser sniff.
-            link.removeAttribute("type");
-        }
-    }, [iconUrl]);
+        applyProductFavicon(document, {
+            iconUrl: boot.branding.iconUrl,
+            name: boot.branding.displayName,
+            brandColor: boot.branding.primaryColor,
+        });
+    }, [boot]);
 }
 function Gate({ appearance, clerk, splash, renderError, children, }) {
     const boot = useBootstrap();
-    useProductFavicon(boot.data?.branding.iconUrl);
+    useProductFavicon(boot.data);
     // Branded mark splash — visually identical to the template's inline pre-JS
     // splash, so resolve-in-flight looks like one continuous boot.
     if (boot.loading)

package/dist/components/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","sourceRoot":"","sources":["../../src/components/root.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../src/components/root.tsx"],"names":[],"mappings":"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"}

package/dist/components/splash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splash.d.ts","sourceRoot":"","sources":["../../src/components/splash.tsx"],"names":[],"mappings":"AA4CA,wEAAwE;AACxE,wBAAgB,QAAQ,4CA2BvB"}
+{"version":3,"file":"splash.d.ts","sourceRoot":"","sources":["../../src/components/splash.tsx"],"names":[],"mappings":"AA4CA,wEAAwE;AACxE,wBAAgB,QAAQ,4CAgCvB"}

package/dist/components/splash.js

@@ -38,6 +38,6 @@ function readSplashContext() {
 /** Full-viewport branded splash (product mark + name, gentle pulse). */
 export function FsSplash() {
     const [{ iconUrl, name, dark }] = useState(readSplashContext);
-    return (_jsx("div", { className: "fs-boot-splash", "data-fs-theme": dark ? "dark" : "light", style: { background: dark ? DARK_BG : LIGHT_BG }, role: "status", "aria-label": "Loading", children: _jsxs("div", { className: "fs-boot-splash__pulse", children: [iconUrl ? (_jsx("img", { className: "fs-boot-splash__mark", src: iconUrl, alt: "" })) : (_jsx("div", { className: "fs-boot-splash__dot", "aria-hidden": true })), name ? (_jsx("div", { className: "fs-boot-splash__name", style: { color: dark ? "#a1a1aa" : "#71717a" }, children: name })) : null] }) }));
+    return (_jsx("div", { className: "fs-boot-splash", "data-fs-theme": dark ? "dark" : "light", style: { background: dark ? DARK_BG : LIGHT_BG }, role: "status", "aria-label": "Loading", children: _jsxs("div", { className: "fs-boot-splash__pulse", children: [iconUrl ? (_jsx("img", { className: "fs-boot-splash__mark", src: iconUrl, alt: "" })) : name ? (_jsx("div", { className: "fs-boot-splash__monogram", "aria-hidden": true, children: Array.from(name.trim())[0]?.toUpperCase() ?? "" })) : (_jsx("div", { className: "fs-boot-splash__dot", "aria-hidden": true })), name ? (_jsx("div", { className: "fs-boot-splash__name", style: { color: dark ? "#a1a1aa" : "#71717a" }, children: name })) : null] }) }));
 }
 //# sourceMappingURL=splash.js.map

package/dist/components/splash.js.map

@@ -1 +1 @@
-{"version":3,"file":"splash.js","sourceRoot":"","sources":["../../src/components/splash.tsx"],"names":[],"mappings":";AAAA,2EAA2E;AAC3E,2EAA2E;AAC3E,4EAA4E;AAC5E,yEAAyE;AACzE,EAAE;AACF,wEAAwE;AACxE,sCAAsC;AACtC,6EAA6E;AAC7E,wDAAwD;AACxD,mDAAmD;AACnD,6EAA6E;AAC7E,iEAAiE;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,QAAQ,GAAG,SAAS,CAAC;AAC3B,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B,SAAS,iBAAiB;IAKxB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACpD,CAAC;IACD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAkB,kBAAkB,CAAC,CAAC;IACzE,MAAM,IAAI,GAAG,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC;IACpC,IAAI,MAAM,GAAkB,IAAI,CAAC;IACjC,IAAI,CAAC;QACH,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACnD,CAAC;IAAC,MAAM,CAAC;QACP,yBAAyB;IAC3B,CAAC;IACD,MAAM,IAAI,GACR,MAAM,KAAK,MAAM;QACjB,CAAC,MAAM,KAAK,MAAM;YAChB,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;YACvC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACjC,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,QAAQ;IACtB,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC9D,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,mBACX,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACtC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAChD,IAAI,EAAC,QAAQ,gBACF,SAAS,YAEpB,eAAK,SAAS,EAAC,uBAAuB,aACnC,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,EAAE,GAAG,CAC9D,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qBAAqB,wBAAe,CACpD,EACA,IAAI,CAAC,CAAC,CAAC,CACN,cACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,YAE7C,IAAI,GACD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"splash.js","sourceRoot":"","sources":["../../src/components/splash.tsx"],"names":[],"mappings":";AAAA,2EAA2E;AAC3E,2EAA2E;AAC3E,4EAA4E;AAC5E,yEAAyE;AACzE,EAAE;AACF,wEAAwE;AACxE,sCAAsC;AACtC,6EAA6E;AAC7E,wDAAwD;AACxD,mDAAmD;AACnD,6EAA6E;AAC7E,iEAAiE;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,QAAQ,GAAG,SAAS,CAAC;AAC3B,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B,SAAS,iBAAiB;IAKxB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACpD,CAAC;IACD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAkB,kBAAkB,CAAC,CAAC;IACzE,MAAM,IAAI,GAAG,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC;IACpC,IAAI,MAAM,GAAkB,IAAI,CAAC;IACjC,IAAI,CAAC;QACH,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACnD,CAAC;IAAC,MAAM,CAAC;QACP,yBAAyB;IAC3B,CAAC;IACD,MAAM,IAAI,GACR,MAAM,KAAK,MAAM;QACjB,CAAC,MAAM,KAAK,MAAM;YAChB,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;YACvC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACjC,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,QAAQ;IACtB,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC9D,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,mBACX,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACtC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAChD,IAAI,EAAC,QAAQ,gBACF,SAAS,YAEpB,eAAK,SAAS,EAAC,uBAAuB,aACnC,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,EAAE,GAAG,CAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAET,cAAK,SAAS,EAAC,0BAA0B,iCACtC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAC5C,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qBAAqB,wBAAe,CACpD,EACA,IAAI,CAAC,CAAC,CAAC,CACN,cACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,YAE7C,IAAI,GACD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/styles.css

@@ -702,6 +702,22 @@
     border-radius: 999px;
     background: var(--fs-color-brand, #6366f1);
   }
+  .fs-boot-splash__monogram {
+    width: 44px;
+    height: 44px;
+    border-radius: 12px;
+    display: grid;
+    place-items: center;
+    background: var(--fs-color-brand, #6366f1);
+    color: #ffffff;
+    font-family:
+      ui-sans-serif,
+      system-ui,
+      -apple-system,
+      sans-serif;
+    font-size: 20px;
+    font-weight: 600;
+  }
   .fs-boot-splash__name {
     font-size: 13px;
     font-weight: 500;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farthershore/farthershore-js",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Farther Shore Frontend SDK — the browser integration layer between static frontends and the Farther Shore platform (Core + Gateway).",
   "publishConfig": {
     "access": "public"