@multiplatform.one/theme 7.83.1 → 7.83.2

package/dist/cjs/theme/animations/reactNative.cjs

@@ -0,0 +1,158 @@
+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 reactNative_exports = {};
+__export(reactNative_exports, {
+  animationConfig: () => animationConfig,
+  animationNames: () => animationNames,
+  animations: () => animations
+});
+module.exports = __toCommonJS(reactNative_exports);
+var import_animations_react_native = require("@tamagui/animations-react-native");
+const animationConfig = {
+  "0ms": {
+    type: "timing",
+    duration: 0
+  },
+  "50ms": {
+    type: "timing",
+    duration: 50
+  },
+  "75ms": {
+    type: "timing",
+    duration: 75
+  },
+  "100ms": {
+    type: "timing",
+    duration: 100
+  },
+  "200ms": {
+    type: "timing",
+    duration: 200
+  },
+  "250ms": {
+    type: "timing",
+    duration: 250
+  },
+  "300ms": {
+    type: "timing",
+    duration: 300
+  },
+  "400ms": {
+    type: "timing",
+    duration: 400
+  },
+  "500ms": {
+    type: "timing",
+    duration: 500
+  },
+  superBouncy: {
+    type: "spring",
+    damping: 5,
+    mass: 0.7,
+    stiffness: 180
+  },
+  bouncy: {
+    type: "spring",
+    damping: 9,
+    mass: 0.9,
+    stiffness: 120
+  },
+  superLazy: {
+    type: "spring",
+    damping: 25,
+    mass: 2,
+    stiffness: 25
+  },
+  lazy: {
+    type: "spring",
+    damping: 18,
+    mass: 0.2,
+    stiffness: 10
+  },
+  medium: {
+    damping: 16,
+    stiffness: 90,
+    mass: 0.8
+  },
+  slowest: {
+    type: "spring",
+    damping: 15,
+    stiffness: 10
+  },
+  slow: {
+    type: "spring",
+    damping: 45,
+    stiffness: 60
+  },
+  quick: {
+    type: "spring",
+    damping: 25,
+    mass: 1,
+    stiffness: 550
+  },
+  quickLessBouncy: {
+    type: "spring",
+    damping: 40,
+    mass: 2,
+    stiffness: 400
+  },
+  quicker: {
+    type: "spring",
+    damping: 16,
+    mass: 0.6,
+    stiffness: 700
+  },
+  quickerLessBouncy: {
+    type: "spring",
+    damping: 27,
+    mass: 0.45,
+    stiffness: 750
+  },
+  quickest: {
+    damping: 15,
+    mass: 0.6,
+    stiffness: 400
+  },
+  quickestLessBouncy: {
+    damping: 24,
+    mass: 0.35,
+    stiffness: 750
+  },
+  tooltip: {
+    type: "spring",
+    damping: 45,
+    stiffness: 60
+  },
+  snappy: {
+    damping: 15,
+    mass: 0.6,
+    stiffness: 400
+  },
+  gentle: {
+    type: "spring",
+    damping: 45,
+    stiffness: 60
+  }
+};
+const animationNames = Object.keys(animationConfig);
+const animations = (0, import_animations_react_native.createAnimations)(animationConfig);

package/dist/cjs/theme/animations/reactNative.native.js

