@sesionario/blocks 1.39.0 → 1.40.0

package/dist/theme-chrome.d.ts

@@ -0,0 +1,8 @@
+type ThemeChromeProps = {
+    lightIcon: string;
+    darkIcon: string;
+};
+/** Pins browser chrome to an explicit light/dark choice. Renders nothing. */
+declare function ThemeChrome({ lightIcon, darkIcon }: ThemeChromeProps): null;
+
+export { ThemeChrome, type ThemeChromeProps };

package/dist/theme-chrome.js

@@ -0,0 +1,125 @@
+"use client";
+import { useTheme } from 'next-themes';
+import { useEffect } from 'react';
+
+// src/lib/brand-chrome.ts
+var BRAND_CHROME_LIGHT = "#ffffff";
+var BRAND_CHROME_DARK = "#171717";
+var SNAP = "data-sesionario-chrome-snap";
+var MEDIA = "data-sesionario-chrome-media";
+var HREF = "data-sesionario-chrome-href";
+var CONTENT = "data-sesionario-chrome-content";
+var CREATED = "data-sesionario-chrome-created";
+function chromeColor(theme) {
+  switch (theme) {
+    case "light":
+      return BRAND_CHROME_LIGHT;
+    case "dark":
+      return BRAND_CHROME_DARK;
+    default: {
+      const unreachable = theme;
+      return unreachable;
+    }
+  }
+}
+function iconUrl(theme, icons) {
+  switch (theme) {
+    case "light":
+      return icons.light;
+    case "dark":
+      return icons.dark;
+    default: {
+      const unreachable = theme;
+      return unreachable;
+    }
+  }
+}
+function snapshot(el, attr, store) {
+  if (el.hasAttribute(SNAP)) return;
+  if (el.hasAttribute(attr)) {
+    el.setAttribute(store, el.getAttribute(attr) ?? "");
+  }
+}
+function restoreAttr(el, attr, store) {
+  if (el.hasAttribute(store)) {
+    el.setAttribute(attr, el.getAttribute(store) ?? "");
+    el.removeAttribute(store);
+    return;
+  }
+  el.removeAttribute(attr);
+}
+function restoreSnap(el, pairs) {
+  if (!el.hasAttribute(SNAP)) return;
+  for (const [attr, store] of pairs) {
+    restoreAttr(el, attr, store);
+  }
+  el.removeAttribute(SNAP);
+}
+function applyThemeChrome(doc, theme, icons) {
+  const created = doc.querySelectorAll(`meta[${CREATED}]`);
+  if (theme === void 0) {
+    created.forEach((node) => node.remove());
+    doc.querySelectorAll('meta[name="theme-color"]').forEach(
+      (node) => restoreSnap(node, [
+        ["content", CONTENT],
+        ["media", MEDIA]
+      ])
+    );
+    doc.querySelectorAll('link[rel="icon"]').forEach(
+      (node) => restoreSnap(node, [
+        ["href", HREF],
+        ["media", MEDIA]
+      ])
+    );
+    return;
+  }
+  const color = chromeColor(theme);
+  const href = iconUrl(theme, icons);
+  const metas = doc.querySelectorAll('meta[name="theme-color"]');
+  if (metas.length === 0) {
+    const meta = doc.createElement("meta");
+    meta.setAttribute("name", "theme-color");
+    meta.setAttribute("content", color);
+    meta.setAttribute(CREATED, "1");
+    doc.head.append(meta);
+  } else {
+    metas.forEach((meta) => {
+      snapshot(meta, "content", CONTENT);
+      snapshot(meta, "media", MEDIA);
+      meta.setAttribute(SNAP, "1");
+      meta.setAttribute("content", color);
+      meta.removeAttribute("media");
+    });
+  }
+  doc.querySelectorAll('link[rel="icon"]').forEach((link, index) => {
+    snapshot(link, "href", HREF);
+    snapshot(link, "media", MEDIA);
+    link.setAttribute(SNAP, "1");
+    if (index === 0) {
+      link.setAttribute("href", href);
+      link.removeAttribute("media");
+      return;
+    }
+    link.setAttribute("media", "not all");
+  });
+}
+
+// src/components/ThemeChrome.tsx
+function explicitTheme(theme) {
+  if (theme === "light" || theme === "dark") return theme;
+  return void 0;
+}
+function ThemeChrome({ lightIcon, darkIcon }) {
+  const { theme } = useTheme();
+  useEffect(() => {
+    applyThemeChrome(document, explicitTheme(theme), {
+      light: lightIcon,
+      dark: darkIcon
+    });
+  }, [theme, lightIcon, darkIcon]);
+  return null;
+}
+
+export { ThemeChrome };
+//# sourceMappingURL=theme-chrome.js.map
+//# sourceMappingURL=theme-chrome.js.map

