@multiplatform.one/theme 7.83.1 → 7.83.2

package/dist/esm/audit/constraintAudit.native.js

@@ -0,0 +1,918 @@
+import { generateScale } from "../theme/scale/generateScale.native.js";
+import { defaultScaleInputs } from "../theme/scale/scaleInputs.native.js";
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function activeScaleTokens() {
+  var _ref;
+  var published = globalThis.__MPO_SCALE__;
+  return (_ref = published === null || published === void 0 ? void 0 : published.tokens) !== null && _ref !== void 0 ? _ref : generateScale(defaultScaleInputs).tokens;
+}
+function numericTokens(group) {
+  var out = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(group)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [key, px] = _step.value;
+      var stop = Number(key.replace(/^\$/, ""));
+      if (Number.isFinite(stop) && stop >= 0) out[stop] = px;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+var scaleTokens = activeScaleTokens();
+var RADIUS_TOKENS = numericTokens(scaleTokens.radius);
+var SPACE_TOKENS = numericTokens(scaleTokens.space);
+var BORDER_RADIUS_KNOB = {
+  none: RADIUS_TOKENS[0],
+  small: RADIUS_TOKENS[2],
+  medium: RADIUS_TOKENS[4],
+  large: RADIUS_TOKENS[6],
+  full: RADIUS_TOKENS[12]
+};
+var OUTER_RADIUS_KNOB = {
+  none: RADIUS_TOKENS[0],
+  small: RADIUS_TOKENS[2],
+  medium: RADIUS_TOKENS[3],
+  large: RADIUS_TOKENS[4],
+  full: RADIUS_TOKENS[5]
+};
+var BORDER_WIDTH_KNOB = {
+  none: 0,
+  small: 0.5,
+  medium: 1,
+  large: 2
+};
+var GAP_KNOB = {
+  gapSm: SPACE_TOKENS[2],
+  gap: SPACE_TOKENS[3]
+};
+var GAP_LG_KNOB = {
+  gapLg: SPACE_TOKENS[5]
+};
+var PANEL_PADDING_KNOB = {
+  panelPadding: SPACE_TOKENS[4],
+  featurePadding: SPACE_TOKENS[6]
+};
+var FONT_WEIGHT_KNOB = {
+  regular: 400,
+  bold: 700
+};
+var VALID_BORDER_RADIUS_PX = /* @__PURE__ */new Set([...Object.values(BORDER_RADIUS_KNOB), ...Object.values(OUTER_RADIUS_KNOB)]);
+var VALID_BORDER_WIDTH = new Set(Object.values(BORDER_WIDTH_KNOB));
+var VALID_GAP_PX = /* @__PURE__ */new Set([0, ...Object.values(GAP_KNOB), ...Object.values(GAP_LG_KNOB)]);
+var VALID_PADDING_PX = /* @__PURE__ */new Set([0, ...Object.values(PANEL_PADDING_KNOB)]);
+var VALID_FONT_WEIGHT = new Set(Object.values(FONT_WEIGHT_KNOB));
+function runConstraintAudit(rootSelector) {
+  var _ref;
+  if (typeof document === "undefined") throw new Error("runConstraintAudit needs a DOM");
+  var _publishedScale = globalThis.__MPO_SCALE__;
+  var _scale = _publishedScale === null || _publishedScale === void 0 ? void 0 : _publishedScale.tokens;
+  var _radius = function _radius2(key, px) {
+    var _ref2;
+    var _scale_radius;
+    return (_ref2 = _scale === null || _scale === void 0 ? void 0 : (_scale_radius = _scale.radius) === null || _scale_radius === void 0 ? void 0 : _scale_radius[key]) !== null && _ref2 !== void 0 ? _ref2 : px;
+  };
+  var _space = function _space2(key, px) {
+    var _ref2;
+    var _scale_space;
+    return (_ref2 = _scale === null || _scale === void 0 ? void 0 : (_scale_space = _scale.space) === null || _scale_space === void 0 ? void 0 : _scale_space[`$${key}`]) !== null && _ref2 !== void 0 ? _ref2 : px;
+  };
+  var _size = function _size2(key, px) {
+    var _ref2;
+    var _scale_size;
+    return (_ref2 = _scale === null || _scale === void 0 ? void 0 : (_scale_size = _scale.size) === null || _scale_size === void 0 ? void 0 : _scale_size[`$${key}`]) !== null && _ref2 !== void 0 ? _ref2 : px;
+  };
+  var _SPACE_1 = _space("1", 2);
+  var _SPACE_1_5 = _space("1.5", 4);
+  var _SPACE_2 = _space("2", 6);
+  var _SPACE_3 = _space("3", 12);
+  var _SIZE_0_5 = _size("0.5", 4);
+  var _CONTROL_GAPS = new Set((_ref = _publishedScale === null || _publishedScale === void 0 ? void 0 : _publishedScale.controlGaps) !== null && _ref !== void 0 ? _ref : [3, 4, 5, 6, 7, 8, 9, 14]);
+  var _BORDER_RADIUS_KNOB = {
+    none: _radius("0", 0),
+    small: _radius("2", 4),
+    medium: _radius("4", 8),
+    large: _radius("6", 14),
+    full: _radius("12", 44)
+  };
+  var _CONTAINER_RADIUS_KNOB = {
+    none: _radius("0", 0),
+    small: _radius("4", 8),
+    medium: _radius("6", 14),
+    large: _radius("8", 20),
+    full: _radius("12", 44)
+  };
+  var _OUTER_RADIUS_KNOB = {
+    none: _radius("0", 0),
+    small: _radius("2", 4),
+    medium: _radius("3", 6),
+    large: _radius("4", 8),
+    full: _radius("5", 9)
+  };
+  var _BORDER_WIDTH_KNOB = {
+    none: 0,
+    small: 0.5,
+    medium: 1,
+    large: 2
+  };
+  var _GAP_KNOB = {
+    gapSm: _space("2", 6),
+    gap: _space("3", 12)
+  };
+  var _GAP_LG_KNOB = {
+    gapLg: _space("5", 21)
+  };
+  var _PANEL_PADDING_KNOB = {
+    panelPadding: _space("4", 16),
+    featurePadding: _space("6", 28)
+  };
+  var _FONT_WEIGHT_KNOB = {
+    light: 300,
+    // Inter body default weight
+    regular: 400,
+    bold: 700
+  };
+  var _VALID_RADIUS = /* @__PURE__ */new Set([...Object.values(_BORDER_RADIUS_KNOB), ...Object.values(_OUTER_RADIUS_KNOB), ...Object.values(_CONTAINER_RADIUS_KNOB), ...Object.values(_CONTAINER_RADIUS_KNOB).map(function (radius) {
+    return Math.min(radius, _PANEL_PADDING_KNOB.panelPadding);
+  }), 1e3,
+  // Tamagui pill radius (Switch, RadioGroup.Item)
+  1e5]);
+  var _VALID_BORDER_WIDTH = new Set(Object.values(_BORDER_WIDTH_KNOB));
+  var _VALID_GAP = /* @__PURE__ */new Set([0, _SPACE_1, 3.9,
+  // Tamagui InputContainerFrame size-proportional gap
+  _SPACE_1_5, _SIZE_0_5,
+  // Tamagui button internals
+  ..._CONTROL_GAPS, ...Object.values(_GAP_KNOB), ...Object.values(_GAP_LG_KNOB)]);
+  var _VALID_PADDING = /* @__PURE__ */new Set([0, _SPACE_1, _SPACE_2,
+  // button padding at $size.$2
+  _SPACE_3,
+  // a fixed-token inset (chips, OwnInset rows)
+  ...Object.values(_PANEL_PADDING_KNOB)]);
+  var _VALID_FONT_WEIGHT = new Set(Object.values(_FONT_WEIGHT_KNOB));
+  var _FONT_FAMILY_KNOB = {
+    inter: "sans-serif ($body/$heading)",
+    georgia: "serif",
+    "ibm plex mono": "mono",
+    "ui-monospace": "mono",
+    monospace: "mono",
+    "roboto slab": "slab",
+    rockwell: "slab (fallback)",
+    nunito: "rounded",
+    "varela round": "rounded (fallback)",
+    "roboto condensed": "condensed",
+    "arial narrow": "condensed (fallback)",
+    "dancing script": "cursive",
+    pacifico: "cursive (fallback)",
+    caveat: "handwriting",
+    "patrick hand": "handwriting (fallback)",
+    silkscreen: "pixel",
+    "press start 2p": "pixel (fallback)",
+    unifrakturcook: "blackletter",
+    fraktur: "blackletter (fallback)",
+    futura: "geometric",
+    poppins: "geometric (fallback)",
+    "century gothic": "geometric (fallback)"
+  };
+  var _SYSTEM_FONTS = /* @__PURE__ */new Set(["-apple-system", "system-ui", "blinkmacsystemfont", "segoe ui", "roboto", "helvetica", "arial", "sans-serif", "serif", "cursive", "comic sans ms", "courier new", "times new roman", "times"]);
+  function _reverseRadius(px) {
+    if (px === 1e3) return "pill";
+    if (px === 1e5) return "circular";
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = Object.entries(_BORDER_RADIUS_KNOB)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var [k, v] = _step2.value;
+        if (v === px) return k;
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+    var _iteratorNormalCompletion1 = true,
+      _didIteratorError1 = false,
+      _iteratorError1 = void 0;
+    try {
+      for (var _iterator1 = Object.entries(_OUTER_RADIUS_KNOB)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+        var [k1, v1] = _step1.value;
+        if (v1 === px) return `${k1} (outer)`;
+      }
+    } catch (err) {
+      _didIteratorError1 = true;
+      _iteratorError1 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+          _iterator1.return();
+        }
+      } finally {
+        if (_didIteratorError1) {
+          throw _iteratorError1;
+        }
+      }
+    }
+    var _iteratorNormalCompletion22 = true,
+      _didIteratorError22 = false,
+      _iteratorError22 = void 0;
+    try {
+      for (var _iterator22 = Object.entries(_CONTAINER_RADIUS_KNOB)[Symbol.iterator](), _step22; !(_iteratorNormalCompletion22 = (_step22 = _iterator22.next()).done); _iteratorNormalCompletion22 = true) {
+        var [k2, v2] = _step22.value;
+        if (v2 === px) return `${k2} (container)`;
+        if (Math.min(v2, _PANEL_PADDING_KNOB.panelPadding) === px) return `${k2} (container cap)`;
+      }
+    } catch (err) {
+      _didIteratorError22 = true;
+      _iteratorError22 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion22 && _iterator22.return != null) {
+          _iterator22.return();
+        }
+      } finally {
+        if (_didIteratorError22) {
+          throw _iteratorError22;
+        }
+      }
+    }
+    return "off-scale";
+  }
+  function _reverseBorderWidth(px) {
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = Object.entries(_BORDER_WIDTH_KNOB)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var [k, v] = _step2.value;
+        if (v === px) return k;
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+    return "off-scale";
+  }
+  function _reverseGap(px) {
+    if (px === 0) return "none";
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = Object.entries(_GAP_KNOB)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var [k, v] = _step2.value;
+        if (v === px) return k;
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+    var _iteratorNormalCompletion1 = true,
+      _didIteratorError1 = false,
+      _iteratorError1 = void 0;
+    try {
+      for (var _iterator1 = Object.entries(_GAP_LG_KNOB)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+        var [k1, v1] = _step1.value;
+        if (v1 === px) return `${k1} (lg)`;
+      }
+    } catch (err) {
+      _didIteratorError1 = true;
+      _iteratorError1 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+          _iterator1.return();
+        }
+      } finally {
+        if (_didIteratorError1) {
+          throw _iteratorError1;
+        }
+      }
+    }
+    if (px === _SPACE_1) return `space-token(${px}px)`;
+    if (px === 3.9) return "input-internal(3.9px)";
+    if (px === _SPACE_1_5 || px === _SIZE_0_5 || _CONTROL_GAPS.has(px)) return `size-token(${px}px)`;
+    return "off-scale";
+  }
+  function _reversePadding(px) {
+    if (px === 0) return "none";
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = Object.entries(_PANEL_PADDING_KNOB)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var [k, v] = _step2.value;
+        if (v === px) return k;
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+    if (px === _SPACE_1) return `space-token(${px}px)`;
+    if (px === _SPACE_2 || px === _SPACE_3) return `size-token(${px}px)`;
+    return "off-scale";
+  }
+  function _reverseFontWeight(w) {
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = Object.entries(_FONT_WEIGHT_KNOB)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var [k, v] = _step2.value;
+        if (v === w) return k;
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+    return "off-scale";
+  }
+  function _reverseFontFamily(computed) {
+    var first = computed.split(",")[0].trim().replace(/^['"]|['"]$/g, "").toLowerCase();
+    if (!first) return {
+      knob: "empty",
+      offScale: true
+    };
+    var knob = _FONT_FAMILY_KNOB[first];
+    if (knob) return {
+      knob,
+      offScale: false
+    };
+    if (_SYSTEM_FONTS.has(first)) return {
+      knob: `system (${first})`,
+      offScale: false
+    };
+    return {
+      knob: "off-scale",
+      offScale: true
+    };
+  }
+  function _checkInlineColors(el) {
+    var htmlEl = el;
+    if (!htmlEl.style) return null;
+    var colorProps = ["color", "backgroundColor", "borderColor"];
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = colorProps[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var prop = _step2.value;
+        var val = htmlEl.style[prop];
+        if (!val || val === "inherit" || val === "transparent" || val === "currentColor") continue;
+        if (val.startsWith("var(")) continue;
+        return {
+          property: prop,
+          value: val
+        };
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+    return null;
+  }
+  function parsePx(raw) {
+    if (!raw || raw === "" || raw === "normal" || raw === "auto") return null;
+    var first = raw.split(" ")[0];
+    var n = parseFloat(first);
+    if (isNaN(n)) return null;
+    return Math.round(n * 100) / 100;
+  }
+  function isPercentageBorderRadius(el) {
+    var _ref2;
+    var _el_style;
+    var inline = (_ref2 = (_el_style = el.style) === null || _el_style === void 0 ? void 0 : _el_style.borderRadius) !== null && _ref2 !== void 0 ? _ref2 : "";
+    if (inline.includes("%")) return true;
+    return false;
+  }
+  function elementLabel(el) {
+    var tag = el.tagName.toLowerCase();
+    var generatedId = /^(?:_r_[0-9a-z]+_|:r[0-9a-z]+:|«r[0-9a-z]+»)$/.test(el.id);
+    var id = el.id && !generatedId ? `#${el.id}` : "";
+    var classes = Array.from(el.classList).filter(function (c) {
+      return c.length > 3 && !c.startsWith("_") && !/^[_a-z0-9]{1,8}-/.test(c) && !/^\d/.test(c);
+    }).slice(0, 3).join(".");
+    var cls = classes ? `.${classes}` : "";
+    var role = el.getAttribute("role") ? `[role=${el.getAttribute("role")}]` : "";
+    var testId = el.getAttribute("data-testid") ? `[data-testid=${el.getAttribute("data-testid")}]` : "";
+    return `${tag}${id}${cls}${role}${testId}` || tag;
+  }
+  function elementKey(el, scope2) {
+    var _loop2 = function (node2) {
+      var siblings = node2.parentElement ? Array.from(node2.parentElement.children).filter(function (sibling) {
+        return sibling.tagName === node2.tagName;
+      }) : [node2];
+      path.unshift(`${node2.tagName.toLowerCase()}:nth-of-type(${siblings.indexOf(node2) + 1})`);
+      if (node2 === scope2) return "break";
+    };
+    var path = [];
+    for (var node = el; node; node = node.parentElement) {
+      var _ret = _loop2(node);
+      if (_ret === "break") break;
+    }
+    return path.join(" > ");
+  }
+  function isPainted(el) {
+    var ownStyle = getComputedStyle(el);
+    if (ownStyle.visibility === "hidden" || ownStyle.visibility === "collapse") return false;
+    for (var node = el; node; node = node.parentElement) {
+      var style = getComputedStyle(node);
+      if (style.display === "none" || node !== el && style.contentVisibility === "hidden" || Number.parseFloat(style.opacity) === 0) return false;
+    }
+    return true;
+  }
+  function auditProp(value, validSet, reverseFn, propName, violations) {
+    if (value === null || value === 0) return void 0;
+    var knob = reverseFn(value);
+    var offScale = !validSet.has(value);
+    if (offScale) {
+      violations.push(`${propName}: ${value}px is off-scale (no matching token)`);
+    }
+    return {
+      value,
+      unit: "px",
+      knob,
+      offScale
+    };
+  }
+  function readPreset() {
+    var _ref2, _root_dataset_preset;
+    var _document_cookie_split_find;
+    var root = document.documentElement;
+    return (_ref2 = (_root_dataset_preset = root.dataset.preset) !== null && _root_dataset_preset !== void 0 ? _root_dataset_preset : (_document_cookie_split_find = document.cookie.split("; ").find(function (c) {
+      return c.startsWith("mp.preset=");
+    })) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split("=")[1]) !== null && _ref2 !== void 0 ? _ref2 : "unknown";
+  }
+  function readScheme() {
+    var root = document.documentElement;
+    if (root.classList.contains("t_dark")) return "dark";
+    if (root.classList.contains("t_light")) return "light";
+    return root.style.colorScheme || "unknown";
+  }
+  var SKIP_TAGS = /* @__PURE__ */new Set(["script", "style", "link", "meta", "head", "html", "title", "noscript", "br", "hr", "col", "colgroup", "caption", "source", "track", "wbr", "area", "map", "param", "embed", "object", "base", "canvas", "audio", "video", "picture", "figure"]);
+  var DEVTOOLS_SELECTORS = ["#tanstack_devtools", "[data-testid=tanstack_devtools]"];
+  var devtoolsRoots = DEVTOOLS_SELECTORS.flatMap(function (s) {
+    return Array.from(document.querySelectorAll(s));
+  });
+  var scope = rootSelector ? document.querySelector(rootSelector) : document;
+  if (!scope) throw new Error(`Constraint audit scope not found: ${rootSelector}`);
+  var allElements = [...(typeof Element !== "undefined" && _instanceof(scope, Element) ? [scope] : []), ...Array.from(scope.querySelectorAll("*"))];
+  var candidates = allElements.filter(function (el) {
+    var tag = el.tagName.toLowerCase();
+    if (SKIP_TAGS.has(tag)) return false;
+    if (el.namespaceURI === "http://www.w3.org/2000/svg" && tag !== "svg") return false;
+    if (!isPainted(el)) return false;
+    if (devtoolsRoots.some(function (root) {
+      return root.contains(el);
+    })) return false;
+    return true;
+  });
+  var auditedElements = [];
+  var violationElements = [];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    var _loop = function () {
+      var el = _step.value;
+      var _el_getAttribute, _el_getAttribute1;
+      var style = getComputedStyle(el);
+      var tag = el.tagName.toLowerCase();
+      var entry = {
+        label: elementLabel(el),
+        key: elementKey(el, scope),
+        tag,
+        id: el.id || "",
+        classes: Array.from(el.classList).filter(function (c) {
+          return c.length > 3 && !/^[_a-z][a-z0-9]{0,6}-/.test(c);
+        }).slice(0, 5),
+        violations: []
+      };
+      var hasAnyProp = false;
+      var containerName = el.getAttribute("data-constraint-container");
+      var ownsInset = containerName === "Card" || containerName === "PageSection";
+      var stackedRow = containerName === "StackedRow";
+      var ownInset = containerName === "OwnInset";
+      var capContainer = containerName === "Card" ? ["content", "elevated"].includes((_el_getAttribute = el.getAttribute("data-tier")) !== null && _el_getAttribute !== void 0 ? _el_getAttribute : "") : containerName === "PageSection" || containerName === "TextArea" || stackedRow || ownInset;
+      if (containerName !== null && containerName !== "Card" && !capContainer) {
+        entry.violations.push(`data-constraint-container: "${containerName}" is not a container the cap audit knows`);
+      }
+      var binaryPart = el.getAttribute("data-radius-resolution") === "BINARY";
+      var corners = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"];
+      var stackPosition = (_el_getAttribute1 = el.getAttribute("data-stack-position")) !== null && _el_getAttribute1 !== void 0 ? _el_getAttribute1 : "";
+      var outerCorners = {
+        only: corners,
+        first: ["borderTopLeftRadius", "borderTopRightRadius"],
+        middle: [],
+        last: ["borderBottomRightRadius", "borderBottomLeftRadius"]
+      };
+      var stackOuter = Object.hasOwn(outerCorners, stackPosition) ? outerCorners[stackPosition] : void 0;
+      if (stackedRow && !stackOuter) {
+        entry.violations.push(`data-stack-position: "${stackPosition}" is not a StackedRow position (only, first, middle, last)`);
+      }
+      if (capContainer) {
+        var _el_getAttribute2;
+        var radiusKnob = (_el_getAttribute2 = el.getAttribute("data-radius-knob")) !== null && _el_getAttribute2 !== void 0 ? _el_getAttribute2 : "";
+        var radiusMap = containerName === "TextArea" ? _BORDER_RADIUS_KNOB : _CONTAINER_RADIUS_KNOB;
+        var radiusStop = Object.hasOwn(radiusMap, radiusKnob) ? radiusMap[radiusKnob] : void 0;
+        var paddingSides = ["paddingTop", "paddingRight", "paddingBottom", "paddingLeft"];
+        var measuredInsets = paddingSides.map(function (prop3) {
+          return parsePx(style[prop3]);
+        });
+        var inset = ownInset ? measuredInsets.some(function (v) {
+          return v === null;
+        }) ? void 0 : Math.min(...measuredInsets) : _PANEL_PADDING_KNOB.panelPadding;
+        if (ownsInset) {
+          var _iteratorNormalCompletion2 = true,
+            _didIteratorError2 = false,
+            _iteratorError2 = void 0;
+          try {
+            for (var _iterator2 = paddingSides.entries()[Symbol.iterator](), _step1; !(_iteratorNormalCompletion2 = (_step1 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+              var [index, prop] = _step1.value;
+              var value = measuredInsets[index];
+              var offScale = inset === void 0 || value !== inset;
+              entry[prop] = {
+                value: value !== null && value !== void 0 ? value : 0,
+                unit: "px",
+                knob: `${containerName} panelPadding`,
+                offScale
+              };
+              if (offScale) entry.violations.push(`${prop}: ${style[prop]} does not match ${containerName} panelPadding (${inset !== null && inset !== void 0 ? inset : "unknown"}px)`);
+            }
+          } catch (err) {
+            _didIteratorError2 = true;
+            _iteratorError2 = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                _iterator2.return();
+              }
+            } finally {
+              if (_didIteratorError2) {
+                throw _iteratorError2;
+              }
+            }
+          }
+        }
+        var cap = radiusStop === void 0 || inset === void 0 || stackedRow && !stackOuter || ownsInset && measuredInsets.some(function (v) {
+          return v === null;
+        }) ? void 0 : Math.min(radiusStop, inset, ...(ownsInset ? measuredInsets : []));
+        var _iteratorNormalCompletion1 = true,
+          _didIteratorError1 = false,
+          _iteratorError1 = void 0;
+        try {
+          var _loop2 = function () {
+            var prop3 = _step2.value;
+            var _parsePx2;
+            var raw2 = style[prop3];
+            var inner = stackedRow && stackOuter !== void 0 && !stackOuter.includes(prop3);
+            var expected2 = inner ? 0 : cap;
+            var axes = raw2.trim().split(/\s+/);
+            var offScale3 = expected2 === void 0 || axes.some(function (axis) {
+              return !/^\d+(?:\.\d+)?(?:px)?$/.test(axis) || parsePx(axis) !== expected2;
+            });
+            var result2 = {
+              value: (_parsePx2 = parsePx(raw2)) !== null && _parsePx2 !== void 0 ? _parsePx2 : 0,
+              unit: "px",
+              knob: inner ? `${containerName} ${stackPosition} inner corner 0` : ownInset ? `${containerName} min(radius:${radiusKnob}, own padding)` : `${containerName} min(radius:${radiusKnob}, panelPadding)`,
+              offScale: offScale3
+            };
+            entry[prop3] = result2;
+            if (offScale3) entry.violations.push(inner ? `${prop3}: ${raw2} is an inner corner of a ${stackPosition} StackedRow (0px)` : `${prop3}: ${raw2} does not match ${containerName} cap (${expected2 !== null && expected2 !== void 0 ? expected2 : "unknown"}px)`);
+          };
+          for (var _iterator1 = corners[Symbol.iterator](), _step2; !(_iteratorNormalCompletion1 = (_step2 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) _loop2();
+        } catch (err) {
+          _didIteratorError1 = true;
+          _iteratorError1 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+              _iterator1.return();
+            }
+          } finally {
+            if (_didIteratorError1) {
+              throw _iteratorError1;
+            }
+          }
+        }
+        entry.borderRadius = {
+          ...entry.borderTopLeftRadius,
+          offScale: corners.some(function (prop3) {
+            var _entry_prop;
+            return (_entry_prop = entry[prop3]) === null || _entry_prop === void 0 ? void 0 : _entry_prop.offScale;
+          })
+        };
+        hasAnyProp = true;
+      } else if (binaryPart) {
+        var box = el;
+        var half = Math.min(box.offsetWidth, box.offsetHeight) / 2;
+        var measuredCorners = corners.map(function (prop3) {
+          return style[prop3].trim().split(/\s+/);
+        });
+        if (measuredCorners.some(function (axes) {
+          return axes.some(function (axis) {
+            return parsePx(axis) !== 0;
+          });
+        })) {
+          var _iteratorNormalCompletion22 = true,
+            _didIteratorError22 = false,
+            _iteratorError22 = void 0;
+          try {
+            for (var _iterator22 = corners.entries()[Symbol.iterator](), _step3; !(_iteratorNormalCompletion22 = (_step3 = _iterator22.next()).done); _iteratorNormalCompletion22 = true) {
+              var [index1, prop1] = _step3.value;
+              var _parsePx;
+              var raw = style[prop1];
+              var offScale1 = measuredCorners[index1].some(function (axis) {
+                var _parsePx2;
+                if (!/^\d+(?:\.\d+)?(?:px)?$/.test(axis)) return true;
+                var value2 = (_parsePx2 = parsePx(axis)) !== null && _parsePx2 !== void 0 ? _parsePx2 : 0;
+                return value2 !== 0 && Math.abs(value2 - half) > 0.5;
+              });
+              entry[prop1] = {
+                value: (_parsePx = parsePx(raw)) !== null && _parsePx !== void 0 ? _parsePx : 0,
+                unit: "px",
+                knob: "BINARY 0 | h/2",
+                offScale: offScale1
+              };
+              if (offScale1) entry.violations.push(`${prop1}: ${raw} is neither 0 nor BINARY h/2 (${half}px)`);
+            }
+          } catch (err) {
+            _didIteratorError22 = true;
+            _iteratorError22 = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion22 && _iterator22.return != null) {
+                _iterator22.return();
+              }
+            } finally {
+              if (_didIteratorError22) {
+                throw _iteratorError22;
+              }
+            }
+          }
+          entry.borderRadius = {
+            ...entry.borderTopLeftRadius,
+            offScale: corners.some(function (prop3) {
+              var _entry_prop;
+              return (_entry_prop = entry[prop3]) === null || _entry_prop === void 0 ? void 0 : _entry_prop.offScale;
+            })
+          };
+          hasAnyProp = true;
+        }
+      } else if (!isPercentageBorderRadius(el)) {
+        var br = parsePx(style.borderTopLeftRadius || style.borderRadius);
+        if (br !== null && br > 0) {
+          entry.borderRadius = auditProp(br, _VALID_RADIUS, _reverseRadius, "borderRadius", entry.violations);
+          if (entry.borderRadius) hasAnyProp = true;
+        }
+      }
+      var bwRaw = style.borderTopWidth;
+      var bw = parsePx(bwRaw);
+      if (bw !== null && bw > 0) {
+        entry.borderWidth = auditProp(bw, _VALID_BORDER_WIDTH, _reverseBorderWidth, "borderWidth", entry.violations);
+        if (entry.borderWidth) hasAnyProp = true;
+      }
+      var rowGap = parsePx(style.rowGap);
+      var colGap = parsePx(style.columnGap);
+      if (rowGap !== null && rowGap > 0) {
+        entry.rowGap = auditProp(rowGap, _VALID_GAP, _reverseGap, "rowGap", entry.violations);
+        if (entry.rowGap) hasAnyProp = true;
+      }
+      if (colGap !== null && colGap > 0 && colGap !== rowGap) {
+        entry.columnGap = auditProp(colGap, _VALID_GAP, _reverseGap, "columnGap", entry.violations);
+        if (entry.columnGap) hasAnyProp = true;
+      }
+      if (!(capContainer && ownsInset) && (entry.borderRadius || entry.borderWidth)) {
+        var sides = [["paddingTop", style.paddingTop], ["paddingRight", style.paddingRight], ["paddingBottom", style.paddingBottom], ["paddingLeft", style.paddingLeft]];
+        var _iteratorNormalCompletion3 = true,
+          _didIteratorError3 = false,
+          _iteratorError3 = void 0;
+        try {
+          for (var _iterator3 = sides[Symbol.iterator](), _step4; !(_iteratorNormalCompletion3 = (_step4 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+            var [prop2, raw1] = _step4.value;
+            var val = parsePx(raw1);
+            if (val !== null && val > 0) {
+              var result = auditProp(val, _VALID_PADDING, _reversePadding, prop2, entry.violations);
+              if (result) {
+                entry[prop2] = result;
+                hasAnyProp = true;
+              }
+            }
+          }
+        } catch (err) {
+          _didIteratorError3 = true;
+          _iteratorError3 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+              _iterator3.return();
+            }
+          } finally {
+            if (_didIteratorError3) {
+              throw _iteratorError3;
+            }
+          }
+        }
+      }
+      var fw = parsePx(style.fontWeight);
+      var weightKnob = el.getAttribute("data-font-weight-knob");
+      if (fw !== null && (fw !== 400 || weightKnob !== null)) {
+        var configuredHeading = (/^H[1-6]$/.test(el.tagName) || el.getAttribute("role") === "heading" || Array.from(el.classList).some(function (name) {
+          return /^font_heading(?:Serif|Mono|Slab|Rounded|Condensed|Cursive|Handwriting|Pixel|Blackletter|Geometric)?$/.test(name);
+        })) && [600, 700, 800].includes(fw);
+        var configuredLabel = el.tagName === "LABEL" && [500, 700].includes(fw);
+        var expected = weightKnob !== null && ["regular", "bold"].includes(weightKnob) ? _FONT_WEIGHT_KNOB[weightKnob] : void 0;
+        var offScale2 = weightKnob !== null ? expected === void 0 || fw !== expected : !_VALID_FONT_WEIGHT.has(fw) && !configuredHeading && !configuredLabel;
+        var knob = weightKnob !== null ? `fontWeight:${weightKnob}` : configuredHeading ? "configured heading (@tamagui/config/v5)" : configuredLabel ? "label role (LC-152)" : _reverseFontWeight(fw);
+        entry.fontWeight = {
+          value: fw,
+          unit: "",
+          knob,
+          offScale: offScale2
+        };
+        if (offScale2) entry.violations.push(`fontWeight: ${fw} does not match ${weightKnob !== null ? knob : "a configured typography weight"}`);
+        hasAnyProp = true;
+      }
+      var TEXT_TAGS = /* @__PURE__ */new Set(["h1", "h2", "h3", "h4", "h5", "h6", "p", "span", "a", "button", "input", "textarea", "label", "select", "li", "td", "th", "dt", "dd", "figcaption", "blockquote", "pre", "code"]);
+      if (TEXT_TAGS.has(tag) || el.childNodes.length === 1 && el.childNodes[0].nodeType === 3) {
+        var parentStyle = el.parentElement ? getComputedStyle(el.parentElement) : null;
+        var elFontFamily = style.fontFamily;
+        if (elFontFamily && (!parentStyle || elFontFamily !== parentStyle.fontFamily)) {
+          var ffResult = _reverseFontFamily(elFontFamily);
+          if (ffResult.offScale) {
+            entry.fontFamily = {
+              value: elFontFamily,
+              knob: ffResult.knob,
+              offScale: true
+            };
+            entry.violations.push(`fontFamily: "${elFontFamily.split(",")[0].trim()}" is not a registered font token`);
+            hasAnyProp = true;
+          } else {
+            entry.fontFamily = {
+              value: elFontFamily,
+              knob: ffResult.knob,
+              offScale: false
+            };
+            hasAnyProp = true;
+          }
+        }
+      }
+      var colorBypass = _checkInlineColors(el);
+      if (colorBypass) {
+        entry.inlineColor = {
+          value: `${colorBypass.property}: ${colorBypass.value}`,
+          knob: "off-scale (hardcoded)",
+          offScale: true
+        };
+        entry.violations.push(`inlineColor: ${colorBypass.property}="${colorBypass.value}" bypasses theme tokens`);
+        hasAnyProp = true;
+      }
+      if (hasAnyProp || entry.violations.length > 0) {
+        auditedElements.push(entry);
+        if (entry.violations.length > 0) {
+          violationElements.push(entry);
+        }
+      }
+    };
+    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;
+      }
+    }
+  }
+  var summary = {
+    totalElements: candidates.length,
+    auditedElements: auditedElements.length,
+    totalViolations: violationElements.length,
+    byProperty: {
+      borderRadius: violationElements.filter(function (e) {
+        var _e_borderRadius;
+        return (_e_borderRadius = e.borderRadius) === null || _e_borderRadius === void 0 ? void 0 : _e_borderRadius.offScale;
+      }).length,
+      borderWidth: violationElements.filter(function (e) {
+        var _e_borderWidth;
+        return (_e_borderWidth = e.borderWidth) === null || _e_borderWidth === void 0 ? void 0 : _e_borderWidth.offScale;
+      }).length,
+      gap: violationElements.filter(function (e) {
+        var _e_rowGap, _e_columnGap;
+        return ((_e_rowGap = e.rowGap) === null || _e_rowGap === void 0 ? void 0 : _e_rowGap.offScale) || ((_e_columnGap = e.columnGap) === null || _e_columnGap === void 0 ? void 0 : _e_columnGap.offScale);
+      }).length,
+      padding: violationElements.filter(function (e) {
+        var _e_paddingTop, _e_paddingRight, _e_paddingBottom, _e_paddingLeft;
+        return ((_e_paddingTop = e.paddingTop) === null || _e_paddingTop === void 0 ? void 0 : _e_paddingTop.offScale) || ((_e_paddingRight = e.paddingRight) === null || _e_paddingRight === void 0 ? void 0 : _e_paddingRight.offScale) || ((_e_paddingBottom = e.paddingBottom) === null || _e_paddingBottom === void 0 ? void 0 : _e_paddingBottom.offScale) || ((_e_paddingLeft = e.paddingLeft) === null || _e_paddingLeft === void 0 ? void 0 : _e_paddingLeft.offScale);
+      }).length,
+      fontWeight: violationElements.filter(function (e) {
+        var _e_fontWeight;
+        return (_e_fontWeight = e.fontWeight) === null || _e_fontWeight === void 0 ? void 0 : _e_fontWeight.offScale;
+      }).length,
+      fontFamily: violationElements.filter(function (e) {
+        var _e_fontFamily;
+        return (_e_fontFamily = e.fontFamily) === null || _e_fontFamily === void 0 ? void 0 : _e_fontFamily.offScale;
+      }).length,
+      inlineColor: violationElements.filter(function (e) {
+        var _e_inlineColor;
+        return (_e_inlineColor = e.inlineColor) === null || _e_inlineColor === void 0 ? void 0 : _e_inlineColor.offScale;
+      }).length
+    }
+  };
+  return {
+    url: window.location.href,
+    timestamp: (/* @__PURE__ */new Date()).toISOString(),
+    preset: readPreset(),
+    scheme: readScheme(),
+    summary,
+    violations: violationElements,
+    elements: auditedElements
+  };
+}
+export { GAP_KNOB, GAP_LG_KNOB, runConstraintAudit };
+//# sourceMappingURL=constraintAudit.native.js.map