@multiplatform.one/keycloak-theme 7.83.1 → 7.83.2

package/dist/cjs/glyph.native.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var glyph_exports = {};
+__export(glyph_exports, {
+  glyphColors: () => glyphColors,
+  glyphHue: () => glyphHue,
+  glyphMark: () => glyphMark,
+  glyphMonogram: () => glyphMonogram,
+  stableHash: () => stableHash
+});
+module.exports = __toCommonJS(glyph_exports);
+function stableHash(seed) {
+  var hash = 2166136261;
+  for (var i = 0; i < seed.length; i++) {
+    hash ^= seed.charCodeAt(i);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash >>> 0;
+}
+function glyphHue(seed) {
+  return stableHash(seed) % 360;
+}
+function glyphMonogram(name) {
+  var trimmed = name.trim();
+  if (!trimmed) return "?";
+  var words = trimmed.split(/[\s\-_.]+/).filter(Boolean);
+  if (words.length >= 2) {
+    var _words__, _words__1;
+    return `${(_words__ = words[0][0]) !== null && _words__ !== void 0 ? _words__ : ""}${(_words__1 = words[1][0]) !== null && _words__1 !== void 0 ? _words__1 : ""}`.toUpperCase();
+  }
+  return trimmed.slice(0, 2).toUpperCase();
+}
+function glyphColors(seed) {
+  var hue = glyphHue(seed);
+  return {
+    background: `hsl(${hue}, 62%, 42%)`,
+    foreground: "hsl(0, 0%, 98%)"
+  };
+}
+function glyphMark(params) {
+  var {
+    name,
+    displayName
+  } = params;
+  var seed = name.trim() || (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || "";
+  var label = (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || name;
+  return {
+    ...glyphColors(seed),
+    monogram: glyphMonogram(label),
+    hue: glyphHue(seed)
+  };
+}
+//# sourceMappingURL=glyph.native.js.map

package/dist/cjs/glyph.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","glyph_exports","__export","glyphColors","glyphHue","glyphMark","glyphMonogram","stableHash","module","exports","seed","hash","i","length","charCodeAt","Math","imul","name","trimmed","trim","words","split","filter","Boolean","_words__","_words__1","toUpperCase","slice","hue","background","foreground","params","displayName","label","monogram"],"sources":["../../src/glyph.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AA6BOC,MAAA,CAAAC,OAAS,GAAAb,YAAiC,CAAAK,aAAA;AAC/C,SAAIM,UAAOA,CAAAG,IAAA;EACX,IAAAC,IAAA,GAAS,UAAW;EAClB,SAAAC,CAAQ,MAAKA,CAAA,GAAAF,IAAA,CAAAG,MAAY,EAAAD,CAAA;IAEzBD,IAAA,IAAOD,IAAK,CAAAI,UAAW,CAAAF,CAAA;IACzBD,IAAA,GAAAI,IAAA,CAAAC,IAAA,CAAAL,IAAA;EACA;EACF,OAAAA,IAAA;AAGO;AACL,SAAOP,SAAAM,IAAW,EAAI;EACxB,OAAAH,UAAA,CAAAG,IAAA;AAOO;AACL,SAAMJ,aAAUA,CAAKW,IAAA,EAAK;EAC1B,IAAIC,OAAC,GAASD,IAAA,CAAAE,IAAO;EACrB,KAAAD,OAAM,EAAQ,UAAQ;EACtB,IAAIE,KAAA,GAAMF,OAAA,CAAUG,KAAG,cAAAC,MAAA,CAAAC,OAAA;EACrB,IAAAH,KAAO,CAAAP,MAAG,IAAO,CAAG,EAAC;IACvB,IAAAW,QAAA,EAAAC,SAAA;IACA,OAAO,IAAAD,QAAc,GAAGJ,KAAG,YAAY,QAAAI,QAAA,cAAAA,QAAA,SAAAC,SAAA,GAAAL,KAAA,oBAAAK,SAAA,cAAAA,SAAA,QAAAC,WAAA;EACzC;EAaO,OAASR,OAAA,CAAAS,KAAY,KAA2B,EAAAD,WAAA;AACrD;AACA,SAAOvB,YAAAO,IAAA;EAAA,IACLkB,GAAA,GAAAxB,QAAY,CAAAM,IAAO,CAAG;EAAA,OACtB;IACFmB,UAAA,SAAAD,GAAA;IACFE,UAAA;EAuBO;AACL;AACA,SAAMzB,SAAOA,CAAA0B,MAAU;EACvB;IAAMd,IAAA;IAAAe;EAAQ,IAAaD,MAAK;EAChC,IAAArB,IAAO,GAAAO,IAAA,CAAAE,IAAA,OAAAa,WAAA,aAAAA,WAAA,uBAAAA,WAAA,CAAAb,IAAA;EAAA,IACLc,KAAG,IAAAD,WAAgB,aAAAA,WAAA,uBAAAA,WAAA,CAAAb,IAAA,OAAAF,IAAA;EAAA,OACnB;IACA,GAAAd,WAAc,CAAAO,IAAI;IACpBwB,QAAA,EAAA5B,aAAA,CAAA2B,KAAA;IACFL,GAAA,EAAAxB,QAAA,CAAAM,IAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  SpringboardStyles: () => import_SpringboardStyles.SpringboardStyles,
+  accent: () => import_tokens.accent,
+  buildSpringboardCss: () => import_css.buildSpringboardCss,
+  caption: () => import_tokens.caption,
+  field: () => import_tokens.field,
+  fontFamily: () => import_tokens.fontFamily,
+  glyphColors: () => import_glyph.glyphColors,
+  glyphHue: () => import_glyph.glyphHue,
+  glyphMark: () => import_glyph.glyphMark,
+  glyphMonogram: () => import_glyph.glyphMonogram,
+  houseThemeName: () => import_themeName.houseThemeName,
+  icon: () => import_tokens.icon,
+  ink: () => import_tokens.ink,
+  isSpringboardTheme: () => import_themeName.isSpringboardTheme,
+  plate: () => import_tokens.plate,
+  resolveMark: () => import_SpringboardStyles.resolveMark,
+  springboardThemeName: () => import_themeName.springboardThemeName,
+  stableHash: () => import_glyph.stableHash,
+  status: () => import_tokens.status,
+  trigger: () => import_tokens.trigger,
+  wallpaperColors: () => import_tokens.wallpaperColors,
+  wallpaperLayers: () => import_tokens.wallpaperLayers
+});
+module.exports = __toCommonJS(index_exports);
+var import_css = require("./css.cjs");
+var import_glyph = require("./glyph.cjs");
+var import_SpringboardStyles = require("./SpringboardStyles.cjs");
+var import_themeName = require("./themeName.cjs");
+var import_tokens = require("./tokens.cjs");

package/dist/cjs/index.native.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  SpringboardStyles: () => import_SpringboardStyles.SpringboardStyles,
+  accent: () => import_tokens.accent,
+  buildSpringboardCss: () => import_css.buildSpringboardCss,
+  caption: () => import_tokens.caption,
+  field: () => import_tokens.field,
+  fontFamily: () => import_tokens.fontFamily,
+  glyphColors: () => import_glyph.glyphColors,
+  glyphHue: () => import_glyph.glyphHue,
+  glyphMark: () => import_glyph.glyphMark,
+  glyphMonogram: () => import_glyph.glyphMonogram,
+  houseThemeName: () => import_themeName.houseThemeName,
+  icon: () => import_tokens.icon,
+  ink: () => import_tokens.ink,
+  isSpringboardTheme: () => import_themeName.isSpringboardTheme,
+  plate: () => import_tokens.plate,
+  resolveMark: () => import_SpringboardStyles.resolveMark,
+  springboardThemeName: () => import_themeName.springboardThemeName,
+  stableHash: () => import_glyph.stableHash,
+  status: () => import_tokens.status,
+  trigger: () => import_tokens.trigger,
+  wallpaperColors: () => import_tokens.wallpaperColors,
+  wallpaperLayers: () => import_tokens.wallpaperLayers
+});
+module.exports = __toCommonJS(index_exports);
+var import_css = require("./css.native.js");
+var import_glyph = require("./glyph.native.js");
+var import_SpringboardStyles = require("./SpringboardStyles.native.js");
+var import_themeName = require("./themeName.native.js");
+var import_tokens = require("./tokens.native.js");
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","SpringboardStyles","import_SpringboardStyles","accent","import_tokens","buildSpringboardCss","import_css","caption","field","fontFamily","glyphColors","import_glyph","glyphHue","glyphMark","glyphMonogram","houseThemeName","import_themeName","icon","ink","isSpringboardTheme","plate","resolveMark","springboardThemeName","stableHash","status","trigger","wallpaperColors","wallpaperLayers","module","exports","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAC,wBAAA,CAAAD,iBAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAC,aAAA,CAAAD,MAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAC,UAAA,CAAAD,mBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAH,aAAA,CAAAG,OAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAJ,aAAA,CAAAI,KAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAL,aAAA,CAAAK,UAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAC,YAAA,CAAAD,WAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAD,YAAA,CAAAC,QAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAF,YAAA,CAAAE,SAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAH,YAAA,CAAAG,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,cAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAb,aAAA,CAAAa,IAAA;EAAAC,GAAA,EAAAA,CAAA,KAAAd,aAAA,CAAAc,GAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAH,gBAAA,CAAAG,kBAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAhB,aAAA,CAAAgB,KAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAnB,wBAAA,CAAAmB,WAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAN,gBAAA,CAAAM,oBAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAZ,YAAA,CAAAY,UAAA;EAAAC,MAAA,EAAAA,CAAA,KAAApB,aAAA,CAAAoB,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAArB,aAAA,CAAAqB,OAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAtB,aAAA,CAAAsB,eAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAvB,aAAA,CAAAuB;AAAA;AAiBAC,MAAA,CAAAC,OAAA,GAAgEnC,YAAA,CAAAK,aAAA;AAChE,IAAAO,UAAA,GAAAwB,OAQO;AACP,IAAAnB,YAAA,GAAAmB,OAAA,oBAKO;AACP,IAAA5B,wBAAyE,GAAA4B,OAAA;AACzE,IAAAd,gBAYO,GAAAc,OAAA","ignoreList":[]}

