@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/cjs/theme/dynamicType.cjs

@@ -0,0 +1,52 @@
+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 dynamicType_exports = {};
+__export(dynamicType_exports, {
+  dynamicTypeFit: () => dynamicTypeFit,
+  effectiveFontScale: () => effectiveFontScale,
+  headingMaxFontScale: () => headingMaxFontScale,
+  maxFontScaleToFit: () => maxFontScaleToFit
+});
+module.exports = __toCommonJS(dynamicType_exports);
+const dynamicTypeFit = {
+  /**
+   * The page title grows at most 1.5x, the iOS large-title curve: 34 pt at
+   * Large reaches 52 pt at accessibility-extra-large (1.53x) while body text
+   * reaches 2.6x. Smaller headings grow until they meet the capped title.
+   */
+  titleMaxScale: 1.5,
+  /** Initials in an avatar circle: the em fills at most half the diameter. */
+  medallionFill: 0.5,
+  /** A control label in a fixed-height control: the em fills at most 3/4 of the height. */
+  controlLabelFill: 0.75
+};
+function maxFontScaleToFit(boxPx, fontPx, fill) {
+  if (!(boxPx > 0) || !(fontPx > 0) || !(fill > 0)) return 1;
+  return Math.max(1, Math.floor(boxPx * fill / fontPx * 100) / 100);
+}
+function headingMaxFontScale(headingPx, titlePx) {
+  return maxFontScaleToFit(titlePx, headingPx, dynamicTypeFit.titleMaxScale);
+}
+function effectiveFontScale(fontScale, maxFontSizeMultiplier) {
+  return maxFontSizeMultiplier != null && maxFontSizeMultiplier >= 1 ? Math.min(fontScale, maxFontSizeMultiplier) : fontScale;
+}

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

@@ -0,0 +1,55 @@
+"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 dynamicType_exports = {};
+__export(dynamicType_exports, {
+  dynamicTypeFit: () => dynamicTypeFit,
+  effectiveFontScale: () => effectiveFontScale,
+  headingMaxFontScale: () => headingMaxFontScale,
+  maxFontScaleToFit: () => maxFontScaleToFit
+});
+module.exports = __toCommonJS(dynamicType_exports);
+var dynamicTypeFit = {
+  /**
+  * The page title grows at most 1.5x, the iOS large-title curve: 34 pt at
+  * Large reaches 52 pt at accessibility-extra-large (1.53x) while body text
+  * reaches 2.6x. Smaller headings grow until they meet the capped title.
+  */
+  titleMaxScale: 1.5,
+  /** Initials in an avatar circle: the em fills at most half the diameter. */
+  medallionFill: 0.5,
+  /** A control label in a fixed-height control: the em fills at most 3/4 of the height. */
+  controlLabelFill: 0.75
+};
+function maxFontScaleToFit(boxPx, fontPx, fill) {
+  if (!(boxPx > 0) || !(fontPx > 0) || !(fill > 0)) return 1;
+  return Math.max(1, Math.floor(boxPx * fill / fontPx * 100) / 100);
+}
+function headingMaxFontScale(headingPx, titlePx) {
+  return maxFontScaleToFit(titlePx, headingPx, dynamicTypeFit.titleMaxScale);
+}
+function effectiveFontScale(fontScale, maxFontSizeMultiplier) {
+  return maxFontSizeMultiplier != null && maxFontSizeMultiplier >= 1 ? Math.min(fontScale, maxFontSizeMultiplier) : fontScale;
+}
+//# sourceMappingURL=dynamicType.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","dynamicType_exports","__export","dynamicTypeFit","effectiveFontScale","headingMaxFontScale","maxFontScaleToFit","module","exports","titleMaxScale","medallionFill","controlLabelFill","boxPx","fontPx","fill","Math","max","floor","headingPx","titlePx","fontScale","maxFontSizeMultiplier","min"],"sources":["../../../src/theme/dynamicType.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAM,CAAAC,OAAA,GAAAZ,YAAiB,CAAAK,mBAAA;AAAA,IAAAE,cAAA;EAAA;AAAA;AAAA;AAAA;AAAA;EAMbM,aAAA;EAEf;EAAeC,aAAA;EAEf;EACFC,gBAAA;AAGO;AACL,SAAML,iBAAgBA,CAAAM,KAAA,EAASC,MAAM,EAAEC,IAAA,EAAO;EAC9C,MAAAF,KAAO,GAAK,EAAI,IAAG,EAAAC,MAAK,GAAQ,QAAQC,IAAA,GAAQ,WAAa;EAC/D,OAAAC,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,KAAA,CAAAL,KAAA,GAAAE,IAAA,GAAAD,MAAA;AAGO;AACL,SAAOR,mBAAkBA,CAAAa,SAAS,EAAAC,OAAW;EAC/C,OAAAb,iBAAA,CAAAa,OAAA,EAAAD,SAAA,EAAAf,cAAA,CAAAM,aAAA;AAMO;AACL,SAAOL,mBAAAgB,SAAyB,EAAAC,qBAAQ;EAG1C,OAAAA,qBAAA,YAAAA,qBAAA,QAAAN,IAAA,CAAAO,GAAA,CAAAF,SAAA,EAAAC,qBAAA,IAAAD,SAAA","ignoreList":[]}