@@ -0,0 +1,161 @@
+"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 reactNative_exports = {};
+__export(reactNative_exports, {
+  animationConfig: () => animationConfig,
+  animationNames: () => animationNames,
+  animations: () => animations
+});
+module.exports = __toCommonJS(reactNative_exports);
+var import_animations_react_native = require("@tamagui/animations-react-native");
+var animationConfig = {
+  "0ms": {
+    type: "timing",
+    duration: 0
+  },
+  "50ms": {
+    type: "timing",
+    duration: 50
+  },
+  "75ms": {
+    type: "timing",
+    duration: 75
+  },
+  "100ms": {
+    type: "timing",
+    duration: 100
+  },
+  "200ms": {
+    type: "timing",
+    duration: 200
+  },
+  "250ms": {
+    type: "timing",
+    duration: 250
+  },
+  "300ms": {
+    type: "timing",
+    duration: 300
+  },
+  "400ms": {
+    type: "timing",
+    duration: 400
+  },
+  "500ms": {
+    type: "timing",
+    duration: 500
+  },
+  superBouncy: {
+    type: "spring",
+    damping: 5,
+    mass: 0.7,
+    stiffness: 180
+  },
+  bouncy: {
+    type: "spring",
+    damping: 9,
+    mass: 0.9,
+    stiffness: 120
+  },
+  superLazy: {
+    type: "spring",
+    damping: 25,
+    mass: 2,
+    stiffness: 25
+  },
+  lazy: {
+    type: "spring",
+    damping: 18,
+    mass: 0.2,
+    stiffness: 10
+  },
+  medium: {
+    damping: 16,
+    stiffness: 90,
+    mass: 0.8
+  },
+  slowest: {
+    type: "spring",
+    damping: 15,
+    stiffness: 10
+  },
+  slow: {
+    type: "spring",
+    damping: 45,
+    stiffness: 60
+  },
+  quick: {
+    type: "spring",
+    damping: 25,
+    mass: 1,
+    stiffness: 550
+  },
+  quickLessBouncy: {
+    type: "spring",
+    damping: 40,
+    mass: 2,
+    stiffness: 400
+  },
+  quicker: {
+    type: "spring",
+    damping: 16,
+    mass: 0.6,
+    stiffness: 700
+  },
+  quickerLessBouncy: {
+    type: "spring",
+    damping: 27,
+    mass: 0.45,
+    stiffness: 750
+  },
+  quickest: {
+    damping: 15,
+    mass: 0.6,
+    stiffness: 400
+  },
+  quickestLessBouncy: {
+    damping: 24,
+    mass: 0.35,
+    stiffness: 750
+  },
+  tooltip: {
+    type: "spring",
+    damping: 45,
+    stiffness: 60
+  },
+  snappy: {
+    damping: 15,
+    mass: 0.6,
+    stiffness: 400
+  },
+  gentle: {
+    type: "spring",
+    damping: 45,
+    stiffness: 60
+  }
+};
+var animationNames = Object.keys(animationConfig);
+var animations = (0, import_animations_react_native.createAnimations)(animationConfig);
+//# sourceMappingURL=reactNative.native.js.map

package/dist/cjs/theme/animations/reactNative.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","reactNative_exports","__export","animationConfig","animationNames","animations","module","exports","import_animations_react_native","require","type","duration","superBouncy","damping","mass","stiffness","bouncy","superLazy","lazy","medium","slowest","slow","quick","quickLessBouncy","quicker","quickerLessBouncy","quickest","quickestLessBouncy","tooltip","snappy","gentle","Object","keys"],"sources":["../../../../src/theme/animations/reactNative.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAA,CAAAK,mBAAiC;AAE1B,IAAAO,8BAAwB,GAAAC,OAAA;AAAA,IAC7BN,eAAO;EAAA,KACL;IACAO,IAAA,UAAU;IACZC,QAAA;EACA;EAAQ,MACN,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAQ,MACN,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAS,OACP,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAS,OACP,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAS,OACP,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAS,OACP,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAS,OACP,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAS,OACP,EAAM;IACND,IAAA,UAAU;IACZC,QAAA;EACA;EAAaC,WACL;IACNF,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAQC,MACN,EAAM;IACNN,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAWE,SACH;IACNP,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAMG,IACJ;IACAR,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAQI,MACN;IACAN,OAAA,IAAW;IACXE,SAAM;IACRD,IAAA;EACA;EAASM,OACP,EAAM;IACNV,IAAA,UAAS;IACTG,OAAA,IAAW;IACbE,SAAA;EACA;EAAMM,IACJ;IACAX,IAAA,UAAS;IACTG,OAAA,IAAW;IACbE,SAAA;EACA;EAAOO,KACL;IACAZ,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAiBQ,eACT;IACNb,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAASS,OACP,EAAM;IACNd,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAmBU,iBACX;IACNf,IAAA,UAAS;IACTG,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAUW,QACR;IACAb,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAoBY,kBACT;IACTd,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAASa,OACP,EAAM;IACNlB,IAAA,UAAS;IACTG,OAAA,IAAW;IACbE,SAAA;EACA;EAAQc,MACN;IACAhB,OAAM;IACNC,IAAA;IACFC,SAAA;EACA;EAAQe,MACN,EAAM;IACNpB,IAAA,UAAS;IACTG,OAAA,IAAW;IACbE,SAAA;EACF;AAGO;AACA,IAAAX,cAAM,GAAA2B,MAAa,CAAAC,IAAA,CAAA7B,eAAA","ignoreList":[]}

package/dist/cjs/theme/chartPalette.cjs