package/dist/theme-chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/brand-chrome.ts","../src/components/ThemeChrome.tsx"],"names":[],"mappings":"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","file":"theme-chrome.js","sourcesContent":["/** Page background behind the browser chrome. Light and dark match `--background`. */\nexport const BRAND_CHROME_LIGHT = \"#ffffff\";\nexport const BRAND_CHROME_DARK = \"#171717\";\n\nexport const brandViewport = {\n\twidth: \"device-width\",\n\tinitialScale: 1,\n\tviewportFit: \"cover\" as const,\n\tcolorScheme: \"light dark\" as const,\n\tthemeColor: [\n\t\t{ media: \"(prefers-color-scheme: light)\", color: BRAND_CHROME_LIGHT },\n\t\t{ media: \"(prefers-color-scheme: dark)\", color: BRAND_CHROME_DARK },\n\t],\n};\n\nexport type BrandIconInput = {\n\tlight: string;\n\tdark: string;\n\tapple: string;\n\tfallback?: string;\n\tsvg?: string;\n};\n\ntype BrandIcon = { url: string; media?: string; type?: string };\n\n/** OS-sensitive favicon set. Apps pass their own public paths. */\nexport function brandIcons(input: BrandIconInput): {\n\ticon: BrandIcon[];\n\tapple: string;\n} {\n\tconst icon: BrandIcon[] = [\n\t\t{ url: input.light, media: \"(prefers-color-scheme: light)\" },\n\t\t{ url: input.dark, media: \"(prefers-color-scheme: dark)\" },\n\t];\n\tif (input.svg) {\n\t\ticon.push({ url: input.svg, type: \"image/svg+xml\" });\n\t}\n\tif (input.fallback) {\n\t\ticon.push({ url: input.fallback });\n\t}\n\treturn { icon, apple: input.apple };\n}\n\n/** `default` lets iOS paint the status bar from `theme-color`. */\nexport function brandAppleWebApp(title: string): {\n\tcapable: true;\n\tstatusBarStyle: \"default\";\n\ttitle: string;\n} {\n\treturn {\n\t\tcapable: true,\n\t\tstatusBarStyle: \"default\",\n\t\ttitle,\n\t};\n}\n\nexport type ExplicitChromeTheme = \"light\" | \"dark\";\n\nconst SNAP = \"data-sesionario-chrome-snap\";\nconst MEDIA = \"data-sesionario-chrome-media\";\nconst HREF = \"data-sesionario-chrome-href\";\nconst CONTENT = \"data-sesionario-chrome-content\";\nconst CREATED = \"data-sesionario-chrome-created\";\n\nfunction chromeColor(theme: ExplicitChromeTheme): string {\n\tswitch (theme) {\n\t\tcase \"light\":\n\t\t\treturn BRAND_CHROME_LIGHT;\n\t\tcase \"dark\":\n\t\t\treturn BRAND_CHROME_DARK;\n\t\tdefault: {\n\t\t\tconst unreachable: never = theme;\n\t\t\treturn unreachable;\n\t\t}\n\t}\n}\n\nfunction iconUrl(\n\ttheme: ExplicitChromeTheme,\n\ticons: { light: string; dark: string },\n): string {\n\tswitch (theme) {\n\t\tcase \"light\":\n\t\t\treturn icons.light;\n\t\tcase \"dark\":\n\t\t\treturn icons.dark;\n\t\tdefault: {\n\t\t\tconst unreachable: never = theme;\n\t\t\treturn unreachable;\n\t\t}\n\t}\n}\n\nfunction snapshot(el: Element, attr: string, store: string) {\n\tif (el.hasAttribute(SNAP)) return;\n\tif (el.hasAttribute(attr)) {\n\t\tel.setAttribute(store, el.getAttribute(attr) ?? \"\");\n\t}\n}\n\nfunction restoreAttr(el: Element, attr: string, store: string) {\n\tif (el.hasAttribute(store)) {\n\t\tel.setAttribute(attr, el.getAttribute(store) ?? \"\");\n\t\tel.removeAttribute(store);\n\t\treturn;\n\t}\n\tel.removeAttribute(attr);\n}\n\nfunction restoreSnap(el: Element, pairs: Array<[string, string]>) {\n\tif (!el.hasAttribute(SNAP)) return;\n\tfor (const [attr, store] of pairs) {\n\t\trestoreAttr(el, attr, store);\n\t}\n\tel.removeAttribute(SNAP);\n}\n\n/**\n * When the in-app theme is explicit, pin `theme-color` and the tab icon to\n * that choice. `system` and an unresolved theme put the OS media queries back.\n */\nexport function applyThemeChrome(\n\tdoc: Document,\n\ttheme: ExplicitChromeTheme | undefined,\n\ticons: { light: string; dark: string },\n): void {\n\tconst created = doc.querySelectorAll(`meta[${CREATED}]`);\n\tif (theme === undefined) {\n\t\tcreated.forEach((node) => node.remove());\n\t\tdoc.querySelectorAll('meta[name=\"theme-color\"]').forEach((node) =>\n\t\t\trestoreSnap(node, [\n\t\t\t\t[\"content\", CONTENT],\n\t\t\t\t[\"media\", MEDIA],\n\t\t\t]),\n\t\t);\n\t\tdoc.querySelectorAll('link[rel=\"icon\"]').forEach((node) =>\n\t\t\trestoreSnap(node, [\n\t\t\t\t[\"href\", HREF],\n\t\t\t\t[\"media\", MEDIA],\n\t\t\t]),\n\t\t);\n\t\treturn;\n\t}\n\n\tconst color = chromeColor(theme);\n\tconst href = iconUrl(theme, icons);\n\tconst metas = doc.querySelectorAll('meta[name=\"theme-color\"]');\n\tif (metas.length === 0) {\n\t\tconst meta = doc.createElement(\"meta\");\n\t\tmeta.setAttribute(\"name\", \"theme-color\");\n\t\tmeta.setAttribute(\"content\", color);\n\t\tmeta.setAttribute(CREATED, \"1\");\n\t\tdoc.head.append(meta);\n\t} else {\n\t\tmetas.forEach((meta) => {\n\t\t\tsnapshot(meta, \"content\", CONTENT);\n\t\t\tsnapshot(meta, \"media\", MEDIA);\n\t\t\tmeta.setAttribute(SNAP, \"1\");\n\t\t\tmeta.setAttribute(\"content\", color);\n\t\t\tmeta.removeAttribute(\"media\");\n\t\t});\n\t}\n\n\tdoc.querySelectorAll('link[rel=\"icon\"]').forEach((link, index) => {\n\t\tsnapshot(link, \"href\", HREF);\n\t\tsnapshot(link, \"media\", MEDIA);\n\t\tlink.setAttribute(SNAP, \"1\");\n\t\tif (index === 0) {\n\t\t\tlink.setAttribute(\"href\", href);\n\t\t\tlink.removeAttribute(\"media\");\n\t\t\treturn;\n\t\t}\n\t\tlink.setAttribute(\"media\", \"not all\");\n\t});\n}\n","\"use client\";\n\nimport { useTheme } from \"next-themes\";\nimport { useEffect } from \"react\";\nimport {\n\tapplyThemeChrome,\n\ttype ExplicitChromeTheme,\n} from \"../lib/brand-chrome\";\n\nexport type ThemeChromeProps = {\n\tlightIcon: string;\n\tdarkIcon: string;\n};\n\nfunction explicitTheme(\n\ttheme: string | undefined,\n): ExplicitChromeTheme | undefined {\n\tif (theme === \"light\" || theme === \"dark\") return theme;\n\treturn undefined;\n}\n\n/** Pins browser chrome to an explicit light/dark choice. Renders nothing. */\nexport function ThemeChrome({ lightIcon, darkIcon }: ThemeChromeProps) {\n\tconst { theme } = useTheme();\n\n\tuseEffect(() => {\n\t\tapplyThemeChrome(document, explicitTheme(theme), {\n\t\t\tlight: lightIcon,\n\t\t\tdark: darkIcon,\n\t\t});\n\t}, [theme, lightIcon, darkIcon]);\n\n\treturn null;\n}\n"]}

package/dist/theme.cjs

@@ -1,5 +1,137 @@
 'use strict';
 
