@multiplatform.one/theme 7.83.0 → 7.83.2

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

@@ -0,0 +1,326 @@
+import { defaultConfig } from "@tamagui/config/v5";
+import { createInterFont } from "@tamagui/font-inter";
+import { createFont } from "@tamagui/web";
+import { flooredLineHeight, fontCategoryMetrics } from "../fontCategoryMetrics.native.js";
+import { fontCategoryStacks } from "../fontCategoryStacks.native.js";
+import { nativeCategoryFamily } from "../nativeFontFamily.native.js";
+import { generateScale } from "../scale/generateScale.native.js";
+import { defaultScaleInputs } from "../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(defaultConfig.fonts.body.weight);
+var headingWeights = plain(defaultConfig.fonts.heading.weight);
+headingWeights.true = headingWeights["4"];
+var defaultTypeTables = generateScale(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 = 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 = fontCategoryMetrics[category]) !== null && _fontCategoryMetrics_category !== void 0 ? _fontCategoryMetrics_category : 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, 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 createFont({
+    family: 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 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 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 = 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;
+}
+export { BODY_LINE_HEIGHT_OFFSET, bodyFontLineHeights, bodyFontSizes, bodyLineHeightPx, categoryLineHeights, createBodyFont, createCategoryFont, createHeadingFont, defaultBlackletterFont, defaultBodyFont, defaultCondensedFont, defaultCursiveFont, defaultFonts, defaultGeometricFont, defaultHandwritingFont, defaultHeadingBlackletterFont, defaultHeadingCondensedFont, defaultHeadingCursiveFont, defaultHeadingFont, defaultHeadingGeometricFont, defaultHeadingHandwritingFont, defaultHeadingMonoFont, defaultHeadingPixelFont, defaultHeadingRoundedFont, defaultHeadingSerifFont, defaultHeadingSlabFont, defaultMonoFont, defaultPixelFont, defaultRoundedFont, defaultSerifFont, defaultSlabFont, fontFamilyStacks, headingCategoryFontKeys, interTrackingEm, interTrackingPx, rescaleDerivedHeadingFont, withDerivedHeadingCategories };
+//# sourceMappingURL=fonts.native.js.map

package/dist/esm/theme/defaults/fonts.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultConfig","createInterFont","createFont","flooredLineHeight","fontCategoryMetrics","fontCategoryStacks","nativeCategoryFamily","generateScale","defaultScaleInputs","_type_of","obj","Symbol","constructor","TRACKING_A","TRACKING_B","TRACKING_C","interTrackingEm","sizePx","Math","exp","interTrackingPx","round","BODY_LINE_HEIGHT_OFFSET","bodyLineHeightPx","plain","raw","out","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","entries","iterator","_step","next","done","key","value","unwrapped","val","replace","err","return","trackingFor","sizes","fromEntries","map","param","px","neutralTracking","keys","bodyWeights","fonts","body","weight","headingWeights","heading","true","defaultTypeTables","bodyFontSizes","bodySizes","bodyFontLineHeights","bodyLineHeights","interFaces","normal","fontFamilyStacks","categoryLineHeights","category","tables","arguments","length","scope","_fontCategoryMetrics_category","minRatio","headingSizes","lineHeights","headingLineHeights","_lineHeights_key","createCategoryFont","family","face","size","lineHeight","letterSpacing","createHeadingFont","sizeSize","createBodyFont","defaultHeadingFont","defaultBodyFont","defaultSerifFont","serif","defaultMonoFont","mono","defaultSlabFont","slab","defaultRoundedFont","rounded","defaultCondensedFont","condensed","defaultCursiveFont","cursive","defaultHandwritingFont","handwriting","defaultPixelFont","pixel","defaultBlackletterFont","blackletter","defaultGeometricFont","geometric","headingCategoryFontKeys","defaultHeadingSerifFont","defaultHeadingMonoFont","defaultHeadingSlabFont","defaultHeadingRoundedFont","defaultHeadingCondensedFont","defaultHeadingCursiveFont","defaultHeadingHandwritingFont","defaultHeadingPixelFont","defaultHeadingBlackletterFont","defaultHeadingGeometricFont","defaultFonts","headingSerif","headingMono","headingSlab","headingRounded","headingCondensed","headingCursive","headingHandwriting","headingPixel","headingBlackletter","headingGeometric","derivedHeadingSources","WeakMap","deriveHeading","source","font","set","familyOf","withoutFamilyFill","kept","styles","named","filter","name","withNativeFamily","resolved","rest"],"sources":["../../../../src/theme/defaults/fonts.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/defaults/house.mjs

@@ -0,0 +1,13 @@
+import { defaultBaseTheme } from "./base.mjs";
+const houseBaseTheme = {
+  lightPalette: [100, 97, 93, 88, 83, 76, 66, 52, 40, 30, 20, 8].map(lightness => `hsl(270, 6%, ${lightness}%)`),
+  darkPalette: [4, 8, 11, 15, 20, 27, 38, 47, 56, 66, 80, 95].map(lightness => `hsl(270, 6%, ${lightness}%)`),
+  lightShadows: defaultBaseTheme.lightShadows,
+  darkShadows: defaultBaseTheme.darkShadows
+};
+const houseAccentTheme = {
+  darkPalette: ["hsla(250, 50%, 35%, 1)", "hsla(250, 50%, 38%, 1)", "hsla(250, 50%, 41%, 1)", "hsla(250, 50%, 43%, 1)", "hsla(250, 50%, 46%, 1)", "hsla(250, 50%, 49%, 1)", "hsla(250, 50%, 52%, 1)", "hsla(250, 50%, 54%, 1)", "hsla(250, 50%, 57%, 1)", "hsla(250, 50%, 60%, 1)", "hsla(250, 50%, 90%, 1)", "hsla(250, 50%, 95%, 1)"],
+  lightPalette: ["hsla(250, 50%, 62%, 1)", "hsla(250, 50%, 58%, 1)", "hsla(250, 50%, 54%, 1)", "hsla(250, 50%, 48%, 1)", "hsla(250, 50%, 46%, 1)", "hsla(250, 50%, 44%, 1)", "hsla(250, 50%, 42%, 1)", "hsla(250, 50%, 40%, 1)", "hsla(250, 50%, 38%, 1)", "hsla(250, 50%, 36%, 1)", "hsla(250, 50%, 95%, 1)", "hsla(250, 50%, 98%, 1)"]
+};
+export { houseAccentTheme, houseBaseTheme };
+//# sourceMappingURL=house.mjs.map

package/dist/esm/theme/defaults/house.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultBaseTheme","houseBaseTheme","lightPalette","map","lightness","darkPalette","lightShadows","darkShadows","houseAccentTheme"],"sources":["../../../../src/theme/defaults/house.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,QAAwB;AAM1B,MAAMC,cAAA,GAA6C;EACxDC,YAAA,EAAc,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,EAAEC,GAAA,CAC5DC,SAAA,IAAc,gBAAgBA,SAAS,IAC1C;EACAC,WAAA,EAAa,CAAC,GAAG,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EAAEF,GAAA,CACzDC,SAAA,IAAc,gBAAgBA,SAAS,IAC1C;EACAE,YAAA,EAAcN,gBAAA,CAAiBM,YAAA;EAC/BC,WAAA,EAAaP,gBAAA,CAAiBO;AAChC;AAEO,MAAMC,gBAAA,GAA2C;EACtDH,WAAA,EAAa,CACX,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBACF;EACAH,YAAA,EAAc,CACZ,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA;AAEJ","ignoreList":[]}

package/dist/esm/theme/defaults/house.native.js

@@ -0,0 +1,17 @@
+import { defaultBaseTheme } from "./base.native.js";
+var houseBaseTheme = {
+  lightPalette: [100, 97, 93, 88, 83, 76, 66, 52, 40, 30, 20, 8].map(function (lightness) {
+    return `hsl(270, 6%, ${lightness}%)`;
+  }),
+  darkPalette: [4, 8, 11, 15, 20, 27, 38, 47, 56, 66, 80, 95].map(function (lightness) {
+    return `hsl(270, 6%, ${lightness}%)`;
+  }),
+  lightShadows: defaultBaseTheme.lightShadows,
+  darkShadows: defaultBaseTheme.darkShadows
+};
+var houseAccentTheme = {
+  darkPalette: ["hsla(250, 50%, 35%, 1)", "hsla(250, 50%, 38%, 1)", "hsla(250, 50%, 41%, 1)", "hsla(250, 50%, 43%, 1)", "hsla(250, 50%, 46%, 1)", "hsla(250, 50%, 49%, 1)", "hsla(250, 50%, 52%, 1)", "hsla(250, 50%, 54%, 1)", "hsla(250, 50%, 57%, 1)", "hsla(250, 50%, 60%, 1)", "hsla(250, 50%, 90%, 1)", "hsla(250, 50%, 95%, 1)"],
+  lightPalette: ["hsla(250, 50%, 62%, 1)", "hsla(250, 50%, 58%, 1)", "hsla(250, 50%, 54%, 1)", "hsla(250, 50%, 48%, 1)", "hsla(250, 50%, 46%, 1)", "hsla(250, 50%, 44%, 1)", "hsla(250, 50%, 42%, 1)", "hsla(250, 50%, 40%, 1)", "hsla(250, 50%, 38%, 1)", "hsla(250, 50%, 36%, 1)", "hsla(250, 50%, 95%, 1)", "hsla(250, 50%, 98%, 1)"]
+};
+export { houseAccentTheme, houseBaseTheme };
+//# sourceMappingURL=house.native.js.map

package/dist/esm/theme/defaults/house.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultBaseTheme","houseBaseTheme","lightPalette","map","lightness","darkPalette","lightShadows","darkShadows","houseAccentTheme"],"sources":["../../../../src/theme/defaults/house.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,QAAwB;AAM1B,IAAAC,cAAM;EACXC,YAAA,EAAc,CACZ,GAAC,EACH,IACA,IACE,EAAC,EACH,IACA,IACA,IACF,IAEO,EAAM,EACX,IACE,IACA,GACAC,GAAA,WAAAC,SAAA;IACA,uBAAAA,SAAA;EAAA,EACA;EAAAC,WACA,GACA,GACA,GACA,IACA,IACA,IACA,IACF,IACA,IACE,IACA,IACA,IACA,IACAF,GAAA,WAAAC,SAAA;IACA,uBAAAA,SAAA;EAAA,EACA;EAAAE,YACA,EAAAN,gBAAA,CAAAM,YAAA;EAAAC,WACA,EAAAP,gBAAA,CAAAO;AAAA;AACA,IACAC,gBAAA;EAAAH,WACA,GACF,0BACF,0B","ignoreList":[]}

package/dist/esm/theme/defaults/index.mjs

@@ -0,0 +1,7 @@
+export * from "./accent.mjs";
+export * from "./base.mjs";
+export * from "./builderOptions.mjs";
+export * from "./categoryFonts.mjs";
+export * from "./fonts.mjs";
+export * from "./house.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/theme/defaults/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/theme/defaults/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/theme/defaults/index.native.js

@@ -0,0 +1,7 @@
+export * from "./accent.native.js";
+export * from "./base.native.js";
+export * from "./builderOptions.native.js";
+export * from "./categoryFonts.native.js";
+export * from "./fonts.native.js";
+export * from "./house.native.js";
+//# sourceMappingURL=index.native.js.map

package/dist/esm/theme/defaults/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/theme/defaults/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

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

@@ -0,0 +1,218 @@
+import { useEffect, useMemo, useState } from "react";
+import { semanticGroups } from "../colorRules.mjs";
+import { contrastTextFor, cellSize } from "./vizConstants.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function readColorsFromElement(el) {
+  const style = getComputedStyle(el);
+  const result = [];
+  let found = false;
+  for (let i = 1; i <= 12; i++) {
+    let color = style.getPropertyValue(`--color${i}`).trim();
+    if (!color) color = style.getPropertyValue(`--color-${i}`).trim();
+    if (color) {
+      found = true;
+      result.push(color);
+    } else {
+      result.push(fallbackGradient()[i - 1]);
+    }
+  }
+  return found ? result : null;
+}
+function useDomThemeColors() {
+  const [colors, setColors] = useState(() => fallbackGradient());
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const readColors = () => {
+      let result = readColorsFromElement(document.documentElement);
+      if (!result && document.body) {
+        result = readColorsFromElement(document.body);
+      }
+      if (!result) {
+        const themed = document.querySelector('[class*="t_"]');
+        if (themed) result = readColorsFromElement(themed);
+      }
+      if (!result) {
+        const root = document.getElementById("root") || document.getElementById("__next");
+        if (root) result = readColorsFromElement(root);
+      }
+      if (result) setColors(result);
+    };
+    readColors();
+    const observer = new MutationObserver(readColors);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    if (document.body) {
+      observer.observe(document.body, {
+        attributes: true,
+        attributeFilter: ["class", "style"],
+        subtree: true
+      });
+    }
+    return () => observer.disconnect();
+  }, []);
+  return colors;
+}
+function fallbackGradient() {
+  return Array.from({
+    length: 12
+  }, (_, i) => {
+    const t = i / 11;
+    const v = Math.round(240 - t * 200);
+    return `rgb(${v},${v},${v})`;
+  });
+}
+function NumberLineRow({
+  colorFor,
+  halfHeight
+}) {
+  const h = halfHeight ? Math.round(cellSize / 2) : cellSize;
+  return /* @__PURE__ */jsx("div", {
+    style: {
+      display: "flex",
+      gap: 0
+    },
+    children: Array.from({
+      length: 12
+    }, (_, i) => {
+      const step = i + 1;
+      const background = colorFor(step);
+      return /* @__PURE__ */jsx("div", {
+        style: {
+          width: cellSize,
+          height: h,
+          flexShrink: 0,
+          background,
+          color: contrastTextFor(background),
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: halfHeight ? 9 : 11,
+          fontWeight: 700
+        },
+        title: `$color${step}`,
+        children: step
+      }, step);
+    })
+  });
+}
+function SemanticBrackets() {
+  const totalWidth = 12 * cellSize;
+  return /* @__PURE__ */jsx("div", {
+    style: {
+      position: "relative",
+      height: 24,
+      width: totalWidth,
+      marginBottom: 2
+    },
+    children: semanticGroups.map(g => {
+      const leftPx = (g.from - 1) * cellSize;
+      const widthPx = (g.to - g.from + 1) * cellSize;
+      return /* @__PURE__ */jsxs("div", {
+        style: {
+          position: "absolute",
+          left: leftPx,
+          width: widthPx,
+          bottom: 0,
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [/* @__PURE__ */jsx("div", {
+          style: {
+            textAlign: "center",
+            fontSize: 9,
+            fontWeight: 600,
+            color: g.color,
+            lineHeight: 1.2,
+            whiteSpace: "nowrap"
+          },
+          children: g.label
+        }), /* @__PURE__ */jsx("div", {
+          style: {
+            height: 6,
+            borderLeft: `2px solid ${g.color}`,
+            borderRight: `2px solid ${g.color}`,
+            borderTop: `2px solid ${g.color}`,
+            borderRadius: "3px 3px 0 0"
+          }
+        })]
+      }, g.key);
+    })
+  });
+}
+function createVizStyles(isDark) {
+  const border = isDark ? "#333" : "#ddd";
+  const mutedText = isDark ? "#888" : "#999";
+  const foreground = isDark ? "#e8e8e8" : "#1a1a1a";
+  const cardBackground = isDark ? "#1e1e1e" : "#fafafa";
+  return {
+    container: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 6,
+      padding: "8px 10px",
+      borderRadius: 8,
+      border: `1px solid ${border}`,
+      background: cardBackground,
+      width: "fit-content",
+      fontSize: 11,
+      fontFamily: "system-ui, -apple-system, sans-serif",
+      // Not the host page's tracking, which follows the app's bodyFont knob.
+      letterSpacing: "normal",
+      color: foreground
+    },
+    title: {
+      fontSize: 13,
+      fontWeight: 600,
+      textTransform: "uppercase",
+      letterSpacing: "0.06em",
+      color: mutedText
+    }
+  };
+}
+function ColorLineVisualizer({
+  knobs: _knobs,
+  isDark,
+  themeColors: propColors,
+  oppositeThemeColors: propOppositeColors,
+  accentColors: propAccentColors,
+  oppositeAccentColors: propOppositeAccentColors
+}) {
+  const domColors = useDomThemeColors();
+  const themeColors = propColors && propColors.length === 12 ? propColors : domColors;
+  const styles = useMemo(() => createVizStyles(isDark), [isDark]);
+  const toColorFn = arr => step => arr[Math.min(11, Math.max(0, step - 1))];
+  const colorFor = toColorFn(themeColors);
+  const oppositeColors = propOppositeColors && propOppositeColors.length === 12 ? propOppositeColors : null;
+  const accentColors = propAccentColors && propAccentColors.length === 12 ? propAccentColors : null;
+  const oppositeAccentColors = propOppositeAccentColors && propOppositeAccentColors.length === 12 ? propOppositeAccentColors : null;
+  return /* @__PURE__ */jsxs("div", {
+    style: styles.container,
+    children: [/* @__PURE__ */jsx("div", {
+      style: styles.title,
+      children: "Theme"
+    }), /* @__PURE__ */jsx(SemanticBrackets, {}), /* @__PURE__ */jsx(NumberLineRow, {
+      colorFor
+    }), oppositeColors && /* @__PURE__ */jsx(NumberLineRow, {
+      colorFor: toColorFn(oppositeColors),
+      halfHeight: true
+    }), accentColors && /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx("div", {
+        style: {
+          ...styles.title,
+          fontSize: 11,
+          marginTop: 6
+        },
+        children: "accent"
+      }), /* @__PURE__ */jsx(NumberLineRow, {
+        colorFor: toColorFn(accentColors)
+      }), oppositeAccentColors && /* @__PURE__ */jsx(NumberLineRow, {
+        colorFor: toColorFn(oppositeAccentColors),
+        halfHeight: true
+      })]
+    })]
+  });
+}
+export { ColorLineVisualizer };
+//# sourceMappingURL=ColorLineVisualizer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","semanticGroups","contrastTextFor","cellSize","Fragment","jsx","jsxs","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","document","readColors","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","colorFor","halfHeight","h","display","gap","children","step","background","width","height","flexShrink","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","key","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","ColorLineVisualizer","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","toColorFn","arr","min","max","oppositeColors","marginTop"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}