@@ -0,0 +1,229 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var chartPalette_exports = {};
+__export(chartPalette_exports, {
+  accentIdentityCandidates: () => accentIdentityCandidates,
+  resolveChartPalette: () => resolveChartPalette,
+  useChartPalette: () => useChartPalette
+});
+module.exports = __toCommonJS(chartPalette_exports);
+var Colors = __toESM(require("@tamagui/colors"));
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRules = require("./colorRules.cjs");
+var import_createThemes = require("./createThemes.cjs");
+const categoricalHueCycle = [{
+  family: "blue",
+  light: Colors.blue.blue10,
+  dark: Colors.blueDark.blue9
+}, {
+  family: "orange",
+  light: Colors.orange.orange11,
+  dark: Colors.orangeDark.orange9
+}, {
+  family: "green",
+  light: Colors.green.green10,
+  dark: Colors.greenDark.green9
+}, {
+  family: "amber",
+  light: Colors.amber.amber11,
+  dark: Colors.amberDark.amber9
+}, {
+  family: "pink",
+  light: Colors.pink.pink9,
+  dark: Colors.pinkDark.pink9
+}, {
+  family: "teal",
+  light: Colors.teal.teal11,
+  dark: Colors.tealDark.teal9
+}, {
+  family: "violet",
+  light: Colors.violet.violet9,
+  dark: Colors.violetDark.violet10
+}, {
+  family: "red",
+  light: Colors.red.red9,
+  dark: Colors.redDark.red9
+}];
+const chartReferenceSurfaces = {
+  light: ["#ffffff", Colors.gray.gray2, Colors.mauve.mauve2],
+  dark: [Colors.grayDark.gray2, Colors.mauveDark.mauve2]
+};
+function readableIdentity(color, scheme, themeSurfaces) {
+  const hex = color ? (0, import_colorRules.normalizeToHex)(color) : null;
+  if (!hex) return false;
+  const luminance = (0, import_colorRules.relativeLuminance)(hex);
+  const surfaces = [...chartReferenceSurfaces[scheme], ...themeSurfaces.filter(surface => !!surface)];
+  return surfaces.every(surface => {
+    const backdrop = (0, import_colorRules.normalizeToHex)(surface);
+    return !!backdrop && (0, import_colorRules.contrastRatio)(luminance, (0, import_colorRules.relativeLuminance)(backdrop)) >= import_colorRules.minContrastRatio;
+  });
+}
+const semanticSeries = {
+  light: {
+    error: Colors.red.red9,
+    success: Colors.green.green10,
+    warning: Colors.yellow.yellow11
+  },
+  dark: {
+    error: Colors.redDark.red9,
+    success: Colors.greenDark.green9,
+    warning: Colors.yellowDark.yellow9
+  }
+};
+const neutralSaturationFloor = 0.15;
+const inkContrastFloor = 7;
+function isInkIdentity(color, scheme) {
+  const hex = (0, import_colorRules.normalizeToHex)(color);
+  const hsl = colorToHsl(color);
+  if (!hex || !hsl || hsl.s >= neutralSaturationFloor) return false;
+  const page = (0, import_colorRules.normalizeToHex)(chartReferenceSurfaces[scheme][0]);
+  return (0, import_colorRules.contrastRatio)((0, import_colorRules.relativeLuminance)(hex), (0, import_colorRules.relativeLuminance)(page)) >= inkContrastFloor;
+}
+function isNeutral(color) {
+  const hsl = colorToHsl(color);
+  return !!hsl && hsl.s < neutralSaturationFloor;
+}
+const hueDedupeThresholdDeg = 30;
+function colorToHsl(color) {
+  const hex = (0, import_colorRules.normalizeToHex)(color);
+  if (!hex) return null;
+  const r = Number.parseInt(hex.slice(1, 3), 16) / 255;
+  const g = Number.parseInt(hex.slice(3, 5), 16) / 255;
+  const b = Number.parseInt(hex.slice(5, 7), 16) / 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  const d = max - min;
+  if (d === 0) return {
+    h: 0,
+    s: 0,
+    l
+  };
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  let h;
+  if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) * 60;else if (max === g) h = ((b - r) / d + 2) * 60;else h = ((r - g) / d + 4) * 60;
+  return {
+    h,
+    s,
+    l
+  };
+}
+function hueDistance(a, b) {
+  const d = Math.abs(a - b) % 360;
+  return d > 180 ? 360 - d : d;
+}
+function orderCategoricalCycle(identity, cycle) {
+  const colors = [identity, ...cycle];
+  const hsl = colors.map(color => colorToHsl(color));
+  const luminance = colors.map(color => (0, import_colorRules.relativeLuminance)((0, import_colorRules.normalizeToHex)(color)));
+  const compatible = hsl.map((a, i) => hsl.map((b, j) => a.s >= neutralSaturationFloor && b.s >= neutralSaturationFloor && hueDistance(a.h, b.h) >= hueDedupeThresholdDeg || Math.abs(a.s - b.s) >= 0.5 || (0, import_colorRules.contrastRatio)(luminance[i], luminance[j]) >= 1.5));
+  const indices = cycle.map((_, i) => i + 1);
+  if (indices.every(i => compatible[i - 1][i]) && compatible[colors.length - 1][0]) {
+    return cycle;
+  }
+  const arrange = (previous, remaining) => {
+    if (!remaining.length) return compatible[previous][0] ? [] : void 0;
+    for (const next of remaining) {
+      if (!compatible[previous][next]) continue;
+      const tail = arrange(next, remaining.filter(index => index !== next));
+      if (tail) return [next, ...tail];
+    }
+    return void 0;
+  };
+  const ordered = arrange(0, indices);
+  return ordered ? ordered.map(index => colors[index]) : cycle;
+}
+function resolveChartPalette(input) {
+  const {
+    scheme
+  } = input;
+  const fallbackIdentity = scheme === "dark" ? Colors.violetDark.violet10 : Colors.violet.violet9;
+  const identity = [input.identitySolid, ...(input.identityCandidates ?? [])].find(candidate => readableIdentity(candidate, scheme, input.surfaces ?? [])) ?? fallbackIdentity;
+  const cycle = categoricalHueCycle.map(entry => scheme === "dark" ? entry.dark : entry.light);
+  const single = isInkIdentity(identity, scheme) || input.tint === false && isNeutral(identity) ? cycle[0] : identity;
+  const identityHsl = colorToHsl(single);
+  const deduped = identityHsl.s < neutralSaturationFloor ? cycle : cycle.filter(value => {
+    const hsl = colorToHsl(value);
+    if (!hsl) return true;
+    return hueDistance(hsl.h, identityHsl.h) >= hueDedupeThresholdDeg;
+  });
+  return {
+    scheme,
+    single,
+    categorical: [single, ...orderCategoricalCycle(single, deduped)],
+    semantic: semanticSeries[scheme]
+  };
+}
+function accentIdentityCandidates(identity, solids) {
+  const identityHex = identity ? (0, import_colorRules.normalizeToHex)(identity) : null;
+  if (!identityHex) return [];
+  const identityLum = (0, import_colorRules.relativeLuminance)(identityHex);
+  return solids.flatMap(solid => {
+    const hex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+    return solid && hex ? [{
+      solid,
+      distance: Math.abs((0, import_colorRules.relativeLuminance)(hex) - identityLum)
+    }] : [];
+  }).sort((a, b) => a.distance - b.distance).map(({
+    solid
+  }) => solid);
+}
+function useChartPalette() {
+  const themeName = (0, import_tamagui.useThemeName)();
+  const theme = (0, import_tamagui.useTheme)();
+  const scheme = themeName?.startsWith("dark") ? "dark" : "light";
+  const nameParts = (themeName ?? "").split("_");
+  const isTint = nameParts.length > 1 && import_createThemes.tintHueNames.has(nameParts[1]);
+  const color9 = theme.color9?.val;
+  const accent = theme.accentBackground?.val;
+  const page = theme.color2?.val;
+  const card = (scheme === "light" ? theme.color1 : theme.color3)?.val;
+  const identitySolid = isTint ? color9 ?? accent : accent ?? color9;
+  const color10 = theme.color10?.val;
+  const color11 = theme.color11?.val;
+  const accentSolids = Array.from({
+    length: 10
+  }, (_, index) => theme[`accent${index + 1}`]?.val);
+  const accentKey = accentSolids.join("|");
+  return (0, import_react.useMemo)(() => resolveChartPalette({
+    scheme,
+    identitySolid,
+    identityCandidates: [...(isTint ? [] : accentIdentityCandidates(identitySolid, accentSolids)), color10, color11],
+    surfaces: [page, card],
+    tint: isTint
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [scheme, identitySolid, isTint, accentKey, color10, color11, page, card]);
+}