package/dist/cjs/theme/fieldFocus.cjs

@@ -0,0 +1,56 @@
+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 fieldFocus_exports = {};
+__export(fieldFocus_exports, {
+  FIELD_FOCUS_COLOR: () => FIELD_FOCUS_COLOR,
+  FIELD_FOCUS_REST: () => FIELD_FOCUS_REST,
+  FIELD_FOCUS_STYLE: () => FIELD_FOCUS_STYLE,
+  fieldFocusCss: () => fieldFocusCss,
+  fieldFocusHoldsContrast: () => fieldFocusHoldsContrast
+});
+module.exports = __toCommonJS(fieldFocus_exports);
+var import_focusState = require("./focusState.cjs");
+const FIELD_FOCUS_COLOR = "$accentColor";
+const FIELD_FOCUS_STYLE = {
+  borderColor: FIELD_FOCUS_COLOR,
+  outlineWidth: 0,
+  outlineStyle: "solid",
+  outlineColor: "transparent"
+};
+const FIELD_FOCUS_REST = {
+  outlineWidth: 0,
+  outlineStyle: "solid",
+  outlineColor: "transparent"
+};
+function fieldFocusCss(box, {
+  deep = false
+} = {}) {
+  const selectors = [`${box}:has(input:focus)`, `${box}:has(textarea:focus)`, `${box}:has([data-mp-input-area]:focus)`, `${box}:focus-visible`, ...(deep ? [`${box}:has(:focus-visible)`] : [])];
+  return `${selectors.join(",\n")} {
+  border-color: var(--accentColor, CanvasText) !important;
+  outline: none !important;
+}`;
+}
+function fieldFocusHoldsContrast(accent, grounds) {
+  return grounds.every(ground => (0, import_focusState.focusRingColorMeetsContrast)(accent, ground));
+}

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