+// src/lib/brand-chrome.ts
+var BRAND_CHROME_LIGHT = "#ffffff";
+var BRAND_CHROME_DARK = "#171717";
+var brandViewport = {
+  width: "device-width",
+  initialScale: 1,
+  viewportFit: "cover",
+  colorScheme: "light dark",
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: BRAND_CHROME_LIGHT },
+    { media: "(prefers-color-scheme: dark)", color: BRAND_CHROME_DARK }
+  ]
+};
+function brandIcons(input) {
+  const icon = [
+    { url: input.light, media: "(prefers-color-scheme: light)" },
+    { url: input.dark, media: "(prefers-color-scheme: dark)" }
+  ];
+  if (input.svg) {
+    icon.push({ url: input.svg, type: "image/svg+xml" });
+  }
+  if (input.fallback) {
+    icon.push({ url: input.fallback });
+  }
+  return { icon, apple: input.apple };
+}
+function brandAppleWebApp(title) {
+  return {
+    capable: true,
+    statusBarStyle: "default",
+    title
+  };
+}
+var SNAP = "data-sesionario-chrome-snap";
+var MEDIA = "data-sesionario-chrome-media";
+var HREF = "data-sesionario-chrome-href";
+var CONTENT = "data-sesionario-chrome-content";
+var CREATED = "data-sesionario-chrome-created";
+function chromeColor(theme) {
+  switch (theme) {
+    case "light":
+      return BRAND_CHROME_LIGHT;
+    case "dark":
+      return BRAND_CHROME_DARK;
+    default: {
+      const unreachable = theme;
+      return unreachable;
+    }
+  }
+}
+function iconUrl(theme, icons) {
+  switch (theme) {
+    case "light":
+      return icons.light;
+    case "dark":
+      return icons.dark;
+    default: {
+      const unreachable = theme;
+      return unreachable;
+    }
+  }
+}
+function snapshot(el, attr, store) {
+  if (el.hasAttribute(SNAP)) return;
+  if (el.hasAttribute(attr)) {
+    el.setAttribute(store, el.getAttribute(attr) ?? "");
+  }
+}
+function restoreAttr(el, attr, store) {
+  if (el.hasAttribute(store)) {
+    el.setAttribute(attr, el.getAttribute(store) ?? "");
+    el.removeAttribute(store);
+    return;
+  }
+  el.removeAttribute(attr);
+}
+function restoreSnap(el, pairs) {
+  if (!el.hasAttribute(SNAP)) return;
+  for (const [attr, store] of pairs) {
+    restoreAttr(el, attr, store);
+  }
+  el.removeAttribute(SNAP);
+}
+function applyThemeChrome(doc, theme, icons) {
+  const created = doc.querySelectorAll(`meta[${CREATED}]`);
+  if (theme === void 0) {
+    created.forEach((node) => node.remove());
+    doc.querySelectorAll('meta[name="theme-color"]').forEach(
+      (node) => restoreSnap(node, [
+        ["content", CONTENT],
+        ["media", MEDIA]
+      ])
+    );
+    doc.querySelectorAll('link[rel="icon"]').forEach(
+      (node) => restoreSnap(node, [
+        ["href", HREF],
+        ["media", MEDIA]
+      ])
+    );
+    return;
+  }
+  const color = chromeColor(theme);
+  const href = iconUrl(theme, icons);
+  const metas = doc.querySelectorAll('meta[name="theme-color"]');
+  if (metas.length === 0) {
+    const meta = doc.createElement("meta");
+    meta.setAttribute("name", "theme-color");
+    meta.setAttribute("content", color);
+    meta.setAttribute(CREATED, "1");
+    doc.head.append(meta);
+  } else {
+    metas.forEach((meta) => {
+      snapshot(meta, "content", CONTENT);
+      snapshot(meta, "media", MEDIA);
+      meta.setAttribute(SNAP, "1");
+      meta.setAttribute("content", color);
+      meta.removeAttribute("media");
+    });
+  }
+  doc.querySelectorAll('link[rel="icon"]').forEach((link, index) => {
+    snapshot(link, "href", HREF);
+    snapshot(link, "media", MEDIA);
+    link.setAttribute(SNAP, "1");
+    if (index === 0) {
+      link.setAttribute("href", href);
+      link.removeAttribute("media");
+      return;
+    }
+    link.setAttribute("media", "not all");
+  });
+}
+
 // src/lib/theme-boot.ts
 var THEME_STORAGE_KEY = "sesionario-theme";
 var themeColorSchemeCss = "html.light{color-scheme:light}html.dark{color-scheme:dark}";
@@ -17,7 +149,13 @@ function themeBootScript(storageKey = THEME_STORAGE_KEY) {
   return `(function(){try{var k=${key};function parse(v){return v==="light"||v==="dark"||v==="system"?v:null}function readCookie(){var name=encodeURIComponent(k);var parts=document.cookie.split(";");for(var i=0;i<parts.length;i++){var part=parts[i].trim();var eq=part.indexOf("=");if(eq<0)continue;if(part.slice(0,eq)===name){try{return decodeURIComponent(part.slice(eq+1))}catch(e){return null}}}return null}var cookie=parse(readCookie());var stored=null;try{stored=parse(localStorage.getItem(k))}catch(e){}if(cookie){try{localStorage.setItem(k,cookie)}catch(e){}}var theme=cookie||stored||"system";var dark=theme==="dark"||(theme==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches);var el=document.documentElement;el.classList.remove("light","dark");el.classList.add(dark?"dark":"light");el.style.colorScheme=dark?"dark":"light"}catch(e){}})();`;
 }
 
+exports.BRAND_CHROME_DARK = BRAND_CHROME_DARK;
+exports.BRAND_CHROME_LIGHT = BRAND_CHROME_LIGHT;
 exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY;
+exports.applyThemeChrome = applyThemeChrome;
+exports.brandAppleWebApp = brandAppleWebApp;
+exports.brandIcons = brandIcons;
+exports.brandViewport = brandViewport;
 exports.htmlThemeClass = htmlThemeClass;
 exports.parseThemeChoice = parseThemeChoice;
 exports.themeBootScript = themeBootScript;

