@multiplatform.one/theme 7.83.0 → 7.83.2

package/dist/cjs/theme/colorRules.native.js

@@ -0,0 +1,330 @@
+"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 colorRules_exports = {};
+__export(colorRules_exports, {
+  $color: () => $color,
+  aaTextContrastRatio: () => aaTextContrastRatio,
+  apcaContrast: () => apcaContrast,
+  assertContrast: () => assertContrast,
+  buttonColors: () => buttonColors,
+  contrastRatio: () => contrastRatio,
+  fillLabelLc: () => fillLabelLc,
+  findReadableStep: () => findReadableStep,
+  holdInkFloor: () => holdInkFloor,
+  inSwitchOffBand: () => inSwitchOffBand,
+  inputColors: () => inputColors,
+  isLightGround: () => isLightGround,
+  measureContrast: () => measureContrast,
+  minContrastRatio: () => minContrastRatio,
+  normalizeColorScale: () => normalizeColorScale,
+  normalizeToHex: () => normalizeToHex,
+  pickReadableForeground: () => pickReadableForeground,
+  plateContrastRatio: () => plateContrastRatio,
+  relativeLuminance: () => relativeLuminance,
+  resolveThemeContrast: () => resolveThemeContrast,
+  semanticGroups: () => semanticGroups,
+  switchOffFillAlpha: () => switchOffFillAlpha,
+  switchOffFillBand: () => switchOffFillBand,
+  systemFillHex: () => systemFillHex,
+  systemFillLuminance: () => systemFillLuminance
+});
+module.exports = __toCommonJS(colorRules_exports);
+function parseChannel(hex, offset) {
+  return Number.parseInt(hex.slice(offset, offset + 2), 16) / 255;
+}
+function linearize(c) {
+  return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+function normalizeToHex(raw) {
+  var s = raw.trim().toLowerCase();
+  if (s === "white" || s === "#fff" || s === "#ffffff") return "#ffffff";
+  if (s === "black" || s === "#000" || s === "#000000") return "#000000";
+  if (s.startsWith("#") && (s.length === 7 || s.length === 4)) {
+    if (s.length === 4) return `#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}`;
+    return s;
+  }
+  var hslMatch = s.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*([\d.]+)\s*)?\)/);
+  if (hslMatch) {
+    if (hslMatch[4] !== void 0 && Number(hslMatch[4]) < 0.999) return null;
+    var h = Number(hslMatch[1]);
+    var sat = Number(hslMatch[2]) / 100;
+    var l = Number(hslMatch[3]) / 100;
+    var a = sat * Math.min(l, 1 - l);
+    var f = function f2(n) {
+      var k = (n + h / 30) % 12;
+      var c = l - a * Math.max(-1, Math.min(k - 3, 9 - k, 1));
+      return Math.round(c * 255).toString(16).padStart(2, "0");
+    };
+    return `#${f(0)}${f(8)}${f(4)}`;
+  }
+  return null;
+}
+function relativeLuminance(hex) {
+  return 0.2126 * linearize(parseChannel(hex, 1)) + 0.7152 * linearize(parseChannel(hex, 3)) + 0.0722 * linearize(parseChannel(hex, 5));
+}
+function contrastRatio(l1, l2) {
+  var [lighter, darker] = l1 > l2 ? [l1, l2] : [l2, l1];
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function apcaY(hex) {
+  var [r, g, b] = [1, 3, 5].map(function (offset) {
+    return parseChannel(hex, offset);
+  });
+  var y = 0.2126729 * Math.pow(r, 2.4) + 0.7151522 * Math.pow(g, 2.4) + 0.072175 * Math.pow(b, 2.4);
+  return y < 0.022 ? y + Math.pow(0.022 - y, 1.414) : y;
+}
+function apcaContrast(text, background) {
+  var textHex = normalizeToHex(text);
+  var backgroundHex = normalizeToHex(background);
+  if (!textHex || !backgroundHex) return 0;
+  var yText = apcaY(textHex);
+  var yBackground = apcaY(backgroundHex);
+  if (Math.abs(yBackground - yText) < 5e-4) return 0;
+  if (yBackground > yText) {
+    var sapc = (Math.pow(yBackground, 0.56) - Math.pow(yText, 0.57)) * 1.14;
+    return sapc < 0.1 ? 0 : (sapc - 0.027) * 100;
+  }
+  var sapc1 = (Math.pow(yBackground, 0.65) - Math.pow(yText, 0.62)) * 1.14;
+  return sapc1 > -0.1 ? 0 : (sapc1 + 0.027) * 100;
+}
+var fillLabelLc = 60;
+var switchOffFillAlpha = {
+  light: 0.16,
+  dark: 0.32
+};
+var switchOffFillBand = {
+  light: [0.08, 0.24],
+  dark: [0.18, 0.4]
+};
+function isLightGround(ground) {
+  var hex = normalizeToHex(ground);
+  return hex !== null && relativeLuminance(hex) > 0.5;
+}
+function systemFillHex(ground, alpha) {
+  var hex = normalizeToHex(ground);
+  if (!hex) return null;
+  var mixed = [120, 120, 128].map(function (fill, index) {
+    var under = Number.parseInt(hex.slice(1 + index * 2, 3 + index * 2), 16);
+    return Math.round(fill * alpha + under * (1 - alpha)).toString(16).padStart(2, "0");
+  }).join("");
+  return `#${mixed}`;
+}
+function systemFillLuminance(ground, alpha) {
+  var hex = systemFillHex(ground, alpha);
+  return hex ? relativeLuminance(hex) : null;
+}
+var plateContrastRatio = 1.1;
+function inSwitchOffBand(track, ground) {
+  var hex = normalizeToHex(track);
+  if (!hex) return false;
+  var [low, high] = switchOffFillBand[isLightGround(ground) ? "light" : "dark"];
+  var a = systemFillLuminance(ground, low);
+  var b = systemFillLuminance(ground, high);
+  if (a === null || b === null) return false;
+  var lum = relativeLuminance(hex);
+  return lum >= Math.min(a, b) && lum <= Math.max(a, b);
+}
+var minContrastRatio = 3;
+var aaTextContrastRatio = 4.5;
+function measureContrast(pair) {
+  var _pair_floor, _pair_label;
+  var floor = (_pair_floor = pair.floor) !== null && _pair_floor !== void 0 ? _pair_floor : aaTextContrastRatio;
+  var label = (_pair_label = pair.label) !== null && _pair_label !== void 0 ? _pair_label : `${pair.foreground} on ${pair.background}`;
+  var foreground = normalizeToHex(pair.foreground);
+  if (!foreground) {
+    throw new Error(`${label}: foreground is not an opaque color: ${pair.foreground}`);
+  }
+  var background = normalizeToHex(pair.background);
+  if (!background) {
+    throw new Error(`${label}: background is not an opaque color: ${pair.background}`);
+  }
+  var ratio = contrastRatio(relativeLuminance(foreground), relativeLuminance(background));
+  return {
+    label,
+    foreground,
+    background,
+    ratio,
+    floor,
+    pass: ratio >= floor
+  };
+}
+function assertContrast(pairs) {
+  var reports = (Array.isArray(pairs) ? pairs : [pairs]).map(measureContrast);
+  var misses = reports.filter(function (report) {
+    return !report.pass;
+  });
+  if (misses.length > 0) {
+    var lines = misses.map(function (report) {
+      return `${report.label}: ${report.foreground} on ${report.background} = ${report.ratio}:1 \u2014 under the ${report.floor}:1 floor`;
+    });
+    throw new Error(`contrast floor missed (${misses.length} of ${reports.length} pairs):
+${lines.join("\n")}`);
+  }
+  return reports;
+}
+function resolveThemeContrast(themes, pair) {
+  var theme = themes[pair.theme];
+  if (!theme) throw new Error(`no such theme: ${pair.theme}`);
+  var foreground = theme[pair.foreground];
+  if (!foreground) throw new Error(`${pair.theme} has no ${pair.foreground}`);
+  var background = theme[pair.background];
+  if (!background) throw new Error(`${pair.theme} has no ${pair.background}`);
+  return {
+    foreground,
+    background,
+    floor: pair.floor,
+    label: `${pair.theme}: ${pair.foreground} on ${pair.background}`
+  };
+}
+function pickReadableForeground(fill, candidateA, candidateB) {
+  var fillHex = normalizeToHex(fill);
+  var aHex = normalizeToHex(candidateA);
+  var bHex = normalizeToHex(candidateB);
+  if (!fillHex || !aHex || !bHex) return candidateA;
+  var fillLum = relativeLuminance(fillHex);
+  return contrastRatio(relativeLuminance(aHex), fillLum) >= contrastRatio(relativeLuminance(bHex), fillLum) ? candidateA : candidateB;
+}
+function holdInkFloor(fill, ink) {
+  var floor = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : aaTextContrastRatio;
+  var fillHex = normalizeToHex(fill);
+  var inkHex = normalizeToHex(ink);
+  if (!fillHex || !inkHex) return ink;
+  var fillLum = relativeLuminance(fillHex);
+  var inkRatio = contrastRatio(relativeLuminance(inkHex), fillLum);
+  if (inkRatio >= floor) return ink;
+  var onWhite = contrastRatio(1, fillLum);
+  var onBlack = contrastRatio(0, fillLum);
+  var poleRatio = Math.max(onWhite, onBlack);
+  if (poleRatio <= inkRatio) return ink;
+  return onWhite >= onBlack ? "#ffffff" : "#000000";
+}
+function findReadableStep(scale, bgStep, startStep, preferredDir) {
+  var bgLum = relativeLuminance(scale[bgStep - 1]);
+  if (contrastRatio(bgLum, relativeLuminance(scale[startStep - 1])) >= minContrastRatio) {
+    return startStep;
+  }
+  for (var s = startStep + preferredDir; s >= 1 && s <= 12; s += preferredDir) {
+    if (contrastRatio(bgLum, relativeLuminance(scale[s - 1])) >= minContrastRatio) return s;
+  }
+  for (var s1 = startStep - preferredDir; s1 >= 1 && s1 <= 12; s1 -= preferredDir) {
+    if (contrastRatio(bgLum, relativeLuminance(scale[s1 - 1])) >= minContrastRatio) return s1;
+  }
+  var l1 = relativeLuminance(scale[0]);
+  var l12 = relativeLuminance(scale[11]);
+  return contrastRatio(bgLum, l1) >= contrastRatio(bgLum, l12) ? 1 : 12;
+}
+var buttonColors = {
+  bg: {
+    base: 5,
+    hover: 4,
+    active: 6
+  },
+  border: {
+    base: 7,
+    hover: 6,
+    active: 8
+  },
+  textLow: {
+    base: 7,
+    hover: 6,
+    active: 10
+  }
+};
+var inputColors = {
+  bg: {
+    base: 4,
+    hover: 3,
+    active: 5
+  },
+  border: {
+    base: 7,
+    hover: 6,
+    active: 8
+  }
+};
+function $color(step) {
+  return `$color${step}`;
+}
+var semanticGroups = [{
+  key: "background",
+  label: "Background",
+  from: 1,
+  to: 2,
+  color: "#6ec"
+}, {
+  key: "ui",
+  label: "UI Background",
+  from: 3,
+  to: 5,
+  color: "#b89af5"
+}, {
+  key: "border",
+  label: "Border",
+  from: 6,
+  to: 8,
+  color: "#ea8"
+}, {
+  key: "primary",
+  label: "Primary",
+  from: 9,
+  to: 10,
+  color: "#f66"
+}, {
+  key: "text",
+  label: "Text",
+  from: 11,
+  to: 12,
+  color: "#5af"
+}];
+function normalizeColorScale(raw) {
+  if (raw.length !== 12) return null;
+  var out = [];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = raw[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var c = _step.value;
+      var hex = normalizeToHex(c);
+      if (!hex) return null;
+      out.push(hex);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+//# sourceMappingURL=colorRules.native.js.map

package/dist/cjs/theme/colorRules.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","colorRules_exports","__export","$color","aaTextContrastRatio","apcaContrast","assertContrast","buttonColors","contrastRatio","fillLabelLc","findReadableStep","holdInkFloor","inSwitchOffBand","inputColors","isLightGround","measureContrast","minContrastRatio","normalizeColorScale","normalizeToHex","pickReadableForeground","plateContrastRatio","relativeLuminance","resolveThemeContrast","semanticGroups","switchOffFillAlpha","switchOffFillBand","systemFillHex","systemFillLuminance","module","exports","parseChannel","hex","offset","Number","parseInt","slice","linearize","c","Math","pow","raw","s","trim","toLowerCase","startsWith","length","hslMatch","match","h","sat","l","a","min","f","f2","n","k","max","round","toString","padStart","l1","l2","lighter","darker","apcaY","r","g","b","map","y","text","background","textHex","backgroundHex","yText","yBackground","abs","sapc","sapc1","light","dark","ground","alpha","mixed","fill","index","under","join","track","low","high","lum","pair","_pair_floor","_pair_label","floor","label","foreground","Error","ratio","pass","pairs","reports","Array","isArray","misses","filter","report","lines","themes","theme","candidateA","candidateB","fillHex","aHex","bHex","fillLum","ink","arguments","inkHex","inkRatio","onWhite","onBlack","poleRatio","scale","bgStep","startStep","preferredDir","bgLum"],"sources":["../../../src/theme/colorRules.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAmBAC,MAAA,CAAAC,OAAS,GAAAjC,YAA0B,CAAAK,kBAAwB;AACzD,SAAO6B,YAAOA,CAAAC,GAAS,EAAAC,MAAI,EAAM;EACnC,OAAAC,MAAA,CAAAC,QAAA,CAAAH,GAAA,CAAAI,KAAA,CAAAH,MAAA,EAAAA,MAAA;AAEA;AACE,SAAOI,SAAKA,CAAAC,CAAA;EACd,OAAAA,CAAA,cAAAA,CAAA,WAAAC,IAAA,CAAAC,GAAA,EAAAF,CAAA;AAGO;AACL,SAAMnB,cAAeA,CAAAsB,GAAA;EACrB,IAAIC,CAAA,GAAAD,GAAM,CAAAE,IAAA,GAAAC,WAAiB;EAC3B,IAAIF,CAAA,KAAM,WAAWA,CAAA,KAAM,UAAUA,CAAA,KAAM,WAAW,OAAO;EAC7D,IAAIA,CAAA,KAAE,OAAW,IAAGA,CAAA,KAAM,MAAE,IAAAA,CAAA,KAAW,SAAO,SAAe;EAC3D,IAAAA,CAAA,CAAIG,UAAE,IAAW,CAAG,KAAAH,CAAA,CAAAI,MAAW,KAAI,CAAG,IAAIJ,CAAA,CAAAI,MAAO,KAAM,CAAC,GAAG;IAC3D,IAAAJ,CAAA,CAAAI,MAAO,mBAAAJ,CAAA,MAAAA,CAAA,MAAAA,CAAA,MAAAA,CAAA,MAAAA,CAAA,MAAAA,CAAA;IACT,OAAAA,CAAA;EACA;EAAmB,IACjBK,QAAA,GAAAL,CAAA,CAAAM,KAAA;EACF,IAAAD,QAAA;IACA,IAAIA,QAAU,kBAAAb,MAAA,CAAAa,QAAA;IAGZ,IAAIE,CAAA,GAAAf,MAAU,CAAAa,QAAM;IACpB,IAAAG,GAAM,GAAIhB,MAAA,CAAOa,QAAA,CAAS,CAAC,CAAC;IAC5B,IAAAI,CAAA,GAAMjB,MAAM,CAAAa,QAAO,OAAW;IAC9B,IAAAK,CAAA,GAAMF,GAAI,GAAAX,IAAO,CAAAc,GAAA,CAAAF,CAAA,EAAS,CAAC,GAACA,CAAA,CAAI;IAChC,IAAAG,CAAA,GAAM,SAAUC,GAAAC,CAAK;MACrB,IAAMC,CAAA,GAAI,CAACD,CAAA,GAAAP,CAAA,GAAc;MACvB,IAAAX,CAAA,GAAMa,CAAA,GAAKC,CAAA,GAAIb,IAAI,CAAAmB,GAAA,CAAM,IAAAnB,IAAA,CAAAc,GAAA,CAAAI,CAAA,UAAAA,CAAA;MACzB,OAAMlB,IAAI,CAAAoB,KAAI,CAAIrB,CAAA,MAAK,EAAIsB,QAAI,CAAK,IAAIC,QAAO,IAAI,GAAI,CAAC;IACxD;IAGF,WAAAP,CAAA,MAAAA,CAAA,MAAAA,CAAA;EACA;EACF;AACA;AACF,SAAAhC,kBAAAU,GAAA;EAGO,OAAS,SAAAK,SAAkB,CAAAN,YAAqB,CAAAC,GAAA,iBAAAK,SAAA,CAAAN,YAAA,CAAAC,GAAA,iBAAAK,SAAA,CAAAN,YAAA,CAAAC,GAAA;AACrD;AAKF,SAAAvB,cAAAqD,EAAA,EAAAC,EAAA;EAGO,KAAAC,OAAS,EAAAC,MAAA,CAAc,GAAAH,EAAY,GAAoBC,EAAA,IAC5DD,EAAA,EACAC,EAAA,CACF,IAEAA,EAAA,EACED,EAAA,CACA;EACA,OAAO,CAAAE,OAAI,OAAQ,KAAKC,MAAQ,OAAM;AACxC;AAOO,SAASC,MAAAlC,GAAA;EACd,KAAAmC,CAAM,EAAAC,CAAA,EAAAC,CAAA,IAAU,CAChB,GACA,GACA,EACA,CAAAC,GAAA,CAAM,UAAArC,MAAc;IACpB,OAASF,YAAI,CAAAC,GAAA,EAAcC,MAAK;EAChC;EACE,IAAAsC,CAAA,GAAM,SAAQ,GAAAhC,IAAA,CAAAC,GAAA,CAAA2B,CAAA,EAAe,OAAO,SAAS,GAAA5B,IAAA,CAAQC,GAAA,CAAA4B,CAAA,oBAAA7B,IAAA,CAAAC,GAAA,CAAA6B,CAAA;EACrD,OAAAE,CAAA,GAAO,QAAOA,CAAA,GAAMhC,IAAA,CAAKC,GAAA,MAAO,GAAA+B,CAAA,OAAS,IAAAA,CAAA;AAAA;AAE3C,SAAMjE,YAAQA,CAAAkE,IAAA,EAAAC,UAAsB;EACpC,IAAAC,OAAO,GAAOvD,cAAY,CAAAqD,IAAO;EACnC,IAAAG,aAAA,GAAAxD,cAAA,CAAAsD,UAAA;EAGO,IAAM,CAAAC,OAAA,KAAAC,aAAc;EAQpB,IAAMC,KAAA,GAAAV,KAAA,CAAAQ,OAAqB;EAC3B,IAAMG,WAAA,GAAAX,KAAA,CAAoBS,aAAU;EAGpC,IAAApC,IAAS,CAAAuC,GAAA,CAAAD,WAAc,GAAAD,KAAyB;EACrD,IAAAC,WAAY,GAAAD,KAAA;IACZ,IAAAG,IAAO,IAAAxC,IAAQ,CAAAC,GAAA,CAAQqC,WAAA,OAAkB,GAAGtC,IAAI,CAAAC,GAAA,CAAAoC,KAAA;IAClD,OAAAG,IAAA,cAAAA,IAAA;EAGO;EACL,IAAAC,KAAM,GAAM,CAAAzC,IAAA,CAAAC,GAAA,CAAAqC,WAAqB,UAAAtC,IAAA,CAAAC,GAAA,CAAAoC,KAAA;EACjC,OAAKI,KAAK,OAAO,QAAAA,KAAA;AACjB;AAEI,IAAAtE,WAAM,GAAQ;AACd,IAAAe,kBAAkB;EAGpBwD,KACC,MAAO;EACVC,IAAA;AACF;AAGO,IAAAxD,iBAAS;EACduD,KAAA,EAAM,CACN,MACF,KAMO;EAOAC,IAAA,GACL,IAAM,EACN,GAAK;AAEL;AACA,SAAMnE,aAAIA,CAAAoE,MAAA;EACV,IAAInD,GAAA,GAAMb,cAAc,CAAAgE,MAAM;EAC9B,OAAMnD,GAAA,KAAM,QAAAV,iBAAqB,CAAAU,GAAA;AACjC;AACF,SAAAL,cAAAwD,MAAA,EAAAC,KAAA;EAEO,IAAMpD,GAAA,GAAAb,cAAmB,CAAAgE,MAAA;EAGzB,IAAM,CAAAnD,GAAA;EA0CN,IAAAqD,KAAS,IACd,KACA,KACA,IACA,CAAAf,GAAK,WAAAgB,IAAY,EAAAC,KAAA;IACf,IAAAC,KAAM,GAAItD,MAAM,CAAGC,QAAK,CAAAH,GAAA,CAAAI,KAAA,KAAAmD,KAAA,UAAAA,KAAA,GAAwC,IAAK;IACvE,OAAAhD,IAAA,CAAAoB,KAAA,CAAA2B,IAAA,GAAAF,KAAA,GAAAI,KAAA,QAAAJ,KAAA,GAAAxB,QAAA,KAAAC,QAAA;EACA,GAAA4B,IAAM;EACN,OAAK,IAAAJ,KAAA,EAAY;AACf;AAAiF,SACnFzD,oBAAAuD,MAAA,EAAAC,KAAA;EACA,IAAApD,GAAM,GAAAL,aAAQ,CAAAwD,MAAc,EAAAC,KAAA;EAC5B,OAAOpD,GAAE,GAAAV,iBAAmB,CAAAU,GAAA,QAAY;AAC1C;AAQO,IAAAX,kBAAS,GAAe;AAC7B,SAAMR,eAAWA,CAAM6E,KAAA,EAAAP,MAAa;EACpC,IAAAnD,GAAM,GAAAb,cAAiB,CAAAuE,KAAO,CAAC;EAC/B,IAAI,CAAA1D,GAAA,SAAO,KAAS;EAClB,KAAA2D,GAAM,EAAAC,IAAA,IAAQlE,iBAAO,CAAAX,aAAA,CAAAoE,MAAA;EAAA,IACnB/B,CAAC,GAAAxB,mBACW,CAAAuD,MAAK,EAAKQ,GAAA;EACyB,IACjDtB,CAAA,GAAAzC,mBAAA,CAAAuD,MAAA,EAAAS,IAAA;EACA,IAAAxC,CAAA,KAAM,IAAI,IAAAiB,CAAA;EAAA,IACRwB,GAAA,GAAAvE,iBAAA,CAAAU,GAA0B;EAA+C,OAAM6D,GAAA,IAAKtD,IAAK,CAAAc,GAAA,CAAAD,CAAA,EAAAiB,CAAA,KAAAwB,GAAA,IAAAtD,IAAA,CAAAmB,GAAA,CAAAN,CAAA,EAAAiB,CAAA;AAAA;AAC3F,IACFpD,gBAAA;AACA,IAAAZ,mBAAO;AACT,SAAAW,gBAAA8E,IAAA;EAuBO,IAAAC,WAAS,EAAAC,WACd;EAGA,IAAAC,KAAM,IAAAF,WAAe,GAAKD,IAAK,CAAAG,KAAA,cAAAF,WAAA,cAAAA,WAAA,GAAA1F,mBAAA;EAC/B,IAAI6F,KAAC,GAAO,CAAAF,WAAU,GAAAF,IAAM,CAAAI,KAAA,UAAkB,IAAKF,WAAO,cAAAA,WAAA,MAAAF,IAAA,CAAAK,UAAA,OAAAL,IAAA,CAAArB,UAAA;EAC1D,IAAA0B,UAAM,GAAAhF,cAAwB,CAAA2E,IAAA,CAAAK,UAAU;EACxC,IAAI,CAACA,UAAA,EAAY;IACjB,MAAM,IAAAC,KAAA,IAAaF,KAAM,wCAAeJ,IAAA,CAAAK,UAAA;EACxC;EACA,IAAA1B,UAAO,GAAAtD,cAAA,CAAA2E,IAAA,CAAArB,UAAA;EAAA,IACL,CAAAA,UAAA;IACA,UAAA2B,KAAA,IAAAF,KAAA,wCAAAJ,IAAA,CAAArB,UAAA;EAAA;EACY,IACZ4B,KAAO,GAAG5F,aAAU,CAAAa,iBAAoB,CAAA6E,UAAY,GAAA7E,iBAAU,CAAAmD,UAAA;EAChE;IACFyB,KAAA;IAUOC,UAAS;IAKd1B,UAAM;IACN4B,KAAM;IACNJ,KAAM;IACNK,IAAK,EAAAD,KAAA,IAAYJ;EACjB;AACA;AAIF,SAAA1F,eAAAgG,KAAA;EAUO,IAAAC,OAAS,IAAAC,KAAa,CAAAC,OAAc,CAAAH,KAAa,IAAAA,KAAQ,IAC9DA,KAAM,CACN,EAAAjC,GAAM,CAAAtD,eAAS;EACf,IAAI2F,MAAC,GAAAH,OAAY,CAAAI,MAAQ,WAAOC,MAAA;IAChC,OAAM,CAAAA,MAAU,CAAAP,IAAA;EAChB;EACA,IAAIK,MAAA,CAAA7D,MAAY,MAAO;IACvB,IAAMgE,KAAA,GAAAH,MAAU,CAAArC,GAAA,WAAiBuC,MAAO;MACxC,OAAM,GAAAA,MAAU,CAAAX,KAAA,KAAcW,MAAG,CAAAV,UAAO,OAAAU,MAAA,CAAApC,UAAA,MAAAoC,MAAA,CAAAR,KAAA,uBAAAQ,MAAA,CAAAZ,KAAA;IACxC;IACA,MAAI,IAAAG,KAAa,2BAAiBO,MAAA,CAAA7D,MAAA,OAAA0D,OAAA,CAAA1D,MAAA;AAClC,EAAAgE,KAAA,CAAArB,IAAO,QAAW;EACpB;EAQO,OAASe,OAAA;AAMd;AAEA,SAAIjF,oBAAqBA,CAAAwF,MAAA,EAAAjB,IAAA;EACvB,IAAAkB,KAAO,GAAAD,MAAA,CAAAjB,IAAA,CAAAkB,KAAA;EACT,KAAAA,KAAA,YAAAZ,KAAA,mBAAAN,IAAA,CAAAkB,KAAA;EAEA,IAAAb,UAAa,GAAAa,KAAA,CAAAlB,IAAY,CAAAK,UAAA,CAAc;EACrC,KAAAA,UAAI,QAAc,IAAOC,KAAA,IAAAN,IAAA,CAAAkB,KAAkB,WAAYlB,IAAC,CAAAK,UAAK;EAC/D,IAAA1B,UAAA,GAAAuC,KAAA,CAAAlB,IAAA,CAAArB,UAAA;EAEA,KAAAA,UAAa,YAAY2B,KAAA,IAAAN,IAAc,CAAAkB,KAAK,WAAUlB,IAAI,CAAArB,UAAK;EAC7D,OAAI;IACN0B,UAAA;IAEA1B,UAAW;IACXwB,KAAM,EAAAH,IAAM,CAAAG,KAAA;IACZC,KAAO,KAAAJ,IAAA,CAAAkB,KAAc,KAAAlB,IAAS,CAAAK,UAAK,OAAcL,IAAA,CAAArB,UAAc;EACjE;AAsBO;AAAwC,SACvCrD,sBAAmBA,CAAAkE,IAAQ,EAAE2B,UAAA,EAAAC,UAAA;EACnC,IAAAC,OAAU,GAAAhG,cAAgB,CAAGmE,IAAA;EAC7B,IAAA8B,IAAA,GAAWjG,cAAS,CAAA8F,UAAU;EAChC,IAAAI,IAAA,GAAAlG,cAAA,CAAA+F,UAAA;EAEO,IAAM,CAAAC,OAAA,KAAAC,IAAoC,KAAAC,IAAA,SAAAJ,UAAA;EAC/C,IAAIK,OAAE,GAAMhG,iBAAa,CAAA6F,OAAU;EACnC,OAAA1G,aAAmB,CAAAa,iBAAkB,CAAE8F,IAAA,GAAAE,OAAA,KAAA7G,aAAA,CAAAa,iBAAA,CAAA+F,IAAA,GAAAC,OAAA,IAAAL,UAAA,GAAAC,UAAA;AACzC;AAEO,SAAStG,YAAOA,CAAiB0E,IAAA,EAAAiC,GAAA;EACtC,IAAAtB,KAAO,GAAAuB,SAAa,CAAA1E,MAAA,QAAA0E,SAAA,iBAAAA,SAAA,MAAAnH,mBAAA;EACtB,IAAA8G,OAAA,GAAAhG,cAAA,CAAAmE,IAAA;EAYO,IAAMmC,MAAA,GAAAtG,cAAkC,CAAAoG,GAAA;EAC7C,IAAE,CAAAJ,OAAK,KAAAM,MAAc,SAAOF,GAAA;EAC5B,IAAED,OAAK,GAAMhG,iBAAO,CAAA6F,OAAiB;EACrC,IAAEO,QAAK,GAAAjH,aAAiB,CAAAa,iBAAmB,CAAImG,MAAG,GAAAH,OAAO,CAAO;EAChE,IAAEI,QAAK,IAAAzB,KAAW,SAAOsB,GAAA;EACzB,IAAEI,OAAK,GAAAlH,aAAe,IAAQ6G,OAAM;EACtC,IAAAM,OAAA,GAAAnH,aAAA,IAAA6G,OAAA;EAGO,IAAAO,SAAS,GAAAtF,IAAA,CAAAmB,GAAA,CAAAiE,OAAoD,EAAAC,OAAA;EAClE,IAAIC,SAAI,IAAAH,QAAe,SAAOH,GAAA;EAC9B,OAAMI,OAAiB,IAAAC,OAAA;AACvB;AACE,SAAAjH,gBAAYA,CAAAmH,KAAe,EAACC,MAAA,EAAAC,SAAA,EAAAC,YAAA;EAC5B,IAAAC,KAAK,GAAK5G,iBAAO,CAAAwG,KAAA,CAAAC,MAAA;EACjB,IAAAtH,aAAY,CAAAyH,KAAA,EAAA5G,iBAAA,CAAAwG,KAAA,CAAAE,SAAA,WAAA/G,gBAAA;IACd,OAAA+G,SAAA;EACA;EACF,SAAAtF,CAAA,GAAAsF,SAAA,GAAAC,YAAA,EAAAvF,CAAA,SAAAA,CAAA,QAAAA,CAAA,IAAAuF,YAAA","ignoreList":[]}

package/dist/cjs/theme/controlTiers.cjs

@@ -0,0 +1,67 @@
+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 controlTiers_exports = {};
+__export(controlTiers_exports, {
+  controlTierDisabled: () => controlTierDisabled,
+  controlTierPaint: () => controlTierPaint,
+  controlTierWash: () => controlTierWash,
+  isDarkThemeName: () => isDarkThemeName
+});
+module.exports = __toCommonJS(controlTiers_exports);
+const lightWash = {
+  rest: "$color3",
+  hover: "$color4",
+  press: "$color5"
+};
+const darkWash = {
+  rest: "$color4",
+  hover: "$color5",
+  press: "$color6"
+};
+const darkElevatedWash = {
+  rest: "$color5",
+  hover: "$color6",
+  press: "$color7"
+};
+function controlTierWash(dark, elevated = false) {
+  if (!dark) return lightWash;
+  return elevated ? darkElevatedWash : darkWash;
+}
+function controlTierPaint(tier, dark, elevated = false) {
+  const wash = controlTierWash(dark, elevated);
+  return tier === "plain" ? {
+    rest: "transparent",
+    hover: wash.rest,
+    press: wash.hover
+  } : wash;
+}
+function controlTierDisabled(tier) {
+  return {
+    backgroundColor: "transparent",
+    borderColor: tier === "tinted" ? "$color6" : "transparent",
+    color: "$color9"
+  };
+}
+function isDarkThemeName(name) {
+  return typeof name === "string" && (name === "dark" || name.startsWith("dark_"));
+}

package/dist/cjs/theme/controlTiers.native.js

@@ -0,0 +1,72 @@
+"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 controlTiers_exports = {};
+__export(controlTiers_exports, {
+  controlTierDisabled: () => controlTierDisabled,
+  controlTierPaint: () => controlTierPaint,
+  controlTierWash: () => controlTierWash,
+  isDarkThemeName: () => isDarkThemeName
+});
+module.exports = __toCommonJS(controlTiers_exports);
+var lightWash = {
+  rest: "$color3",
+  hover: "$color4",
+  press: "$color5"
+};
+var darkWash = {
+  rest: "$color4",
+  hover: "$color5",
+  press: "$color6"
+};
+var darkElevatedWash = {
+  rest: "$color5",
+  hover: "$color6",
+  press: "$color7"
+};
+function controlTierWash(dark) {
+  var elevated = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+  if (!dark) return lightWash;
+  return elevated ? darkElevatedWash : darkWash;
+}
+function controlTierPaint(tier, dark) {
+  var elevated = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+  var wash = controlTierWash(dark, elevated);
+  return tier === "plain" ? {
+    rest: "transparent",
+    hover: wash.rest,
+    press: wash.hover
+  } : wash;
+}
+function controlTierDisabled(tier) {
+  return {
+    backgroundColor: "transparent",
+    borderColor: tier === "tinted" ? "$color6" : "transparent",
+    color: "$color9"
+  };
+}
+function isDarkThemeName(name) {
+  return typeof name === "string" && (name === "dark" || name.startsWith("dark_"));
+}
+//# sourceMappingURL=controlTiers.native.js.map

package/dist/cjs/theme/controlTiers.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","controlTiers_exports","__export","controlTierDisabled","controlTierPaint","controlTierWash","isDarkThemeName","module","exports","lightWash","rest","hover","press","darkWash","darkElevatedWash","dark","elevated","arguments","length","tier","wash"],"sources":["../../../src/theme/controlTiers.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AA6BAC,MAAM,CAAAC,OAAA,GAAAZ,YAAsC,CAAAK,oBAAkB;AAC9D,IAAAQ,SAAM;EACNC,IAAM;EACJC,KAAA,EAAM;EACNC,KAAA,EAAO;AAAA;AAET,IAAAC,QAAA;EAGOH,IAAA,WAAS;EACdC,KAAK,WAAM;EACXC,KAAA,EAAO;AACT;AAGO,IAAAE,gBAAS;EAKdJ,IAAA,EAAM,SAAO;EACbC,KAAA,EAAO,SAAS;EAClBC,KAAA;AAGO;AAKL,SAAOP,gBAAAU,IAAA;EAAA,IACLC,QAAA,GAAAC,SAAiB,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IACjB,CAAAF,IAAA,SAAaN,SAAS;EAAuB,OAC7CO,QAAO,GAAAF,gBAAA,GAAAD,QAAA;AAAA;AAEX,SAAAT,iBAAAe,IAAA,EAAAJ,IAAA;EAGO,IAAAC,QAAS,GAAAC,SAAgB,CAAAC,MAA0C,QAAAD,SAAA,iBAAAA,SAAA;EACxE,IAAAG,IAAO,GAAAf,eAAgB,CAAAU,IAAA,EAAAC,QAAa;EACtC,OAAAG,IAAA","ignoreList":[]}

package/dist/cjs/theme/cookies.cjs

@@ -0,0 +1,183 @@
+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 cookies_exports = {};
+__export(cookies_exports, {
+  computeOverrides: () => computeOverrides,
+  cookieOverridesPrefix: () => cookieOverridesPrefix,
+  cookiePreset: () => cookiePreset,
+  getCookieWatchList: () => getCookieWatchList,
+  isKnobKey: () => isKnobKey,
+  joinSplitCookieValues: () => joinSplitCookieValues,
+  loadPresetOverrides: () => loadPresetOverrides,
+  persistPresetOverrides: () => persistPresetOverrides,
+  readOverridesCookie: () => readOverridesCookie,
+  readPresetCookie: () => readPresetCookie,
+  sanitizeOverrides: () => sanitizeOverrides,
+  splitCookieValue: () => splitCookieValue,
+  writeOverridesCookie: () => writeOverridesCookie,
+  writePresetCookie: () => writePresetCookie
+});
+module.exports = __toCommonJS(cookies_exports);
+var import_platform = require("@multiplatform.one/platform");
+var import_knobs = require("./knobs.cjs");
+const cookiePreset = "mp.preset";
+const cookieOverridesPrefix = "mp.ov";
+const cookieSplitThreshold = 3500;
+const maxChunks = 10;
+function splitCookieValue(value) {
+  if (value.length <= cookieSplitThreshold) {
+    return [value];
+  }
+  const chunks = [];
+  for (let i = 0; i < value.length; i += cookieSplitThreshold) {
+    chunks.push(value.slice(i, i + cookieSplitThreshold));
+  }
+  return chunks;
+}
+function joinSplitCookieValues(chunks) {
+  return chunks.join("");
+}
+function chunkKey(index) {
+  return `${cookieOverridesPrefix}.${index}`;
+}
+const knobKeys = new Set(Object.keys(import_knobs.defaultKnobs));
+function isKnobKey(key) {
+  return knobKeys.has(key);
+}
+const stateKnobKeys = /* @__PURE__ */new Set(["fillStyle", "borderRadius", "borderWidth", "elevation", "textAccent", "headingFont", "bodyFont", "fontWeight"]);
+function sanitizeOverrides(parsed) {
+  if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+    return {};
+  }
+  const overrides = {};
+  for (const [key, value] of Object.entries(parsed)) {
+    if (!knobKeys.has(key)) continue;
+    if (key === "animation") {
+      const animation = (0, import_knobs.normalizeAnimationKnob)(value);
+      if (animation !== void 0) overrides.animation = animation;
+    } else if (typeof value === "string") {
+      overrides[key] = value;
+    } else if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+      const nested = {};
+      for (const [stateKey, stateValue] of Object.entries(value)) {
+        if (stateKnobKeys.has(stateKey) && typeof stateValue === "string") {
+          nested[stateKey] = stateValue;
+        }
+      }
+      overrides[key] = nested;
+    }
+  }
+  return overrides;
+}
+function readOverridesCookie(cookies) {
+  const chunks = [];
+  for (let i = 0; i < maxChunks; i++) {
+    const chunk = cookies[chunkKey(i)];
+    if (!chunk) break;
+    chunks.push(chunk);
+  }
+  if (chunks.length === 0) return {};
+  if (chunks.length === 1 && typeof chunks[0] === "object") {
+    return sanitizeOverrides(chunks[0]);
+  }
+  if (!chunks.every(chunk => typeof chunk === "string")) {
+    return {};
+  }
+  try {
+    return sanitizeOverrides(JSON.parse(joinSplitCookieValues(chunks)));
+  } catch {
+    return {};
+  }
+}
+function readPresetCookie(cookies) {
+  const value = cookies[cookiePreset];
+  return typeof value === "string" && value.length > 0 ? value : void 0;
+}
+function writePresetCookie(presetName) {
+  return {
+    key: cookiePreset,
+    value: presetName
+  };
+}
+function writeOverridesCookie(overrides) {
+  const json = JSON.stringify(overrides);
+  const chunks = splitCookieValue(json);
+  const toSet = chunks.map((chunk, i) => ({
+    key: chunkKey(i),
+    value: chunk
+  }));
+  const toRemove = [];
+  for (let i = chunks.length; i < chunks.length + maxChunks; i++) {
+    toRemove.push(chunkKey(i));
+  }
+  return {
+    toSet,
+    toRemove
+  };
+}
+function computeOverrides(base, current) {
+  const overrides = {};
+  for (const key of Object.keys(base)) {
+    if (current[key] !== base[key]) {
+      overrides[key] = current[key];
+    }
+  }
+  return overrides;
+}
+function getCookieWatchList() {
+  const keys = [cookiePreset];
+  for (let i = 0; i < maxChunks; i++) {
+    keys.push(chunkKey(i));
+  }
+  return keys;
+}
+function persistPresetOverrides(overrides) {
+  const {
+    toSet,
+    toRemove
+  } = writeOverridesCookie(overrides);
+  for (const {
+    key,
+    value
+  } of toSet) {
+    (0, import_platform.setCookie)(key, value, {
+      days: 365,
+      sameSite: "Strict"
+    });
+  }
+  for (const key of toRemove) {
+    (0, import_platform.deleteCookie)(key);
+  }
+}
+function loadPresetOverrides(rawCookies) {
+  const cookies = rawCookies ?? parseBrowserCookies();
+  return readOverridesCookie(cookies);
+}
+function parseBrowserCookies() {
+  const map = {};
+  for (const key of getCookieWatchList()) {
+    const value = (0, import_platform.getCookie)(key);
+    if (value !== null) map[key] = value;
+  }
+  return map;
+}