@multiplatform.one/theme 7.83.1 → 7.83.2

package/dist/esm/theme/devtools/knobIcons.native.js

@@ -0,0 +1,464 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+function fillIcon(value, color) {
+  if (value === "filled") {
+    return /* @__PURE__ */_jsx("div", {
+      style: {
+        width: 14,
+        height: 14,
+        background: color,
+        borderRadius: 2
+      }
+    });
+  }
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1.5px solid ${color}`,
+      borderRadius: 2
+    }
+  });
+}
+function borderRadiusIcon(value, color) {
+  var _value;
+  var radius = (_value = {
+    none: 0,
+    small: 2,
+    medium: 4,
+    large: 7,
+    full: 10
+  }[value]) !== null && _value !== void 0 ? _value : 0;
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1.5px solid ${color}`,
+      borderRadius: radius
+    }
+  });
+}
+function cornerSmoothingIcon(value, color) {
+  var smooth = value === "smooth";
+  return /* @__PURE__ */_jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    role: "img",
+    "aria-label": value,
+    children: [/* @__PURE__ */_jsx("title", {
+      children: value
+    }), smooth ? /* @__PURE__ */_jsx("path", {
+      d: "M7 1 C2.8 1 1 2.8 1 7 C1 11.2 2.8 13 7 13 C11.2 13 13 11.2 13 7 C13 2.8 11.2 1 7 1 Z",
+      stroke: color,
+      strokeWidth: "1.5"
+    }) : /* @__PURE__ */_jsx("rect", {
+      x: "1",
+      y: "1",
+      width: "12",
+      height: "12",
+      rx: "4",
+      stroke: color,
+      strokeWidth: "1.5"
+    })]
+  });
+}
+function borderWidthIcon(value, color) {
+  var _value;
+  if (value === "none") {
+    return /* @__PURE__ */_jsx("div", {
+      style: {
+        width: 14,
+        height: 14,
+        background: color,
+        borderRadius: 2,
+        opacity: 0.35
+      }
+    });
+  }
+  var width = (_value = {
+    small: 1,
+    medium: 1.5,
+    large: 2
+  }[value]) !== null && _value !== void 0 ? _value : 1;
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `${width}px solid ${color}`,
+      borderRadius: 2
+    }
+  });
+}
+function elevationIcon(value, color, _isDark) {
+  var _value, _value1;
+  var shadowColor = "rgba(128,128,128,0.55)";
+  var offset = (_value = {
+    none: 0,
+    small: 1,
+    medium: 2,
+    large: 3
+  }[value]) !== null && _value !== void 0 ? _value : 0;
+  var shadowSize = (_value1 = {
+    none: 0,
+    small: 10,
+    medium: 11,
+    large: 12
+  }[value]) !== null && _value1 !== void 0 ? _value1 : 0;
+  var squareSize = 10;
+  var total = squareSize + offset * 2 + 1;
+  if (offset === 0) {
+    return /* @__PURE__ */_jsx("div", {
+      style: {
+        width: squareSize,
+        height: squareSize,
+        border: `1px solid ${color}`,
+        borderRadius: 1
+      }
+    });
+  }
+  return /* @__PURE__ */_jsxs("div", {
+    style: {
+      position: "relative",
+      width: total,
+      height: total
+    },
+    children: [/* @__PURE__ */_jsx("div", {
+      style: {
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        width: shadowSize,
+        height: shadowSize,
+        background: shadowColor,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */_jsx("div", {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: squareSize,
+        height: squareSize,
+        border: `1px solid ${color}`,
+        borderRadius: 1
+      }
+    })]
+  });
+}
+function textAccentIcon(value, color) {
+  var weight = value === "low" ? 300 : value === "medium" ? 500 : 700;
+  var opacity = value === "low" ? 0.35 : value === "medium" ? 0.7 : 1;
+  return /* @__PURE__ */_jsx("span", {
+    style: {
+      fontSize: 12,
+      fontWeight: weight,
+      color,
+      opacity,
+      fontFamily: "system-ui, sans-serif",
+      lineHeight: 1
+    },
+    children: "Aa"
+  });
+}
+var fontCategoryStyles = {
+  "sans-serif": {
+    family: "-apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+    label: "Aa"
+  },
+  serif: {
+    family: "Georgia, 'Times New Roman', Times, serif",
+    label: "Aa"
+  },
+  mono: {
+    family: "'SF Mono', 'Cascadia Code', Menlo, monospace",
+    label: "Aa"
+  },
+  slab: {
+    family: "'Rockwell', 'Courier New', serif",
+    label: "Aa"
+  },
+  rounded: {
+    family: "'Nunito', 'Varela Round', system-ui, sans-serif",
+    label: "Aa"
+  },
+  condensed: {
+    family: "'Arial Narrow', sans-serif",
+    label: "Aa",
+    letterSpacing: "-0.03em"
+  },
+  cursive: {
+    family: "'Segoe Script', cursive",
+    label: "Aa",
+    style: "italic"
+  },
+  handwriting: {
+    family: "'Comic Sans MS', 'Caveat', cursive",
+    label: "Aa"
+  },
+  pixel: {
+    family: "'Courier New', monospace",
+    label: "Aa",
+    letterSpacing: "0.05em"
+  },
+  blackletter: {
+    family: "'Old English Text MT', serif",
+    label: "Aa"
+  },
+  geometric: {
+    family: "'Century Gothic', 'Futura', sans-serif",
+    label: "Aa"
+  }
+};
+function headingFontIcon(value, color) {
+  var _fontCategoryStyles_value;
+  var s = (_fontCategoryStyles_value = fontCategoryStyles[value]) !== null && _fontCategoryStyles_value !== void 0 ? _fontCategoryStyles_value : {
+    family: "inherit",
+    label: "Aa"
+  };
+  return /* @__PURE__ */_jsx("span", {
+    style: {
+      fontSize: 13,
+      fontWeight: 700,
+      color,
+      fontFamily: s.family,
+      fontStyle: s.style,
+      lineHeight: 1,
+      letterSpacing: s.letterSpacing
+    },
+    children: s.label
+  });
+}
+function bodyFontIcon(value, color) {
+  var _fontCategoryStyles_value;
+  var s = (_fontCategoryStyles_value = fontCategoryStyles[value]) !== null && _fontCategoryStyles_value !== void 0 ? _fontCategoryStyles_value : {
+    family: "inherit",
+    label: "Aa"
+  };
+  return /* @__PURE__ */_jsx("span", {
+    style: {
+      fontSize: 13,
+      fontWeight: 400,
+      color,
+      fontFamily: s.family,
+      fontStyle: s.style,
+      lineHeight: 1,
+      letterSpacing: s.letterSpacing
+    },
+    children: s.label
+  });
+}
+function fontWeightIcon(value, color) {
+  var _value;
+  var weight = (_value = {
+    light: 300,
+    regular: 400,
+    bold: 700
+  }[value]) !== null && _value !== void 0 ? _value : 400;
+  return /* @__PURE__ */_jsx("span", {
+    style: {
+      fontSize: 12,
+      fontWeight: weight,
+      color,
+      fontFamily: "system-ui, sans-serif",
+      lineHeight: 1
+    },
+    children: "W"
+  });
+}
+function modeIcon(value, color) {
+  var base = {
+    width: 14,
+    height: 14,
+    borderRadius: "50%"
+  };
+  if (value === "system") {
+    return /* @__PURE__ */_jsx("div", {
+      style: {
+        ...base,
+        border: `1.5px solid ${color}`,
+        background: `linear-gradient(90deg, ${color} 50%, transparent 50%)`
+      }
+    });
+  }
+  if (value === "light") {
+    return /* @__PURE__ */_jsx("div", {
+      style: {
+        ...base,
+        border: `1.5px solid ${color}`
+      }
+    });
+  }
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      ...base,
+      background: color
+    }
+  });
+}
+function glyph(label, color) {
+  var size = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 9;
+  return /* @__PURE__ */_jsx("span", {
+    style: {
+      fontSize: size,
+      fontWeight: 600,
+      color,
+      fontFamily: "system-ui, sans-serif",
+      lineHeight: 1,
+      letterSpacing: "-0.02em"
+    },
+    children: label
+  });
+}
+function fieldLabelPlacementIcon(value, color) {
+  if (value === "side") return glyph("\u229F", color, 12);
+  if (value === "floating") return glyph("\u2B1A", color, 12);
+  return glyph("\u229E", color, 12);
+}
+function requiredMarkingIcon(value, color) {
+  if (value === "asterisk") return glyph("*", color, 14);
+  if (value === "optional") return glyph("opt", color, 8);
+  return glyph("min", color, 8);
+}
+function tableZebraIcon(value, color) {
+  var on = value === "on";
+  return /* @__PURE__ */_jsxs("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      width: 14
+    },
+    children: [/* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: on ? 1 : 0.35
+      }
+    }), /* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: on ? 0.35 : 0.35
+      }
+    }), /* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: on ? 1 : 0.35
+      }
+    })]
+  });
+}
+function bulkBarPlacementIcon(value, color) {
+  var top = value !== "bottom";
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1px solid ${color}`,
+      borderRadius: 2,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: top ? "flex-start" : "flex-end",
+      padding: 1
+    },
+    children: /* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    })
+  });
+}
+function selectAllScopeIcon(value, color) {
+  var filtered = value === "filtered";
+  return /* @__PURE__ */_jsxs("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      width: 14
+    },
+    children: [/* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: filtered ? 1 : 0.3
+      }
+    })]
+  });
+}
+function timestampStyleIcon(value, color) {
+  return glyph(value === "relative" ? "~t" : "12:00", color, value === "relative" ? 10 : 7);
+}
+function disabledStyleIcon(value, color) {
+  if (value === "dimWhole") {
+    return /* @__PURE__ */_jsx("div", {
+      style: {
+        width: 14,
+        height: 14,
+        background: color,
+        borderRadius: 2,
+        opacity: 0.35
+      }
+    });
+  }
+  return /* @__PURE__ */_jsxs("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2,
+      width: 14
+    },
+    children: [/* @__PURE__ */_jsx("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */_jsx("div", {
+      style: {
+        height: 7,
+        background: color,
+        borderRadius: 1,
+        opacity: 0.3
+      }
+    })]
+  });
+}
+function formAutofocusIcon(value, color) {
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1.5px solid ${color}`,
+      borderRadius: 2,
+      outlineWidth: value === "on" ? 2 : 0,
+      outlineStyle: "solid",
+      outlineColor: color,
+      outlineOffset: 0,
+      opacity: value === "on" ? 1 : 0.45
+    }
+  });
+}
+export { bodyFontIcon, borderRadiusIcon, borderWidthIcon, bulkBarPlacementIcon, cornerSmoothingIcon, disabledStyleIcon, elevationIcon, fieldLabelPlacementIcon, fillIcon, fontWeightIcon, formAutofocusIcon, headingFontIcon, modeIcon, requiredMarkingIcon, selectAllScopeIcon, tableZebraIcon, textAccentIcon, timestampStyleIcon };
+//# sourceMappingURL=knobIcons.native.js.map

package/dist/esm/theme/devtools/knobIcons.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","fillIcon","value","color","style","width","height","background","borderRadius","border","borderRadiusIcon","_value","radius","none","small","medium","large","full","cornerSmoothingIcon","smooth","viewBox","fill","role","children","d","stroke","strokeWidth","x","y","rx","borderWidthIcon","opacity","elevationIcon","_isDark","_value1","shadowColor","offset","shadowSize","squareSize","total","position","bottom","right","top","left","textAccentIcon","weight","fontSize","fontWeight","fontFamily","lineHeight","fontCategoryStyles","family","label","serif","mono","slab","rounded","condensed","letterSpacing","cursive","handwriting","pixel","blackletter","geometric","headingFontIcon","_fontCategoryStyles_value","s","fontStyle","bodyFontIcon","fontWeightIcon","light","regular","bold","modeIcon","base"],"sources":["../../../../src/theme/devtools/knobIcons.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/devtools/vizConstants.mjs

@@ -0,0 +1,26 @@
+function luminance(rgb) {
+  const canvas = typeof document !== "undefined" ? document.createElement("canvas") : null;
+  if (!canvas) return 0.5;
+  const context = canvas.getContext("2d");
+  if (!context) return 0.5;
+  canvas.width = 1;
+  canvas.height = 1;
+  context.fillStyle = rgb;
+  context.fillRect(0, 0, 1, 1);
+  const [red, green, blue] = context.getImageData(0, 0, 1, 1).data;
+  return (0.299 * red + 0.587 * green + 0.114 * blue) / 255;
+}
+function contrastTextFor(bgColor) {
+  return luminance(bgColor) > 0.5 ? "#111" : "#f0f0f0";
+}
+function fallbackGray(step) {
+  const normalizedStep = (step - 1) / 11;
+  const grayValue = Math.round(230 - normalizedStep * 190);
+  return `rgb(${grayValue},${grayValue},${grayValue})`;
+}
+const cellSize = 32;
+function stepToPx(step) {
+  return (step - 1) * cellSize + cellSize / 2;
+}
+export { cellSize, contrastTextFor, fallbackGray, stepToPx };
+//# sourceMappingURL=vizConstants.mjs.map

package/dist/esm/theme/devtools/vizConstants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["luminance","rgb","canvas","document","createElement","context","getContext","width","height","fillStyle","fillRect","red","green","blue","getImageData","data","contrastTextFor","bgColor","fallbackGray","step","normalizedStep","grayValue","Math","round","cellSize","stepToPx"],"sources":["../../../../src/theme/devtools/vizConstants.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAUC,GAAA,EAAqB;EACtC,MAAMC,MAAA,GAAS,OAAOC,QAAA,KAAa,cAAcA,QAAA,CAASC,aAAA,CAAc,QAAQ,IAAI;EACpF,IAAI,CAACF,MAAA,EAAQ,OAAO;EACpB,MAAMG,OAAA,GAAUH,MAAA,CAAOI,UAAA,CAAW,IAAI;EACtC,IAAI,CAACD,OAAA,EAAS,OAAO;EACrBH,MAAA,CAAOK,KAAA,GAAQ;EACfL,MAAA,CAAOM,MAAA,GAAS;EAChBH,OAAA,CAAQI,SAAA,GAAYR,GAAA;EACpBI,OAAA,CAAQK,QAAA,CAAS,GAAG,GAAG,GAAG,CAAC;EAC3B,MAAM,CAACC,GAAA,EAAKC,KAAA,EAAOC,IAAI,IAAIR,OAAA,CAAQS,YAAA,CAAa,GAAG,GAAG,GAAG,CAAC,EAAEC,IAAA;EAC5D,QAAQ,QAAQJ,GAAA,GAAM,QAAQC,KAAA,GAAQ,QAAQC,IAAA,IAAQ;AACxD;AAEO,SAASG,gBAAgBC,OAAA,EAAyB;EACvD,OAAOjB,SAAA,CAAUiB,OAAO,IAAI,MAAM,SAAS;AAC7C;AAEO,SAASC,aAAaC,IAAA,EAAsB;EACjD,MAAMC,cAAA,IAAkBD,IAAA,GAAO,KAAK;EACpC,MAAME,SAAA,GAAYC,IAAA,CAAKC,KAAA,CAAM,MAAMH,cAAA,GAAiB,GAAG;EACvD,OAAO,OAAOC,SAAS,IAAIA,SAAS,IAAIA,SAAS;AACnD;AAEO,MAAMG,QAAA,GAAW;AAEjB,SAASC,SAASN,IAAA,EAAsB;EAC7C,QAAQA,IAAA,GAAO,KAAKK,QAAA,GAAWA,QAAA,GAAW;AAC5C","ignoreList":[]}

package/dist/esm/theme/devtools/vizConstants.native.js

@@ -0,0 +1,26 @@
+function luminance(rgb) {
+  var canvas = typeof document !== "undefined" ? document.createElement("canvas") : null;
+  if (!canvas) return 0.5;
+  var context = canvas.getContext("2d");
+  if (!context) return 0.5;
+  canvas.width = 1;
+  canvas.height = 1;
+  context.fillStyle = rgb;
+  context.fillRect(0, 0, 1, 1);
+  var [red, green, blue] = context.getImageData(0, 0, 1, 1).data;
+  return (0.299 * red + 0.587 * green + 0.114 * blue) / 255;
+}
+function contrastTextFor(bgColor) {
+  return luminance(bgColor) > 0.5 ? "#111" : "#f0f0f0";
+}
+function fallbackGray(step) {
+  var normalizedStep = (step - 1) / 11;
+  var grayValue = Math.round(230 - normalizedStep * 190);
+  return `rgb(${grayValue},${grayValue},${grayValue})`;
+}
+var cellSize = 32;
+function stepToPx(step) {
+  return (step - 1) * cellSize + cellSize / 2;
+}
+export { cellSize, contrastTextFor, fallbackGray, stepToPx };
+//# sourceMappingURL=vizConstants.native.js.map

package/dist/esm/theme/devtools/vizConstants.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["luminance","rgb","canvas","document","createElement","context","getContext","width","height","fillStyle","fillRect","red","green","blue","getImageData","data","contrastTextFor","bgColor","fallbackGray","step","normalizedStep","grayValue","Math","round","cellSize","stepToPx"],"sources":["../../../../src/theme/devtools/vizConstants.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAUC,GAAA,EAAqB;EACtC,IAAAC,MAAM,UAASC,QAAO,gBAAa,GAAAA,QAAc,CAAAC,aAAS,SAAc,IAAQ,IAAI;EACpF,IAAI,CAACF,MAAA,EAAQ,OAAO;EACpB,IAAAG,OAAM,GAAAH,MAAU,CAAAI,UAAO,KAAW;EAClC,IAAI,CAACD,OAAA,EAAS,OAAO;EACrBH,MAAA,CAAOK,KAAA,GAAQ;EACfL,MAAA,CAAOM,MAAA,GAAS;EAChBH,OAAA,CAAQI,SAAA,GAAYR,GAAA;EACpBI,OAAA,CAAQK,QAAA,CAAS,GAAG,GAAG,GAAG,CAAC;EAC3B,KAAAC,GAAO,EAAAC,KAAK,EAAAC,IAAO,IAAIR,OAAI,CAAAS,YAAQ,IAAa,GAAG,GAAG,EAAG,CAACC,IAAE;EAC5D,QAAQ,QAAQJ,GAAA,GAAM,QAAQC,KAAA,GAAQ,QAAQC,IAAA,IAAQ;AACxD;AAEO,SAASG,gBAAgBC,OAAA,EAAyB;EACvD,OAAOjB,SAAA,CAAUiB,OAAO,IAAI,MAAM,SAAS;AAC7C;AAEO,SAASC,aAAaC,IAAA,EAAsB;EACjD,IAAAC,cAAM,IAAAD,IAAkB,QAAO,EAAK;EACpC,IAAAE,SAAM,GAAAC,IAAY,CAAAC,KAAK,IAAM,GAAAH,cAAM,MAAiB;EACpD,OAAO,OAAOC,SAAS,IAAIA,SAAS,IAAIA,SAAS;AACnD;AAEO,IAAAG,QAAM,KAAW;AAEjB,SAASC,SAASN,IAAA,EAAsB;EAC7C,QAAQA,IAAA,GAAO,KAAKK,QAAA,GAAWA,QAAA,GAAW;AAC5C","ignoreList":[]}

package/dist/esm/theme/dynamicType.mjs

@@ -0,0 +1,24 @@
+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;
+}
+export { dynamicTypeFit, effectiveFontScale, headingMaxFontScale, maxFontScaleToFit };
+//# sourceMappingURL=dynamicType.mjs.map

package/dist/esm/theme/dynamicType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["dynamicTypeFit","titleMaxScale","medallionFill","controlLabelFill","maxFontScaleToFit","boxPx","fontPx","fill","Math","max","floor","headingMaxFontScale","headingPx","titlePx","effectiveFontScale","fontScale","maxFontSizeMultiplier","min"],"sources":["../../../src/theme/dynamicType.ts"],"sourcesContent":[null],"mappings":"AASO,MAAMA,cAAA,GAAiB;EAAA;AAAA;AAAA;AAAA;AAAA;EAM5BC,aAAA,EAAe;EAAA;EAEfC,aAAA,EAAe;EAAA;EAEfC,gBAAA,EAAkB;AACpB;AAGO,SAASC,kBAAkBC,KAAA,EAAeC,MAAA,EAAgBC,IAAA,EAAsB;EACrF,IAAI,EAAEF,KAAA,GAAQ,MAAM,EAAEC,MAAA,GAAS,MAAM,EAAEC,IAAA,GAAO,IAAI,OAAO;EACzD,OAAOC,IAAA,CAAKC,GAAA,CAAI,GAAGD,IAAA,CAAKE,KAAA,CAAQL,KAAA,GAAQE,IAAA,GAAQD,MAAA,GAAU,GAAG,IAAI,GAAG;AACtE;AAGO,SAASK,oBAAoBC,SAAA,EAAmBC,OAAA,EAAyB;EAC9E,OAAOT,iBAAA,CAAkBS,OAAA,EAASD,SAAA,EAAWZ,cAAA,CAAeC,aAAa;AAC3E;AAMO,SAASa,mBAAmBC,SAAA,EAAmBC,qBAAA,EAAwC;EAC5F,OAAOA,qBAAA,IAAyB,QAAQA,qBAAA,IAAyB,IAC7DR,IAAA,CAAKS,GAAA,CAAIF,SAAA,EAAWC,qBAAqB,IACzCD,SAAA;AACN","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+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;
+}
+export { dynamicTypeFit, effectiveFontScale, headingMaxFontScale, maxFontScaleToFit };
+//# sourceMappingURL=dynamicType.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dynamicTypeFit","titleMaxScale","medallionFill","controlLabelFill","maxFontScaleToFit","boxPx","fontPx","fill","Math","max","floor","headingMaxFontScale","headingPx","titlePx","effectiveFontScale","fontScale","maxFontSizeMultiplier","min"],"sources":["../../../src/theme/dynamicType.ts"],"sourcesContent":[null],"mappings":"AASO,IAAAA,cAAM;EAAiB;AAAA;AAAA;AAAA;AAAA;EAM5BC,aAAA,EAAe;EAAA;EAEfC,aAAA,EAAe;EAAA;EAEfC,gBAAA,EAAkB;AACpB;AAGO,SAASC,kBAAkBC,KAAA,EAAeC,MAAA,EAAgBC,IAAA,EAAsB;EACrF,IAAI,EAAEF,KAAA,GAAQ,MAAM,EAAEC,MAAA,GAAS,MAAM,EAAEC,IAAA,GAAO,IAAI,OAAO;EACzD,OAAOC,IAAA,CAAKC,GAAA,CAAI,GAAGD,IAAA,CAAKE,KAAA,CAAQL,KAAA,GAAQE,IAAA,GAAQD,MAAA,GAAU,GAAG,IAAI,GAAG;AACtE;AAGO,SAASK,oBAAoBC,SAAA,EAAmBC,OAAA,EAAyB;EAC9E,OAAOT,iBAAA,CAAkBS,OAAA,EAASD,SAAA,EAAWZ,cAAA,CAAeC,aAAa;AAC3E;AAMO,SAASa,mBAAmBC,SAAA,EAAmBC,qBAAA,EAAwC;EAC5F,OAAOA,qBAAA,IAAyB,QAAQA,qBAAA,IAAyB,IAC7DR,IAAA,CAAKS,GAAA,CAAIF,SAAA,EAAWC,qBAAqB,IACzCD,SAAA;AACN","ignoreList":[]}

package/dist/esm/theme/fieldFocus.mjs

@@ -0,0 +1,27 @@
+import { focusRingColorMeetsContrast } from "./focusState.mjs";
+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 => focusRingColorMeetsContrast(accent, ground));
+}
+export { FIELD_FOCUS_COLOR, FIELD_FOCUS_REST, FIELD_FOCUS_STYLE, fieldFocusCss, fieldFocusHoldsContrast };
+//# sourceMappingURL=fieldFocus.mjs.map

package/dist/esm/theme/fieldFocus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["focusRingColorMeetsContrast","FIELD_FOCUS_COLOR","FIELD_FOCUS_STYLE","borderColor","outlineWidth","outlineStyle","outlineColor","FIELD_FOCUS_REST","fieldFocusCss","box","deep","selectors","join","fieldFocusHoldsContrast","accent","grounds","every","ground"],"sources":["../../../src/theme/fieldFocus.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,2BAAA,QAAmC;AAYrC,MAAMC,iBAAA,GAAoB;AAE1B,MAAMC,iBAAA,GAAoB;EAC/BC,WAAA,EAAaF,iBAAA;EACbG,YAAA,EAAc;EACdC,YAAA,EAAc;EACdC,YAAA,EAAc;AAChB;AAGO,MAAMC,gBAAA,GAAmB;EAC9BH,YAAA,EAAc;EACdC,YAAA,EAAc;EACdC,YAAA,EAAc;AAChB;AAUO,SAASE,cAAcC,GAAA,EAAa;EAAEC,IAAA,GAAO;AAAM,IAAwB,CAAC,GAAW;EAC5F,MAAMC,SAAA,GAAY,CAChB,GAAGF,GAAG,qBACN,GAAGA,GAAG,wBACN,GAAGA,GAAG,oCACN,GAAGA,GAAG,kBACN,IAAIC,IAAA,GAAO,CAAC,GAAGD,GAAG,sBAAsB,IAAI,EAAC,EAC/C;EACA,OAAO,GAAGE,SAAA,CAAUC,IAAA,CAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAIjC;AAGO,SAASC,wBAAwBC,MAAA,EAAgBC,OAAA,EAA4B;EAClF,OAAOA,OAAA,CAAQC,KAAA,CAAOC,MAAA,IAAWjB,2BAAA,CAA4Bc,MAAA,EAAQG,MAAM,CAAC;AAC9E","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import { focusRingColorMeetsContrast } from "./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 focusRingColorMeetsContrast(accent, ground);
+  });
+}
+export { FIELD_FOCUS_COLOR, FIELD_FOCUS_REST, FIELD_FOCUS_STYLE, fieldFocusCss, fieldFocusHoldsContrast };
+//# sourceMappingURL=fieldFocus.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["focusRingColorMeetsContrast","FIELD_FOCUS_COLOR","FIELD_FOCUS_STYLE","borderColor","outlineWidth","outlineStyle","outlineColor","FIELD_FOCUS_REST","fieldFocusCss","box","deep","arguments","length","selectors","join"],"sources":["../../../src/theme/fieldFocus.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,2BAAA,QAAmC;AAYrC,IAAAC,iBAAM,iBAAoB;AAE1B,IAAAC,iBAAM;EACXC,WAAA,EAAaF,iBAAA;EACbG,YAAA,EAAc;EACdC,YAAA,EAAc;EACdC,YAAA,EAAc;AAChB;AAGO,IAAAC,gBAAM;EACXH,YAAA,EAAc;EACdC,YAAA,EAAc;EACdC,YAAA,EAAc;AAChB;AAUO,SAASE,cAAcC,GAAA,EAAa;EACzC;IAAMC,IAAA;EAAY,IAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IAChBE,SAAM,IACN,GAAGJ,GAAG,qBACN,GAAGA,GAAG,wBACN,GAAGA,GAAG,oCACN,GAAIA,GAAA,gBAAc,EACpB,IAAAC,IAAA,IACA,GAAOD,GAAG,sBAAqB;EAAA,UAAAI,SAAA,CAAAC,IAAA;AAIjC;AAGO;AACL;AACF","ignoreList":[]}