@multiplatform.one/theme 7.83.0 → 7.83.2

package/dist/cjs/theme/defaults/fonts.cjs

@@ -0,0 +1,301 @@
+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 fonts_exports = {};
+__export(fonts_exports, {
+  BODY_LINE_HEIGHT_OFFSET: () => BODY_LINE_HEIGHT_OFFSET,
+  bodyFontLineHeights: () => bodyFontLineHeights,
+  bodyFontSizes: () => bodyFontSizes,
+  bodyLineHeightPx: () => bodyLineHeightPx,
+  categoryLineHeights: () => categoryLineHeights,
+  createBodyFont: () => createBodyFont,
+  createCategoryFont: () => createCategoryFont,
+  createHeadingFont: () => createHeadingFont,
+  defaultBlackletterFont: () => defaultBlackletterFont,
+  defaultBodyFont: () => defaultBodyFont,
+  defaultCondensedFont: () => defaultCondensedFont,
+  defaultCursiveFont: () => defaultCursiveFont,
+  defaultFonts: () => defaultFonts,
+  defaultGeometricFont: () => defaultGeometricFont,
+  defaultHandwritingFont: () => defaultHandwritingFont,
+  defaultHeadingBlackletterFont: () => defaultHeadingBlackletterFont,
+  defaultHeadingCondensedFont: () => defaultHeadingCondensedFont,
+  defaultHeadingCursiveFont: () => defaultHeadingCursiveFont,
+  defaultHeadingFont: () => defaultHeadingFont,
+  defaultHeadingGeometricFont: () => defaultHeadingGeometricFont,
+  defaultHeadingHandwritingFont: () => defaultHeadingHandwritingFont,
+  defaultHeadingMonoFont: () => defaultHeadingMonoFont,
+  defaultHeadingPixelFont: () => defaultHeadingPixelFont,
+  defaultHeadingRoundedFont: () => defaultHeadingRoundedFont,
+  defaultHeadingSerifFont: () => defaultHeadingSerifFont,
+  defaultHeadingSlabFont: () => defaultHeadingSlabFont,
+  defaultMonoFont: () => defaultMonoFont,
+  defaultPixelFont: () => defaultPixelFont,
+  defaultRoundedFont: () => defaultRoundedFont,
+  defaultSerifFont: () => defaultSerifFont,
+  defaultSlabFont: () => defaultSlabFont,
+  fontFamilyStacks: () => fontFamilyStacks,
+  headingCategoryFontKeys: () => headingCategoryFontKeys,
+  interTrackingEm: () => interTrackingEm,
+  interTrackingPx: () => interTrackingPx,
+  rescaleDerivedHeadingFont: () => rescaleDerivedHeadingFont,
+  withDerivedHeadingCategories: () => withDerivedHeadingCategories
+});
+module.exports = __toCommonJS(fonts_exports);
+var import_v5 = require("@tamagui/config/v5");
+var import_font_inter = require("@tamagui/font-inter");
+var import_web = require("@tamagui/web");
+var import_fontCategoryMetrics = require("../fontCategoryMetrics.cjs");
+var import_fontCategoryStacks = require("../fontCategoryStacks.cjs");
+var import_nativeFontFamily = require("../nativeFontFamily.cjs");
+var import_generateScale = require("../scale/generateScale.cjs");
+var import_scaleInputs = require("../scale/scaleInputs.cjs");
+const TRACKING_A = -0.0223;
+const TRACKING_B = 0.185;
+const TRACKING_C = -0.1745;
+function interTrackingEm(sizePx) {
+  return TRACKING_A + TRACKING_B * Math.exp(TRACKING_C * sizePx);
+}
+function interTrackingPx(sizePx) {
+  return Math.round(interTrackingEm(sizePx) * sizePx * 100) / 100;
+}
+const BODY_LINE_HEIGHT_OFFSET = 10;
+function bodyLineHeightPx(sizePx) {
+  return sizePx + BODY_LINE_HEIGHT_OFFSET;
+}
+function plain(raw) {
+  const out = {};
+  for (const [key, value] of Object.entries(raw ?? {})) {
+    const unwrapped = value && typeof value === "object" && "val" in value ? value.val : value;
+    if (unwrapped !== void 0) out[key.replace(/^\$/, "")] = unwrapped;
+  }
+  return out;
+}
+function trackingFor(sizes) {
+  return Object.fromEntries(Object.entries(sizes).map(([key, px]) => [key, interTrackingPx(px)]));
+}
+function neutralTracking(sizes) {
+  return Object.fromEntries(Object.keys(sizes).map(key => [key, 0]));
+}
+const bodyWeights = plain(import_v5.defaultConfig.fonts.body.weight);
+const headingWeights = plain(import_v5.defaultConfig.fonts.heading.weight);
+headingWeights.true = headingWeights["4"];
+const defaultTypeTables = (0, import_generateScale.generateScale)(import_scaleInputs.defaultScaleInputs).fonts;
+const bodyFontSizes = {
+  ...defaultTypeTables.bodySizes
+};
+const bodyFontLineHeights = {
+  ...defaultTypeTables.bodyLineHeights
+};
+const interFaces = {
+  400: {
+    normal: "Inter"
+  },
+  500: {
+    normal: "InterMedium"
+  },
+  600: {
+    normal: "InterSemiBold"
+  },
+  700: {
+    normal: "InterBold"
+  },
+  800: {
+    normal: "InterExtraBold"
+  }
+};
+const fontFamilyStacks = import_fontCategoryStacks.fontCategoryStacks;
+function categoryLineHeights(category, tables = defaultTypeTables, scope = "body") {
+  const minRatio = (import_fontCategoryMetrics.fontCategoryMetrics[category] ?? import_fontCategoryMetrics.fontCategoryMetrics["sans-serif"])[scope];
+  const sizes = scope === "heading" ? tables.headingSizes : tables.bodySizes;
+  const lineHeights = scope === "heading" ? tables.headingLineHeights : tables.bodyLineHeights;
+  return Object.fromEntries(Object.entries(sizes).map(([key, px]) => [key, (0, import_fontCategoryMetrics.flooredLineHeight)(px, lineHeights[key] ?? bodyLineHeightPx(px), minRatio)]));
+}
+function createCategoryFont(category, family, tables = defaultTypeTables, scope = "body", face) {
+  const sizes = scope === "heading" ? tables.headingSizes : tables.bodySizes;
+  return (0, import_web.createFont)({
+    family: (0, import_nativeFontFamily.nativeCategoryFamily)(category, family),
+    size: {
+      ...sizes
+    },
+    lineHeight: categoryLineHeights(category, tables, scope),
+    weight: scope === "heading" ? headingWeights : bodyWeights,
+    letterSpacing: neutralTracking(sizes),
+    ...(face ? {
+      face
+    } : {})
+  });
+}
+function createHeadingFont(tables = defaultTypeTables) {
+  return (0, import_font_inter.createInterFont)({
+    face: interFaces,
+    size: {
+      ...tables.headingSizes
+    },
+    lineHeight: {
+      ...tables.headingLineHeights
+    },
+    weight: headingWeights,
+    letterSpacing: trackingFor(tables.headingSizes)
+  }, {
+    sizeSize: size => size
+  });
+}
+function createBodyFont(tables = defaultTypeTables) {
+  return (0, import_font_inter.createInterFont)({
+    face: interFaces,
+    size: {
+      ...tables.bodySizes
+    },
+    lineHeight: {
+      ...tables.bodyLineHeights
+    },
+    weight: bodyWeights,
+    letterSpacing: trackingFor(tables.bodySizes)
+  }, {
+    sizeSize: size => size
+  });
+}
+const defaultHeadingFont = createHeadingFont();
+const defaultBodyFont = createBodyFont();
+const defaultSerifFont = createCategoryFont("serif", fontFamilyStacks.serif);
+const defaultMonoFont = createCategoryFont("mono", fontFamilyStacks.mono);
+const defaultSlabFont = createCategoryFont("slab", fontFamilyStacks.slab);
+const defaultRoundedFont = createCategoryFont("rounded", fontFamilyStacks.rounded);
+const defaultCondensedFont = createCategoryFont("condensed", fontFamilyStacks.condensed);
+const defaultCursiveFont = createCategoryFont("cursive", fontFamilyStacks.cursive);
+const defaultHandwritingFont = createCategoryFont("handwriting", fontFamilyStacks.handwriting);
+const defaultPixelFont = createCategoryFont("pixel", fontFamilyStacks.pixel);
+const defaultBlackletterFont = createCategoryFont("blackletter", fontFamilyStacks.blackletter);
+const defaultGeometricFont = createCategoryFont("geometric", fontFamilyStacks.geometric);
+const headingCategoryFontKeys = {
+  serif: "headingSerif",
+  mono: "headingMono",
+  slab: "headingSlab",
+  rounded: "headingRounded",
+  condensed: "headingCondensed",
+  cursive: "headingCursive",
+  handwriting: "headingHandwriting",
+  pixel: "headingPixel",
+  blackletter: "headingBlackletter",
+  geometric: "headingGeometric"
+};
+const defaultHeadingSerifFont = createCategoryFont("serif", fontFamilyStacks.serif, defaultTypeTables, "heading");
+const defaultHeadingMonoFont = createCategoryFont("mono", fontFamilyStacks.mono, defaultTypeTables, "heading");
+const defaultHeadingSlabFont = createCategoryFont("slab", fontFamilyStacks.slab, defaultTypeTables, "heading");
+const defaultHeadingRoundedFont = createCategoryFont("rounded", fontFamilyStacks.rounded, defaultTypeTables, "heading");
+const defaultHeadingCondensedFont = createCategoryFont("condensed", fontFamilyStacks.condensed, defaultTypeTables, "heading");
+const defaultHeadingCursiveFont = createCategoryFont("cursive", fontFamilyStacks.cursive, defaultTypeTables, "heading");
+const defaultHeadingHandwritingFont = createCategoryFont("handwriting", fontFamilyStacks.handwriting, defaultTypeTables, "heading");
+const defaultHeadingPixelFont = createCategoryFont("pixel", fontFamilyStacks.pixel, defaultTypeTables, "heading");
+const defaultHeadingBlackletterFont = createCategoryFont("blackletter", fontFamilyStacks.blackletter, defaultTypeTables, "heading");
+const defaultHeadingGeometricFont = createCategoryFont("geometric", fontFamilyStacks.geometric, defaultTypeTables, "heading");
+const defaultFonts = {
+  heading: defaultHeadingFont,
+  body: defaultBodyFont,
+  headingSerif: defaultHeadingSerifFont,
+  headingMono: defaultHeadingMonoFont,
+  headingSlab: defaultHeadingSlabFont,
+  headingRounded: defaultHeadingRoundedFont,
+  headingCondensed: defaultHeadingCondensedFont,
+  headingCursive: defaultHeadingCursiveFont,
+  headingHandwriting: defaultHeadingHandwritingFont,
+  headingPixel: defaultHeadingPixelFont,
+  headingBlackletter: defaultHeadingBlackletterFont,
+  headingGeometric: defaultHeadingGeometricFont,
+  serif: defaultSerifFont,
+  mono: defaultMonoFont,
+  slab: defaultSlabFont,
+  rounded: defaultRoundedFont,
+  condensed: defaultCondensedFont,
+  cursive: defaultCursiveFont,
+  handwriting: defaultHandwritingFont,
+  pixel: defaultPixelFont,
+  blackletter: defaultBlackletterFont,
+  geometric: defaultGeometricFont
+};
+const derivedHeadingSources = /* @__PURE__ */new WeakMap();
+function deriveHeading(source, tables) {
+  const font = createCategoryFont(source.category, source.family, tables, "heading", source.face);
+  derivedHeadingSources.set(font, source);
+  return font;
+}
+function familyOf(font) {
+  const family = font.family;
+  return typeof family === "string" ? family : family?.val;
+}
+function withoutFamilyFill(face, family) {
+  if (!face) return face;
+  const kept = {};
+  for (const [weight, styles] of Object.entries(face)) {
+    const named = Object.entries(styles ?? {}).filter(([, name]) => {
+      const value = typeof name === "string" ? name : name?.val;
+      return value !== void 0 && value !== family;
+    });
+    if (named.length) kept[weight] = Object.fromEntries(named);
+  }
+  return Object.keys(kept).length ? kept : void 0;
+}
+function withNativeFamily(category, font) {
+  const family = font && familyOf(font);
+  if (!font || family === void 0) return font;
+  const resolved = (0, import_nativeFontFamily.nativeCategoryFamily)(category, family);
+  if (resolved === family) return font;
+  const {
+    face,
+    ...rest
+  } = font;
+  const kept = withoutFamilyFill(face, family);
+  return {
+    ...rest,
+    family: resolved,
+    ...(kept ? {
+      face: kept
+    } : {})
+  };
+}
+function withDerivedHeadingCategories(fonts, tables = defaultTypeTables) {
+  const result = {
+    ...fonts
+  };
+  for (const [category, key] of Object.entries(headingCategoryFontKeys)) {
+    const source = fonts[category];
+    const resolvedSource = withNativeFamily(category, source);
+    if (resolvedSource) result[category] = resolvedSource;
+    if (fonts[key] !== defaultFonts[key]) {
+      const heading = withNativeFamily(category, fonts[key]);
+      if (heading) result[key] = heading;
+      continue;
+    }
+    if (!resolvedSource || source === defaultFonts[category]) continue;
+    result[key] = deriveHeading({
+      category,
+      family: familyOf(resolvedSource) ?? "",
+      face: resolvedSource.face
+    }, tables);
+  }
+  return result;
+}
+function rescaleDerivedHeadingFont(font, tables) {
+  const source = derivedHeadingSources.get(font);
+  return source ? deriveHeading(source, tables) : void 0;
+}

