@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/cjs/theme/colorRules.cjs

@@ -0,0 +1,323 @@
+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,
+  holdHueToFloor: () => holdHueToFloor,
+  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 : ((c + 0.055) / 1.055) ** 2.4;
+}
+function normalizeToHex(raw) {
+  const 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;
+  }
+  const 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;
+    const h = Number(hslMatch[1]);
+    const sat = Number(hslMatch[2]) / 100;
+    const l = Number(hslMatch[3]) / 100;
+    const a = sat * Math.min(l, 1 - l);
+    const f = n => {
+      const k = (n + h / 30) % 12;
+      const 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) {
+  const [lighter, darker] = l1 > l2 ? [l1, l2] : [l2, l1];
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function apcaY(hex) {
+  const [r, g, b] = [1, 3, 5].map(offset => parseChannel(hex, offset));
+  const y = 0.2126729 * r ** 2.4 + 0.7151522 * g ** 2.4 + 0.072175 * b ** 2.4;
+  return y < 0.022 ? y + (0.022 - y) ** 1.414 : y;
+}
+function apcaContrast(text, background) {
+  const textHex = normalizeToHex(text);
+  const backgroundHex = normalizeToHex(background);
+  if (!textHex || !backgroundHex) return 0;
+  const yText = apcaY(textHex);
+  const yBackground = apcaY(backgroundHex);
+  if (Math.abs(yBackground - yText) < 5e-4) return 0;
+  if (yBackground > yText) {
+    const sapc2 = (yBackground ** 0.56 - yText ** 0.57) * 1.14;
+    return sapc2 < 0.1 ? 0 : (sapc2 - 0.027) * 100;
+  }
+  const sapc = (yBackground ** 0.65 - yText ** 0.62) * 1.14;
+  return sapc > -0.1 ? 0 : (sapc + 0.027) * 100;
+}
+const fillLabelLc = 60;
+const switchOffFillAlpha = {
+  light: 0.16,
+  dark: 0.32
+};
+const switchOffFillBand = {
+  light: [0.08, 0.24],
+  dark: [0.18, 0.4]
+};
+function isLightGround(ground) {
+  const hex = normalizeToHex(ground);
+  return hex !== null && relativeLuminance(hex) > 0.5;
+}
+function systemFillHex(ground, alpha) {
+  const hex = normalizeToHex(ground);
+  if (!hex) return null;
+  const mixed = [120, 120, 128].map((fill, index) => {
+    const 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) {
+  const hex = systemFillHex(ground, alpha);
+  return hex ? relativeLuminance(hex) : null;
+}
+const plateContrastRatio = 1.1;
+function inSwitchOffBand(track, ground) {
+  const hex = normalizeToHex(track);
+  if (!hex) return false;
+  const [low, high] = switchOffFillBand[isLightGround(ground) ? "light" : "dark"];
+  const a = systemFillLuminance(ground, low);
+  const b = systemFillLuminance(ground, high);
+  if (a === null || b === null) return false;
+  const lum = relativeLuminance(hex);
+  return lum >= Math.min(a, b) && lum <= Math.max(a, b);
+}
+const minContrastRatio = 3;
+const aaTextContrastRatio = 4.5;
+function measureContrast(pair) {
+  const floor = pair.floor ?? aaTextContrastRatio;
+  const label = pair.label ?? `${pair.foreground} on ${pair.background}`;
+  const foreground = normalizeToHex(pair.foreground);
+  if (!foreground) {
+    throw new Error(`${label}: foreground is not an opaque color: ${pair.foreground}`);
+  }
+  const background = normalizeToHex(pair.background);
+  if (!background) {
+    throw new Error(`${label}: background is not an opaque color: ${pair.background}`);
+  }
+  const ratio = contrastRatio(relativeLuminance(foreground), relativeLuminance(background));
+  return {
+    label,
+    foreground,
+    background,
+    ratio,
+    floor,
+    pass: ratio >= floor
+  };
+}
+function assertContrast(pairs) {
+  const reports = (Array.isArray(pairs) ? pairs : [pairs]).map(measureContrast);
+  const misses = reports.filter(report => !report.pass);
+  if (misses.length > 0) {
+    const lines = misses.map(report => `${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) {
+  const theme = themes[pair.theme];
+  if (!theme) throw new Error(`no such theme: ${pair.theme}`);
+  const foreground = theme[pair.foreground];
+  if (!foreground) throw new Error(`${pair.theme} has no ${pair.foreground}`);
+  const 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) {
+  const fillHex = normalizeToHex(fill);
+  const aHex = normalizeToHex(candidateA);
+  const bHex = normalizeToHex(candidateB);
+  if (!fillHex || !aHex || !bHex) return candidateA;
+  const fillLum = relativeLuminance(fillHex);
+  return contrastRatio(relativeLuminance(aHex), fillLum) >= contrastRatio(relativeLuminance(bHex), fillLum) ? candidateA : candidateB;
+}
+function holdInkFloor(fill, ink, floor = aaTextContrastRatio) {
+  const fillHex = normalizeToHex(fill);
+  const inkHex = normalizeToHex(ink);
+  if (!fillHex || !inkHex) return ink;
+  const fillLum = relativeLuminance(fillHex);
+  const inkRatio = contrastRatio(relativeLuminance(inkHex), fillLum);
+  if (inkRatio >= floor) return ink;
+  const onWhite = contrastRatio(1, fillLum);
+  const onBlack = contrastRatio(0, fillLum);
+  const poleRatio = Math.max(onWhite, onBlack);
+  if (poleRatio <= inkRatio) return ink;
+  return onWhite >= onBlack ? "#ffffff" : "#000000";
+}
+function mix(hex, pole, share) {
+  return `#${[1, 3, 5].map(offset => {
+    const channel = parseInt(hex.slice(offset, offset + 2), 16);
+    return Math.round(channel + (pole - channel) * share).toString(16).padStart(2, "0");
+  }).join("")}`;
+}
+function holdHueToFloor(hue, surfaces, dark, floor) {
+  const hueHex = normalizeToHex(hue);
+  const lums = surfaces.map(surface => surface ? normalizeToHex(surface) : null).filter(hex => hex != null).map(relativeLuminance);
+  if (!hueHex || lums.length === 0) return hue;
+  const clears = hex => {
+    const lum = relativeLuminance(hex);
+    return lums.every(surface => contrastRatio(lum, surface) >= floor);
+  };
+  if (clears(hueHex)) return hue;
+  const pole = dark ? 255 : 0;
+  for (let step = 1; step <= 50; step++) {
+    const candidate = mix(hueHex, pole, step * 0.02);
+    if (clears(candidate)) return candidate;
+  }
+  return dark ? "#ffffff" : "#000000";
+}
+function findReadableStep(scale, bgStep, startStep, preferredDir) {
+  const bgLum = relativeLuminance(scale[bgStep - 1]);
+  if (contrastRatio(bgLum, relativeLuminance(scale[startStep - 1])) >= minContrastRatio) {
+    return startStep;
+  }
+  for (let s = startStep + preferredDir; s >= 1 && s <= 12; s += preferredDir) {
+    if (contrastRatio(bgLum, relativeLuminance(scale[s - 1])) >= minContrastRatio) return s;
+  }
+  for (let s = startStep - preferredDir; s >= 1 && s <= 12; s -= preferredDir) {
+    if (contrastRatio(bgLum, relativeLuminance(scale[s - 1])) >= minContrastRatio) return s;
+  }
+  const l1 = relativeLuminance(scale[0]);
+  const l12 = relativeLuminance(scale[11]);
+  return contrastRatio(bgLum, l1) >= contrastRatio(bgLum, l12) ? 1 : 12;
+}
+const buttonColors = {
+  bg: {
+    base: 5,
+    hover: 4,
+    active: 6
+  },
+  border: {
+    base: 7,
+    hover: 6,
+    active: 8
+  },
+  textLow: {
+    base: 7,
+    hover: 6,
+    active: 10
+  }
+};
+const inputColors = {
+  bg: {
+    base: 4,
+    hover: 3,
+    active: 5
+  },
+  border: {
+    base: 7,
+    hover: 6,
+    active: 8
+  }
+};
+function $color(step) {
+  return `$color${step}`;
+}
+const 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;
+  const out = [];
+  for (const c of raw) {
+    const hex = normalizeToHex(c);
+    if (!hex) return null;
+    out.push(hex);
+  }
+  return out;
+}

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

@@ -0,0 +1,359 @@
+"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,
+  holdHueToFloor: () => holdHueToFloor,
+  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 mix(hex, pole, share) {
+  return `#${[1, 3, 5].map(function (offset) {
+    var channel = parseInt(hex.slice(offset, offset + 2), 16);
+    return Math.round(channel + (pole - channel) * share).toString(16).padStart(2, "0");
+  }).join("")}`;
+}
+function holdHueToFloor(hue, surfaces, dark, floor) {
+  var hueHex = normalizeToHex(hue);
+  var lums = surfaces.map(function (surface) {
+    return surface ? normalizeToHex(surface) : null;
+  }).filter(function (hex) {
+    return hex != null;
+  }).map(relativeLuminance);
+  if (!hueHex || lums.length === 0) return hue;
+  var clears = function clears2(hex) {
+    var lum = relativeLuminance(hex);
+    return lums.every(function (surface) {
+      return contrastRatio(lum, surface) >= floor;
+    });
+  };
+  if (clears(hueHex)) return hue;
+  var pole = dark ? 255 : 0;
+  for (var step = 1; step <= 50; step++) {
+    var candidate = mix(hueHex, pole, step * 0.02);
+    if (clears(candidate)) return candidate;
+  }
+  return dark ? "#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