@@ -0,0 +1,62 @@
+"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 fieldFocus_exports = {};
+__export(fieldFocus_exports, {
+  FIELD_FOCUS_COLOR: () => FIELD_FOCUS_COLOR,
+  FIELD_FOCUS_REST: () => FIELD_FOCUS_REST,
+  FIELD_FOCUS_STYLE: () => FIELD_FOCUS_STYLE,
+  fieldFocusCss: () => fieldFocusCss,
+  fieldFocusHoldsContrast: () => fieldFocusHoldsContrast
+});
+module.exports = __toCommonJS(fieldFocus_exports);
+var import_focusState = require("./focusState.native.js");
+var FIELD_FOCUS_COLOR = "$accentColor";
+var FIELD_FOCUS_STYLE = {
+  borderColor: FIELD_FOCUS_COLOR,
+  outlineWidth: 0,
+  outlineStyle: "solid",
+  outlineColor: "transparent"
+};
+var FIELD_FOCUS_REST = {
+  outlineWidth: 0,
+  outlineStyle: "solid",
+  outlineColor: "transparent"
+};
+function fieldFocusCss(box) {
+  var {
+    deep = false
+  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var selectors = [`${box}:has(input:focus)`, `${box}:has(textarea:focus)`, `${box}:has([data-mp-input-area]:focus)`, `${box}:focus-visible`, ...(deep ? [`${box}:has(:focus-visible)`] : [])];
+  return `${selectors.join(",\n")} {
+  border-color: var(--accentColor, CanvasText) !important;
+  outline: none !important;
+}`;
+}
+function fieldFocusHoldsContrast(accent, grounds) {
+  return grounds.every(function (ground) {
+    return (0, import_focusState.focusRingColorMeetsContrast)(accent, ground);
+  });
+}
+//# sourceMappingURL=fieldFocus.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","fieldFocus_exports","__export","FIELD_FOCUS_COLOR","FIELD_FOCUS_REST","FIELD_FOCUS_STYLE","fieldFocusCss","fieldFocusHoldsContrast","module","exports","import_focusState","require","borderColor","outlineWidth","outlineStyle","outlineColor","box","deep","arguments","length","selectors","join"],"sources":["../../../src/theme/fieldFocus.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,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAA4C,CAAAK,kBAAA;AAYrC,IAAAS,iBAAM,GAAAC,OAAoB;AAE1B,IAAAR,iBAAM,iBAAoB;AAAA,IAC/BE,iBAAa;EACbO,WAAA,EAAAT,iBAAc;EACdU,YAAA,EAAc;EACdC,YAAA,EAAc;EAChBC,YAAA;AAGO;AAAyB,IAC9BX,gBAAc;EACdS,YAAA,EAAc;EACdC,YAAA,EAAc;EAChBC,YAAA;AAUO;AACL,SAAMT,aAAYA,CAAAU,GAAA;EAAA,IAChB;IAAGC,IAAG;EAAA,IAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IACNE,SAAM,IACN,GAAGJ,GAAG,qBACN,GAAGA,GAAG,wBACN,GAAIA,GAAA,kCAAoC,EAC1C,GAAAA,GAAA,kBACA,IAAAC,IAAO,GAAG,CAAqB,GAAAD,GAAA;EAIjC,UAAAI,SAAA,CAAAC,IAAA;AAGO;AACL;AACF","ignoreList":[]}

package/dist/cjs/theme/fillContrast.cjs

@@ -0,0 +1,130 @@
+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 fillContrast_exports = {};
+__export(fillContrast_exports, {
+  apcaContrast: () => import_colorRules.apcaContrast,
+  auditPresetFills: () => auditPresetFills,
+  fillChromaFloor: () => fillChromaFloor,
+  fillLabelLcFloor: () => fillLabelLcFloor,
+  oklab: () => oklab,
+  oklabDistance: () => oklabDistance,
+  srgbChroma: () => srgbChroma,
+  toggleStateFloor: () => toggleStateFloor
+});
+module.exports = __toCommonJS(fillContrast_exports);
+var import_chartPalette = require("./chartPalette.cjs");
+var import_colorRules = require("./colorRules.cjs");
+var import_createThemes = require("./createThemes.cjs");
+const fillChromaFloor = 0.1;
+const fillLabelLcFloor = import_colorRules.fillLabelLc;
+function channels(hex) {
+  return [1, 3, 5].map(offset => Number.parseInt(hex.slice(offset, offset + 2), 16) / 255);
+}
+const toggleStateFloor = 0.15;
+const linear = channel => channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
+function oklab(color) {
+  const hex = (0, import_colorRules.normalizeToHex)(color);
+  if (!hex) return null;
+  const [r, g, b] = channels(hex).map(linear);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787405 * b);
+  return [0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s, 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s, 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s];
+}
+function oklabDistance(a, b) {
+  const x = oklab(a);
+  const y = oklab(b);
+  if (!x || !y) return 0;
+  return Math.hypot(x[0] - y[0], x[1] - y[1], x[2] - y[2]);
+}
+function srgbChroma(color) {
+  const hex = (0, import_colorRules.normalizeToHex)(color);
+  if (!hex) return 0;
+  const rgb = channels(hex);
+  return Math.max(...rgb) - Math.min(...rgb);
+}
+const text = value => typeof value === "string" ? value : void 0;
+function auditPresetFills(preset, theme, resolved) {
+  const findings = [];
+  for (const scheme of ["light", "dark"]) {
+    const scopeName = theme ? `${scheme}_${theme}` : scheme;
+    const scope = resolved[scopeName] ?? {};
+    const solid = resolved[`${scopeName}_accent`] ?? {};
+    const isTint = import_createThemes.tintHueNames.has(theme);
+    const accent = text(scope.accentBackground);
+    const color9 = text(scope.color9);
+    const identity = isTint ? color9 ?? accent : accent ?? color9;
+    const accentSolids = Array.from({
+      length: 10
+    }, (_, index) => text(scope[`accent${index + 1}`]));
+    const chart = (0, import_chartPalette.resolveChartPalette)({
+      scheme,
+      identitySolid: identity,
+      identityCandidates: [...(isTint ? [] : (0, import_chartPalette.accentIdentityCandidates)(identity, accentSolids)), text(scope.color10), text(scope.color11)],
+      surfaces: [text(scope.color2), text(scheme === "light" ? scope.color1 : scope.color3)]
+    });
+    const fills = [["accent fill", text(solid.background)], ["toggle", accent], ["chart series", chart.single]];
+    for (const [part, fill] of fills) {
+      const chroma = fill ? srgbChroma(fill) : 0;
+      if (chroma < fillChromaFloor) {
+        findings.push({
+          preset,
+          scheme,
+          part,
+          detail: `${fill ?? "missing"} is grey (chroma ${chroma.toFixed(2)} < ${fillChromaFloor})`
+        });
+      }
+    }
+    const off = text(scope.switchTrackOff);
+    const ground = text(scope.background);
+    if (!off || !ground || !(0, import_colorRules.inSwitchOffBand)(off, ground)) {
+      findings.push({
+        preset,
+        scheme,
+        part: "toggle off",
+        detail: `${off ?? "missing"} on ${ground ?? "missing"} is outside the HIG system-fill band`
+      });
+    }
+    const apart = accent && off ? oklabDistance(accent, off) : 0;
+    if (apart < toggleStateFloor) {
+      findings.push({
+        preset,
+        scheme,
+        part: "toggle state",
+        detail: `on ${accent ?? "missing"} and off ${off ?? "missing"} are OKLab ${apart.toFixed(2)} apart < ${toggleStateFloor}`
+      });
+    }
+    const label = text(solid.color);
+    const background = text(solid.background);
+    const lc = label && background ? Math.abs((0, import_colorRules.apcaContrast)(label, background)) : 0;
+    if (lc < fillLabelLcFloor) {
+      findings.push({
+        preset,
+        scheme,
+        part: "fill label",
+        detail: `${label ?? "missing"} on ${background ?? "missing"} is APCA Lc ${lc.toFixed(1)} < ${fillLabelLcFloor}`
+      });
+    }
+  }
+  return findings;
+}

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