package/dist/cjs/themeName.cjs

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var themeName_exports = {};
+__export(themeName_exports, {
+  houseThemeName: () => houseThemeName,
+  isSpringboardTheme: () => isSpringboardTheme,
+  springboardThemeName: () => springboardThemeName
+});
+module.exports = __toCommonJS(themeName_exports);
+const springboardThemeName = "shc-springboard";
+const houseThemeName = "platform-keycloak";
+function lastSegment(resourcesPath) {
+  const trimmed = resourcesPath.replace(/[?#].*$/, "").replace(/\/+$/, "");
+  const slash = trimmed.lastIndexOf("/");
+  return slash === -1 ? trimmed : trimmed.slice(slash + 1);
+}
+function isSpringboardTheme(kcContext) {
+  if (!kcContext) return false;
+  const resourcesPath = "url" in kcContext && kcContext.url ? kcContext.url.resourcesPath : "resourcesPath" in kcContext ? kcContext.resourcesPath : void 0;
+  if (typeof resourcesPath !== "string" || resourcesPath === "") return false;
+  return lastSegment(resourcesPath) === springboardThemeName;
+}

package/dist/cjs/themeName.native.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var themeName_exports = {};
+__export(themeName_exports, {
+  houseThemeName: () => houseThemeName,
+  isSpringboardTheme: () => isSpringboardTheme,
+  springboardThemeName: () => springboardThemeName
+});
+module.exports = __toCommonJS(themeName_exports);
+var springboardThemeName = "shc-springboard";
+var houseThemeName = "platform-keycloak";
+function lastSegment(resourcesPath) {
+  var trimmed = resourcesPath.replace(/[?#].*$/, "").replace(/\/+$/, "");
+  var slash = trimmed.lastIndexOf("/");
+  return slash === -1 ? trimmed : trimmed.slice(slash + 1);
+}
+function isSpringboardTheme(kcContext) {
+  if (!kcContext) return false;
+  var resourcesPath = "url" in kcContext && kcContext.url ? kcContext.url.resourcesPath : "resourcesPath" in kcContext ? kcContext.resourcesPath : void 0;
+  if (typeof resourcesPath !== "string" || resourcesPath === "") return false;
+  return lastSegment(resourcesPath) === springboardThemeName;
+}
+//# sourceMappingURL=themeName.native.js.map

package/dist/cjs/themeName.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themeName_exports","__export","houseThemeName","isSpringboardTheme","springboardThemeName","module","exports","lastSegment","resourcesPath","trimmed","replace","slash","lastIndexOf","slice","kcContext","url"],"sources":["../../src/themeName.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAoCOC,MAAM,CAAAC,OAAA,GAAAX,YAAuB,CAAAK,iBAAA;AAG7B,IAAAI,oBAAuB;AAG9B,IAAAF,cAAS,GAAY,mBAA+B;AAClD,SAAMK,WAAUA,CAAAC,aAAc;EAC9B,IAAAC,OAAM,GAAQD,aAAQ,CAAAE,OAAY,UAAG,MAAAA,OAAA;EACrC,IAAAC,KAAO,GAAAF,OAAU,CAAAG,WAAK,CAAU;EAClC,OAAAD,KAAA,UAAAF,OAAA,GAAAA,OAAA,CAAAI,KAAA,CAAAF,KAAA;AAUO;AAGL,SAAKR,kBAAkBA,CAAAW,SAAA;EACvB,KAAAA,SAAM,SACJ;EAKF,IAAIN,aAAO,YAAkBM,SAAA,IAAYA,SAAA,CAAAC,GAAA,GAAAD,SAAsB,CAAAC,GAAO,CAAAP,aAAA,sBAAAM,SAAA,GAAAA,SAAA,CAAAN,aAAA;EACtE,WAAOA,aAAY,aAAa,IAAMA,aAAA;EACxC,OAAAD,WAAA,CAAAC,aAAA,MAAAJ,oBAAA","ignoreList":[]}

package/dist/cjs/tokens.cjs

@@ -0,0 +1,133 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var tokens_exports = {};
+__export(tokens_exports, {
+  accent: () => accent,
+  caption: () => caption,
+  field: () => field,
+  fontFamily: () => fontFamily,
+  icon: () => icon,
+  ink: () => ink,
+  plate: () => plate,
+  status: () => status,
+  trigger: () => trigger,
+  wallpaperColors: () => wallpaperColors,
+  wallpaperLayers: () => wallpaperLayers
+});
+module.exports = __toCommonJS(tokens_exports);
+const wallpaperLayers = ["radial-gradient(ellipse at 18% 110%, rgba(56,189,248,.24), transparent 56%)", "radial-gradient(ellipse at 90% 0, rgba(99,102,241,.26), transparent 50%)", "linear-gradient(170deg, #071018, #152544 46%, #1a1544 76%, #080e18)"].join(", ");
+const wallpaperColors = {
+  /** Flat base beneath the gradient stack. `WALLPAPER_BASE`. */
+  base: "#0b1220",
+  /** Indigo glow, top-right. `WALLPAPER_GLOW_A`. */
+  glowA: "rgba(99,102,241,0.26)",
+  /** Sky glow, bottom-left. `WALLPAPER_GLOW_B`. */
+  glowB: "rgba(56,189,248,0.24)",
+  /** Text drawn directly on the wallpaper. `ON_WALLPAPER_TEXT`. */
+  text: "#ffffff",
+  /** The halo that keeps that text legible over either glow. `ON_WALLPAPER_SHADOW`. */
+  textShadow: "#000000"
+};
+const plate = {
+  /** `DOCK_SHELF_FILL` — the translucent slab. */
+  fill: "rgba(16,20,32,0.48)",
+  /** `DOCK_SHELF_HIGHLIGHT` — the 1px inner highlight along the top edge. */
+  highlight: "rgba(255,255,255,0.27)",
+  /** `launcherDock.radius`. */
+  radius: 26,
+  /** `launcherDock.paddingVertical` / `.paddingHorizontal`. */
+  paddingVertical: 12,
+  paddingHorizontal: 16,
+  /** `launcherDock.gap`. */
+  gap: 18
+};
+const icon = {
+  /** `launcherIcon.size` — applied to the squircle AND the art inside it. */
+  size: 60,
+  /** `launcherIcon.radius` — 0.2333 of the box, not tamagui's 0.22. */
+  radius: 14,
+  /** `launcherIcon.shadowOffsetY` / `.shadowBlur` — `0 3px 8px #0006`. */
+  shadowOffsetY: 3,
+  shadowBlur: 8,
+  shadowColor: "#0006"
+};
+const caption = {
+  /** `launcherCaption.fontSize`. */
+  fontSize: 11,
+  /** `launcherCaption.lineHeight`. */
+  lineHeight: 15,
+  /** `launcherCaption.marginTop` — squircle to label. */
+  marginTop: 6,
+  /** StackTile.tsx: `textShadowOffset={{ width: 0, height: 1 }}`, radius 3. */
+  shadowOffsetY: 1,
+  shadowBlur: 3,
+  /** StackTile.tsx: `fontWeight="600"`. */
+  fontWeight: 600
+};
+const trigger = {
+  size: 52,
+  radius: 16,
+  inset: 16,
+  shadowOffsetY: 6,
+  shadowBlur: 20
+};
+const accent = {
+  /** Opaque `wallpaperColors.glowA`. Primary buttons. */
+  indigo: "#6366f1",
+  /** One step down for :hover — the same hue, 8% darker. */
+  indigoHover: "#5457dd",
+  /** One step further for :active. */
+  indigoPress: "#484bc4",
+  /** Opaque `wallpaperColors.glowB`. Links and the focus ring. */
+  sky: "#38bdf8"
+};
+const ink = {
+  /** Headings and input values. `wallpaperColors.text`. */
+  primary: "#ffffff",
+  /** Labels. */
+  secondary: "rgba(255,255,255,0.82)",
+  /** Helper text, captions, the muted half of a row. */
+  muted: "rgba(255,255,255,0.62)",
+  /** Placeholders and disabled labels. */
+  faint: "rgba(255,255,255,0.42)"
+};
+const field = {
+  /** Input fill: the plate darkened, so a field sits INTO the slab. */
+  background: "rgba(8,11,20,0.55)",
+  /** Resting hairline — `plate.highlight` at half strength. */
+  border: "rgba(255,255,255,0.14)",
+  borderHover: "rgba(255,255,255,0.24)",
+  borderFocus: accent.sky,
+  /** Divider rules (the social-provider separator). */
+  divider: "rgba(255,255,255,0.12)",
+  /** Secondary/ghost button fill. */
+  ghost: "rgba(255,255,255,0.08)",
+  ghostHover: "rgba(255,255,255,0.14)"
+};
+const status = {
+  error: "#f87171",
+  warning: "#fbbf24",
+  success: "#34d399",
+  info: accent.sky
+};
+const fontFamily = 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';

package/dist/cjs/tokens.native.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var tokens_exports = {};
+__export(tokens_exports, {
+  accent: () => accent,
+  caption: () => caption,
+  field: () => field,
+  fontFamily: () => fontFamily,
+  icon: () => icon,
+  ink: () => ink,
+  plate: () => plate,
+  status: () => status,
+  trigger: () => trigger,
+  wallpaperColors: () => wallpaperColors,
+  wallpaperLayers: () => wallpaperLayers
+});
+module.exports = __toCommonJS(tokens_exports);
+var wallpaperLayers = ["radial-gradient(ellipse at 18% 110%, rgba(56,189,248,.24), transparent 56%)", "radial-gradient(ellipse at 90% 0, rgba(99,102,241,.26), transparent 50%)", "linear-gradient(170deg, #071018, #152544 46%, #1a1544 76%, #080e18)"].join(", ");
+var wallpaperColors = {
+  /** Flat base beneath the gradient stack. `WALLPAPER_BASE`. */
+  base: "#0b1220",
+  /** Indigo glow, top-right. `WALLPAPER_GLOW_A`. */
+  glowA: "rgba(99,102,241,0.26)",
+  /** Sky glow, bottom-left. `WALLPAPER_GLOW_B`. */
+  glowB: "rgba(56,189,248,0.24)",
+  /** Text drawn directly on the wallpaper. `ON_WALLPAPER_TEXT`. */
+  text: "#ffffff",
+  /** The halo that keeps that text legible over either glow. `ON_WALLPAPER_SHADOW`. */
+  textShadow: "#000000"
+};
+var plate = {
+  /** `DOCK_SHELF_FILL` — the translucent slab. */
+  fill: "rgba(16,20,32,0.48)",
+  /** `DOCK_SHELF_HIGHLIGHT` — the 1px inner highlight along the top edge. */
+  highlight: "rgba(255,255,255,0.27)",
+  /** `launcherDock.radius`. */
+  radius: 26,
+  /** `launcherDock.paddingVertical` / `.paddingHorizontal`. */
+  paddingVertical: 12,
+  paddingHorizontal: 16,
+  /** `launcherDock.gap`. */
+  gap: 18
+};
+var icon = {
+  /** `launcherIcon.size` — applied to the squircle AND the art inside it. */
+  size: 60,
+  /** `launcherIcon.radius` — 0.2333 of the box, not tamagui's 0.22. */
+  radius: 14,
+  /** `launcherIcon.shadowOffsetY` / `.shadowBlur` — `0 3px 8px #0006`. */
+  shadowOffsetY: 3,
+  shadowBlur: 8,
+  shadowColor: "#0006"
+};
+var caption = {
+  /** `launcherCaption.fontSize`. */
+  fontSize: 11,
+  /** `launcherCaption.lineHeight`. */
+  lineHeight: 15,
+  /** `launcherCaption.marginTop` — squircle to label. */
+  marginTop: 6,
+  /** StackTile.tsx: `textShadowOffset={{ width: 0, height: 1 }}`, radius 3. */
+  shadowOffsetY: 1,
+  shadowBlur: 3,
+  /** StackTile.tsx: `fontWeight="600"`. */
+  fontWeight: 600
+};
+var trigger = {
+  size: 52,
+  radius: 16,
+  inset: 16,
+  shadowOffsetY: 6,
+  shadowBlur: 20
+};
+var accent = {
+  /** Opaque `wallpaperColors.glowA`. Primary buttons. */
+  indigo: "#6366f1",
+  /** One step down for :hover — the same hue, 8% darker. */
+  indigoHover: "#5457dd",
+  /** One step further for :active. */
+  indigoPress: "#484bc4",
+  /** Opaque `wallpaperColors.glowB`. Links and the focus ring. */
+  sky: "#38bdf8"
+};
+var ink = {
+  /** Headings and input values. `wallpaperColors.text`. */
+  primary: "#ffffff",
+  /** Labels. */
+  secondary: "rgba(255,255,255,0.82)",
+  /** Helper text, captions, the muted half of a row. */
+  muted: "rgba(255,255,255,0.62)",
+  /** Placeholders and disabled labels. */
+  faint: "rgba(255,255,255,0.42)"
+};
+var field = {
+  /** Input fill: the plate darkened, so a field sits INTO the slab. */
+  background: "rgba(8,11,20,0.55)",
+  /** Resting hairline — `plate.highlight` at half strength. */
+  border: "rgba(255,255,255,0.14)",
+  borderHover: "rgba(255,255,255,0.24)",
+  borderFocus: accent.sky,
+  /** Divider rules (the social-provider separator). */
+  divider: "rgba(255,255,255,0.12)",
+  /** Secondary/ghost button fill. */
+  ghost: "rgba(255,255,255,0.08)",
+  ghostHover: "rgba(255,255,255,0.14)"
+};
+var status = {
+  error: "#f87171",
+  warning: "#fbbf24",
+  success: "#34d399",
+  info: accent.sky
+};
+var fontFamily = 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+//# sourceMappingURL=tokens.native.js.map

package/dist/cjs/tokens.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tokens_exports","__export","accent","caption","field","fontFamily","icon","ink","plate","status","trigger","wallpaperColors","wallpaperLayers","module","exports","join","base","glowA","glowB","text","textShadow","fill","highlight","radius","paddingVertical","paddingHorizontal","gap","size","shadowOffsetY","shadowBlur","shadowColor","fontSize","lineHeight","marginTop","fontWeight","inset","indigo","indigoHover","indigoPress","sky","primary","secondary","muted","faint","background","border","borderHover","borderFocus","divider","ghost","ghostHover","error","warning","success","info"],"sources":["../../src/tokens.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,GAAA,EAAAA,CAAA,KAAAA,GAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AA0COC,MAAM,CAAAC,OAAA,GAAAnB,YAAkB,CAAAK,cAAA;AAAA,IAC7BY,eAAA,IACA,+EACA,4EACA,qEAAS,CAkBJ,CAAAG,IAAM;AAAkB,IAAAJ,eAAA;EAE7B;EAAMK,IAAA;EAEN;EAAOC,KAAA;EAEP;EAAOC,KAAA;EAEP;EAAMC,IAAA;EAEN;EACFC,UAAA;AAiBO;AAAc,IAAAZ,KAAA;EAEnB;EAAMa,IAAA;EAEN;EAAWC,SAAA;EAEX;EAAQC,MAAA;EAER;EACAC,eAAA,IAAmB;EAAAC,iBAAA;EAEnB;EACFC,GAAA;AAWO;AAAa,IAAApB,IAAA;EAElB;EAAMqB,IAAA;EAEN;EAAQJ,MAAA;EAER;EACAK,aAAY;EACZC,UAAA,GAAa;EACfC,WAAA;AAaO;AAAgB,IAAA3B,OAAA;EAErB;EAAU4B,QAAA;EAEV;EAAYC,UAAA;EAEZ;EAAWC,SAAA;EAEX;EACAL,aAAY;EAAAC,UAAA;EAEZ;EACFK,UAAA;AAcO;AAAgB,IACrBxB,OAAM;EACNiB,IAAA,IAAQ;EACRJ,MAAA,EAAO;EACPY,KAAA;EACAP,aAAY;EACdC,UAAA;AAiBO;AAAe,IAAA3B,MAAA;EAEpB;EAAQkC,MAAA;EAER;EAAaC,WAAA;EAEb;EAAaC,WAAA;EAEb;EACFC,GAAA;AAcO;AAAY,IAAAhC,GAAA;EAEjB;EAASiC,OAAA;EAET;EAAWC,SAAA;EAEX;EAAOC,KAAA;EAEP;EACFC,KAAA;AAOO;AAAc,IAAAvC,KAAA;EAEnB;EAAYwC,UAAA;EAEZ;EACAC,MAAA,0BAAa;EACbC,WAAA,EAAa,wBAAO;EAAAC,WAAA,EAAA7C,MAAA,CAAAqC,GAAA;EAEpB;EAASS,OAAA;EAET;EACAC,KAAA,0BAAY;EACdC,UAAA;AAGO;AAAe,IACpBzC,MAAO;EACP0C,KAAA,WAAS;EACTC,OAAA,EAAS;EACTC,OAAM,WAAO;EACfC,IAAA,EAAApD,MAAA,CAAAqC;AAaO","ignoreList":[]}

package/dist/esm/SpringboardStyles.mjs

@@ -0,0 +1,35 @@
+import { useMemo } from "react";
+import { buildSpringboardCss } from "./css.mjs";
+import { glyphMark } from "./glyph.mjs";
+import { jsx } from "react/jsx-runtime";
+function resolveMark(realm) {
+  const name = realm?.name?.trim();
+  const displayName = realm?.displayName?.trim();
+  if (!name && !displayName) return void 0;
+  return glyphMark({
+    name: name ?? "",
+    displayName
+  });
+}
+function SpringboardStyles(props) {
+  const {
+    realm,
+    mark,
+    ...cssOptions
+  } = props;
+  const resolved = mark ?? resolveMark(realm);
+  const css = useMemo(() => buildSpringboardCss({
+    ...cssOptions,
+    mark: resolved
+  }),
+  // The options are primitives and the mark is a value object; keying on
+  // the resolved fields keeps the memo stable across the re-render that
+  // every keystroke in the password field causes.
+  [resolved?.monogram, resolved?.background, resolved?.foreground, cssOptions.fontFamily, cssOptions.focusRingWidthPx, cssOptions.focusRingOffsetPx, cssOptions.minPressTargetPx, cssOptions.cardMaxWidthPx]);
+  return /* @__PURE__ */jsx("style", {
+    "data-springboard-styles": "",
+    children: css
+  });
+}
+export { SpringboardStyles, resolveMark };
+//# sourceMappingURL=SpringboardStyles.mjs.map

package/dist/esm/SpringboardStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","buildSpringboardCss","glyphMark","jsx","resolveMark","realm","name","trim","displayName","SpringboardStyles","props","mark","cssOptions","resolved","css","monogram","background","foreground","fontFamily","focusRingWidthPx","focusRingOffsetPx","minPressTargetPx","cardMaxWidthPx","children"],"sources":["../../src/SpringboardStyles.tsx"],"sourcesContent":[null],"mappings":"AAmBA,SAASA,OAAA,QAAe;AAExB,SAASC,mBAAA,QAA2B;AAEpC,SAASC,SAAA,QAAiB;AA2DjB,SAAAC,GAAA;AA7BF,SAASC,YAAYC,KAAA,EAA4D;EACtF,MAAMC,IAAA,GAAOD,KAAA,EAAOC,IAAA,EAAMC,IAAA,CAAK;EAC/B,MAAMC,WAAA,GAAcH,KAAA,EAAOG,WAAA,EAAaD,IAAA,CAAK;EAC7C,IAAI,CAACD,IAAA,IAAQ,CAACE,WAAA,EAAa,OAAO;EAClC,OAAON,SAAA,CAAU;IAAEI,IAAA,EAAMA,IAAA,IAAQ;IAAIE;EAAY,CAAC;AACpD;AAEO,SAASC,kBAAkBC,KAAA,EAA+B;EAC/D,MAAM;IAAEL,KAAA;IAAOM,IAAA;IAAM,GAAGC;EAAW,IAAIF,KAAA;EAEvC,MAAMG,QAAA,GAAWF,IAAA,IAAQP,WAAA,CAAYC,KAAK;EAE1C,MAAMS,GAAA,GAAMd,OAAA,CACV,MAAMC,mBAAA,CAAoB;IAAE,GAAGW,UAAA;IAAYD,IAAA,EAAME;EAAS,CAAC;EAAA;EAAA;EAAA;EAI3D,CACEA,QAAA,EAAUE,QAAA,EACVF,QAAA,EAAUG,UAAA,EACVH,QAAA,EAAUI,UAAA,EACVL,UAAA,CAAWM,UAAA,EACXN,UAAA,CAAWO,gBAAA,EACXP,UAAA,CAAWQ,iBAAA,EACXR,UAAA,CAAWS,gBAAA,EACXT,UAAA,CAAWU,cAAA,CAEf;EAEA,OAAO,eAAAnB,GAAA,CAAC;IAAM,2BAAwB;IAAIoB,QAAA,EAAAT;EAAA,CAAI;AAChD","ignoreList":[]}

package/dist/esm/SpringboardStyles.native.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { buildSpringboardCss } from "./css.native.js";
+import { glyphMark } from "./glyph.native.js";
+function resolveMark(realm) {
+  var _realm_name, _realm_displayName;
+  var name = realm === null || realm === void 0 ? void 0 : (_realm_name = realm.name) === null || _realm_name === void 0 ? void 0 : _realm_name.trim();
+  var displayName = realm === null || realm === void 0 ? void 0 : (_realm_displayName = realm.displayName) === null || _realm_displayName === void 0 ? void 0 : _realm_displayName.trim();
+  if (!name && !displayName) return void 0;
+  return glyphMark({
+    name: name !== null && name !== void 0 ? name : "",
+    displayName
+  });
+}
+function SpringboardStyles(props) {
+  var {
+    realm,
+    mark,
+    ...cssOptions
+  } = props;
+  var resolved = mark !== null && mark !== void 0 ? mark : resolveMark(realm);
+  var css = useMemo(function () {
+    return buildSpringboardCss({
+      ...cssOptions,
+      mark: resolved
+    });
+  },
+  // The options are primitives and the mark is a value object; keying on
+  // the resolved fields keeps the memo stable across the re-render that
+  // every keystroke in the password field causes.
+  [resolved === null || resolved === void 0 ? void 0 : resolved.monogram, resolved === null || resolved === void 0 ? void 0 : resolved.background, resolved === null || resolved === void 0 ? void 0 : resolved.foreground, cssOptions.fontFamily, cssOptions.focusRingWidthPx, cssOptions.focusRingOffsetPx, cssOptions.minPressTargetPx, cssOptions.cardMaxWidthPx]);
+  return /* @__PURE__ */_jsx("style", {
+    "data-springboard-styles": "",
+    children: css
+  });
+}
+export { SpringboardStyles, resolveMark };
+//# sourceMappingURL=SpringboardStyles.native.js.map

package/dist/esm/SpringboardStyles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useMemo","buildSpringboardCss","glyphMark","resolveMark","realm","_realm_name","_realm_displayName","name","trim","displayName","SpringboardStyles","props","mark","cssOptions","resolved","css","monogram","background","foreground"],"sources":["../../src/SpringboardStyles.tsx"],"sourcesContent":[null],"mappings":"AAmBA,SAASA,GAAA,IAAAC,IAAA,QAAe;AAExB,SAASC,OAAA;AAET,SAASC,mBAAiB;AA2DjB,SAAAC,SAAA;AA7BF,SAASC,YAAYC,KAAA,EAA4D;EACtF,IAAAC,WAAa,EAAAC,kBAAkB;EAC/B,IAAAC,IAAM,GAAAH,KAAA,KAAc,QAAOA,KAAA,UAAa,CAAK,aAAAC,WAAA,GAAAD,KAAA,CAAAG,IAAA,cAAAF,WAAA,uBAAAA,WAAA,CAAAG,IAAA;EAC7C,IAAIC,WAAU,GAAAL,KAAA,KAAa,QAAOA,KAAA,wBAAAE,kBAAA,GAAAF,KAAA,CAAAK,WAAA,cAAAH,kBAAA,uBAAAA,kBAAA,CAAAE,IAAA;EAClC,KAAAD,IAAO,KAAAE,WAAkB,SAAQ,KAAI;EACvC,OAAAP,SAAA;IAEOK,IAAA,EAASA,IAAA,aAAkBA,IAAA,KAA+B,SAAAA,IAAA;IAC/DE;EAEA;AAEA;AAAY,SACVC,iBAAMA,CAAAC,KAAsB;EAA+B;IAAAP,KAAA;IAAAQ,IAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAAA,IAAAG,QAAA,GAAAF,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAT,WAAA,CAAAC,KAAA;EAAA,IAAAW,GAAA,GAAAf,OAAA,CAI3D;IACE,OAAAC,mBAAU;MACV,GAAAY,UAAU;MACVD,IAAA,EAAAE;IACA;EAAW;EACA;EACA;EACA;EAEb,CACFA,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAE,QAAA,EAEAF,QAAO,aAAAA,QAAC,KAAM,kBAAAA,QAAA,CAAwBG,UAAI,EAC5CH,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAI,UAAA,E","ignoreList":[]}