package/dist/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/theme-boot.ts"],"names":[],"mappings":";;;AAAO,IAAM,iBAAA,GAAoB;AAK1B,IAAM,mBAAA,GACZ;AAEM,SAAS,iBACf,KAAA,EACqB;AACrB,EAAA,IAAI,UAAU,OAAA,IAAW,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,UAAU,OAAO,KAAA;AACxE,EAAA,OAAO,IAAA;AACR;AAOO,SAAS,eACf,MAAA,EAC+B;AAC/B,EAAA,MAAM,KAAA,GAAQ,iBAAiB,MAAM,CAAA;AACrC,EAAA,IAAI,KAAA,KAAU,OAAA,IAAW,KAAA,KAAU,MAAA,EAAQ,OAAO,KAAA;AAClD,EAAA,OAAO,MAAA;AACR;AAOO,SAAS,eAAA,CACf,aAAqB,iBAAA,EACZ;AACT,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,SAAA,CAAU,UAAU,CAAA;AACrC,EAAA,OAAO,yBAAyB,GAAG,CAAA,2zBAAA,CAAA;AACpC","file":"theme.cjs","sourcesContent":["export const THEME_STORAGE_KEY = \"sesionario-theme\";\n\nexport type ThemeChoice = \"light\" | \"dark\" | \"system\";\n\n/** Keeps `color-scheme` aligned with the `light` / `dark` class next-themes toggles. */\nexport const themeColorSchemeCss =\n\t\"html.light{color-scheme:light}html.dark{color-scheme:dark}\";\n\nexport function parseThemeChoice(\n\tvalue: string | null | undefined,\n): ThemeChoice | null {\n\tif (value === \"light\" || value === \"dark\" || value === \"system\") return value;\n\treturn null;\n}\n\n/**\n * Explicit light/dark cookies paint with the server HTML. `system` and a\n * missing cookie stay unset so the blocking script can follow the OS\n * preference before the first paint.\n */\nexport function htmlThemeClass(\n\tcookie: string | null | undefined,\n): \"light\" | \"dark\" | undefined {\n\tconst theme = parseThemeChoice(cookie);\n\tif (theme === \"light\" || theme === \"dark\") return theme;\n\treturn undefined;\n}\n\n/**\n * Blocking script for the start of `<body>`. Reads the cross-subdomain theme\n * cookie first, copies it into this origin's localStorage (next-themes only\n * reads localStorage), then sets `light`/`dark` on `<html>` before paint.\n */\nexport function themeBootScript(\n\tstorageKey: string = THEME_STORAGE_KEY,\n): string {\n\tconst key = JSON.stringify(storageKey);\n\treturn `(function(){try{var k=${key};function parse(v){return v===\"light\"||v===\"dark\"||v===\"system\"?v:null}function readCookie(){var name=encodeURIComponent(k);var parts=document.cookie.split(\";\");for(var i=0;i<parts.length;i++){var part=parts[i].trim();var eq=part.indexOf(\"=\");if(eq<0)continue;if(part.slice(0,eq)===name){try{return decodeURIComponent(part.slice(eq+1))}catch(e){return null}}}return null}var cookie=parse(readCookie());var stored=null;try{stored=parse(localStorage.getItem(k))}catch(e){}if(cookie){try{localStorage.setItem(k,cookie)}catch(e){}}var theme=cookie||stored||\"system\";var dark=theme===\"dark\"||(theme===\"system\"&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches);var el=document.documentElement;el.classList.remove(\"light\",\"dark\");el.classList.add(dark?\"dark\":\"light\");el.style.colorScheme=dark?\"dark\":\"light\"}catch(e){}})();`;\n}\n"]}
+{"version":3,"sources":["../src/lib/brand-chrome.ts","../src/lib/theme-boot.ts"],"names":[],"mappings":"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","file":"theme.cjs","sourcesContent":["/** Page background behind the browser chrome. Light and dark match `--background`. */\nexport const BRAND_CHROME_LIGHT = \"#ffffff\";\nexport const BRAND_CHROME_DARK = \"#171717\";\n\nexport const brandViewport = {\n\twidth: \"device-width\",\n\tinitialScale: 1,\n\tviewportFit: \"cover\" as const,\n\tcolorScheme: \"light dark\" as const,\n\tthemeColor: [\n\t\t{ media: \"(prefers-color-scheme: light)\", color: BRAND_CHROME_LIGHT },\n\t\t{ media: \"(prefers-color-scheme: dark)\", color: BRAND_CHROME_DARK },\n\t],\n};\n\nexport type BrandIconInput = {\n\tlight: string;\n\tdark: string;\n\tapple: string;\n\tfallback?: string;\n\tsvg?: string;\n};\n\ntype BrandIcon = { url: string; media?: string; type?: string };\n\n/** OS-sensitive favicon set. Apps pass their own public paths. */\nexport function brandIcons(input: BrandIconInput): {\n\ticon: BrandIcon[];\n\tapple: string;\n} {\n\tconst icon: BrandIcon[] = [\n\t\t{ url: input.light, media: \"(prefers-color-scheme: light)\" },\n\t\t{ url: input.dark, media: \"(prefers-color-scheme: dark)\" },\n\t];\n\tif (input.svg) {\n\t\ticon.push({ url: input.svg, type: \"image/svg+xml\" });\n\t}\n\tif (input.fallback) {\n\t\ticon.push({ url: input.fallback });\n\t}\n\treturn { icon, apple: input.apple };\n}\n\n/** `default` lets iOS paint the status bar from `theme-color`. */\nexport function brandAppleWebApp(title: string): {\n\tcapable: true;\n\tstatusBarStyle: \"default\";\n\ttitle: string;\n} {\n\treturn {\n\t\tcapable: true,\n\t\tstatusBarStyle: \"default\",\n\t\ttitle,\n\t};\n}\n\nexport type ExplicitChromeTheme = \"light\" | \"dark\";\n\nconst SNAP = \"data-sesionario-chrome-snap\";\nconst MEDIA = \"data-sesionario-chrome-media\";\nconst HREF = \"data-sesionario-chrome-href\";\nconst CONTENT = \"data-sesionario-chrome-content\";\nconst CREATED = \"data-sesionario-chrome-created\";\n\nfunction chromeColor(theme: ExplicitChromeTheme): string {\n\tswitch (theme) {\n\t\tcase \"light\":\n\t\t\treturn BRAND_CHROME_LIGHT;\n\t\tcase \"dark\":\n\t\t\treturn BRAND_CHROME_DARK;\n\t\tdefault: {\n\t\t\tconst unreachable: never = theme;\n\t\t\treturn unreachable;\n\t\t}\n\t}\n}\n\nfunction iconUrl(\n\ttheme: ExplicitChromeTheme,\n\ticons: { light: string; dark: string },\n): string {\n\tswitch (theme) {\n\t\tcase \"light\":\n\t\t\treturn icons.light;\n\t\tcase \"dark\":\n\t\t\treturn icons.dark;\n\t\tdefault: {\n\t\t\tconst unreachable: never = theme;\n\t\t\treturn unreachable;\n\t\t}\n\t}\n}\n\nfunction snapshot(el: Element, attr: string, store: string) {\n\tif (el.hasAttribute(SNAP)) return;\n\tif (el.hasAttribute(attr)) {\n\t\tel.setAttribute(store, el.getAttribute(attr) ?? \"\");\n\t}\n}\n\nfunction restoreAttr(el: Element, attr: string, store: string) {\n\tif (el.hasAttribute(store)) {\n\t\tel.setAttribute(attr, el.getAttribute(store) ?? \"\");\n\t\tel.removeAttribute(store);\n\t\treturn;\n\t}\n\tel.removeAttribute(attr);\n}\n\nfunction restoreSnap(el: Element, pairs: Array<[string, string]>) {\n\tif (!el.hasAttribute(SNAP)) return;\n\tfor (const [attr, store] of pairs) {\n\t\trestoreAttr(el, attr, store);\n\t}\n\tel.removeAttribute(SNAP);\n}\n\n/**\n * When the in-app theme is explicit, pin `theme-color` and the tab icon to\n * that choice. `system` and an unresolved theme put the OS media queries back.\n */\nexport function applyThemeChrome(\n\tdoc: Document,\n\ttheme: ExplicitChromeTheme | undefined,\n\ticons: { light: string; dark: string },\n): void {\n\tconst created = doc.querySelectorAll(`meta[${CREATED}]`);\n\tif (theme === undefined) {\n\t\tcreated.forEach((node) => node.remove());\n\t\tdoc.querySelectorAll('meta[name=\"theme-color\"]').forEach((node) =>\n\t\t\trestoreSnap(node, [\n\t\t\t\t[\"content\", CONTENT],\n\t\t\t\t[\"media\", MEDIA],\n\t\t\t]),\n\t\t);\n\t\tdoc.querySelectorAll('link[rel=\"icon\"]').forEach((node) =>\n\t\t\trestoreSnap(node, [\n\t\t\t\t[\"href\", HREF],\n\t\t\t\t[\"media\", MEDIA],\n\t\t\t]),\n\t\t);\n\t\treturn;\n\t}\n\n\tconst color = chromeColor(theme);\n\tconst href = iconUrl(theme, icons);\n\tconst metas = doc.querySelectorAll('meta[name=\"theme-color\"]');\n\tif (metas.length === 0) {\n\t\tconst meta = doc.createElement(\"meta\");\n\t\tmeta.setAttribute(\"name\", \"theme-color\");\n\t\tmeta.setAttribute(\"content\", color);\n\t\tmeta.setAttribute(CREATED, \"1\");\n\t\tdoc.head.append(meta);\n\t} else {\n\t\tmetas.forEach((meta) => {\n\t\t\tsnapshot(meta, \"content\", CONTENT);\n\t\t\tsnapshot(meta, \"media\", MEDIA);\n\t\t\tmeta.setAttribute(SNAP, \"1\");\n\t\t\tmeta.setAttribute(\"content\", color);\n\t\t\tmeta.removeAttribute(\"media\");\n\t\t});\n\t}\n\n\tdoc.querySelectorAll('link[rel=\"icon\"]').forEach((link, index) => {\n\t\tsnapshot(link, \"href\", HREF);\n\t\tsnapshot(link, \"media\", MEDIA);\n\t\tlink.setAttribute(SNAP, \"1\");\n\t\tif (index === 0) {\n\t\t\tlink.setAttribute(\"href\", href);\n\t\t\tlink.removeAttribute(\"media\");\n\t\t\treturn;\n\t\t}\n\t\tlink.setAttribute(\"media\", \"not all\");\n\t});\n}\n","export const THEME_STORAGE_KEY = \"sesionario-theme\";\n\nexport type ThemeChoice = \"light\" | \"dark\" | \"system\";\n\n/** Keeps `color-scheme` aligned with the `light` / `dark` class next-themes toggles. */\nexport const themeColorSchemeCss =\n\t\"html.light{color-scheme:light}html.dark{color-scheme:dark}\";\n\nexport function parseThemeChoice(\n\tvalue: string | null | undefined,\n): ThemeChoice | null {\n\tif (value === \"light\" || value === \"dark\" || value === \"system\") return value;\n\treturn null;\n}\n\n/**\n * Explicit light/dark cookies paint with the server HTML. `system` and a\n * missing cookie stay unset so the blocking script can follow the OS\n * preference before the first paint.\n */\nexport function htmlThemeClass(\n\tcookie: string | null | undefined,\n): \"light\" | \"dark\" | undefined {\n\tconst theme = parseThemeChoice(cookie);\n\tif (theme === \"light\" || theme === \"dark\") return theme;\n\treturn undefined;\n}\n\n/**\n * Blocking script for the start of `<body>`. Reads the cross-subdomain theme\n * cookie first, copies it into this origin's localStorage (next-themes only\n * reads localStorage), then sets `light`/`dark` on `<html>` before paint.\n */\nexport function themeBootScript(\n\tstorageKey: string = THEME_STORAGE_KEY,\n): string {\n\tconst key = JSON.stringify(storageKey);\n\treturn `(function(){try{var k=${key};function parse(v){return v===\"light\"||v===\"dark\"||v===\"system\"?v:null}function readCookie(){var name=encodeURIComponent(k);var parts=document.cookie.split(\";\");for(var i=0;i<parts.length;i++){var part=parts[i].trim();var eq=part.indexOf(\"=\");if(eq<0)continue;if(part.slice(0,eq)===name){try{return decodeURIComponent(part.slice(eq+1))}catch(e){return null}}}return null}var cookie=parse(readCookie());var stored=null;try{stored=parse(localStorage.getItem(k))}catch(e){}if(cookie){try{localStorage.setItem(k,cookie)}catch(e){}}var theme=cookie||stored||\"system\";var dark=theme===\"dark\"||(theme===\"system\"&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches);var el=document.documentElement;el.classList.remove(\"light\",\"dark\");el.classList.add(dark?\"dark\":\"light\");el.style.colorScheme=dark?\"dark\":\"light\"}catch(e){}})();`;\n}\n"]}