@@ -0,0 +1,163 @@
+"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 fillContrast_exports = {};
+__export(fillContrast_exports, {
+  apcaContrast: () => import_colorRules.apcaContrast,
+  auditPresetFills: () => auditPresetFills,
+  fillChromaFloor: () => fillChromaFloor,
+  fillLabelLcFloor: () => fillLabelLcFloor,
+  oklab: () => oklab,
+  oklabDistance: () => oklabDistance,
+  srgbChroma: () => srgbChroma,
+  toggleStateFloor: () => toggleStateFloor
+});
+module.exports = __toCommonJS(fillContrast_exports);
+var import_chartPalette = require("./chartPalette.native.js");
+var import_colorRules = require("./colorRules.native.js");
+var import_createThemes = require("./createThemes.native.js");
+var fillChromaFloor = 0.1;
+var fillLabelLcFloor = import_colorRules.fillLabelLc;
+function channels(hex) {
+  return [1, 3, 5].map(function (offset) {
+    return Number.parseInt(hex.slice(offset, offset + 2), 16) / 255;
+  });
+}
+var toggleStateFloor = 0.15;
+var linear = function linear2(channel) {
+  return channel <= 0.04045 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
+};
+function oklab(color) {
+  var hex = (0, import_colorRules.normalizeToHex)(color);
+  if (!hex) return null;
+  var [r, g, b] = channels(hex).map(linear);
+  var l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  var m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  var s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787405 * b);
+  return [0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s, 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s, 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s];
+}
+function oklabDistance(a, b) {
+  var x = oklab(a);
+  var y = oklab(b);
+  if (!x || !y) return 0;
+  return Math.hypot(x[0] - y[0], x[1] - y[1], x[2] - y[2]);
+}
+function srgbChroma(color) {
+  var hex = (0, import_colorRules.normalizeToHex)(color);
+  if (!hex) return 0;
+  var rgb = channels(hex);
+  return Math.max(...rgb) - Math.min(...rgb);
+}
+var text = function text2(value) {
+  return typeof value === "string" ? value : void 0;
+};
+function auditPresetFills(preset, theme, resolved) {
+  var _loop = function (_i2, _iter2) {
+    var scheme = _iter2[_i2];
+    var _resolved_scopeName, _resolved_;
+    var scopeName = theme ? `${scheme}_${theme}` : scheme;
+    var scope = (_resolved_scopeName = resolved[scopeName]) !== null && _resolved_scopeName !== void 0 ? _resolved_scopeName : {};
+    var solid = (_resolved_ = resolved[`${scopeName}_accent`]) !== null && _resolved_ !== void 0 ? _resolved_ : {};
+    var isTint = import_createThemes.tintHueNames.has(theme);
+    var accent = text(scope.accentBackground);
+    var color9 = text(scope.color9);
+    var identity = isTint ? color9 !== null && color9 !== void 0 ? color9 : accent : accent !== null && accent !== void 0 ? accent : color9;
+    var accentSolids = Array.from({
+      length: 10
+    }, function (_, index) {
+      return text(scope[`accent${index + 1}`]);
+    });
+    var chart = (0, import_chartPalette.resolveChartPalette)({
+      scheme,
+      identitySolid: identity,
+      identityCandidates: [...(isTint ? [] : (0, import_chartPalette.accentIdentityCandidates)(identity, accentSolids)), text(scope.color10), text(scope.color11)],
+      surfaces: [text(scope.color2), text(scheme === "light" ? scope.color1 : scope.color3)]
+    });
+    var fills = [["accent fill", text(solid.background)], ["toggle", accent], ["chart series", chart.single]];
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = fills[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var [part, fill] = _step.value;
+        var chroma = fill ? srgbChroma(fill) : 0;
+        if (chroma < fillChromaFloor) {
+          findings.push({
+            preset,
+            scheme,
+            part,
+            detail: `${fill !== null && fill !== void 0 ? fill : "missing"} is grey (chroma ${chroma.toFixed(2)} < ${fillChromaFloor})`
+          });
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    var off = text(scope.switchTrackOff);
+    var ground = text(scope.background);
+    if (!off || !ground || !(0, import_colorRules.inSwitchOffBand)(off, ground)) {
+      findings.push({
+        preset,
+        scheme,
+        part: "toggle off",
+        detail: `${off !== null && off !== void 0 ? off : "missing"} on ${ground !== null && ground !== void 0 ? ground : "missing"} is outside the HIG system-fill band`
+      });
+    }
+    var apart = accent && off ? oklabDistance(accent, off) : 0;
+    if (apart < toggleStateFloor) {
+      findings.push({
+        preset,
+        scheme,
+        part: "toggle state",
+        detail: `on ${accent !== null && accent !== void 0 ? accent : "missing"} and off ${off !== null && off !== void 0 ? off : "missing"} are OKLab ${apart.toFixed(2)} apart < ${toggleStateFloor}`
+      });
+    }
+    var label = text(solid.color);
+    var background = text(solid.background);
+    var lc = label && background ? Math.abs((0, import_colorRules.apcaContrast)(label, background)) : 0;
+    if (lc < fillLabelLcFloor) {
+      findings.push({
+        preset,
+        scheme,
+        part: "fill label",
+        detail: `${label !== null && label !== void 0 ? label : "missing"} on ${background !== null && background !== void 0 ? background : "missing"} is APCA Lc ${lc.toFixed(1)} < ${fillLabelLcFloor}`
+      });
+    }
+  };
+  var findings = [];
+  for (var _i = 0, _iter = ["light", "dark"]; _i < _iter.length; _i++) _loop(_i, _iter);
+  return findings;
+}
+//# sourceMappingURL=fillContrast.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","fillContrast_exports","__export","apcaContrast","import_colorRules","auditPresetFills","fillChromaFloor","fillLabelLcFloor","oklab","oklabDistance","srgbChroma","toggleStateFloor","module","exports","import_chartPalette","require","import_createThemes","fillLabelLc","channels","hex","map","offset","Number","parseInt","slice","linear","linear2","channel","Math","pow","color","normalizeToHex","r","g","b","l","cbrt","m","s","a","x","y","hypot","rgb","max","min","text","text2","preset","theme","resolved","_loop","_i2","_iter2","scheme","_resolved_scopeName","_resolved_","scopeName","scope","solid","isTint","tintHueNames","has","accent","accentBackground","color9","identity","accentSolids","Array","from","length","_","index","chart","resolveChartPalette","identitySolid","identityCandidates","accentIdentityCandidates","color10","color11","surfaces","color2","color1","color3","fills","background","single","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","part","fill","chroma","findings","push","detail","toFixed","err"],"sources":["../../../src/theme/fillContrast.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/focusState.cjs

@@ -0,0 +1,120 @@
+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 focusState_exports = {};
+__export(focusState_exports, {
+  FOCUS_RING_CLIPPED_OFFSET: () => FOCUS_RING_CLIPPED_OFFSET,
+  FOCUS_RING_FLUSH_OFFSET: () => FOCUS_RING_FLUSH_OFFSET,
+  FOCUS_RING_HALO_OFFSET: () => FOCUS_RING_HALO_OFFSET,
+  FOCUS_RING_MIN_CONTRAST: () => FOCUS_RING_MIN_CONTRAST,
+  FOCUS_RING_MIN_WIDTH: () => FOCUS_RING_MIN_WIDTH,
+  FOCUS_VISIBLE_RING: () => FOCUS_VISIBLE_RING,
+  FOCUS_VISIBLE_RING_HALO: () => FOCUS_VISIBLE_RING_HALO,
+  FOCUS_VISIBLE_RING_INSET: () => FOCUS_VISIBLE_RING_INSET,
+  SANCTIONED_FOCUS_RING_OFFSETS: () => SANCTIONED_FOCUS_RING_OFFSETS,
+  STATE_LAYER_HOVER: () => STATE_LAYER_HOVER,
+  STATE_LAYER_PRESS: () => STATE_LAYER_PRESS,
+  ensureFocusVisibleRing: () => ensureFocusVisibleRing,
+  focusRingColorMeetsContrast: () => focusRingColorMeetsContrast,
+  isSanctionedFocusRingOffset: () => isSanctionedFocusRingOffset,
+  withDefaultStateLayer: () => withDefaultStateLayer
+});
+module.exports = __toCommonJS(focusState_exports);
+var import_colorRules = require("./colorRules.cjs");
+const FOCUS_RING_MIN_WIDTH = 2;
+const FOCUS_RING_MIN_CONTRAST = 3;
+function ringColorCarriesAlpha(color) {
+  const s = color.trim().toLowerCase();
+  const fn = s.match(/^(?:rgba|hsla)\([^)]*[,/]\s*([\d.]+%?)\s*\)$/);
+  if (fn) {
+    const raw = fn[1];
+    const a = raw.endsWith("%") ? Number.parseFloat(raw) / 100 : Number.parseFloat(raw);
+    return Number.isFinite(a) && a < 0.999;
+  }
+  if (/^#[0-9a-f]{8}$/.test(s)) {
+    return Number.parseInt(s.slice(7, 9), 16) / 255 < 0.999;
+  }
+  return false;
+}
+function focusRingColorMeetsContrast(ringColor, surfaceColor) {
+  const ring = (0, import_colorRules.normalizeToHex)(ringColor);
+  const surface = (0, import_colorRules.normalizeToHex)(surfaceColor);
+  if (!ring || !surface) return false;
+  return (0, import_colorRules.contrastRatio)((0, import_colorRules.relativeLuminance)(ring), (0, import_colorRules.relativeLuminance)(surface)) >= FOCUS_RING_MIN_CONTRAST;
+}
+const FOCUS_RING_CLIPPED_OFFSET = -2;
+const FOCUS_RING_FLUSH_OFFSET = 0;
+const FOCUS_RING_HALO_OFFSET = 2;
+const FOCUS_VISIBLE_RING = {
+  outlineWidth: FOCUS_RING_MIN_WIDTH,
+  outlineStyle: "solid",
+  outlineColor: "$outlineColor",
+  outlineOffset: FOCUS_RING_HALO_OFFSET
+};
+const FOCUS_VISIBLE_RING_INSET = {
+  ...FOCUS_VISIBLE_RING,
+  outlineOffset: FOCUS_RING_CLIPPED_OFFSET
+};
+const FOCUS_VISIBLE_RING_HALO = {
+  ...FOCUS_VISIBLE_RING,
+  outlineOffset: FOCUS_RING_HALO_OFFSET
+};
+const SANCTIONED_FOCUS_RING_OFFSETS = [FOCUS_RING_CLIPPED_OFFSET, FOCUS_RING_FLUSH_OFFSET, FOCUS_VISIBLE_RING.outlineOffset];
+function isSanctionedFocusRingOffset(offset) {
+  return SANCTIONED_FOCUS_RING_OFFSETS.includes(offset);
+}
+const STATE_LAYER_HOVER = {
+  backgroundColor: "$backgroundHover"
+};
+const STATE_LAYER_PRESS = {
+  backgroundColor: "$backgroundPress"
+};
+function ensureFocusVisibleRing(override) {
+  const merged = {
+    ...FOCUS_VISIBLE_RING,
+    ...override
+  };
+  const width = typeof merged.outlineWidth === "number" ? merged.outlineWidth : FOCUS_RING_MIN_WIDTH;
+  merged.outlineWidth = Math.max(width, FOCUS_RING_MIN_WIDTH);
+  if (merged.outlineStyle !== "solid") {
+    merged.outlineStyle = "solid";
+  }
+  if (!merged.outlineColor || merged.outlineColor === "transparent" || merged.outlineColor === "none" ||
+  // Enforce COLOR, not just shape: an alpha-carrying ring can't guarantee
+  // ≥3:1 (its contrast depends on the backdrop), so restore the solid token.
+  typeof merged.outlineColor === "string" && ringColorCarriesAlpha(merged.outlineColor)) {
+    merged.outlineColor = FOCUS_VISIBLE_RING.outlineColor;
+  }
+  if (typeof merged.outlineOffset !== "number") {
+    merged.outlineOffset = FOCUS_VISIBLE_RING.outlineOffset;
+  }
+  return merged;
+}
+function withDefaultStateLayer(control, layer) {
+  if (control.backgroundColor !== void 0) {
+    return control;
+  }
+  return {
+    ...layer,
+    ...control
+  };
+}