@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/cjs/theme/readableColor.cjs

@@ -0,0 +1,284 @@
+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 readableColor_exports = {};
+__export(readableColor_exports, {
+  resolveAccentOnSurface: () => resolveAccentOnSurface,
+  resolveAccentTintedSurface: () => resolveAccentTintedSurface,
+  resolveActiveTabInk: () => resolveActiveTabInk,
+  resolveIdentityInk: () => resolveIdentityInk,
+  resolveLegibleInkOn: () => resolveLegibleInkOn,
+  useAccentOnSurface: () => useAccentOnSurface,
+  useAccentTintedSurface: () => useAccentTintedSurface,
+  useActiveTabInk: () => useActiveTabInk,
+  useIdentityHue: () => useIdentityHue,
+  useIdentityInkOnSurface: () => useIdentityInkOnSurface,
+  useLegibleInkOn: () => useLegibleInkOn,
+  useReadableTextOn: () => useReadableTextOn
+});
+module.exports = __toCommonJS(readableColor_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRules = require("./colorRules.cjs");
+var import_controlTiers = require("./controlTiers.cjs");
+var import_createThemes = require("./createThemes.cjs");
+function resolveTokenValue(theme, token) {
+  const key = token.startsWith("$") ? token.slice(1) : token;
+  const val = theme[key]?.val;
+  return typeof val === "string" ? val : void 0;
+}
+function useReadableTextOn(fill_) {
+  const theme = (0, import_tamagui.useTheme)();
+  const fill = fill_?.startsWith("$") ? resolveTokenValue(theme, fill_) : fill_;
+  const paper = resolveTokenValue(theme, "color1");
+  const ink = resolveTokenValue(theme, "color12");
+  return (0, import_react.useMemo)(() => {
+    if (!fill || !paper || !ink) return void 0;
+    if (!(0, import_colorRules.normalizeToHex)(fill) || !(0, import_colorRules.normalizeToHex)(paper) || !(0, import_colorRules.normalizeToHex)(ink)) return void 0;
+    return (0, import_colorRules.holdInkFloor)(fill, (0, import_colorRules.pickReadableForeground)(fill, paper, ink));
+  }, [fill, paper, ink]);
+}
+function resolveLegibleInkOn({
+  fill,
+  preferred,
+  paper,
+  ink
+}) {
+  const fillHex = fill ? (0, import_colorRules.normalizeToHex)(fill) : null;
+  const preferredHex = preferred ? (0, import_colorRules.normalizeToHex)(preferred) : null;
+  if (!fill || !fillHex || !preferred || !preferredHex) return preferred;
+  const fillLum = (0, import_colorRules.relativeLuminance)(fillHex);
+  if ((0, import_colorRules.contrastRatio)((0, import_colorRules.relativeLuminance)(preferredHex), fillLum) >= import_colorRules.aaTextContrastRatio) {
+    return preferred;
+  }
+  const anchor = paper && ink && (0, import_colorRules.normalizeToHex)(paper) && (0, import_colorRules.normalizeToHex)(ink) ? (0, import_colorRules.pickReadableForeground)(fill, paper, ink) : preferred;
+  return (0, import_colorRules.holdInkFloor)(fill, anchor);
+}
+function useLegibleInkOn(fill_, preferred) {
+  const theme = (0, import_tamagui.useTheme)();
+  const fill = fill_?.startsWith("$") ? resolveTokenValue(theme, fill_) : fill_;
+  const preferredValue = preferred.startsWith("$") ? resolveTokenValue(theme, preferred) : preferred;
+  const paper = resolveTokenValue(theme, "color1");
+  const ink = resolveTokenValue(theme, "color12");
+  return (0, import_react.useMemo)(() => {
+    const resolved = resolveLegibleInkOn({
+      fill,
+      preferred: preferredValue,
+      paper,
+      ink
+    });
+    return !resolved || resolved === preferredValue ? preferred : resolved;
+  }, [fill, preferred, preferredValue, paper, ink]);
+}
+const IDENTITY_CHROMA_FLOOR = 0.1;
+function chromaOf(hex) {
+  const rgb = [1, 3, 5].map(offset => parseInt(hex.slice(offset, offset + 2), 16) / 255);
+  return Math.max(...rgb) - Math.min(...rgb);
+}
+function surfaceLuminances(surfaces) {
+  const lums = [];
+  for (const surface of surfaces) {
+    const hex = surface ? (0, import_colorRules.normalizeToHex)(surface) : null;
+    if (!hex) return null;
+    lums.push((0, import_colorRules.relativeLuminance)(hex));
+  }
+  return lums;
+}
+function pickIdentityInk(candidates, surfaces) {
+  const surfaceLums = surfaceLuminances(surfaces);
+  if (!surfaceLums) return void 0;
+  let best;
+  let bestChroma = IDENTITY_CHROMA_FLOOR;
+  for (const candidate of candidates) {
+    const hex = candidate ? (0, import_colorRules.normalizeToHex)(candidate) : null;
+    if (!candidate || !hex) continue;
+    const lum = (0, import_colorRules.relativeLuminance)(hex);
+    if (surfaceLums.some(surface => (0, import_colorRules.contrastRatio)(lum, surface) < import_colorRules.aaTextContrastRatio)) continue;
+    const chroma = chromaOf(hex);
+    if (chroma > bestChroma) {
+      bestChroma = chroma;
+      best = candidate;
+    }
+  }
+  return best;
+}
+function resolveIdentityInk({
+  candidates,
+  surfaces,
+  ink
+}) {
+  return pickIdentityInk(candidates, surfaces) ?? ink;
+}
+function resolveAccentOnSurface({
+  identity,
+  accentSteps,
+  surfaces,
+  ink
+}) {
+  const hued = pickIdentityInk(identity, surfaces);
+  if (hued) return hued;
+  const surfaceLums = surfaceLuminances(surfaces);
+  if (!surfaceLums) return ink;
+  let best;
+  let bestMin = Number.POSITIVE_INFINITY;
+  for (const step of accentSteps) {
+    const hex = step ? (0, import_colorRules.normalizeToHex)(step) : null;
+    if (!step || !hex) continue;
+    const stepLum = (0, import_colorRules.relativeLuminance)(hex);
+    const min = Math.min(...surfaceLums.map(surface => (0, import_colorRules.contrastRatio)(stepLum, surface)));
+    if (min >= import_colorRules.aaTextContrastRatio && min < bestMin) {
+      bestMin = min;
+      best = step;
+    }
+  }
+  return best ?? ink;
+}
+const accentStepKeys = Array.from({
+  length: 12
+}, (_, index) => `accent${index + 1}`);
+function useIdentityInputs() {
+  const themeName = (0, import_tamagui.useThemeName)() ?? "";
+  const theme = (0, import_tamagui.useTheme)();
+  const hue = themeName.split("_")[1];
+  const isTint = hue !== void 0 && import_createThemes.tintHueNames.has(hue);
+  const keys = isTint ? ["color8", "color9", "color10", `${hue}11`, `${hue}12`] : accentStepKeys;
+  return {
+    candidates: keys.map(key => resolveTokenValue(theme, key)),
+    accentSteps: accentStepKeys.map(key => resolveTokenValue(theme, key)),
+    c1: resolveTokenValue(theme, "color1"),
+    c2: resolveTokenValue(theme, "color2"),
+    ink: resolveTokenValue(theme, "color12") ?? "$color12"
+  };
+}
+function useAccentOnSurface() {
+  const {
+    candidates,
+    accentSteps,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  const candidateKey = candidates.join("|");
+  const stepKey = accentSteps.join("|");
+  return (0, import_react.useMemo)(() => resolveAccentOnSurface({
+    identity: candidates,
+    accentSteps,
+    surfaces: [c1, c2],
+    ink
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, stepKey, c1, c2, ink]);
+}
+function useIdentityInkOnSurface() {
+  const {
+    candidates,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  const candidateKey = candidates.join("|");
+  return (0, import_react.useMemo)(() => resolveIdentityInk({
+    candidates,
+    surfaces: [c1, c2],
+    ink
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, c1, c2, ink]);
+}
+function useIdentityHue() {
+  const {
+    candidates,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  const candidateKey = candidates.join("|");
+  const hue = (0, import_react.useMemo)(() => pickIdentityInk(candidates, [c1, c2]),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, c1, c2]);
+  return {
+    hue,
+    c1,
+    c2,
+    ink
+  };
+}
+const ACCENT_WASH_RATIO = 1.2;
+function resolveAccentTintedSurface({
+  solid,
+  paper
+}) {
+  const solidHex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+  const paperHex = paper ? (0, import_colorRules.normalizeToHex)(paper) : null;
+  if (!solidHex || !paperHex) return void 0;
+  const paperLum = (0, import_colorRules.relativeLuminance)(paperHex);
+  const solidRgb = [1, 3, 5].map(offset => parseInt(solidHex.slice(offset, offset + 2), 16));
+  const paperRgb = [1, 3, 5].map(offset => parseInt(paperHex.slice(offset, offset + 2), 16));
+  for (let step = 1; step <= 50; step++) {
+    const share = step * 0.02;
+    const mix = `#${paperRgb.map((channel, index) => Math.round(channel + (solidRgb[index] - channel) * share).toString(16).padStart(2, "0")).join("")}`;
+    if ((0, import_colorRules.contrastRatio)((0, import_colorRules.relativeLuminance)(mix), paperLum) >= ACCENT_WASH_RATIO) return mix;
+  }
+  return solidHex;
+}
+function useAccentTintedSurface() {
+  const theme = (0, import_tamagui.useTheme)();
+  const solid = resolveTokenValue(theme, "accentBackground");
+  const paper = resolveTokenValue(theme, "color1");
+  return (0, import_react.useMemo)(() => resolveAccentTintedSurface({
+    solid,
+    paper
+  }), [solid, paper]);
+}
+const ACTIVE_TAB_CHROMA_FLOOR = 0.1;
+function resolveActiveTabInk({
+  hue,
+  solid,
+  dark,
+  surfaces,
+  ink
+}) {
+  if (hue) return hue;
+  const solidHex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+  if (solidHex && chromaOf(solidHex) >= ACTIVE_TAB_CHROMA_FLOOR) {
+    return (0, import_colorRules.holdHueToFloor)(solidHex, surfaces, dark, import_colorRules.aaTextContrastRatio);
+  }
+  return ink;
+}
+function useActiveTabInk() {
+  const dark = (0, import_controlTiers.isDarkThemeName)((0, import_tamagui.useThemeName)());
+  const {
+    hue,
+    c1,
+    c2,
+    ink
+  } = useIdentityHue();
+  const theme = (0, import_tamagui.useTheme)();
+  const solid = resolveTokenValue(theme, "accentBackground");
+  return (0, import_react.useMemo)(() => resolveActiveTabInk({
+    hue,
+    solid,
+    dark,
+    surfaces: [c1, c2],
+    ink
+  }), [hue, solid, dark, c1, c2, ink]);
+}

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

@@ -0,0 +1,393 @@
+"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 readableColor_exports = {};
+__export(readableColor_exports, {
+  resolveAccentOnSurface: () => resolveAccentOnSurface,
+  resolveAccentTintedSurface: () => resolveAccentTintedSurface,
+  resolveActiveTabInk: () => resolveActiveTabInk,
+  resolveIdentityInk: () => resolveIdentityInk,
+  resolveLegibleInkOn: () => resolveLegibleInkOn,
+  useAccentOnSurface: () => useAccentOnSurface,
+  useAccentTintedSurface: () => useAccentTintedSurface,
+  useActiveTabInk: () => useActiveTabInk,
+  useIdentityHue: () => useIdentityHue,
+  useIdentityInkOnSurface: () => useIdentityInkOnSurface,
+  useLegibleInkOn: () => useLegibleInkOn,
+  useReadableTextOn: () => useReadableTextOn
+});
+module.exports = __toCommonJS(readableColor_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRules = require("./colorRules.native.js");
+var import_controlTiers = require("./controlTiers.native.js");
+var import_createThemes = require("./createThemes.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function resolveTokenValue(theme, token) {
+  var _theme_key;
+  var key = token.startsWith("$") ? token.slice(1) : token;
+  var val = (_theme_key = theme[key]) === null || _theme_key === void 0 ? void 0 : _theme_key.val;
+  return typeof val === "string" ? val : void 0;
+}
+function useReadableTextOn(fill_) {
+  var theme = (0, import_tamagui.useTheme)();
+  var fill = (fill_ === null || fill_ === void 0 ? void 0 : fill_.startsWith("$")) ? resolveTokenValue(theme, fill_) : fill_;
+  var paper = resolveTokenValue(theme, "color1");
+  var ink = resolveTokenValue(theme, "color12");
+  return (0, import_react.useMemo)(function () {
+    if (!fill || !paper || !ink) return void 0;
+    if (!(0, import_colorRules.normalizeToHex)(fill) || !(0, import_colorRules.normalizeToHex)(paper) || !(0, import_colorRules.normalizeToHex)(ink)) return void 0;
+    return (0, import_colorRules.holdInkFloor)(fill, (0, import_colorRules.pickReadableForeground)(fill, paper, ink));
+  }, [fill, paper, ink]);
+}
+function resolveLegibleInkOn(param) {
+  var {
+    fill,
+    preferred,
+    paper,
+    ink
+  } = param;
+  var fillHex = fill ? (0, import_colorRules.normalizeToHex)(fill) : null;
+  var preferredHex = preferred ? (0, import_colorRules.normalizeToHex)(preferred) : null;
+  if (!fill || !fillHex || !preferred || !preferredHex) return preferred;
+  var fillLum = (0, import_colorRules.relativeLuminance)(fillHex);
+  if ((0, import_colorRules.contrastRatio)((0, import_colorRules.relativeLuminance)(preferredHex), fillLum) >= import_colorRules.aaTextContrastRatio) {
+    return preferred;
+  }
+  var anchor = paper && ink && (0, import_colorRules.normalizeToHex)(paper) && (0, import_colorRules.normalizeToHex)(ink) ? (0, import_colorRules.pickReadableForeground)(fill, paper, ink) : preferred;
+  return (0, import_colorRules.holdInkFloor)(fill, anchor);
+}
+function useLegibleInkOn(fill_, preferred) {
+  var theme = (0, import_tamagui.useTheme)();
+  var fill = (fill_ === null || fill_ === void 0 ? void 0 : fill_.startsWith("$")) ? resolveTokenValue(theme, fill_) : fill_;
+  var preferredValue = preferred.startsWith("$") ? resolveTokenValue(theme, preferred) : preferred;
+  var paper = resolveTokenValue(theme, "color1");
+  var ink = resolveTokenValue(theme, "color12");
+  return (0, import_react.useMemo)(function () {
+    var resolved = resolveLegibleInkOn({
+      fill,
+      preferred: preferredValue,
+      paper,
+      ink
+    });
+    return !resolved || resolved === preferredValue ? preferred : resolved;
+  }, [fill, preferred, preferredValue, paper, ink]);
+}
+var IDENTITY_CHROMA_FLOOR = 0.1;
+function chromaOf(hex) {
+  var rgb = [1, 3, 5].map(function (offset) {
+    return parseInt(hex.slice(offset, offset + 2), 16) / 255;
+  });
+  return Math.max(...rgb) - Math.min(...rgb);
+}
+function surfaceLuminances(surfaces) {
+  var lums = [];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = surfaces[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var surface = _step.value;
+      var hex = surface ? (0, import_colorRules.normalizeToHex)(surface) : null;
+      if (!hex) return null;
+      lums.push((0, import_colorRules.relativeLuminance)(hex));
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return lums;
+}
+function pickIdentityInk(candidates, surfaces) {
+  var surfaceLums = surfaceLuminances(surfaces);
+  if (!surfaceLums) return void 0;
+  var best;
+  var bestChroma = IDENTITY_CHROMA_FLOOR;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    var _loop = function () {
+      var candidate = _step.value;
+      var hex = candidate ? (0, import_colorRules.normalizeToHex)(candidate) : null;
+      if (!candidate || !hex) return "continue";
+      var lum = (0, import_colorRules.relativeLuminance)(hex);
+      if (surfaceLums.some(function (surface) {
+        return (0, import_colorRules.contrastRatio)(lum, surface) < import_colorRules.aaTextContrastRatio;
+      })) return "continue";
+      var chroma = chromaOf(hex);
+      if (chroma > bestChroma) {
+        bestChroma = chroma;
+        best = candidate;
+      }
+    };
+    for (var _iterator = candidates[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return best;
+}
+function resolveIdentityInk(param) {
+  var {
+    candidates,
+    surfaces,
+    ink
+  } = param;
+  var _pickIdentityInk;
+  return (_pickIdentityInk = pickIdentityInk(candidates, surfaces)) !== null && _pickIdentityInk !== void 0 ? _pickIdentityInk : ink;
+}
+function resolveAccentOnSurface(param) {
+  var {
+    identity,
+    accentSteps,
+    surfaces,
+    ink
+  } = param;
+  var hued = pickIdentityInk(identity, surfaces);
+  if (hued) return hued;
+  var surfaceLums = surfaceLuminances(surfaces);
+  if (!surfaceLums) return ink;
+  var best;
+  var bestMin = Number.POSITIVE_INFINITY;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    var _loop = function () {
+      var step = _step.value;
+      var hex = step ? (0, import_colorRules.normalizeToHex)(step) : null;
+      if (!step || !hex) return "continue";
+      var stepLum = (0, import_colorRules.relativeLuminance)(hex);
+      var min = Math.min(...surfaceLums.map(function (surface) {
+        return (0, import_colorRules.contrastRatio)(stepLum, surface);
+      }));
+      if (min >= import_colorRules.aaTextContrastRatio && min < bestMin) {
+        bestMin = min;
+        best = step;
+      }
+    };
+    for (var _iterator = accentSteps[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return best !== null && best !== void 0 ? best : ink;
+}
+var accentStepKeys = Array.from({
+  length: 12
+}, function (_, index) {
+  return `accent${index + 1}`;
+});
+function useIdentityInputs() {
+  var _useThemeName, _resolveTokenValue;
+  var themeName = (_useThemeName = (0, import_tamagui.useThemeName)()) !== null && _useThemeName !== void 0 ? _useThemeName : "";
+  var theme = (0, import_tamagui.useTheme)();
+  var hue = themeName.split("_")[1];
+  var isTint = hue !== void 0 && import_createThemes.tintHueNames.has(hue);
+  var keys = isTint ? ["color8", "color9", "color10", `${hue}11`, `${hue}12`] : accentStepKeys;
+  return {
+    candidates: keys.map(function (key) {
+      return resolveTokenValue(theme, key);
+    }),
+    accentSteps: accentStepKeys.map(function (key) {
+      return resolveTokenValue(theme, key);
+    }),
+    c1: resolveTokenValue(theme, "color1"),
+    c2: resolveTokenValue(theme, "color2"),
+    ink: (_resolveTokenValue = resolveTokenValue(theme, "color12")) !== null && _resolveTokenValue !== void 0 ? _resolveTokenValue : "$color12"
+  };
+}
+function useAccentOnSurface() {
+  var {
+    candidates,
+    accentSteps,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  var candidateKey = candidates.join("|");
+  var stepKey = accentSteps.join("|");
+  return (0, import_react.useMemo)(function () {
+    return resolveAccentOnSurface({
+      identity: candidates,
+      accentSteps,
+      surfaces: [c1, c2],
+      ink
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, stepKey, c1, c2, ink]);
+}
+function useIdentityInkOnSurface() {
+  var {
+    candidates,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  var candidateKey = candidates.join("|");
+  return (0, import_react.useMemo)(function () {
+    return resolveIdentityInk({
+      candidates,
+      surfaces: [c1, c2],
+      ink
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, c1, c2, ink]);
+}
+function useIdentityHue() {
+  var {
+    candidates,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  var candidateKey = candidates.join("|");
+  var hue = (0, import_react.useMemo)(function () {
+    return pickIdentityInk(candidates, [c1, c2]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, c1, c2]);
+  return {
+    hue,
+    c1,
+    c2,
+    ink
+  };
+}
+var ACCENT_WASH_RATIO = 1.2;
+function resolveAccentTintedSurface(param) {
+  var _loop = function (step2) {
+    var share = step2 * 0.02;
+    var mix = `#${paperRgb.map(function (channel, index) {
+      return Math.round(channel + (solidRgb[index] - channel) * share).toString(16).padStart(2, "0");
+    }).join("")}`;
+    if ((0, import_colorRules.contrastRatio)((0, import_colorRules.relativeLuminance)(mix), paperLum) >= ACCENT_WASH_RATIO) return {
+      v: mix
+    };
+  };
+  var {
+    solid,
+    paper
+  } = param;
+  var solidHex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+  var paperHex = paper ? (0, import_colorRules.normalizeToHex)(paper) : null;
+  if (!solidHex || !paperHex) return void 0;
+  var paperLum = (0, import_colorRules.relativeLuminance)(paperHex);
+  var solidRgb = [1, 3, 5].map(function (offset) {
+    return parseInt(solidHex.slice(offset, offset + 2), 16);
+  });
+  var paperRgb = [1, 3, 5].map(function (offset) {
+    return parseInt(paperHex.slice(offset, offset + 2), 16);
+  });
+  for (var step = 1; step <= 50; step++) {
+    var _ret = _loop(step);
+    if (_type_of(_ret) === "object") return _ret.v;
+  }
+  return solidHex;
+}
+function useAccentTintedSurface() {
+  var theme = (0, import_tamagui.useTheme)();
+  var solid = resolveTokenValue(theme, "accentBackground");
+  var paper = resolveTokenValue(theme, "color1");
+  return (0, import_react.useMemo)(function () {
+    return resolveAccentTintedSurface({
+      solid,
+      paper
+    });
+  }, [solid, paper]);
+}
+var ACTIVE_TAB_CHROMA_FLOOR = 0.1;
+function resolveActiveTabInk(param) {
+  var {
+    hue,
+    solid,
+    dark,
+    surfaces,
+    ink
+  } = param;
+  if (hue) return hue;
+  var solidHex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+  if (solidHex && chromaOf(solidHex) >= ACTIVE_TAB_CHROMA_FLOOR) {
+    return (0, import_colorRules.holdHueToFloor)(solidHex, surfaces, dark, import_colorRules.aaTextContrastRatio);
+  }
+  return ink;
+}
+function useActiveTabInk() {
+  var dark = (0, import_controlTiers.isDarkThemeName)((0, import_tamagui.useThemeName)());
+  var {
+    hue,
+    c1,
+    c2,
+    ink
+  } = useIdentityHue();
+  var theme = (0, import_tamagui.useTheme)();
+  var solid = resolveTokenValue(theme, "accentBackground");
+  return (0, import_react.useMemo)(function () {
+    return resolveActiveTabInk({
+      hue,
+      solid,
+      dark,
+      surfaces: [c1, c2],
+      ink
+    });
+  }, [hue, solid, dark, c1, c2, ink]);
+}
+//# sourceMappingURL=readableColor.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","readableColor_exports","__export","resolveAccentOnSurface","resolveAccentTintedSurface","resolveActiveTabInk","resolveIdentityInk","resolveLegibleInkOn","useAccentOnSurface","useAccentTintedSurface","useActiveTabInk","useIdentityHue","useIdentityInkOnSurface","useLegibleInkOn","useReadableTextOn","module","exports","import_react","require","import_tamagui","import_colorRules","import_controlTiers","import_createThemes","_type_of","obj","Symbol","constructor","resolveTokenValue","theme","token","_theme_key","key","startsWith","slice","val","fill_","useTheme","fill","paper","ink","useMemo","normalizeToHex","holdInkFloor","pickReadableForeground","param","preferred","fillHex","preferredHex","fillLum","relativeLuminance","contrastRatio","aaTextContrastRatio","anchor","preferredValue","resolved","IDENTITY_CHROMA_FLOOR","chromaOf","hex","rgb","map","offset","parseInt","Math","max","min","surfaceLuminances","surfaces","lums","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","surface","push","err","return","pickIdentityInk","candidates","surfaceLums","best","bestChroma","_loop","candidate","lum","some","chroma","_pickIdentityInk","identity","accentSteps","hued","bestMin","Number","POSITIVE_INFINITY","step","stepLum","accentStepKeys","Array","from","length","_","index","useIdentityInputs","_useThemeName","_resolveTokenValue","themeName","useThemeName","hue","split","isTint","tintHueNames","has","keys"],"sources":["../../../src/theme/readableColor.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}