package/dist/theme.d.cts

@@ -1,3 +1,49 @@
+/** Page background behind the browser chrome. Light and dark match `--background`. */
+declare const BRAND_CHROME_LIGHT = "#ffffff";
+declare const BRAND_CHROME_DARK = "#171717";
+declare const brandViewport: {
+    width: string;
+    initialScale: number;
+    viewportFit: "cover";
+    colorScheme: "light dark";
+    themeColor: {
+        media: string;
+        color: string;
+    }[];
+};
+type BrandIconInput = {
+    light: string;
+    dark: string;
+    apple: string;
+    fallback?: string;
+    svg?: string;
+};
+type BrandIcon = {
+    url: string;
+    media?: string;
+    type?: string;
+};
+/** OS-sensitive favicon set. Apps pass their own public paths. */
+declare function brandIcons(input: BrandIconInput): {
+    icon: BrandIcon[];
+    apple: string;
+};
+/** `default` lets iOS paint the status bar from `theme-color`. */
+declare function brandAppleWebApp(title: string): {
+    capable: true;
+    statusBarStyle: "default";
+    title: string;
+};
+type ExplicitChromeTheme = "light" | "dark";
+/**
+ * When the in-app theme is explicit, pin `theme-color` and the tab icon to
+ * that choice. `system` and an unresolved theme put the OS media queries back.
+ */
+declare function applyThemeChrome(doc: Document, theme: ExplicitChromeTheme | undefined, icons: {
+    light: string;
+    dark: string;
+}): void;
+
 declare const THEME_STORAGE_KEY = "sesionario-theme";
 type ThemeChoice = "light" | "dark" | "system";
 /** Keeps `color-scheme` aligned with the `light` / `dark` class next-themes toggles. */
@@ -16,4 +62,4 @@ declare function htmlThemeClass(cookie: string | null | undefined): "light" | "d
  */
 declare function themeBootScript(storageKey?: string): string;
 
-export { THEME_STORAGE_KEY, type ThemeChoice, htmlThemeClass, parseThemeChoice, themeBootScript, themeColorSchemeCss };
+export { BRAND_CHROME_DARK, BRAND_CHROME_LIGHT, type BrandIconInput, type ExplicitChromeTheme, THEME_STORAGE_KEY, type ThemeChoice, applyThemeChrome, brandAppleWebApp, brandIcons, brandViewport, htmlThemeClass, parseThemeChoice, themeBootScript, themeColorSchemeCss };

package/dist/theme.d.ts