package/dist/cjs/theme/defaults/fonts.native.js

@@ -0,0 +1,390 @@
+"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 fonts_exports = {};
+__export(fonts_exports, {
+  BODY_LINE_HEIGHT_OFFSET: () => BODY_LINE_HEIGHT_OFFSET,
+  bodyFontLineHeights: () => bodyFontLineHeights,
+  bodyFontSizes: () => bodyFontSizes,
+  bodyLineHeightPx: () => bodyLineHeightPx,
+  categoryLineHeights: () => categoryLineHeights,
+  createBodyFont: () => createBodyFont,
+  createCategoryFont: () => createCategoryFont,
+  createHeadingFont: () => createHeadingFont,
+  defaultBlackletterFont: () => defaultBlackletterFont,
+  defaultBodyFont: () => defaultBodyFont,
+  defaultCondensedFont: () => defaultCondensedFont,
+  defaultCursiveFont: () => defaultCursiveFont,
+  defaultFonts: () => defaultFonts,
+  defaultGeometricFont: () => defaultGeometricFont,
+  defaultHandwritingFont: () => defaultHandwritingFont,
+  defaultHeadingBlackletterFont: () => defaultHeadingBlackletterFont,
+  defaultHeadingCondensedFont: () => defaultHeadingCondensedFont,
+  defaultHeadingCursiveFont: () => defaultHeadingCursiveFont,
+  defaultHeadingFont: () => defaultHeadingFont,
+  defaultHeadingGeometricFont: () => defaultHeadingGeometricFont,
+  defaultHeadingHandwritingFont: () => defaultHeadingHandwritingFont,
+  defaultHeadingMonoFont: () => defaultHeadingMonoFont,
+  defaultHeadingPixelFont: () => defaultHeadingPixelFont,
+  defaultHeadingRoundedFont: () => defaultHeadingRoundedFont,
+  defaultHeadingSerifFont: () => defaultHeadingSerifFont,
+  defaultHeadingSlabFont: () => defaultHeadingSlabFont,
+  defaultMonoFont: () => defaultMonoFont,
+  defaultPixelFont: () => defaultPixelFont,
+  defaultRoundedFont: () => defaultRoundedFont,
+  defaultSerifFont: () => defaultSerifFont,
+  defaultSlabFont: () => defaultSlabFont,
+  fontFamilyStacks: () => fontFamilyStacks,
+  headingCategoryFontKeys: () => headingCategoryFontKeys,
+  interTrackingEm: () => interTrackingEm,
+  interTrackingPx: () => interTrackingPx,
+  rescaleDerivedHeadingFont: () => rescaleDerivedHeadingFont,
+  withDerivedHeadingCategories: () => withDerivedHeadingCategories
+});
+module.exports = __toCommonJS(fonts_exports);
+var import_v5 = require("@tamagui/config/v5");
+var import_font_inter = require("@tamagui/font-inter");
+var import_web = require("@tamagui/web");
+var import_fontCategoryMetrics = require("../fontCategoryMetrics.native.js");
+var import_fontCategoryStacks = require("../fontCategoryStacks.native.js");
+var import_nativeFontFamily = require("../nativeFontFamily.native.js");
+var import_generateScale = require("../scale/generateScale.native.js");
+var import_scaleInputs = require("../scale/scaleInputs.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var TRACKING_A = -0.0223;
+var TRACKING_B = 0.185;
+var TRACKING_C = -0.1745;
+function interTrackingEm(sizePx) {
+  return TRACKING_A + TRACKING_B * Math.exp(TRACKING_C * sizePx);
+}
+function interTrackingPx(sizePx) {
+  return Math.round(interTrackingEm(sizePx) * sizePx * 100) / 100;
+}
+var BODY_LINE_HEIGHT_OFFSET = 10;
+function bodyLineHeightPx(sizePx) {
+  return sizePx + BODY_LINE_HEIGHT_OFFSET;
+}
+function plain(raw) {
+  var out = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(raw !== null && raw !== void 0 ? raw : {})[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [key, value] = _step.value;
+      var unwrapped = value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && "val" in value ? value.val : value;
+      if (unwrapped !== void 0) out[key.replace(/^\$/, "")] = unwrapped;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+function trackingFor(sizes) {
+  return Object.fromEntries(Object.entries(sizes).map(function (param) {
+    var [key, px] = param;
+    return [key, interTrackingPx(px)];
+  }));
+}
+function neutralTracking(sizes) {
+  return Object.fromEntries(Object.keys(sizes).map(function (key) {
+    return [key, 0];
+  }));
+}
+var bodyWeights = plain(import_v5.defaultConfig.fonts.body.weight);
+var headingWeights = plain(import_v5.defaultConfig.fonts.heading.weight);
+headingWeights.true = headingWeights["4"];
+var defaultTypeTables = (0, import_generateScale.generateScale)(import_scaleInputs.defaultScaleInputs).fonts;
+var bodyFontSizes = {
+  ...defaultTypeTables.bodySizes
+};
+var bodyFontLineHeights = {
+  ...defaultTypeTables.bodyLineHeights
+};
+var interFaces = {
+  400: {
+    normal: "Inter"
+  },
+  500: {
+    normal: "InterMedium"
+  },
+  600: {
+    normal: "InterSemiBold"
+  },
+  700: {
+    normal: "InterBold"
+  },
+  800: {
+    normal: "InterExtraBold"
+  }
+};
+var fontFamilyStacks = import_fontCategoryStacks.fontCategoryStacks;
+function categoryLineHeights(category) {
+  var tables = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultTypeTables,
+    scope = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "body";
+  var _fontCategoryMetrics_category;
+  var minRatio = ((_fontCategoryMetrics_category = import_fontCategoryMetrics.fontCategoryMetrics[category]) !== null && _fontCategoryMetrics_category !== void 0 ? _fontCategoryMetrics_category : import_fontCategoryMetrics.fontCategoryMetrics["sans-serif"])[scope];
+  var sizes = scope === "heading" ? tables.headingSizes : tables.bodySizes;
+  var lineHeights = scope === "heading" ? tables.headingLineHeights : tables.bodyLineHeights;
+  return Object.fromEntries(Object.entries(sizes).map(function (param) {
+    var [key, px] = param;
+    var _lineHeights_key;
+    return [key, (0, import_fontCategoryMetrics.flooredLineHeight)(px, (_lineHeights_key = lineHeights[key]) !== null && _lineHeights_key !== void 0 ? _lineHeights_key : bodyLineHeightPx(px), minRatio)];
+  }));
+}
+function createCategoryFont(category, family) {
+  var tables = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultTypeTables,
+    scope = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "body",
+    face = arguments.length > 4 ? arguments[4] : void 0;
+  var sizes = scope === "heading" ? tables.headingSizes : tables.bodySizes;
+  return (0, import_web.createFont)({
+    family: (0, import_nativeFontFamily.nativeCategoryFamily)(category, family),
+    size: {
+      ...sizes
+    },
+    lineHeight: categoryLineHeights(category, tables, scope),
+    weight: scope === "heading" ? headingWeights : bodyWeights,
+    letterSpacing: neutralTracking(sizes),
+    ...(face ? {
+      face
+    } : {})
+  });
+}
+function createHeadingFont() {
+  var tables = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultTypeTables;
+  return (0, import_font_inter.createInterFont)({
+    face: interFaces,
+    size: {
+      ...tables.headingSizes
+    },
+    lineHeight: {
+      ...tables.headingLineHeights
+    },
+    weight: headingWeights,
+    letterSpacing: trackingFor(tables.headingSizes)
+  }, {
+    sizeSize: function sizeSize(size) {
+      return size;
+    }
+  });
+}
+function createBodyFont() {
+  var tables = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultTypeTables;
+  return (0, import_font_inter.createInterFont)({
+    face: interFaces,
+    size: {
+      ...tables.bodySizes
+    },
+    lineHeight: {
+      ...tables.bodyLineHeights
+    },
+    weight: bodyWeights,
+    letterSpacing: trackingFor(tables.bodySizes)
+  }, {
+    sizeSize: function sizeSize(size) {
+      return size;
+    }
+  });
+}
+var defaultHeadingFont = createHeadingFont();
+var defaultBodyFont = createBodyFont();
+var defaultSerifFont = createCategoryFont("serif", fontFamilyStacks.serif);
+var defaultMonoFont = createCategoryFont("mono", fontFamilyStacks.mono);
+var defaultSlabFont = createCategoryFont("slab", fontFamilyStacks.slab);
+var defaultRoundedFont = createCategoryFont("rounded", fontFamilyStacks.rounded);
+var defaultCondensedFont = createCategoryFont("condensed", fontFamilyStacks.condensed);
+var defaultCursiveFont = createCategoryFont("cursive", fontFamilyStacks.cursive);
+var defaultHandwritingFont = createCategoryFont("handwriting", fontFamilyStacks.handwriting);
+var defaultPixelFont = createCategoryFont("pixel", fontFamilyStacks.pixel);
+var defaultBlackletterFont = createCategoryFont("blackletter", fontFamilyStacks.blackletter);
+var defaultGeometricFont = createCategoryFont("geometric", fontFamilyStacks.geometric);
+var headingCategoryFontKeys = {
+  serif: "headingSerif",
+  mono: "headingMono",
+  slab: "headingSlab",
+  rounded: "headingRounded",
+  condensed: "headingCondensed",
+  cursive: "headingCursive",
+  handwriting: "headingHandwriting",
+  pixel: "headingPixel",
+  blackletter: "headingBlackletter",
+  geometric: "headingGeometric"
+};
+var defaultHeadingSerifFont = createCategoryFont("serif", fontFamilyStacks.serif, defaultTypeTables, "heading");
+var defaultHeadingMonoFont = createCategoryFont("mono", fontFamilyStacks.mono, defaultTypeTables, "heading");
+var defaultHeadingSlabFont = createCategoryFont("slab", fontFamilyStacks.slab, defaultTypeTables, "heading");
+var defaultHeadingRoundedFont = createCategoryFont("rounded", fontFamilyStacks.rounded, defaultTypeTables, "heading");
+var defaultHeadingCondensedFont = createCategoryFont("condensed", fontFamilyStacks.condensed, defaultTypeTables, "heading");
+var defaultHeadingCursiveFont = createCategoryFont("cursive", fontFamilyStacks.cursive, defaultTypeTables, "heading");
+var defaultHeadingHandwritingFont = createCategoryFont("handwriting", fontFamilyStacks.handwriting, defaultTypeTables, "heading");
+var defaultHeadingPixelFont = createCategoryFont("pixel", fontFamilyStacks.pixel, defaultTypeTables, "heading");
+var defaultHeadingBlackletterFont = createCategoryFont("blackletter", fontFamilyStacks.blackletter, defaultTypeTables, "heading");
+var defaultHeadingGeometricFont = createCategoryFont("geometric", fontFamilyStacks.geometric, defaultTypeTables, "heading");
+var defaultFonts = {
+  heading: defaultHeadingFont,
+  body: defaultBodyFont,
+  headingSerif: defaultHeadingSerifFont,
+  headingMono: defaultHeadingMonoFont,
+  headingSlab: defaultHeadingSlabFont,
+  headingRounded: defaultHeadingRoundedFont,
+  headingCondensed: defaultHeadingCondensedFont,
+  headingCursive: defaultHeadingCursiveFont,
+  headingHandwriting: defaultHeadingHandwritingFont,
+  headingPixel: defaultHeadingPixelFont,
+  headingBlackletter: defaultHeadingBlackletterFont,
+  headingGeometric: defaultHeadingGeometricFont,
+  serif: defaultSerifFont,
+  mono: defaultMonoFont,
+  slab: defaultSlabFont,
+  rounded: defaultRoundedFont,
+  condensed: defaultCondensedFont,
+  cursive: defaultCursiveFont,
+  handwriting: defaultHandwritingFont,
+  pixel: defaultPixelFont,
+  blackletter: defaultBlackletterFont,
+  geometric: defaultGeometricFont
+};
+var derivedHeadingSources = /* @__PURE__ */new WeakMap();
+function deriveHeading(source, tables) {
+  var font = createCategoryFont(source.category, source.family, tables, "heading", source.face);
+  derivedHeadingSources.set(font, source);
+  return font;
+}
+function familyOf(font) {
+  var family = font.family;
+  return typeof family === "string" ? family : family === null || family === void 0 ? void 0 : family.val;
+}
+function withoutFamilyFill(face, family) {
+  if (!face) return face;
+  var kept = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(face)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [weight, styles] = _step.value;
+      var named = Object.entries(styles !== null && styles !== void 0 ? styles : {}).filter(function (param) {
+        var [, name] = param;
+        var value = typeof name === "string" ? name : name === null || name === void 0 ? void 0 : name.val;
+        return value !== void 0 && value !== family;
+      });
+      if (named.length) kept[weight] = Object.fromEntries(named);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return Object.keys(kept).length ? kept : void 0;
+}
+function withNativeFamily(category, font) {
+  var family = font && familyOf(font);
+  if (!font || family === void 0) return font;
+  var resolved = (0, import_nativeFontFamily.nativeCategoryFamily)(category, family);
+  if (resolved === family) return font;
+  var {
+    face,
+    ...rest
+  } = font;
+  var kept = withoutFamilyFill(face, family);
+  return {
+    ...rest,
+    family: resolved,
+    ...(kept ? {
+      face: kept
+    } : {})
+  };
+}
+function withDerivedHeadingCategories(fonts) {
+  var tables = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultTypeTables;
+  var result = {
+    ...fonts
+  };
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.entries(headingCategoryFontKeys)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [category, key] = _step.value;
+      var _familyOf;
+      var source = fonts[category];
+      var resolvedSource = withNativeFamily(category, source);
+      if (resolvedSource) result[category] = resolvedSource;
+      if (fonts[key] !== defaultFonts[key]) {
+        var heading = withNativeFamily(category, fonts[key]);
+        if (heading) result[key] = heading;
+        continue;
+      }
+      if (!resolvedSource || source === defaultFonts[category]) continue;
+      result[key] = deriveHeading({
+        category,
+        family: (_familyOf = familyOf(resolvedSource)) !== null && _familyOf !== void 0 ? _familyOf : "",
+        face: resolvedSource.face
+      }, tables);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return result;
+}
+function rescaleDerivedHeadingFont(font, tables) {
+  var source = derivedHeadingSources.get(font);
+  return source ? deriveHeading(source, tables) : void 0;
+}
+//# sourceMappingURL=fonts.native.js.map