@multiplatform.one/theme 7.83.1 → 7.84.0

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

@@ -0,0 +1,316 @@
+import { defaultConfig } from "@tamagui/config/v5";
+import { createInterFont } from "@tamagui/font-inter";
+import { createFont } from "@tamagui/web";
+import { interFaceNames } from "../../fonts/interFaces.native.js";
+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 = Object.fromEntries(Object.entries(interFaceNames).map(function (param) {
+  var [weight, name] = param;
+  return [weight, {
+    normal: name
+  }];
+}));
+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","interFaceNames","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","name","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","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":[]}