@@ -1,3 +1,49 @@
+/** Page background behind the browser chrome. Light and dark match `--background`. */
+declare const BRAND_CHROME_LIGHT = "#ffffff";
+declare const BRAND_CHROME_DARK = "#171717";
+declare const brandViewport: {
+    width: string;
+    initialScale: number;
+    viewportFit: "cover";
+    colorScheme: "light dark";
+    themeColor: {
+        media: string;
+        color: string;
+    }[];
+};
+type BrandIconInput = {
+    light: string;
+    dark: string;
+    apple: string;
+    fallback?: string;
+    svg?: string;
+};
+type BrandIcon = {
+    url: string;
+    media?: string;
+    type?: string;
+};
+/** OS-sensitive favicon set. Apps pass their own public paths. */
+declare function brandIcons(input: BrandIconInput): {
+    icon: BrandIcon[];
+    apple: string;
+};
+/** `default` lets iOS paint the status bar from `theme-color`. */
+declare function brandAppleWebApp(title: string): {
+    capable: true;
+    statusBarStyle: "default";
+    title: string;
+};
+type ExplicitChromeTheme = "light" | "dark";
+/**
+ * When the in-app theme is explicit, pin `theme-color` and the tab icon to
+ * that choice. `system` and an unresolved theme put the OS media queries back.
+ */
+declare function applyThemeChrome(doc: Document, theme: ExplicitChromeTheme | undefined, icons: {
+    light: string;
+    dark: string;
+}): void;
+
 declare const THEME_STORAGE_KEY = "sesionario-theme";
 type ThemeChoice = "light" | "dark" | "system";
 /** Keeps `color-scheme` aligned with the `light` / `dark` class next-themes toggles. */
@@ -16,4 +62,4 @@ declare function htmlThemeClass(cookie: string | null | undefined): "light" | "d
  */
 declare function themeBootScript(storageKey?: string): string;
 
-export { THEME_STORAGE_KEY, type ThemeChoice, htmlThemeClass, parseThemeChoice, themeBootScript, themeColorSchemeCss };
+export { BRAND_CHROME_DARK, BRAND_CHROME_LIGHT, type BrandIconInput, type ExplicitChromeTheme, THEME_STORAGE_KEY, type ThemeChoice, applyThemeChrome, brandAppleWebApp, brandIcons, brandViewport, htmlThemeClass, parseThemeChoice, themeBootScript, themeColorSchemeCss };

package/dist/theme.js

@@ -1,3 +1,135 @@
+// src/lib/brand-chrome.ts
+var BRAND_CHROME_LIGHT = "#ffffff";
+var BRAND_CHROME_DARK = "#171717";
+var brandViewport = {
+  width: "device-width",
+  initialScale: 1,
+  viewportFit: "cover",
+  colorScheme: "light dark",
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: BRAND_CHROME_LIGHT },
+    { media: "(prefers-color-scheme: dark)", color: BRAND_CHROME_DARK }
+  ]
+};
+function brandIcons(input) {
+  const icon = [
+    { url: input.light, media: "(prefers-color-scheme: light)" },
+    { url: input.dark, media: "(prefers-color-scheme: dark)" }
+  ];
+  if (input.svg) {
+    icon.push({ url: input.svg, type: "image/svg+xml" });
+  }
+  if (input.fallback) {
+    icon.push({ url: input.fallback });
+  }
+  return { icon, apple: input.apple };
+}
+function brandAppleWebApp(title) {
+  return {
+    capable: true,
+    statusBarStyle: "default",
+    title
+  };
+}
+var SNAP = "data-sesionario-chrome-snap";
+var MEDIA = "data-sesionario-chrome-media";
+var HREF = "data-sesionario-chrome-href";
+var CONTENT = "data-sesionario-chrome-content";
+var CREATED = "data-sesionario-chrome-created";
+function chromeColor(theme) {
+  switch (theme) {
+    case "light":
+      return BRAND_CHROME_LIGHT;
+    case "dark":
+      return BRAND_CHROME_DARK;
+    default: {
+      const unreachable = theme;
+      return unreachable;
+    }
+  }
+}
+function iconUrl(theme, icons) {
+  switch (theme) {
+    case "light":
+      return icons.light;
+    case "dark":
+      return icons.dark;
+    default: {
+      const unreachable = theme;
+      return unreachable;
+    }
+  }
+}
+function snapshot(el, attr, store) {
+  if (el.hasAttribute(SNAP)) return;
+  if (el.hasAttribute(attr)) {
+    el.setAttribute(store, el.getAttribute(attr) ?? "");
+  }
+}
+function restoreAttr(el, attr, store) {
+  if (el.hasAttribute(store)) {
+    el.setAttribute(attr, el.getAttribute(store) ?? "");
+    el.removeAttribute(store);
+    return;
+  }
+  el.removeAttribute(attr);
+}
+function restoreSnap(el, pairs) {
+  if (!el.hasAttribute(SNAP)) return;
+  for (const [attr, store] of pairs) {
+    restoreAttr(el, attr, store);
+  }
+  el.removeAttribute(SNAP);
+}
+function applyThemeChrome(doc, theme, icons) {
+  const created = doc.querySelectorAll(`meta[${CREATED}]`);
+  if (theme === void 0) {
+    created.forEach((node) => node.remove());
+    doc.querySelectorAll('meta[name="theme-color"]').forEach(
+      (node) => restoreSnap(node, [
+        ["content", CONTENT],
+        ["media", MEDIA]
+      ])
+    );
+    doc.querySelectorAll('link[rel="icon"]').forEach(
+      (node) => restoreSnap(node, [
+        ["href", HREF],
+        ["media", MEDIA]
+      ])
+    );
+    return;
+  }
+  const color = chromeColor(theme);
+  const href = iconUrl(theme, icons);
+  const metas = doc.querySelectorAll('meta[name="theme-color"]');
+  if (metas.length === 0) {
+    const meta = doc.createElement("meta");
+    meta.setAttribute("name", "theme-color");
+    meta.setAttribute("content", color);
+    meta.setAttribute(CREATED, "1");
+    doc.head.append(meta);
+  } else {
+    metas.forEach((meta) => {
+      snapshot(meta, "content", CONTENT);
+      snapshot(meta, "media", MEDIA);
+      meta.setAttribute(SNAP, "1");
+      meta.setAttribute("content", color);
+      meta.removeAttribute("media");
+    });
+  }
+  doc.querySelectorAll('link[rel="icon"]').forEach((link, index) => {
+    snapshot(link, "href", HREF);
+    snapshot(link, "media", MEDIA);
+    link.setAttribute(SNAP, "1");
+    if (index === 0) {
+      link.setAttribute("href", href);
+      link.removeAttribute("media");
+      return;
+    }
+    link.setAttribute("media", "not all");
+  });
+}
+
 // src/lib/theme-boot.ts
 var THEME_STORAGE_KEY = "sesionario-theme";
 var themeColorSchemeCss = "html.light{color-scheme:light}html.dark{color-scheme:dark}";
@@ -15,6 +147,6 @@ function themeBootScript(storageKey = THEME_STORAGE_KEY) {
   return `(function(){try{var k=${key};function parse(v){return v==="light"||v==="dark"||v==="system"?v:null}function readCookie(){var name=encodeURIComponent(k);var parts=document.cookie.split(";");for(var i=0;i<parts.length;i++){var part=parts[i].trim();var eq=part.indexOf("=");if(eq<0)continue;if(part.slice(0,eq)===name){try{return decodeURIComponent(part.slice(eq+1))}catch(e){return null}}}return null}var cookie=parse(readCookie());var stored=null;try{stored=parse(localStorage.getItem(k))}catch(e){}if(cookie){try{localStorage.setItem(k,cookie)}catch(e){}}var theme=cookie||stored||"system";var dark=theme==="dark"||(theme==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches);var el=document.documentElement;el.classList.remove("light","dark");el.classList.add(dark?"dark":"light");el.style.colorScheme=dark?"dark":"light"}catch(e){}})();`;
 }
 
-export { THEME_STORAGE_KEY, htmlThemeClass, parseThemeChoice, themeBootScript, themeColorSchemeCss };
+export { BRAND_CHROME_DARK, BRAND_CHROME_LIGHT, THEME_STORAGE_KEY, applyThemeChrome, brandAppleWebApp, brandIcons, brandViewport, htmlThemeClass, parseThemeChoice, themeBootScript, themeColorSchemeCss };
 //# sourceMappingURL=theme.js.map
 //# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/theme-boot.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GAAoB;AAK1B,IAAM,mBAAA,GACZ;AAEM,SAAS,iBACf,KAAA,EACqB;AACrB,EAAA,IAAI,UAAU,OAAA,IAAW,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,UAAU,OAAO,KAAA;AACxE,EAAA,OAAO,IAAA;AACR;AAOO,SAAS,eACf,MAAA,EAC+B;AAC/B,EAAA,MAAM,KAAA,GAAQ,iBAAiB,MAAM,CAAA;AACrC,EAAA,IAAI,KAAA,KAAU,OAAA,IAAW,KAAA,KAAU,MAAA,EAAQ,OAAO,KAAA;AAClD,EAAA,OAAO,MAAA;AACR;AAOO,SAAS,eAAA,CACf,aAAqB,iBAAA,EACZ;AACT,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,SAAA,CAAU,UAAU,CAAA;AACrC,EAAA,OAAO,yBAAyB,GAAG,CAAA,2zBAAA,CAAA;AACpC","file":"theme.js","sourcesContent":["export const THEME_STORAGE_KEY = \"sesionario-theme\";\n\nexport type ThemeChoice = \"light\" | \"dark\" | \"system\";\n\n/** Keeps `color-scheme` aligned with the `light` / `dark` class next-themes toggles. */\nexport const themeColorSchemeCss =\n\t\"html.light{color-scheme:light}html.dark{color-scheme:dark}\";\n\nexport function parseThemeChoice(\n\tvalue: string | null | undefined,\n): ThemeChoice | null {\n\tif (value === \"light\" || value === \"dark\" || value === \"system\") return value;\n\treturn null;\n}\n\n/**\n * Explicit light/dark cookies paint with the server HTML. `system` and a\n * missing cookie stay unset so the blocking script can follow the OS\n * preference before the first paint.\n */\nexport function htmlThemeClass(\n\tcookie: string | null | undefined,\n): \"light\" | \"dark\" | undefined {\n\tconst theme = parseThemeChoice(cookie);\n\tif (theme === \"light\" || theme === \"dark\") return theme;\n\treturn undefined;\n}\n\n/**\n * Blocking script for the start of `<body>`. Reads the cross-subdomain theme\n * cookie first, copies it into this origin's localStorage (next-themes only\n * reads localStorage), then sets `light`/`dark` on `<html>` before paint.\n */\nexport function themeBootScript(\n\tstorageKey: string = THEME_STORAGE_KEY,\n): string {\n\tconst key = JSON.stringify(storageKey);\n\treturn `(function(){try{var k=${key};function parse(v){return v===\"light\"||v===\"dark\"||v===\"system\"?v:null}function readCookie(){var name=encodeURIComponent(k);var parts=document.cookie.split(\";\");for(var i=0;i<parts.length;i++){var part=parts[i].trim();var eq=part.indexOf(\"=\");if(eq<0)continue;if(part.slice(0,eq)===name){try{return decodeURIComponent(part.slice(eq+1))}catch(e){return null}}}return null}var cookie=parse(readCookie());var stored=null;try{stored=parse(localStorage.getItem(k))}catch(e){}if(cookie){try{localStorage.setItem(k,cookie)}catch(e){}}var theme=cookie||stored||\"system\";var dark=theme===\"dark\"||(theme===\"system\"&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches);var el=document.documentElement;el.classList.remove(\"light\",\"dark\");el.classList.add(dark?\"dark\":\"light\");el.style.colorScheme=dark?\"dark\":\"light\"}catch(e){}})();`;\n}\n"]}
+{"version":3,"sources":["../src/lib/brand-chrome.ts","../src/lib/theme-boot.ts"],"names":[],"mappings":"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","file":"theme.js","sourcesContent":["/** Page background behind the browser chrome. Light and dark match `--background`. */\nexport const BRAND_CHROME_LIGHT = \"#ffffff\";\nexport const BRAND_CHROME_DARK = \"#171717\";\n\nexport const brandViewport = {\n\twidth: \"device-width\",\n\tinitialScale: 1,\n\tviewportFit: \"cover\" as const,\n\tcolorScheme: \"light dark\" as const,\n\tthemeColor: [\n\t\t{ media: \"(prefers-color-scheme: light)\", color: BRAND_CHROME_LIGHT },\n\t\t{ media: \"(prefers-color-scheme: dark)\", color: BRAND_CHROME_DARK },\n\t],\n};\n\nexport type BrandIconInput = {\n\tlight: string;\n\tdark: string;\n\tapple: string;\n\tfallback?: string;\n\tsvg?: string;\n};\n\ntype BrandIcon = { url: string; media?: string; type?: string };\n\n/** OS-sensitive favicon set. Apps pass their own public paths. */\nexport function brandIcons(input: BrandIconInput): {\n\ticon: BrandIcon[];\n\tapple: string;\n} {\n\tconst icon: BrandIcon[] = [\n\t\t{ url: input.light, media: \"(prefers-color-scheme: light)\" },\n\t\t{ url: input.dark, media: \"(prefers-color-scheme: dark)\" },\n\t];\n\tif (input.svg) {\n\t\ticon.push({ url: input.svg, type: \"image/svg+xml\" });\n\t}\n\tif (input.fallback) {\n\t\ticon.push({ url: input.fallback });\n\t}\n\treturn { icon, apple: input.apple };\n}\n\n/** `default` lets iOS paint the status bar from `theme-color`. */\nexport function brandAppleWebApp(title: string): {\n\tcapable: true;\n\tstatusBarStyle: \"default\";\n\ttitle: string;\n} {\n\treturn {\n\t\tcapable: true,\n\t\tstatusBarStyle: \"default\",\n\t\ttitle,\n\t};\n}\n\nexport type ExplicitChromeTheme = \"light\" | \"dark\";\n\nconst SNAP = \"data-sesionario-chrome-snap\";\nconst MEDIA = \"data-sesionario-chrome-media\";\nconst HREF = \"data-sesionario-chrome-href\";\nconst CONTENT = \"data-sesionario-chrome-content\";\nconst CREATED = \"data-sesionario-chrome-created\";\n\nfunction chromeColor(theme: ExplicitChromeTheme): string {\n\tswitch (theme) {\n\t\tcase \"light\":\n\t\t\treturn BRAND_CHROME_LIGHT;\n\t\tcase \"dark\":\n\t\t\treturn BRAND_CHROME_DARK;\n\t\tdefault: {\n\t\t\tconst unreachable: never = theme;\n\t\t\treturn unreachable;\n\t\t}\n\t}\n}\n\nfunction iconUrl(\n\ttheme: ExplicitChromeTheme,\n\ticons: { light: string; dark: string },\n): string {\n\tswitch (theme) {\n\t\tcase \"light\":\n\t\t\treturn icons.light;\n\t\tcase \"dark\":\n\t\t\treturn icons.dark;\n\t\tdefault: {\n\t\t\tconst unreachable: never = theme;\n\t\t\treturn unreachable;\n\t\t}\n\t}\n}\n\nfunction snapshot(el: Element, attr: string, store: string) {\n\tif (el.hasAttribute(SNAP)) return;\n\tif (el.hasAttribute(attr)) {\n\t\tel.setAttribute(store, el.getAttribute(attr) ?? \"\");\n\t}\n}\n\nfunction restoreAttr(el: Element, attr: string, store: string) {\n\tif (el.hasAttribute(store)) {\n\t\tel.setAttribute(attr, el.getAttribute(store) ?? \"\");\n\t\tel.removeAttribute(store);\n\t\treturn;\n\t}\n\tel.removeAttribute(attr);\n}\n\nfunction restoreSnap(el: Element, pairs: Array<[string, string]>) {\n\tif (!el.hasAttribute(SNAP)) return;\n\tfor (const [attr, store] of pairs) {\n\t\trestoreAttr(el, attr, store);\n\t}\n\tel.removeAttribute(SNAP);\n}\n\n/**\n * When the in-app theme is explicit, pin `theme-color` and the tab icon to\n * that choice. `system` and an unresolved theme put the OS media queries back.\n */\nexport function applyThemeChrome(\n\tdoc: Document,\n\ttheme: ExplicitChromeTheme | undefined,\n\ticons: { light: string; dark: string },\n): void {\n\tconst created = doc.querySelectorAll(`meta[${CREATED}]`);\n\tif (theme === undefined) {\n\t\tcreated.forEach((node) => node.remove());\n\t\tdoc.querySelectorAll('meta[name=\"theme-color\"]').forEach((node) =>\n\t\t\trestoreSnap(node, [\n\t\t\t\t[\"content\", CONTENT],\n\t\t\t\t[\"media\", MEDIA],\n\t\t\t]),\n\t\t);\n\t\tdoc.querySelectorAll('link[rel=\"icon\"]').forEach((node) =>\n\t\t\trestoreSnap(node, [\n\t\t\t\t[\"href\", HREF],\n\t\t\t\t[\"media\", MEDIA],\n\t\t\t]),\n\t\t);\n\t\treturn;\n\t}\n\n\tconst color = chromeColor(theme);\n\tconst href = iconUrl(theme, icons);\n\tconst metas = doc.querySelectorAll('meta[name=\"theme-color\"]');\n\tif (metas.length === 0) {\n\t\tconst meta = doc.createElement(\"meta\");\n\t\tmeta.setAttribute(\"name\", \"theme-color\");\n\t\tmeta.setAttribute(\"content\", color);\n\t\tmeta.setAttribute(CREATED, \"1\");\n\t\tdoc.head.append(meta);\n\t} else {\n\t\tmetas.forEach((meta) => {\n\t\t\tsnapshot(meta, \"content\", CONTENT);\n\t\t\tsnapshot(meta, \"media\", MEDIA);\n\t\t\tmeta.setAttribute(SNAP, \"1\");\n\t\t\tmeta.setAttribute(\"content\", color);\n\t\t\tmeta.removeAttribute(\"media\");\n\t\t});\n\t}\n\n\tdoc.querySelectorAll('link[rel=\"icon\"]').forEach((link, index) => {\n\t\tsnapshot(link, \"href\", HREF);\n\t\tsnapshot(link, \"media\", MEDIA);\n\t\tlink.setAttribute(SNAP, \"1\");\n\t\tif (index === 0) {\n\t\t\tlink.setAttribute(\"href\", href);\n\t\t\tlink.removeAttribute(\"media\");\n\t\t\treturn;\n\t\t}\n\t\tlink.setAttribute(\"media\", \"not all\");\n\t});\n}\n","export const THEME_STORAGE_KEY = \"sesionario-theme\";\n\nexport type ThemeChoice = \"light\" | \"dark\" | \"system\";\n\n/** Keeps `color-scheme` aligned with the `light` / `dark` class next-themes toggles. */\nexport const themeColorSchemeCss =\n\t\"html.light{color-scheme:light}html.dark{color-scheme:dark}\";\n\nexport function parseThemeChoice(\n\tvalue: string | null | undefined,\n): ThemeChoice | null {\n\tif (value === \"light\" || value === \"dark\" || value === \"system\") return value;\n\treturn null;\n}\n\n/**\n * Explicit light/dark cookies paint with the server HTML. `system` and a\n * missing cookie stay unset so the blocking script can follow the OS\n * preference before the first paint.\n */\nexport function htmlThemeClass(\n\tcookie: string | null | undefined,\n): \"light\" | \"dark\" | undefined {\n\tconst theme = parseThemeChoice(cookie);\n\tif (theme === \"light\" || theme === \"dark\") return theme;\n\treturn undefined;\n}\n\n/**\n * Blocking script for the start of `<body>`. Reads the cross-subdomain theme\n * cookie first, copies it into this origin's localStorage (next-themes only\n * reads localStorage), then sets `light`/`dark` on `<html>` before paint.\n */\nexport function themeBootScript(\n\tstorageKey: string = THEME_STORAGE_KEY,\n): string {\n\tconst key = JSON.stringify(storageKey);\n\treturn `(function(){try{var k=${key};function parse(v){return v===\"light\"||v===\"dark\"||v===\"system\"?v:null}function readCookie(){var name=encodeURIComponent(k);var parts=document.cookie.split(\";\");for(var i=0;i<parts.length;i++){var part=parts[i].trim();var eq=part.indexOf(\"=\");if(eq<0)continue;if(part.slice(0,eq)===name){try{return decodeURIComponent(part.slice(eq+1))}catch(e){return null}}}return null}var cookie=parse(readCookie());var stored=null;try{stored=parse(localStorage.getItem(k))}catch(e){}if(cookie){try{localStorage.setItem(k,cookie)}catch(e){}}var theme=cookie||stored||\"system\";var dark=theme===\"dark\"||(theme===\"system\"&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches);var el=document.documentElement;el.classList.remove(\"light\",\"dark\");el.classList.add(dark?\"dark\":\"light\");el.style.colorScheme=dark?\"dark\":\"light\"}catch(e){}})();`;\n}\n"]}