@tamagui/create-theme 1.5.21 → 1.5.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/create-theme",
-  "version": "1.5.21",
+  "version": "1.5.23",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,10 +27,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/web": "^1.5.21"
+    "@tamagui/web": "^1.5.23"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.5.21"
+    "@tamagui/build": "^1.5.23"
   },
   "publishConfig": {
     "access": "public"

package/dist/cjs/colorUtils.js

@@ -1,65 +0,0 @@
-"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 colorUtils_exports = {};
-__export(colorUtils_exports, {
-  hexToRGBA: () => hexToRGBA,
-  setColorAlpha: () => setColorAlpha
-});
-module.exports = __toCommonJS(colorUtils_exports);
-var import_core = require("@tamagui/core");
-const hexToRGBA = (hex, alpha = 1) => {
-  if (!isValidHex(hex)) {
-    throw new Error("Invalid HEX");
-  }
-  const chunkSize = Math.floor((hex.length - 1) / 3);
-  const hexArr = getChunksFromString(hex.slice(1), chunkSize);
-  const [r, g, b, a] = (hexArr == null ? void 0 : hexArr.map(convertHexUnitTo256)) ?? [];
-  return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`;
-};
-const setColorAlpha = (colorIn, alpha = 1) => {
-  const color = `${(0, import_core.getVariableValue)(colorIn)}`;
-  if (color.startsWith("hsl(")) {
-    return color.replace("hsl", "hsla").replace(")", `, ${alpha})`);
-  }
-  if (color.startsWith("#")) {
-    return hexToRGBA(color, alpha);
-  }
-  if (color.startsWith("rgb(")) {
-    return color.replace("rgb", "rgba").replace(")", `, ${alpha})`);
-  }
-  return color;
-};
-const isValidHex = (hex) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
-const getChunksFromString = (st, chunkSize = 0) => st.match(new RegExp(`.{${chunkSize}}`, "g"));
-const convertHexUnitTo256 = (hexStr) => parseInt(hexStr.repeat(2 / hexStr.length), 16);
-const getAlphaFloat = (a, alpha = 1) => {
-  if (a !== void 0) {
-    return a / 255;
-  }
-  if (typeof alpha !== "number" || alpha < 0 || alpha > 1) {
-    return 1;
-  }
-  return alpha;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  hexToRGBA,
-  setColorAlpha
-});
-//# sourceMappingURL=colorUtils.js.map

package/dist/cjs/colorUtils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/colorUtils.tsx"],
-  "sourcesContent": ["import { Variable, getVariableValue } from '@tamagui/core'\n\nexport const hexToRGBA = (hex: string, alpha = 1) => {\n  if (!isValidHex(hex)) {\n    throw new Error('Invalid HEX')\n  }\n  const chunkSize = Math.floor((hex.length - 1) / 3)\n  const hexArr = getChunksFromString(hex.slice(1), chunkSize)\n  const [r, g, b, a] = hexArr?.map(convertHexUnitTo256) ?? []\n  return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`\n}\n\nexport const setColorAlpha = (colorIn: string | Variable, alpha = 1) => {\n  const color = `${getVariableValue(colorIn)}`\n  if (color.startsWith('hsl(')) {\n    return color.replace('hsl', 'hsla').replace(')', `, ${alpha})`)\n  }\n  if (color.startsWith('#')) {\n    return hexToRGBA(color, alpha)\n  }\n  if (color.startsWith('rgb(')) {\n    return color.replace('rgb', 'rgba').replace(')', `, ${alpha})`)\n  }\n  return color\n}\n\nconst isValidHex = (hex: string) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex)\n\nconst getChunksFromString = (st: string, chunkSize = 0) =>\n  st.match(new RegExp(`.{${chunkSize}}`, 'g'))\n\nconst convertHexUnitTo256 = (hexStr: string) =>\n  parseInt(hexStr.repeat(2 / hexStr.length), 16)\n\nconst getAlphaFloat = (a: any, alpha = 1) => {\n  if (a !== undefined) {\n    return a / 255\n  }\n  if (typeof alpha !== 'number' || alpha < 0 || alpha > 1) {\n    return 1\n  }\n  return alpha\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2C;AAEpC,MAAM,YAAY,CAAC,KAAa,QAAQ,MAAM;AACnD,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,IAAI,MAAM,aAAa;AAAA,EAC/B;AACA,QAAM,YAAY,KAAK,OAAO,IAAI,SAAS,KAAK,CAAC;AACjD,QAAM,SAAS,oBAAoB,IAAI,MAAM,CAAC,GAAG,SAAS;AAC1D,QAAM,CAAC,GAAG,GAAG,GAAG,CAAC,KAAI,iCAAQ,IAAI,yBAAwB,CAAC;AAC1D,SAAO,QAAQ,MAAM,MAAM,MAAM,cAAc,GAAG,KAAK;AACzD;AAEO,MAAM,gBAAgB,CAAC,SAA4B,QAAQ,MAAM;AACtE,QAAM,QAAQ,OAAG,8BAAiB,OAAO;AACzC,MAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,WAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ;AAAA,EAChE;AACA,MAAI,MAAM,WAAW,GAAG,GAAG;AACzB,WAAO,UAAU,OAAO,KAAK;AAAA,EAC/B;AACA,MAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,WAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ;AAAA,EAChE;AACA,SAAO;AACT;AAEA,MAAM,aAAa,CAAC,QAAgB,6BAA6B,KAAK,GAAG;AAEzE,MAAM,sBAAsB,CAAC,IAAY,YAAY,MACnD,GAAG,MAAM,IAAI,OAAO,KAAK,cAAc,GAAG,CAAC;AAE7C,MAAM,sBAAsB,CAAC,WAC3B,SAAS,OAAO,OAAO,IAAI,OAAO,MAAM,GAAG,EAAE;AAE/C,MAAM,gBAAgB,CAAC,GAAQ,QAAQ,MAAM;AAC3C,MAAI,MAAM,QAAW;AACnB,WAAO,IAAI;AAAA,EACb;AACA,MAAI,OAAO,UAAU,YAAY,QAAQ,KAAK,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
-  "names": []
-}

package/dist/cjs/createTheme.js

@@ -1,113 +0,0 @@
-"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 createTheme_exports = {};
-__export(createTheme_exports, {
-  addChildren: () => addChildren,
-  applyMask: () => applyMask,
-  createStrengthenMask: () => createStrengthenMask,
-  createTheme: () => createTheme,
-  createWeakenMask: () => createWeakenMask
-});
-module.exports = __toCommonJS(createTheme_exports);
-const THEME_INFO = /* @__PURE__ */ new WeakMap();
-function createTheme(palette, definition, options) {
-  const theme = {
-    ...Object.fromEntries(
-      Object.entries(definition).map(([key, offset]) => {
-        return [key, getValue(palette, offset)];
-      })
-    ),
-    ...options == null ? void 0 : options.nonInheritedValues
-  };
-  THEME_INFO.set(theme, { palette, definition, cache: /* @__PURE__ */ new WeakMap() });
-  return theme;
-}
-const getValue = (palette, value) => {
-  if (typeof value === "string")
-    return value;
-  const max = palette.length - 1;
-  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
-  const next = isPositive ? value : max + value;
-  const index = Math.min(Math.max(0, next), max);
-  return palette[index];
-};
-function addChildren(themes, getChildren) {
-  const out = { ...themes };
-  for (const key in themes) {
-    const subThemes = getChildren(key, themes[key]);
-    for (const sKey in subThemes) {
-      out[`${key}_${sKey}`] = subThemes[sKey];
-    }
-  }
-  return out;
-}
-const createWeakenMask = ({
-  by = 1,
-  max,
-  min = 0,
-  inverseNegatives
-}) => {
-  return (template, { skip }) => {
-    const values = Object.entries(template);
-    const out = {};
-    for (const [key, value] of values) {
-      if (typeof value === "string")
-        continue;
-      if (skip && key in skip) {
-        out[key] = value;
-        continue;
-      }
-      const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
-      const direction = isPositive ? 1 : -1;
-      const invert = inverseNegatives && !isPositive ? -1 : 1;
-      const next = value + by * direction * invert;
-      const clamped = isPositive ? Math.max(min, Math.min(max, next)) : Math.min(-min, Math.max(-max, next));
-      out[key] = clamped;
-    }
-    return out;
-  };
-};
-function isMinusZero(value) {
-  return 1 / value === -Infinity;
-}
-const createStrengthenMask = (props) => createWeakenMask({ ...props, inverseNegatives: true });
-function applyMask(theme, mask, options = {}) {
-  const info = THEME_INFO.get(theme);
-  if (!info) {
-    throw new Error(
-      process.env.NODE_ENV !== "production" ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme` : `\u274C Err2`
-    );
-  }
-  if (info.cache.has(mask)) {
-    return info.cache.get(mask);
-  }
-  const template = mask(info.definition, options);
-  const next = createTheme(info.palette, template);
-  info.cache.set(mask, next);
-  return next;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  addChildren,
-  applyMask,
-  createStrengthenMask,
-  createTheme,
-  createWeakenMask
-});
-//# sourceMappingURL=createTheme.js.map

package/dist/cjs/createTheme.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createTheme.tsx"],
-  "sourcesContent": ["import type { Variable } from '@tamagui/web'\n\nexport type ThemeMask = Record<string, string | number>\nexport type Palette = string[]\nexport type ShiftMaskProps = { by: number; max: number; min?: number }\nexport type MaskOptions = { skip?: Partial<ThemeMask> }\n\ntype GenericTheme = { [key: string]: string | Variable }\ntype CreateMask = <A extends ThemeMask>(template: A, options: MaskOptions) => A\n\nconst THEME_INFO = new WeakMap<\n  any,\n  { palette: Palette; definition: ThemeMask; cache: WeakMap<any, any> }\n>()\n\nexport function createTheme<\n  Definition extends ThemeMask,\n  Extras extends Record<string, string> = {}\n>(\n  palette: Palette,\n  definition: Definition,\n  options?: {\n    nonInheritedValues?: Extras\n  }\n): {\n  [key in keyof Definition | keyof Extras]: string\n} {\n  const theme = {\n    ...(Object.fromEntries(\n      Object.entries(definition).map(([key, offset]) => {\n        return [key, getValue(palette, offset)]\n      })\n    ) as any),\n    ...options?.nonInheritedValues,\n  }\n  THEME_INFO.set(theme, { palette, definition, cache: new WeakMap() })\n  return theme\n}\n\nconst getValue = (palette: Palette, value: string | number) => {\n  if (typeof value === 'string') return value\n  const max = palette.length - 1\n  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0\n  const next = isPositive ? value : max + value\n  const index = Math.min(Math.max(0, next), max)\n  return palette[index]\n}\n\ntype SubThemeKeys<ParentKeys, ChildKeys> = `${ParentKeys extends string\n  ? ParentKeys\n  : never}_${ChildKeys extends string ? ChildKeys : never}`\n\nexport function addChildren<\n  Theme extends GenericTheme,\n  Themes extends { [key: string]: Theme },\n  GetChildren extends (name: keyof Themes, theme: Theme) => { [key: string]: Theme }\n>(\n  themes: Themes,\n  getChildren: GetChildren\n): Themes & {\n  [key in SubThemeKeys<keyof Themes, keyof ReturnType<GetChildren>>]: Theme\n} {\n  const out = { ...themes }\n  for (const key in themes) {\n    const subThemes = getChildren(key, themes[key])\n    for (const sKey in subThemes) {\n      out[`${key}_${sKey}`] = subThemes[sKey] as any\n    }\n  }\n  return out as any\n}\n\nexport const createWeakenMask = ({\n  by = 1,\n  max,\n  min = 0,\n  inverseNegatives,\n}: ShiftMaskProps & { inverseNegatives?: boolean }) => {\n  return ((template, { skip }) => {\n    const values = Object.entries(template) // .filter(Number)\n    const out = {}\n    for (const [key, value] of values) {\n      if (typeof value === 'string') continue\n      if (skip && key in skip) {\n        out[key] = value\n        continue\n      }\n      const isPositive = value === 0 ? !isMinusZero(value) : value >= 0\n      const direction = isPositive ? 1 : -1\n      const invert = inverseNegatives && !isPositive ? -1 : 1\n      const next = value + by * direction * invert\n      const clamped = isPositive\n        ? Math.max(min, Math.min(max, next))\n        : Math.min(-min, Math.max(-max, next))\n\n      out[key] = clamped\n    }\n    return out as typeof template\n  }) as CreateMask\n}\n\nfunction isMinusZero(value) {\n  return 1 / value === -Infinity\n}\n\nexport const createStrengthenMask = (props: ShiftMaskProps) =>\n  createWeakenMask({ ...props, inverseNegatives: true })\n\nexport function applyMask<Theme extends GenericTheme>(\n  theme: Theme,\n  mask: CreateMask,\n  options: MaskOptions = {}\n): Theme {\n  const info = THEME_INFO.get(theme)\n  if (!info) {\n    throw new Error(\n      process.env.NODE_ENV !== 'production'\n        ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme`\n        : `\u274C Err2`\n    )\n  }\n  if (info.cache.has(mask)) {\n    return info.cache.get(mask)\n  }\n\n  const template = mask(info.definition, options)\n  const next = createTheme(info.palette, template) as Theme\n\n  info.cache.set(mask, next)\n\n  return next\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,aAAa,oBAAI,QAGrB;AAEK,SAAS,YAId,SACA,YACA,SAKA;AACA,QAAM,QAAQ;AAAA,IACZ,GAAI,OAAO;AAAA,MACT,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AAChD,eAAO,CAAC,KAAK,SAAS,SAAS,MAAM,CAAC;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,GAAG,mCAAS;AAAA,EACd;AACA,aAAW,IAAI,OAAO,EAAE,SAAS,YAAY,OAAO,oBAAI,QAAQ,EAAE,CAAC;AACnE,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,SAAkB,UAA2B;AAC7D,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,MAAM,QAAQ,SAAS;AAC7B,QAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,QAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,QAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG;AAC7C,SAAO,QAAQ,KAAK;AACtB;AAMO,SAAS,YAKd,QACA,aAGA;AACA,QAAM,MAAM,EAAE,GAAG,OAAO;AACxB,aAAW,OAAO,QAAQ;AACxB,UAAM,YAAY,YAAY,KAAK,OAAO,GAAG,CAAC;AAC9C,eAAW,QAAQ,WAAW;AAC5B,UAAI,GAAG,OAAO,MAAM,IAAI,UAAU,IAAI;AAAA,IACxC;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAK;AAAA,EACL;AAAA,EACA,MAAM;AAAA,EACN;AACF,MAAuD;AACrD,SAAQ,CAAC,UAAU,EAAE,KAAK,MAAM;AAC9B,UAAM,SAAS,OAAO,QAAQ,QAAQ;AACtC,UAAM,MAAM,CAAC;AACb,eAAW,CAAC,KAAK,KAAK,KAAK,QAAQ;AACjC,UAAI,OAAO,UAAU;AAAU;AAC/B,UAAI,QAAQ,OAAO,MAAM;AACvB,YAAI,GAAG,IAAI;AACX;AAAA,MACF;AACA,YAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,YAAM,YAAY,aAAa,IAAI;AACnC,YAAM,SAAS,oBAAoB,CAAC,aAAa,KAAK;AACtD,YAAM,OAAO,QAAQ,KAAK,YAAY;AACtC,YAAM,UAAU,aACZ,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC,IACjC,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAEvC,UAAI,GAAG,IAAI;AAAA,IACb;AACA,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YAAY,OAAO;AAC1B,SAAO,IAAI,UAAU;AACvB;AAEO,MAAM,uBAAuB,CAAC,UACnC,iBAAiB,EAAE,GAAG,OAAO,kBAAkB,KAAK,CAAC;AAEhD,SAAS,UACd,OACA,MACA,UAAuB,CAAC,GACjB;AACP,QAAM,OAAO,WAAW,IAAI,KAAK;AACjC,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,QAAQ,IAAI,aAAa,eACrB,+GACA;AAAA,IACN;AAAA,EACF;AACA,MAAI,KAAK,MAAM,IAAI,IAAI,GAAG;AACxB,WAAO,KAAK,MAAM,IAAI,IAAI;AAAA,EAC5B;AAEA,QAAM,WAAW,KAAK,KAAK,YAAY,OAAO;AAC9C,QAAM,OAAO,YAAY,KAAK,SAAS,QAAQ;AAE/C,OAAK,MAAM,IAAI,MAAM,IAAI;AAEzB,SAAO;AACT;",
-  "names": []
-}

package/dist/cjs/createThemes.js

@@ -1,298 +0,0 @@
-"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 createThemes_exports = {};
-__export(createThemes_exports, {
-  createThemes: () => createThemes
-});
-module.exports = __toCommonJS(createThemes_exports);
-var import_core = require("@tamagui/core");
-const createThemes = ({
-  activeColor,
-  light,
-  dark,
-  colorsLight,
-  colorsDark
-}) => {
-  function flatten(obj) {
-    const next = {};
-    for (const key in obj) {
-      Object.assign(next, obj[key]);
-    }
-    return next;
-  }
-  const darkColors = flatten(colorsDark);
-  const lightColors = flatten(colorsLight);
-  const alternates = [1, 2, 3];
-  const alts = [1, 2];
-  function createThemesFrom(name, getTheme, props) {
-    const { shift = 0 } = props;
-    const theme = getTheme(0 + shift, props);
-    let themeEntries = [[name, theme]];
-    const altThemes = alternates.map((alt) => [
-      `${name}_alt${alt}`,
-      getTheme(alt + shift + 1, props)
-    ]);
-    const altButtonThemes = alternates.map((_, i) => {
-      const [bName, bTheme] = [altThemes[i][0], (altThemes[i] || altThemes[i])[1]];
-      return [`${bName}_Button`, bTheme];
-    });
-    const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props);
-    const activeTheme = props.activeTheme || {
-      ...theme,
-      borderColor: props.backgrounds[7],
-      background: props.backgrounds[6],
-      backgroundHover: props.backgrounds[6],
-      backgroundPress: props.backgrounds[6]
-    };
-    const inverted = altThemes.map(([_name, theme2]) => {
-      return {
-        ...theme2,
-        background: theme2.color,
-        backgroundHover: theme2.colorHover,
-        backgroundFocus: theme2.colorFocus,
-        backgroundPress: theme2.colorPress,
-        color: theme2.background,
-        colorHover: theme2.backgroundHover,
-        colorFocus: theme2.backgroundFocus,
-        colorPress: theme2.backgroundPress
-      };
-    });
-    themeEntries = [
-      ...themeEntries,
-      // keep just alts
-      ...altThemes.slice(0, alts.length),
-      ...altButtonThemes.slice(0, alts.length),
-      [`${name}_Button`, altThemes[1][1]],
-      [`${name}_DrawerFrame`, altThemes[2][1]],
-      [`${name}_SliderTrack`, altThemes[1][1]],
-      [`${name}_SliderTrackActive`, altThemes[2][1]],
-      [`${name}_SliderThumb`, inverted[2]],
-      [`${name}_Progress`, altThemes[2][1]],
-      [`${name}_ProgressIndicator`, inverted[2]],
-      [`${name}_Switch`, altThemes[1][1]],
-      [`${name}_SwitchThumb`, inverted[2]],
-      [`${name}_TooltipArrow`, altThemes[2][1]],
-      [`${name}_TooltipContent`, altThemes[2][1]],
-      [`${name}_darker`, darkerTheme],
-      [`${name}_active`, activeTheme]
-    ];
-    const themes = Object.fromEntries(themeEntries);
-    return themes;
-  }
-  const blanks = [0, 0, 0, 0];
-  const themeCreator = (str = 1, {
-    backgrounds,
-    isLight = true,
-    isBase = false,
-    colors = [...backgrounds].reverse(),
-    borderColors = isLight ? colors : backgrounds,
-    backgroundStrong,
-    offsets: offsetsProp
-  }) => {
-    const offsets = {
-      borderColor: (offsetsProp == null ? void 0 : offsetsProp.borderColor) ?? (offsetsProp == null ? void 0 : offsetsProp.background) ?? blanks,
-      background: (offsetsProp == null ? void 0 : offsetsProp.background) ?? blanks,
-      color: (offsetsProp == null ? void 0 : offsetsProp.color) ?? blanks
-    };
-    const darkColors2 = isLight ? colors : backgrounds;
-    const lighterDir = isLight ? -1 : 1;
-    const darkerDir = -lighterDir;
-    const strongerDir = isLight ? darkerDir : lighterDir;
-    const softerDir = -strongerDir;
-    const get = (arr, index, name = "background") => {
-      return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))];
-    };
-    const theme = {
-      background: get(backgrounds, str),
-      backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),
-      backgroundHover: get(backgrounds, str + lighterDir),
-      backgroundPress: get(backgrounds, str + darkerDir),
-      backgroundFocus: get(backgrounds, str + darkerDir * 2),
-      backgroundTransparent: "hsla(0, 0%, 0%, 0.012)",
-      color: get(colors, 0 + str, "color"),
-      colorHover: get(colors, 1 + str, "color"),
-      colorPress: get(colors, 2 + str, "color"),
-      colorFocus: get(colors, 3 + str, "color"),
-      shadowColor: isLight ? "hsla(0, 0%, 0%, 0.03)" : "hsla(0, 0%, 0%, 0.2)",
-      shadowColorHover: darkColors2[!isLight ? 1 : 8],
-      shadowColorPress: darkColors2[!isLight ? 1 : 8],
-      shadowColorFocus: darkColors2[!isLight ? 1 : 8],
-      borderColor: null,
-      borderColorHover: null,
-      borderColorPress: null,
-      borderColorFocus: null,
-      color1: backgrounds[0],
-      color2: backgrounds[1],
-      color3: backgrounds[2],
-      color4: backgrounds[3],
-      color5: backgrounds[4],
-      color6: backgrounds[5],
-      color7: backgrounds[6],
-      color8: backgrounds[7],
-      color9: backgrounds[8],
-      color10: backgrounds[9],
-      color11: backgrounds[10],
-      color12: backgrounds[11],
-      placeholderColor: backgrounds[7]
-    };
-    if (isBase) {
-      Object.assign(theme, {
-        borderColor: isLight ? get(colors, 8 - str, "borderColor") : get(backgrounds, 2 + str, "borderColor"),
-        borderColorHover: isLight ? get(colors, 6 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor"),
-        borderColorPress: isLight ? get(colors, 5 - str, "borderColor") : get(backgrounds, 1 + str, "borderColor"),
-        borderColorFocus: isLight ? get(colors, 4 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor")
-      });
-    } else {
-      Object.assign(theme, {
-        borderColor: get(borderColors, 1 + strongerDir, "borderColor"),
-        borderColorHover: get(borderColors, 2 + strongerDir, "borderColor"),
-        borderColorPress: get(borderColors, 3 + strongerDir, "borderColor"),
-        borderColorFocus: get(borderColors, 4 + strongerDir, "borderColor")
-      });
-    }
-    return theme;
-  };
-  const lightThemes = createThemesFrom("light", themeCreator, {
-    backgrounds: light,
-    // for now web non-ios style native is...
-    backgroundStrong: import_core.isWeb ? "#fefefe" : "#f2f2f2",
-    borderColors: light.slice(2),
-    isLight: true,
-    offsets: {
-      background: [2, 2, 2, 2, 2, 2]
-    }
-  });
-  const darkThemes = createThemesFrom("dark", themeCreator, {
-    backgrounds: dark,
-    colors: light.slice(2),
-    backgroundStrong: "#070707",
-    isBase: true,
-    isLight: false,
-    // shift: 1,
-    offsets: {
-      color: [0, 4, 5, 5, 5, 5]
-    }
-  });
-  darkThemes.dark_darker.background = "#030303";
-  darkThemes.dark_darker.backgroundStrong = "#000";
-  const lightTheme = (0, import_core.createTheme)({
-    ...lightColors,
-    ...lightThemes.light
-  });
-  const darkTheme = (0, import_core.createTheme)({
-    ...darkColors,
-    ...darkThemes.dark
-  });
-  const baseThemes = {
-    // light
-    ...lightThemes,
-    light: lightTheme,
-    // reserving in types, updating later
-    light_active: lightThemes.light,
-    light_Card: lightThemes.light,
-    light_SliderTrack: lightThemes.light_alt1,
-    light_SliderTrackActive: lightThemes.light_alt2,
-    light_Switch: lightThemes.light_alt2,
-    light_SwitchThumb: lightThemes.light,
-    light_DrawerFrame: lightThemes.light_alt1,
-    // dark
-    ...darkThemes,
-    dark: darkTheme,
-    // reserving in types, updating later
-    dark_active: darkThemes.dark,
-    dark_Card: darkThemes.dark,
-    dark_DrawerFrame: darkThemes.dark_alt1,
-    dark_SliderTrack: darkThemes.dark_darker,
-    dark_SliderTrackActive: darkThemes.dark_alt2,
-    dark_Switch: darkThemes.dark_alt2,
-    dark_SwitchThumb: darkThemes.dark_darker,
-    dark_Button: darkThemes.dark_alt1
-  };
-  const darkEntries = Object.entries(darkTheme);
-  const lightEntries = Object.entries(lightTheme);
-  function findColors(prefix, dark2 = false) {
-    return Object.fromEntries(
-      (dark2 ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))
-    );
-  }
-  const colorSchemes = [];
-  for (const name in colorsLight) {
-    colorSchemes.push({
-      name,
-      colors: findColors(name),
-      darkColors: findColors(name, true)
-    });
-  }
-  const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: darkColors2 }) => {
-    const [altLightThemes, altDarkThemes] = [
-      { colors: darkColors2, backgrounds: colors },
-      { colors, backgrounds: darkColors2 }
-    ].map((props, i) => {
-      const isLight = i === 0;
-      const colorsBase = Object.values(props.colors).slice(2);
-      const [backgrounds, colors2] = [
-        Object.values(props.backgrounds),
-        isLight ? colorsBase : [colorsBase[0], "#ccc", ...colorsBase.slice(1)]
-      ];
-      const scheme = isLight ? "light" : "dark";
-      const shift = isLight ? 0 : 1;
-      const themeWithAlts = createThemesFrom(name, themeCreator, {
-        // @ts-ignore
-        colors: colors2,
-        // @ts-ignore
-        backgrounds,
-        // @ts-ignore
-        borderColors: backgrounds,
-        isLight,
-        shift,
-        isBase: false,
-        offsets: {
-          background: isLight ? [2, 2, 2, 2, 2, 2] : null,
-          borderColor: isLight ? [2, 2, 2, 3, 2] : null,
-          color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1]
-        }
-      });
-      return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v]);
-    });
-    return [...altLightThemes, ...altDarkThemes];
-  });
-  const colorThemes = Object.fromEntries(colorThemeEntries);
-  baseThemes.dark_active = {
-    ...colorThemes[`dark_${activeColor}_alt2`],
-    background: darkColors[`${activeColor}10`],
-    backgroundHover: darkColors[`${activeColor}11`],
-    backgroundPress: darkColors[`${activeColor}9`],
-    backgroundFocus: darkColors[`${activeColor}9`],
-    color: darkColors[`${activeColor}12`],
-    colorHover: darkColors[`${activeColor}12`],
-    colorPress: darkColors[`${activeColor}12`],
-    colorFocus: darkColors[`${activeColor}12`]
-  };
-  baseThemes.light_active = baseThemes.dark_active;
-  const allThemes = {
-    ...baseThemes,
-    ...colorThemes
-  };
-  return allThemes;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createThemes
-});
-//# sourceMappingURL=createThemes.js.map

package/dist/cjs/createThemes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createThemes.ts"],
-  "sourcesContent": ["import { Variable, createTheme, isWeb } from '@tamagui/core'\n\n// can make configurable\ntype AltKeys = 1 | 2\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\n\ntype Colors = {\n  [key: string]: {\n    [key: string]: string\n  }\n}\n\ntype GeneratedTheme<ExtraKeys extends string = string> = {\n  [Key in ExtraKeys]: Variable<string>\n} & {\n  backgroundStrong: Variable<string>\n  background: Variable<string>\n  backgroundHover: Variable<string>\n  backgroundPress: Variable<string>\n  backgroundFocus: Variable<string>\n  backgroundTransparent: Variable<string>\n  color: Variable<string>\n  colorHover: Variable<string>\n  colorPress: Variable<string>\n  colorFocus: Variable<string>\n  shadowColor: Variable<string>\n  shadowColorHover: Variable<string>\n  shadowColorPress: Variable<string>\n  shadowColorFocus: Variable<string>\n  borderColor: Variable<string>\n  borderColorHover: Variable<string>\n  borderColorPress: Variable<string>\n  borderColorFocus: Variable<string>\n  placeholderColor: Variable<string>\n  color1: Variable<string>\n  color2: Variable<string>\n  color3: Variable<string>\n  color4: Variable<string>\n  color5: Variable<string>\n  color6: Variable<string>\n  color7: Variable<string>\n  color8: Variable<string>\n  color9: Variable<string>\n  color10: Variable<string>\n  color11: Variable<string>\n  color12: Variable<string>\n}\n\ntype SubTheme = {\n  [key in keyof GeneratedTheme]?: Variable<string> | string\n}\n\ntype GetSubThemes<Name extends string> =\n  | `${Name}`\n  | `${Name}_alt${AltKeys}`\n  | `${Name}_darker`\n  | `${Name}_active`\n  | `${Name}_Card`\n  | `${Name}_SliderTrack`\n  | `${Name}_SliderTrackActive`\n  | `${Name}_Switch`\n  | `${Name}_SwitchThumb`\n  | `${Name}_DrawerFrame`\n  | `${Name}_Button`\n  | `${Name}_SliderThumb`\n  | `${Name}_Progress`\n  | `${Name}_ProgressIndicator`\n  | `${Name}_TooltipArrow`\n  | `${Name}_TooltipContent`\n\nexport type GeneratedThemes<ColorsList extends string, BaseColorList extends string> = {\n  [key in\n    | GetSubThemes<ColorsList extends string ? ColorsList : never>\n    | GetSubThemes<`light`>\n    | GetSubThemes<`dark`>]: GeneratedTheme<BaseColorList>\n}\n\nexport const createThemes = <ColorsList extends string, BaseColorList extends string>({\n  activeColor,\n  light,\n  dark,\n  colorsLight,\n  colorsDark,\n}: {\n  activeColor: string\n  light: string[]\n  dark: string[]\n  colorsLight: Colors\n  colorsDark: Colors\n}): GeneratedThemes<ColorsList, BaseColorList> => {\n  function flatten(obj: Colors) {\n    const next = {}\n    for (const key in obj) {\n      Object.assign(next, obj[key])\n    }\n    return next\n  }\n\n  const darkColors = flatten(colorsDark)\n  const lightColors = flatten(colorsLight)\n\n  // spaghetti ahead\n\n  type ThemeCreatorProps = {\n    shift?: number\n    backgrounds: (string | Variable)[]\n    backgroundStrong?: string | Variable\n    borderColors?: (string | Variable)[]\n    colors?: (string | Variable)[]\n    activeTheme?: any\n    offsets?: {\n      color?: number[] | null\n      background?: number[] | null\n      borderColor?: number[] | null\n    }\n    isLight?: boolean\n    isBase?: boolean\n  }\n\n  // helpers\n\n  const alternates = [1, 2, 3] as const\n  const alts = [1, 2] as const\n  type ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\n  function createThemesFrom<\n    Name extends string,\n    GetTheme extends ThemeCreator = ThemeCreator\n  >(\n    name: Name,\n    getTheme: GetTheme,\n    props: ThemeCreatorProps\n  ): {\n    [key in GetSubThemes<Name>]: GetTheme extends ThemeCreator<infer Theme>\n      ? Theme\n      : never\n  } {\n    const { shift = 0 } = props\n    const theme = getTheme(0 + shift, props)\n    let themeEntries: any[] = [[name, theme]]\n\n    // generate alternates (for use in other themes), but keep just alts\n    const altThemes: any[] = alternates.map((alt) => [\n      `${name}_alt${alt}`,\n      getTheme(alt + shift + 1, props),\n    ])\n\n    const altButtonThemes: any[] = alternates.map((_, i) => {\n      const [bName, bTheme] = [altThemes[i][0], (altThemes[i] || altThemes[i])[1]]\n      return [`${bName}_Button` as any, bTheme]\n    })\n    // add these after alts since we rely on positioning\n    const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n    const activeTheme = props.activeTheme || {\n      ...theme,\n      borderColor: props.backgrounds[7],\n      background: props.backgrounds[6],\n      backgroundHover: props.backgrounds[6],\n      backgroundPress: props.backgrounds[6],\n    }\n\n    // TODO can be de-duped\n    const inverted = altThemes.map(([_name, theme]) => {\n      return {\n        ...theme,\n        background: theme.color,\n        backgroundHover: theme.colorHover,\n        backgroundFocus: theme.colorFocus,\n        backgroundPress: theme.colorPress,\n        color: theme.background,\n        colorHover: theme.backgroundHover,\n        colorFocus: theme.backgroundFocus,\n        colorPress: theme.backgroundPress,\n      }\n    })\n\n    themeEntries = [\n      ...themeEntries,\n      // keep just alts\n      ...altThemes.slice(0, alts.length),\n      ...altButtonThemes.slice(0, alts.length),\n      [`${name}_Button`, altThemes[1][1]],\n      [`${name}_DrawerFrame`, altThemes[2][1]],\n      [`${name}_SliderTrack`, altThemes[1][1]],\n      [`${name}_SliderTrackActive`, altThemes[2][1]],\n      [`${name}_SliderThumb`, inverted[2]],\n      [`${name}_Progress`, altThemes[2][1]],\n      [`${name}_ProgressIndicator`, inverted[2]],\n      [`${name}_Switch`, altThemes[1][1]],\n      [`${name}_SwitchThumb`, inverted[2]],\n      [`${name}_TooltipArrow`, altThemes[2][1]],\n      [`${name}_TooltipContent`, altThemes[2][1]],\n      [`${name}_darker`, darkerTheme],\n      [`${name}_active`, activeTheme],\n    ]\n    const themes = Object.fromEntries(themeEntries)\n    return themes as any\n  }\n\n  const blanks = [0, 0, 0, 0]\n\n  const themeCreator = (\n    str = 1,\n    {\n      backgrounds,\n      isLight = true,\n      isBase = false,\n      colors = [...backgrounds].reverse(),\n      borderColors = isLight ? colors : backgrounds,\n      backgroundStrong,\n      offsets: offsetsProp,\n    }: ThemeCreatorProps\n  ) => {\n    const offsets = {\n      borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? blanks,\n      background: offsetsProp?.background ?? blanks,\n      color: offsetsProp?.color ?? blanks,\n    }\n    const darkColors = isLight ? colors : backgrounds\n    const lighterDir = isLight ? -1 : 1\n    const darkerDir = -lighterDir\n    const strongerDir = isLight ? darkerDir : lighterDir\n    const softerDir = -strongerDir\n    const get = (arr: any[], index: number, name = 'background') => {\n      return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n    }\n\n    const theme: SubTheme = {\n      background: get(backgrounds, str),\n      backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n      backgroundHover: get(backgrounds, str + lighterDir),\n      backgroundPress: get(backgrounds, str + darkerDir),\n      backgroundFocus: get(backgrounds, str + darkerDir * 2),\n      backgroundTransparent: 'hsla(0, 0%, 0%, 0.012)',\n      color: get(colors, 0 + str, 'color'),\n      colorHover: get(colors, 1 + str, 'color'),\n      colorPress: get(colors, 2 + str, 'color'),\n      colorFocus: get(colors, 3 + str, 'color'),\n      shadowColor: isLight ? 'hsla(0, 0%, 0%, 0.03)' : 'hsla(0, 0%, 0%, 0.2)',\n      shadowColorHover: darkColors[!isLight ? 1 : 8],\n      shadowColorPress: darkColors[!isLight ? 1 : 8],\n      shadowColorFocus: darkColors[!isLight ? 1 : 8],\n      borderColor: null as any as string | Variable,\n      borderColorHover: null as any as string | Variable,\n      borderColorPress: null as any as string | Variable,\n      borderColorFocus: null as any as string | Variable,\n      color1: backgrounds[0],\n      color2: backgrounds[1],\n      color3: backgrounds[2],\n      color4: backgrounds[3],\n      color5: backgrounds[4],\n      color6: backgrounds[5],\n      color7: backgrounds[6],\n      color8: backgrounds[7],\n      color9: backgrounds[8],\n      color10: backgrounds[9],\n      color11: backgrounds[10],\n      color12: backgrounds[11],\n      placeholderColor: backgrounds[7],\n    }\n\n    if (isBase) {\n      Object.assign(theme, {\n        borderColor: isLight\n          ? get(colors, 8 - str, 'borderColor')\n          : get(backgrounds, 2 + str, 'borderColor'),\n        borderColorHover: isLight\n          ? get(colors, 6 - str, 'borderColor')\n          : get(backgrounds, 3 + str, 'borderColor'),\n        borderColorPress: isLight\n          ? get(colors, 5 - str, 'borderColor')\n          : get(backgrounds, 1 + str, 'borderColor'),\n        borderColorFocus: isLight\n          ? get(colors, 4 - str, 'borderColor')\n          : get(backgrounds, 3 + str, 'borderColor'),\n      })\n    } else {\n      Object.assign(theme, {\n        borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n        borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n        borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n        borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n      })\n    }\n\n    return theme\n  }\n\n  const lightThemes = createThemesFrom('light', themeCreator, {\n    backgrounds: light,\n    // for now web non-ios style native is...\n    backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n    borderColors: light.slice(2),\n    isLight: true,\n    offsets: {\n      background: [2, 2, 2, 2, 2, 2],\n    },\n  })\n\n  const darkThemes = createThemesFrom('dark', themeCreator, {\n    backgrounds: dark,\n    colors: light.slice(2),\n    backgroundStrong: '#070707',\n    isBase: true,\n    isLight: false,\n    // shift: 1,\n    offsets: {\n      color: [0, 4, 5, 5, 5, 5],\n    },\n  })\n\n  darkThemes.dark_darker.background = '#030303'\n  darkThemes.dark_darker.backgroundStrong = '#000'\n\n  type LightColorKeys = keyof typeof lightColors\n\n  type BaseTheme = {\n    [key in LightColorKeys | keyof SubTheme]: Variable<string>\n  }\n\n  const lightTheme = createTheme({\n    ...lightColors,\n    ...lightThemes.light,\n  }) as BaseTheme\n\n  const darkTheme = createTheme({\n    ...darkColors,\n    ...darkThemes.dark,\n  }) as BaseTheme\n\n  const baseThemes = {\n    // light\n    ...lightThemes,\n    light: lightTheme,\n    // reserving in types, updating later\n    light_active: lightThemes.light,\n    light_Card: lightThemes.light,\n    light_SliderTrack: lightThemes.light_alt1,\n    light_SliderTrackActive: lightThemes.light_alt2,\n    light_Switch: lightThemes.light_alt2,\n    light_SwitchThumb: lightThemes.light,\n    light_DrawerFrame: lightThemes.light_alt1,\n\n    // dark\n    ...darkThemes,\n    dark: darkTheme,\n    // reserving in types, updating later\n    dark_active: darkThemes.dark,\n    dark_Card: darkThemes.dark,\n    dark_DrawerFrame: darkThemes.dark_alt1,\n    dark_SliderTrack: darkThemes.dark_darker,\n    dark_SliderTrackActive: darkThemes.dark_alt2,\n    dark_Switch: darkThemes.dark_alt2,\n    dark_SwitchThumb: darkThemes.dark_darker,\n    dark_Button: darkThemes.dark_alt1,\n  }\n\n  const darkEntries = Object.entries(darkTheme)\n  const lightEntries = Object.entries(lightTheme)\n  function findColors(prefix: string, dark = false): BaseTheme {\n    return Object.fromEntries(\n      (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n    ) as any\n  }\n\n  const colorSchemes: any[] = []\n\n  for (const name in colorsLight) {\n    colorSchemes.push({\n      name,\n      colors: findColors(name),\n      darkColors: findColors(name, true),\n    })\n  }\n\n  type ColorThemeNames =\n    | ColorsList\n    | AltName<`light_${ColorsList extends string ? ColorsList : never}`, AltKeys>\n    | AltName<`dark_${ColorsList extends string ? ColorsList : never}`, AltKeys>\n\n  const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n    const [altLightThemes, altDarkThemes] = [\n      { colors: darkColors, backgrounds: colors },\n      { colors, backgrounds: darkColors },\n    ].map((props, i) => {\n      const isLight = i === 0\n      const colorsBase = Object.values(props.colors).slice(2)\n      const [backgrounds, colors] = [\n        Object.values(props.backgrounds),\n        isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n      ] as const\n\n      const scheme = isLight ? 'light' : 'dark'\n      const shift = isLight ? 0 : 1\n\n      // if (!isLight) {\n      //   const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n      //   backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n      // }\n\n      const themeWithAlts = createThemesFrom(name, themeCreator, {\n        // @ts-ignore\n        colors,\n        // @ts-ignore\n        backgrounds,\n        // @ts-ignore\n        borderColors: backgrounds,\n        isLight,\n        shift,\n        isBase: false,\n        offsets: {\n          background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n          borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n          color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n        },\n      })\n\n      return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n    })\n    return [...altLightThemes, ...altDarkThemes]\n  })\n\n  type TypedColorTheme = typeof lightThemes.light_alt1\n\n  const colorThemes: {\n    [key in ColorThemeNames]: TypedColorTheme\n  } = Object.fromEntries(colorThemeEntries) as any\n\n  // add in base _active themes\n  baseThemes.dark_active = {\n    ...colorThemes[`dark_${activeColor}_alt2`],\n    background: darkColors[`${activeColor}10`],\n    backgroundHover: darkColors[`${activeColor}11`],\n    backgroundPress: darkColors[`${activeColor}9`],\n    backgroundFocus: darkColors[`${activeColor}9`],\n    color: darkColors[`${activeColor}12`],\n    colorHover: darkColors[`${activeColor}12`],\n    colorPress: darkColors[`${activeColor}12`],\n    colorFocus: darkColors[`${activeColor}12`],\n  }\n\n  // light active uses light foreground, ios style\n  baseThemes.light_active = baseThemes.dark_active\n\n  const allThemes = {\n    ...baseThemes,\n    ...colorThemes,\n  } as any\n\n  return allThemes\n}\n"],
-  "mappings": "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",
-  "names": ["theme", "darkColors", "dark", "colors"]
-}

package/dist/esm/colorUtils.js

@@ -1,40 +0,0 @@
-import { getVariableValue } from "@tamagui/core";
-const hexToRGBA = (hex, alpha = 1) => {
-  if (!isValidHex(hex)) {
-    throw new Error("Invalid HEX");
-  }
-  const chunkSize = Math.floor((hex.length - 1) / 3);
-  const hexArr = getChunksFromString(hex.slice(1), chunkSize);
-  const [r, g, b, a] = (hexArr == null ? void 0 : hexArr.map(convertHexUnitTo256)) ?? [];
-  return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`;
-};
-const setColorAlpha = (colorIn, alpha = 1) => {
-  const color = `${getVariableValue(colorIn)}`;
-  if (color.startsWith("hsl(")) {
-    return color.replace("hsl", "hsla").replace(")", `, ${alpha})`);
-  }
-  if (color.startsWith("#")) {
-    return hexToRGBA(color, alpha);
-  }
-  if (color.startsWith("rgb(")) {
-    return color.replace("rgb", "rgba").replace(")", `, ${alpha})`);
-  }
-  return color;
-};
-const isValidHex = (hex) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
-const getChunksFromString = (st, chunkSize = 0) => st.match(new RegExp(`.{${chunkSize}}`, "g"));
-const convertHexUnitTo256 = (hexStr) => parseInt(hexStr.repeat(2 / hexStr.length), 16);
-const getAlphaFloat = (a, alpha = 1) => {
-  if (a !== void 0) {
-    return a / 255;
-  }
-  if (typeof alpha !== "number" || alpha < 0 || alpha > 1) {
-    return 1;
-  }
-  return alpha;
-};
-export {
-  hexToRGBA,
-  setColorAlpha
-};
-//# sourceMappingURL=colorUtils.js.map

package/dist/esm/colorUtils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/colorUtils.tsx"],
-  "sourcesContent": ["import { Variable, getVariableValue } from '@tamagui/core'\n\nexport const hexToRGBA = (hex: string, alpha = 1) => {\n  if (!isValidHex(hex)) {\n    throw new Error('Invalid HEX')\n  }\n  const chunkSize = Math.floor((hex.length - 1) / 3)\n  const hexArr = getChunksFromString(hex.slice(1), chunkSize)\n  const [r, g, b, a] = hexArr?.map(convertHexUnitTo256) ?? []\n  return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`\n}\n\nexport const setColorAlpha = (colorIn: string | Variable, alpha = 1) => {\n  const color = `${getVariableValue(colorIn)}`\n  if (color.startsWith('hsl(')) {\n    return color.replace('hsl', 'hsla').replace(')', `, ${alpha})`)\n  }\n  if (color.startsWith('#')) {\n    return hexToRGBA(color, alpha)\n  }\n  if (color.startsWith('rgb(')) {\n    return color.replace('rgb', 'rgba').replace(')', `, ${alpha})`)\n  }\n  return color\n}\n\nconst isValidHex = (hex: string) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex)\n\nconst getChunksFromString = (st: string, chunkSize = 0) =>\n  st.match(new RegExp(`.{${chunkSize}}`, 'g'))\n\nconst convertHexUnitTo256 = (hexStr: string) =>\n  parseInt(hexStr.repeat(2 / hexStr.length), 16)\n\nconst getAlphaFloat = (a: any, alpha = 1) => {\n  if (a !== undefined) {\n    return a / 255\n  }\n  if (typeof alpha !== 'number' || alpha < 0 || alpha > 1) {\n    return 1\n  }\n  return alpha\n}\n"],
-  "mappings": "AAAA,SAAmB,wBAAwB;AAEpC,MAAM,YAAY,CAAC,KAAa,QAAQ,MAAM;AACnD,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,IAAI,MAAM,aAAa;AAAA,EAC/B;AACA,QAAM,YAAY,KAAK,OAAO,IAAI,SAAS,KAAK,CAAC;AACjD,QAAM,SAAS,oBAAoB,IAAI,MAAM,CAAC,GAAG,SAAS;AAC1D,QAAM,CAAC,GAAG,GAAG,GAAG,CAAC,KAAI,iCAAQ,IAAI,yBAAwB,CAAC;AAC1D,SAAO,QAAQ,MAAM,MAAM,MAAM,cAAc,GAAG,KAAK;AACzD;AAEO,MAAM,gBAAgB,CAAC,SAA4B,QAAQ,MAAM;AACtE,QAAM,QAAQ,GAAG,iBAAiB,OAAO;AACzC,MAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,WAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ;AAAA,EAChE;AACA,MAAI,MAAM,WAAW,GAAG,GAAG;AACzB,WAAO,UAAU,OAAO,KAAK;AAAA,EAC/B;AACA,MAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,WAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ;AAAA,EAChE;AACA,SAAO;AACT;AAEA,MAAM,aAAa,CAAC,QAAgB,6BAA6B,KAAK,GAAG;AAEzE,MAAM,sBAAsB,CAAC,IAAY,YAAY,MACnD,GAAG,MAAM,IAAI,OAAO,KAAK,cAAc,GAAG,CAAC;AAE7C,MAAM,sBAAsB,CAAC,WAC3B,SAAS,OAAO,OAAO,IAAI,OAAO,MAAM,GAAG,EAAE;AAE/C,MAAM,gBAAgB,CAAC,GAAQ,QAAQ,MAAM;AAC3C,MAAI,MAAM,QAAW;AACnB,WAAO,IAAI;AAAA,EACb;AACA,MAAI,OAAO,UAAU,YAAY,QAAQ,KAAK,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/createTheme.js

@@ -1,85 +0,0 @@
-const THEME_INFO = /* @__PURE__ */ new WeakMap();
-function createTheme(palette, definition, options) {
-  const theme = {
-    ...Object.fromEntries(
-      Object.entries(definition).map(([key, offset]) => {
-        return [key, getValue(palette, offset)];
-      })
-    ),
-    ...options == null ? void 0 : options.nonInheritedValues
-  };
-  THEME_INFO.set(theme, { palette, definition, cache: /* @__PURE__ */ new WeakMap() });
-  return theme;
-}
-const getValue = (palette, value) => {
-  if (typeof value === "string")
-    return value;
-  const max = palette.length - 1;
-  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
-  const next = isPositive ? value : max + value;
-  const index = Math.min(Math.max(0, next), max);
-  return palette[index];
-};
-function addChildren(themes, getChildren) {
-  const out = { ...themes };
-  for (const key in themes) {
-    const subThemes = getChildren(key, themes[key]);
-    for (const sKey in subThemes) {
-      out[`${key}_${sKey}`] = subThemes[sKey];
-    }
-  }
-  return out;
-}
-const createWeakenMask = ({
-  by = 1,
-  max,
-  min = 0,
-  inverseNegatives
-}) => {
-  return (template, { skip }) => {
-    const values = Object.entries(template);
-    const out = {};
-    for (const [key, value] of values) {
-      if (typeof value === "string")
-        continue;
-      if (skip && key in skip) {
-        out[key] = value;
-        continue;
-      }
-      const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
-      const direction = isPositive ? 1 : -1;
-      const invert = inverseNegatives && !isPositive ? -1 : 1;
-      const next = value + by * direction * invert;
-      const clamped = isPositive ? Math.max(min, Math.min(max, next)) : Math.min(-min, Math.max(-max, next));
-      out[key] = clamped;
-    }
-    return out;
-  };
-};
-function isMinusZero(value) {
-  return 1 / value === -Infinity;
-}
-const createStrengthenMask = (props) => createWeakenMask({ ...props, inverseNegatives: true });
-function applyMask(theme, mask, options = {}) {
-  const info = THEME_INFO.get(theme);
-  if (!info) {
-    throw new Error(
-      process.env.NODE_ENV !== "production" ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme` : `\u274C Err2`
-    );
-  }
-  if (info.cache.has(mask)) {
-    return info.cache.get(mask);
-  }
-  const template = mask(info.definition, options);
-  const next = createTheme(info.palette, template);
-  info.cache.set(mask, next);
-  return next;
-}
-export {
-  addChildren,
-  applyMask,
-  createStrengthenMask,
-  createTheme,
-  createWeakenMask
-};
-//# sourceMappingURL=createTheme.js.map

package/dist/esm/createTheme.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createTheme.tsx"],
-  "sourcesContent": ["import type { Variable } from '@tamagui/web'\n\nexport type ThemeMask = Record<string, string | number>\nexport type Palette = string[]\nexport type ShiftMaskProps = { by: number; max: number; min?: number }\nexport type MaskOptions = { skip?: Partial<ThemeMask> }\n\ntype GenericTheme = { [key: string]: string | Variable }\ntype CreateMask = <A extends ThemeMask>(template: A, options: MaskOptions) => A\n\nconst THEME_INFO = new WeakMap<\n  any,\n  { palette: Palette; definition: ThemeMask; cache: WeakMap<any, any> }\n>()\n\nexport function createTheme<\n  Definition extends ThemeMask,\n  Extras extends Record<string, string> = {}\n>(\n  palette: Palette,\n  definition: Definition,\n  options?: {\n    nonInheritedValues?: Extras\n  }\n): {\n  [key in keyof Definition | keyof Extras]: string\n} {\n  const theme = {\n    ...(Object.fromEntries(\n      Object.entries(definition).map(([key, offset]) => {\n        return [key, getValue(palette, offset)]\n      })\n    ) as any),\n    ...options?.nonInheritedValues,\n  }\n  THEME_INFO.set(theme, { palette, definition, cache: new WeakMap() })\n  return theme\n}\n\nconst getValue = (palette: Palette, value: string | number) => {\n  if (typeof value === 'string') return value\n  const max = palette.length - 1\n  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0\n  const next = isPositive ? value : max + value\n  const index = Math.min(Math.max(0, next), max)\n  return palette[index]\n}\n\ntype SubThemeKeys<ParentKeys, ChildKeys> = `${ParentKeys extends string\n  ? ParentKeys\n  : never}_${ChildKeys extends string ? ChildKeys : never}`\n\nexport function addChildren<\n  Theme extends GenericTheme,\n  Themes extends { [key: string]: Theme },\n  GetChildren extends (name: keyof Themes, theme: Theme) => { [key: string]: Theme }\n>(\n  themes: Themes,\n  getChildren: GetChildren\n): Themes & {\n  [key in SubThemeKeys<keyof Themes, keyof ReturnType<GetChildren>>]: Theme\n} {\n  const out = { ...themes }\n  for (const key in themes) {\n    const subThemes = getChildren(key, themes[key])\n    for (const sKey in subThemes) {\n      out[`${key}_${sKey}`] = subThemes[sKey] as any\n    }\n  }\n  return out as any\n}\n\nexport const createWeakenMask = ({\n  by = 1,\n  max,\n  min = 0,\n  inverseNegatives,\n}: ShiftMaskProps & { inverseNegatives?: boolean }) => {\n  return ((template, { skip }) => {\n    const values = Object.entries(template) // .filter(Number)\n    const out = {}\n    for (const [key, value] of values) {\n      if (typeof value === 'string') continue\n      if (skip && key in skip) {\n        out[key] = value\n        continue\n      }\n      const isPositive = value === 0 ? !isMinusZero(value) : value >= 0\n      const direction = isPositive ? 1 : -1\n      const invert = inverseNegatives && !isPositive ? -1 : 1\n      const next = value + by * direction * invert\n      const clamped = isPositive\n        ? Math.max(min, Math.min(max, next))\n        : Math.min(-min, Math.max(-max, next))\n\n      out[key] = clamped\n    }\n    return out as typeof template\n  }) as CreateMask\n}\n\nfunction isMinusZero(value) {\n  return 1 / value === -Infinity\n}\n\nexport const createStrengthenMask = (props: ShiftMaskProps) =>\n  createWeakenMask({ ...props, inverseNegatives: true })\n\nexport function applyMask<Theme extends GenericTheme>(\n  theme: Theme,\n  mask: CreateMask,\n  options: MaskOptions = {}\n): Theme {\n  const info = THEME_INFO.get(theme)\n  if (!info) {\n    throw new Error(\n      process.env.NODE_ENV !== 'production'\n        ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme`\n        : `\u274C Err2`\n    )\n  }\n  if (info.cache.has(mask)) {\n    return info.cache.get(mask)\n  }\n\n  const template = mask(info.definition, options)\n  const next = createTheme(info.palette, template) as Theme\n\n  info.cache.set(mask, next)\n\n  return next\n}\n"],
-  "mappings": "AAUA,MAAM,aAAa,oBAAI,QAGrB;AAEK,SAAS,YAId,SACA,YACA,SAKA;AACA,QAAM,QAAQ;AAAA,IACZ,GAAI,OAAO;AAAA,MACT,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AAChD,eAAO,CAAC,KAAK,SAAS,SAAS,MAAM,CAAC;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,GAAG,mCAAS;AAAA,EACd;AACA,aAAW,IAAI,OAAO,EAAE,SAAS,YAAY,OAAO,oBAAI,QAAQ,EAAE,CAAC;AACnE,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,SAAkB,UAA2B;AAC7D,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,MAAM,QAAQ,SAAS;AAC7B,QAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,QAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,QAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG;AAC7C,SAAO,QAAQ,KAAK;AACtB;AAMO,SAAS,YAKd,QACA,aAGA;AACA,QAAM,MAAM,EAAE,GAAG,OAAO;AACxB,aAAW,OAAO,QAAQ;AACxB,UAAM,YAAY,YAAY,KAAK,OAAO,GAAG,CAAC;AAC9C,eAAW,QAAQ,WAAW;AAC5B,UAAI,GAAG,OAAO,MAAM,IAAI,UAAU,IAAI;AAAA,IACxC;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAK;AAAA,EACL;AAAA,EACA,MAAM;AAAA,EACN;AACF,MAAuD;AACrD,SAAQ,CAAC,UAAU,EAAE,KAAK,MAAM;AAC9B,UAAM,SAAS,OAAO,QAAQ,QAAQ;AACtC,UAAM,MAAM,CAAC;AACb,eAAW,CAAC,KAAK,KAAK,KAAK,QAAQ;AACjC,UAAI,OAAO,UAAU;AAAU;AAC/B,UAAI,QAAQ,OAAO,MAAM;AACvB,YAAI,GAAG,IAAI;AACX;AAAA,MACF;AACA,YAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,YAAM,YAAY,aAAa,IAAI;AACnC,YAAM,SAAS,oBAAoB,CAAC,aAAa,KAAK;AACtD,YAAM,OAAO,QAAQ,KAAK,YAAY;AACtC,YAAM,UAAU,aACZ,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC,IACjC,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAEvC,UAAI,GAAG,IAAI;AAAA,IACb;AACA,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YAAY,OAAO;AAC1B,SAAO,IAAI,UAAU;AACvB;AAEO,MAAM,uBAAuB,CAAC,UACnC,iBAAiB,EAAE,GAAG,OAAO,kBAAkB,KAAK,CAAC;AAEhD,SAAS,UACd,OACA,MACA,UAAuB,CAAC,GACjB;AACP,QAAM,OAAO,WAAW,IAAI,KAAK;AACjC,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,QAAQ,IAAI,aAAa,eACrB,+GACA;AAAA,IACN;AAAA,EACF;AACA,MAAI,KAAK,MAAM,IAAI,IAAI,GAAG;AACxB,WAAO,KAAK,MAAM,IAAI,IAAI;AAAA,EAC5B;AAEA,QAAM,WAAW,KAAK,KAAK,YAAY,OAAO;AAC9C,QAAM,OAAO,YAAY,KAAK,SAAS,QAAQ;AAE/C,OAAK,MAAM,IAAI,MAAM,IAAI;AAEzB,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/createTheme.mjs

@@ -1,85 +0,0 @@
-const THEME_INFO = /* @__PURE__ */ new WeakMap();
-function createTheme(palette, definition, options) {
-  const theme = {
-    ...Object.fromEntries(
-      Object.entries(definition).map(([key, offset]) => {
-        return [key, getValue(palette, offset)];
-      })
-    ),
-    ...options == null ? void 0 : options.nonInheritedValues
-  };
-  THEME_INFO.set(theme, { palette, definition, cache: /* @__PURE__ */ new WeakMap() });
-  return theme;
-}
-const getValue = (palette, value) => {
-  if (typeof value === "string")
-    return value;
-  const max = palette.length - 1;
-  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
-  const next = isPositive ? value : max + value;
-  const index = Math.min(Math.max(0, next), max);
-  return palette[index];
-};
-function addChildren(themes, getChildren) {
-  const out = { ...themes };
-  for (const key in themes) {
-    const subThemes = getChildren(key, themes[key]);
-    for (const sKey in subThemes) {
-      out[`${key}_${sKey}`] = subThemes[sKey];
-    }
-  }
-  return out;
-}
-const createWeakenMask = ({
-  by = 1,
-  max,
-  min = 0,
-  inverseNegatives
-}) => {
-  return (template, { skip }) => {
-    const values = Object.entries(template);
-    const out = {};
-    for (const [key, value] of values) {
-      if (typeof value === "string")
-        continue;
-      if (skip && key in skip) {
-        out[key] = value;
-        continue;
-      }
-      const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
-      const direction = isPositive ? 1 : -1;
-      const invert = inverseNegatives && !isPositive ? -1 : 1;
-      const next = value + by * direction * invert;
-      const clamped = isPositive ? Math.max(min, Math.min(max, next)) : Math.min(-min, Math.max(-max, next));
-      out[key] = clamped;
-    }
-    return out;
-  };
-};
-function isMinusZero(value) {
-  return 1 / value === -Infinity;
-}
-const createStrengthenMask = (props) => createWeakenMask({ ...props, inverseNegatives: true });
-function applyMask(theme, mask, options = {}) {
-  const info = THEME_INFO.get(theme);
-  if (!info) {
-    throw new Error(
-      process.env.NODE_ENV !== "production" ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme` : `\u274C Err2`
-    );
-  }
-  if (info.cache.has(mask)) {
-    return info.cache.get(mask);
-  }
-  const template = mask(info.definition, options);
-  const next = createTheme(info.palette, template);
-  info.cache.set(mask, next);
-  return next;
-}
-export {
-  addChildren,
-  applyMask,
-  createStrengthenMask,
-  createTheme,
-  createWeakenMask
-};
-//# sourceMappingURL=createTheme.mjs.map

package/dist/esm/createTheme.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createTheme.tsx"],
-  "sourcesContent": ["import type { Variable } from '@tamagui/web'\n\nexport type ThemeMask = Record<string, string | number>\nexport type Palette = string[]\nexport type ShiftMaskProps = { by: number; max: number; min?: number }\nexport type MaskOptions = { skip?: Partial<ThemeMask> }\n\ntype GenericTheme = { [key: string]: string | Variable }\ntype CreateMask = <A extends ThemeMask>(template: A, options: MaskOptions) => A\n\nconst THEME_INFO = new WeakMap<\n  any,\n  { palette: Palette; definition: ThemeMask; cache: WeakMap<any, any> }\n>()\n\nexport function createTheme<\n  Definition extends ThemeMask,\n  Extras extends Record<string, string> = {}\n>(\n  palette: Palette,\n  definition: Definition,\n  options?: {\n    nonInheritedValues?: Extras\n  }\n): {\n  [key in keyof Definition | keyof Extras]: string\n} {\n  const theme = {\n    ...(Object.fromEntries(\n      Object.entries(definition).map(([key, offset]) => {\n        return [key, getValue(palette, offset)]\n      })\n    ) as any),\n    ...options?.nonInheritedValues,\n  }\n  THEME_INFO.set(theme, { palette, definition, cache: new WeakMap() })\n  return theme\n}\n\nconst getValue = (palette: Palette, value: string | number) => {\n  if (typeof value === 'string') return value\n  const max = palette.length - 1\n  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0\n  const next = isPositive ? value : max + value\n  const index = Math.min(Math.max(0, next), max)\n  return palette[index]\n}\n\ntype SubThemeKeys<ParentKeys, ChildKeys> = `${ParentKeys extends string\n  ? ParentKeys\n  : never}_${ChildKeys extends string ? ChildKeys : never}`\n\nexport function addChildren<\n  Theme extends GenericTheme,\n  Themes extends { [key: string]: Theme },\n  GetChildren extends (name: keyof Themes, theme: Theme) => { [key: string]: Theme }\n>(\n  themes: Themes,\n  getChildren: GetChildren\n): Themes & {\n  [key in SubThemeKeys<keyof Themes, keyof ReturnType<GetChildren>>]: Theme\n} {\n  const out = { ...themes }\n  for (const key in themes) {\n    const subThemes = getChildren(key, themes[key])\n    for (const sKey in subThemes) {\n      out[`${key}_${sKey}`] = subThemes[sKey] as any\n    }\n  }\n  return out as any\n}\n\nexport const createWeakenMask = ({\n  by = 1,\n  max,\n  min = 0,\n  inverseNegatives,\n}: ShiftMaskProps & { inverseNegatives?: boolean }) => {\n  return ((template, { skip }) => {\n    const values = Object.entries(template) // .filter(Number)\n    const out = {}\n    for (const [key, value] of values) {\n      if (typeof value === 'string') continue\n      if (skip && key in skip) {\n        out[key] = value\n        continue\n      }\n      const isPositive = value === 0 ? !isMinusZero(value) : value >= 0\n      const direction = isPositive ? 1 : -1\n      const invert = inverseNegatives && !isPositive ? -1 : 1\n      const next = value + by * direction * invert\n      const clamped = isPositive\n        ? Math.max(min, Math.min(max, next))\n        : Math.min(-min, Math.max(-max, next))\n\n      out[key] = clamped\n    }\n    return out as typeof template\n  }) as CreateMask\n}\n\nfunction isMinusZero(value) {\n  return 1 / value === -Infinity\n}\n\nexport const createStrengthenMask = (props: ShiftMaskProps) =>\n  createWeakenMask({ ...props, inverseNegatives: true })\n\nexport function applyMask<Theme extends GenericTheme>(\n  theme: Theme,\n  mask: CreateMask,\n  options: MaskOptions = {}\n): Theme {\n  const info = THEME_INFO.get(theme)\n  if (!info) {\n    throw new Error(\n      process.env.NODE_ENV !== 'production'\n        ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme`\n        : `\u274C Err2`\n    )\n  }\n  if (info.cache.has(mask)) {\n    return info.cache.get(mask)\n  }\n\n  const template = mask(info.definition, options)\n  const next = createTheme(info.palette, template) as Theme\n\n  info.cache.set(mask, next)\n\n  return next\n}\n"],
-  "mappings": "AAUA,MAAM,aAAa,oBAAI,QAGrB;AAEK,SAAS,YAId,SACA,YACA,SAKA;AACA,QAAM,QAAQ;AAAA,IACZ,GAAI,OAAO;AAAA,MACT,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AAChD,eAAO,CAAC,KAAK,SAAS,SAAS,MAAM,CAAC;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,GAAG,mCAAS;AAAA,EACd;AACA,aAAW,IAAI,OAAO,EAAE,SAAS,YAAY,OAAO,oBAAI,QAAQ,EAAE,CAAC;AACnE,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,SAAkB,UAA2B;AAC7D,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,MAAM,QAAQ,SAAS;AAC7B,QAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,QAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,QAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG;AAC7C,SAAO,QAAQ,KAAK;AACtB;AAMO,SAAS,YAKd,QACA,aAGA;AACA,QAAM,MAAM,EAAE,GAAG,OAAO;AACxB,aAAW,OAAO,QAAQ;AACxB,UAAM,YAAY,YAAY,KAAK,OAAO,GAAG,CAAC;AAC9C,eAAW,QAAQ,WAAW;AAC5B,UAAI,GAAG,OAAO,MAAM,IAAI,UAAU,IAAI;AAAA,IACxC;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAK;AAAA,EACL;AAAA,EACA,MAAM;AAAA,EACN;AACF,MAAuD;AACrD,SAAQ,CAAC,UAAU,EAAE,KAAK,MAAM;AAC9B,UAAM,SAAS,OAAO,QAAQ,QAAQ;AACtC,UAAM,MAAM,CAAC;AACb,eAAW,CAAC,KAAK,KAAK,KAAK,QAAQ;AACjC,UAAI,OAAO,UAAU;AAAU;AAC/B,UAAI,QAAQ,OAAO,MAAM;AACvB,YAAI,GAAG,IAAI;AACX;AAAA,MACF;AACA,YAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,YAAM,YAAY,aAAa,IAAI;AACnC,YAAM,SAAS,oBAAoB,CAAC,aAAa,KAAK;AACtD,YAAM,OAAO,QAAQ,KAAK,YAAY;AACtC,YAAM,UAAU,aACZ,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC,IACjC,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAEvC,UAAI,GAAG,IAAI;AAAA,IACb;AACA,WAAO;AAAA,EACT;AACF;AAEA,SAAS,YAAY,OAAO;AAC1B,SAAO,IAAI,UAAU;AACvB;AAEO,MAAM,uBAAuB,CAAC,UACnC,iBAAiB,EAAE,GAAG,OAAO,kBAAkB,KAAK,CAAC;AAEhD,SAAS,UACd,OACA,MACA,UAAuB,CAAC,GACjB;AACP,QAAM,OAAO,WAAW,IAAI,KAAK;AACjC,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,QAAQ,IAAI,aAAa,eACrB,+GACA;AAAA,IACN;AAAA,EACF;AACA,MAAI,KAAK,MAAM,IAAI,IAAI,GAAG;AACxB,WAAO,KAAK,MAAM,IAAI,IAAI;AAAA,EAC5B;AAEA,QAAM,WAAW,KAAK,KAAK,YAAY,OAAO;AAC9C,QAAM,OAAO,YAAY,KAAK,SAAS,QAAQ;AAE/C,OAAK,MAAM,IAAI,MAAM,IAAI;AAEzB,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/createThemes.js

@@ -1,274 +0,0 @@
-import { createTheme, isWeb } from "@tamagui/core";
-const createThemes = ({
-  activeColor,
-  light,
-  dark,
-  colorsLight,
-  colorsDark
-}) => {
-  function flatten(obj) {
-    const next = {};
-    for (const key in obj) {
-      Object.assign(next, obj[key]);
-    }
-    return next;
-  }
-  const darkColors = flatten(colorsDark);
-  const lightColors = flatten(colorsLight);
-  const alternates = [1, 2, 3];
-  const alts = [1, 2];
-  function createThemesFrom(name, getTheme, props) {
-    const { shift = 0 } = props;
-    const theme = getTheme(0 + shift, props);
-    let themeEntries = [[name, theme]];
-    const altThemes = alternates.map((alt) => [
-      `${name}_alt${alt}`,
-      getTheme(alt + shift + 1, props)
-    ]);
-    const altButtonThemes = alternates.map((_, i) => {
-      const [bName, bTheme] = [altThemes[i][0], (altThemes[i] || altThemes[i])[1]];
-      return [`${bName}_Button`, bTheme];
-    });
-    const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props);
-    const activeTheme = props.activeTheme || {
-      ...theme,
-      borderColor: props.backgrounds[7],
-      background: props.backgrounds[6],
-      backgroundHover: props.backgrounds[6],
-      backgroundPress: props.backgrounds[6]
-    };
-    const inverted = altThemes.map(([_name, theme2]) => {
-      return {
-        ...theme2,
-        background: theme2.color,
-        backgroundHover: theme2.colorHover,
-        backgroundFocus: theme2.colorFocus,
-        backgroundPress: theme2.colorPress,
-        color: theme2.background,
-        colorHover: theme2.backgroundHover,
-        colorFocus: theme2.backgroundFocus,
-        colorPress: theme2.backgroundPress
-      };
-    });
-    themeEntries = [
-      ...themeEntries,
-      // keep just alts
-      ...altThemes.slice(0, alts.length),
-      ...altButtonThemes.slice(0, alts.length),
-      [`${name}_Button`, altThemes[1][1]],
-      [`${name}_DrawerFrame`, altThemes[2][1]],
-      [`${name}_SliderTrack`, altThemes[1][1]],
-      [`${name}_SliderTrackActive`, altThemes[2][1]],
-      [`${name}_SliderThumb`, inverted[2]],
-      [`${name}_Progress`, altThemes[2][1]],
-      [`${name}_ProgressIndicator`, inverted[2]],
-      [`${name}_Switch`, altThemes[1][1]],
-      [`${name}_SwitchThumb`, inverted[2]],
-      [`${name}_TooltipArrow`, altThemes[2][1]],
-      [`${name}_TooltipContent`, altThemes[2][1]],
-      [`${name}_darker`, darkerTheme],
-      [`${name}_active`, activeTheme]
-    ];
-    const themes = Object.fromEntries(themeEntries);
-    return themes;
-  }
-  const blanks = [0, 0, 0, 0];
-  const themeCreator = (str = 1, {
-    backgrounds,
-    isLight = true,
-    isBase = false,
-    colors = [...backgrounds].reverse(),
-    borderColors = isLight ? colors : backgrounds,
-    backgroundStrong,
-    offsets: offsetsProp
-  }) => {
-    const offsets = {
-      borderColor: (offsetsProp == null ? void 0 : offsetsProp.borderColor) ?? (offsetsProp == null ? void 0 : offsetsProp.background) ?? blanks,
-      background: (offsetsProp == null ? void 0 : offsetsProp.background) ?? blanks,
-      color: (offsetsProp == null ? void 0 : offsetsProp.color) ?? blanks
-    };
-    const darkColors2 = isLight ? colors : backgrounds;
-    const lighterDir = isLight ? -1 : 1;
-    const darkerDir = -lighterDir;
-    const strongerDir = isLight ? darkerDir : lighterDir;
-    const softerDir = -strongerDir;
-    const get = (arr, index, name = "background") => {
-      return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))];
-    };
-    const theme = {
-      background: get(backgrounds, str),
-      backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),
-      backgroundHover: get(backgrounds, str + lighterDir),
-      backgroundPress: get(backgrounds, str + darkerDir),
-      backgroundFocus: get(backgrounds, str + darkerDir * 2),
-      backgroundTransparent: "hsla(0, 0%, 0%, 0.012)",
-      color: get(colors, 0 + str, "color"),
-      colorHover: get(colors, 1 + str, "color"),
-      colorPress: get(colors, 2 + str, "color"),
-      colorFocus: get(colors, 3 + str, "color"),
-      shadowColor: isLight ? "hsla(0, 0%, 0%, 0.03)" : "hsla(0, 0%, 0%, 0.2)",
-      shadowColorHover: darkColors2[!isLight ? 1 : 8],
-      shadowColorPress: darkColors2[!isLight ? 1 : 8],
-      shadowColorFocus: darkColors2[!isLight ? 1 : 8],
-      borderColor: null,
-      borderColorHover: null,
-      borderColorPress: null,
-      borderColorFocus: null,
-      color1: backgrounds[0],
-      color2: backgrounds[1],
-      color3: backgrounds[2],
-      color4: backgrounds[3],
-      color5: backgrounds[4],
-      color6: backgrounds[5],
-      color7: backgrounds[6],
-      color8: backgrounds[7],
-      color9: backgrounds[8],
-      color10: backgrounds[9],
-      color11: backgrounds[10],
-      color12: backgrounds[11],
-      placeholderColor: backgrounds[7]
-    };
-    if (isBase) {
-      Object.assign(theme, {
-        borderColor: isLight ? get(colors, 8 - str, "borderColor") : get(backgrounds, 2 + str, "borderColor"),
-        borderColorHover: isLight ? get(colors, 6 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor"),
-        borderColorPress: isLight ? get(colors, 5 - str, "borderColor") : get(backgrounds, 1 + str, "borderColor"),
-        borderColorFocus: isLight ? get(colors, 4 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor")
-      });
-    } else {
-      Object.assign(theme, {
-        borderColor: get(borderColors, 1 + strongerDir, "borderColor"),
-        borderColorHover: get(borderColors, 2 + strongerDir, "borderColor"),
-        borderColorPress: get(borderColors, 3 + strongerDir, "borderColor"),
-        borderColorFocus: get(borderColors, 4 + strongerDir, "borderColor")
-      });
-    }
-    return theme;
-  };
-  const lightThemes = createThemesFrom("light", themeCreator, {
-    backgrounds: light,
-    // for now web non-ios style native is...
-    backgroundStrong: isWeb ? "#fefefe" : "#f2f2f2",
-    borderColors: light.slice(2),
-    isLight: true,
-    offsets: {
-      background: [2, 2, 2, 2, 2, 2]
-    }
-  });
-  const darkThemes = createThemesFrom("dark", themeCreator, {
-    backgrounds: dark,
-    colors: light.slice(2),
-    backgroundStrong: "#070707",
-    isBase: true,
-    isLight: false,
-    // shift: 1,
-    offsets: {
-      color: [0, 4, 5, 5, 5, 5]
-    }
-  });
-  darkThemes.dark_darker.background = "#030303";
-  darkThemes.dark_darker.backgroundStrong = "#000";
-  const lightTheme = createTheme({
-    ...lightColors,
-    ...lightThemes.light
-  });
-  const darkTheme = createTheme({
-    ...darkColors,
-    ...darkThemes.dark
-  });
-  const baseThemes = {
-    // light
-    ...lightThemes,
-    light: lightTheme,
-    // reserving in types, updating later
-    light_active: lightThemes.light,
-    light_Card: lightThemes.light,
-    light_SliderTrack: lightThemes.light_alt1,
-    light_SliderTrackActive: lightThemes.light_alt2,
-    light_Switch: lightThemes.light_alt2,
-    light_SwitchThumb: lightThemes.light,
-    light_DrawerFrame: lightThemes.light_alt1,
-    // dark
-    ...darkThemes,
-    dark: darkTheme,
-    // reserving in types, updating later
-    dark_active: darkThemes.dark,
-    dark_Card: darkThemes.dark,
-    dark_DrawerFrame: darkThemes.dark_alt1,
-    dark_SliderTrack: darkThemes.dark_darker,
-    dark_SliderTrackActive: darkThemes.dark_alt2,
-    dark_Switch: darkThemes.dark_alt2,
-    dark_SwitchThumb: darkThemes.dark_darker,
-    dark_Button: darkThemes.dark_alt1
-  };
-  const darkEntries = Object.entries(darkTheme);
-  const lightEntries = Object.entries(lightTheme);
-  function findColors(prefix, dark2 = false) {
-    return Object.fromEntries(
-      (dark2 ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))
-    );
-  }
-  const colorSchemes = [];
-  for (const name in colorsLight) {
-    colorSchemes.push({
-      name,
-      colors: findColors(name),
-      darkColors: findColors(name, true)
-    });
-  }
-  const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: darkColors2 }) => {
-    const [altLightThemes, altDarkThemes] = [
-      { colors: darkColors2, backgrounds: colors },
-      { colors, backgrounds: darkColors2 }
-    ].map((props, i) => {
-      const isLight = i === 0;
-      const colorsBase = Object.values(props.colors).slice(2);
-      const [backgrounds, colors2] = [
-        Object.values(props.backgrounds),
-        isLight ? colorsBase : [colorsBase[0], "#ccc", ...colorsBase.slice(1)]
-      ];
-      const scheme = isLight ? "light" : "dark";
-      const shift = isLight ? 0 : 1;
-      const themeWithAlts = createThemesFrom(name, themeCreator, {
-        // @ts-ignore
-        colors: colors2,
-        // @ts-ignore
-        backgrounds,
-        // @ts-ignore
-        borderColors: backgrounds,
-        isLight,
-        shift,
-        isBase: false,
-        offsets: {
-          background: isLight ? [2, 2, 2, 2, 2, 2] : null,
-          borderColor: isLight ? [2, 2, 2, 3, 2] : null,
-          color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1]
-        }
-      });
-      return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v]);
-    });
-    return [...altLightThemes, ...altDarkThemes];
-  });
-  const colorThemes = Object.fromEntries(colorThemeEntries);
-  baseThemes.dark_active = {
-    ...colorThemes[`dark_${activeColor}_alt2`],
-    background: darkColors[`${activeColor}10`],
-    backgroundHover: darkColors[`${activeColor}11`],
-    backgroundPress: darkColors[`${activeColor}9`],
-    backgroundFocus: darkColors[`${activeColor}9`],
-    color: darkColors[`${activeColor}12`],
-    colorHover: darkColors[`${activeColor}12`],
-    colorPress: darkColors[`${activeColor}12`],
-    colorFocus: darkColors[`${activeColor}12`]
-  };
-  baseThemes.light_active = baseThemes.dark_active;
-  const allThemes = {
-    ...baseThemes,
-    ...colorThemes
-  };
-  return allThemes;
-};
-export {
-  createThemes
-};
-//# sourceMappingURL=createThemes.js.map

package/dist/esm/createThemes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createThemes.ts"],
-  "sourcesContent": ["import { Variable, createTheme, isWeb } from '@tamagui/core'\n\n// can make configurable\ntype AltKeys = 1 | 2\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\n\ntype Colors = {\n  [key: string]: {\n    [key: string]: string\n  }\n}\n\ntype GeneratedTheme<ExtraKeys extends string = string> = {\n  [Key in ExtraKeys]: Variable<string>\n} & {\n  backgroundStrong: Variable<string>\n  background: Variable<string>\n  backgroundHover: Variable<string>\n  backgroundPress: Variable<string>\n  backgroundFocus: Variable<string>\n  backgroundTransparent: Variable<string>\n  color: Variable<string>\n  colorHover: Variable<string>\n  colorPress: Variable<string>\n  colorFocus: Variable<string>\n  shadowColor: Variable<string>\n  shadowColorHover: Variable<string>\n  shadowColorPress: Variable<string>\n  shadowColorFocus: Variable<string>\n  borderColor: Variable<string>\n  borderColorHover: Variable<string>\n  borderColorPress: Variable<string>\n  borderColorFocus: Variable<string>\n  placeholderColor: Variable<string>\n  color1: Variable<string>\n  color2: Variable<string>\n  color3: Variable<string>\n  color4: Variable<string>\n  color5: Variable<string>\n  color6: Variable<string>\n  color7: Variable<string>\n  color8: Variable<string>\n  color9: Variable<string>\n  color10: Variable<string>\n  color11: Variable<string>\n  color12: Variable<string>\n}\n\ntype SubTheme = {\n  [key in keyof GeneratedTheme]?: Variable<string> | string\n}\n\ntype GetSubThemes<Name extends string> =\n  | `${Name}`\n  | `${Name}_alt${AltKeys}`\n  | `${Name}_darker`\n  | `${Name}_active`\n  | `${Name}_Card`\n  | `${Name}_SliderTrack`\n  | `${Name}_SliderTrackActive`\n  | `${Name}_Switch`\n  | `${Name}_SwitchThumb`\n  | `${Name}_DrawerFrame`\n  | `${Name}_Button`\n  | `${Name}_SliderThumb`\n  | `${Name}_Progress`\n  | `${Name}_ProgressIndicator`\n  | `${Name}_TooltipArrow`\n  | `${Name}_TooltipContent`\n\nexport type GeneratedThemes<ColorsList extends string, BaseColorList extends string> = {\n  [key in\n    | GetSubThemes<ColorsList extends string ? ColorsList : never>\n    | GetSubThemes<`light`>\n    | GetSubThemes<`dark`>]: GeneratedTheme<BaseColorList>\n}\n\nexport const createThemes = <ColorsList extends string, BaseColorList extends string>({\n  activeColor,\n  light,\n  dark,\n  colorsLight,\n  colorsDark,\n}: {\n  activeColor: string\n  light: string[]\n  dark: string[]\n  colorsLight: Colors\n  colorsDark: Colors\n}): GeneratedThemes<ColorsList, BaseColorList> => {\n  function flatten(obj: Colors) {\n    const next = {}\n    for (const key in obj) {\n      Object.assign(next, obj[key])\n    }\n    return next\n  }\n\n  const darkColors = flatten(colorsDark)\n  const lightColors = flatten(colorsLight)\n\n  // spaghetti ahead\n\n  type ThemeCreatorProps = {\n    shift?: number\n    backgrounds: (string | Variable)[]\n    backgroundStrong?: string | Variable\n    borderColors?: (string | Variable)[]\n    colors?: (string | Variable)[]\n    activeTheme?: any\n    offsets?: {\n      color?: number[] | null\n      background?: number[] | null\n      borderColor?: number[] | null\n    }\n    isLight?: boolean\n    isBase?: boolean\n  }\n\n  // helpers\n\n  const alternates = [1, 2, 3] as const\n  const alts = [1, 2] as const\n  type ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\n  function createThemesFrom<\n    Name extends string,\n    GetTheme extends ThemeCreator = ThemeCreator\n  >(\n    name: Name,\n    getTheme: GetTheme,\n    props: ThemeCreatorProps\n  ): {\n    [key in GetSubThemes<Name>]: GetTheme extends ThemeCreator<infer Theme>\n      ? Theme\n      : never\n  } {\n    const { shift = 0 } = props\n    const theme = getTheme(0 + shift, props)\n    let themeEntries: any[] = [[name, theme]]\n\n    // generate alternates (for use in other themes), but keep just alts\n    const altThemes: any[] = alternates.map((alt) => [\n      `${name}_alt${alt}`,\n      getTheme(alt + shift + 1, props),\n    ])\n\n    const altButtonThemes: any[] = alternates.map((_, i) => {\n      const [bName, bTheme] = [altThemes[i][0], (altThemes[i] || altThemes[i])[1]]\n      return [`${bName}_Button` as any, bTheme]\n    })\n    // add these after alts since we rely on positioning\n    const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n    const activeTheme = props.activeTheme || {\n      ...theme,\n      borderColor: props.backgrounds[7],\n      background: props.backgrounds[6],\n      backgroundHover: props.backgrounds[6],\n      backgroundPress: props.backgrounds[6],\n    }\n\n    // TODO can be de-duped\n    const inverted = altThemes.map(([_name, theme]) => {\n      return {\n        ...theme,\n        background: theme.color,\n        backgroundHover: theme.colorHover,\n        backgroundFocus: theme.colorFocus,\n        backgroundPress: theme.colorPress,\n        color: theme.background,\n        colorHover: theme.backgroundHover,\n        colorFocus: theme.backgroundFocus,\n        colorPress: theme.backgroundPress,\n      }\n    })\n\n    themeEntries = [\n      ...themeEntries,\n      // keep just alts\n      ...altThemes.slice(0, alts.length),\n      ...altButtonThemes.slice(0, alts.length),\n      [`${name}_Button`, altThemes[1][1]],\n      [`${name}_DrawerFrame`, altThemes[2][1]],\n      [`${name}_SliderTrack`, altThemes[1][1]],\n      [`${name}_SliderTrackActive`, altThemes[2][1]],\n      [`${name}_SliderThumb`, inverted[2]],\n      [`${name}_Progress`, altThemes[2][1]],\n      [`${name}_ProgressIndicator`, inverted[2]],\n      [`${name}_Switch`, altThemes[1][1]],\n      [`${name}_SwitchThumb`, inverted[2]],\n      [`${name}_TooltipArrow`, altThemes[2][1]],\n      [`${name}_TooltipContent`, altThemes[2][1]],\n      [`${name}_darker`, darkerTheme],\n      [`${name}_active`, activeTheme],\n    ]\n    const themes = Object.fromEntries(themeEntries)\n    return themes as any\n  }\n\n  const blanks = [0, 0, 0, 0]\n\n  const themeCreator = (\n    str = 1,\n    {\n      backgrounds,\n      isLight = true,\n      isBase = false,\n      colors = [...backgrounds].reverse(),\n      borderColors = isLight ? colors : backgrounds,\n      backgroundStrong,\n      offsets: offsetsProp,\n    }: ThemeCreatorProps\n  ) => {\n    const offsets = {\n      borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? blanks,\n      background: offsetsProp?.background ?? blanks,\n      color: offsetsProp?.color ?? blanks,\n    }\n    const darkColors = isLight ? colors : backgrounds\n    const lighterDir = isLight ? -1 : 1\n    const darkerDir = -lighterDir\n    const strongerDir = isLight ? darkerDir : lighterDir\n    const softerDir = -strongerDir\n    const get = (arr: any[], index: number, name = 'background') => {\n      return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n    }\n\n    const theme: SubTheme = {\n      background: get(backgrounds, str),\n      backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n      backgroundHover: get(backgrounds, str + lighterDir),\n      backgroundPress: get(backgrounds, str + darkerDir),\n      backgroundFocus: get(backgrounds, str + darkerDir * 2),\n      backgroundTransparent: 'hsla(0, 0%, 0%, 0.012)',\n      color: get(colors, 0 + str, 'color'),\n      colorHover: get(colors, 1 + str, 'color'),\n      colorPress: get(colors, 2 + str, 'color'),\n      colorFocus: get(colors, 3 + str, 'color'),\n      shadowColor: isLight ? 'hsla(0, 0%, 0%, 0.03)' : 'hsla(0, 0%, 0%, 0.2)',\n      shadowColorHover: darkColors[!isLight ? 1 : 8],\n      shadowColorPress: darkColors[!isLight ? 1 : 8],\n      shadowColorFocus: darkColors[!isLight ? 1 : 8],\n      borderColor: null as any as string | Variable,\n      borderColorHover: null as any as string | Variable,\n      borderColorPress: null as any as string | Variable,\n      borderColorFocus: null as any as string | Variable,\n      color1: backgrounds[0],\n      color2: backgrounds[1],\n      color3: backgrounds[2],\n      color4: backgrounds[3],\n      color5: backgrounds[4],\n      color6: backgrounds[5],\n      color7: backgrounds[6],\n      color8: backgrounds[7],\n      color9: backgrounds[8],\n      color10: backgrounds[9],\n      color11: backgrounds[10],\n      color12: backgrounds[11],\n      placeholderColor: backgrounds[7],\n    }\n\n    if (isBase) {\n      Object.assign(theme, {\n        borderColor: isLight\n          ? get(colors, 8 - str, 'borderColor')\n          : get(backgrounds, 2 + str, 'borderColor'),\n        borderColorHover: isLight\n          ? get(colors, 6 - str, 'borderColor')\n          : get(backgrounds, 3 + str, 'borderColor'),\n        borderColorPress: isLight\n          ? get(colors, 5 - str, 'borderColor')\n          : get(backgrounds, 1 + str, 'borderColor'),\n        borderColorFocus: isLight\n          ? get(colors, 4 - str, 'borderColor')\n          : get(backgrounds, 3 + str, 'borderColor'),\n      })\n    } else {\n      Object.assign(theme, {\n        borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n        borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n        borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n        borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n      })\n    }\n\n    return theme\n  }\n\n  const lightThemes = createThemesFrom('light', themeCreator, {\n    backgrounds: light,\n    // for now web non-ios style native is...\n    backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n    borderColors: light.slice(2),\n    isLight: true,\n    offsets: {\n      background: [2, 2, 2, 2, 2, 2],\n    },\n  })\n\n  const darkThemes = createThemesFrom('dark', themeCreator, {\n    backgrounds: dark,\n    colors: light.slice(2),\n    backgroundStrong: '#070707',\n    isBase: true,\n    isLight: false,\n    // shift: 1,\n    offsets: {\n      color: [0, 4, 5, 5, 5, 5],\n    },\n  })\n\n  darkThemes.dark_darker.background = '#030303'\n  darkThemes.dark_darker.backgroundStrong = '#000'\n\n  type LightColorKeys = keyof typeof lightColors\n\n  type BaseTheme = {\n    [key in LightColorKeys | keyof SubTheme]: Variable<string>\n  }\n\n  const lightTheme = createTheme({\n    ...lightColors,\n    ...lightThemes.light,\n  }) as BaseTheme\n\n  const darkTheme = createTheme({\n    ...darkColors,\n    ...darkThemes.dark,\n  }) as BaseTheme\n\n  const baseThemes = {\n    // light\n    ...lightThemes,\n    light: lightTheme,\n    // reserving in types, updating later\n    light_active: lightThemes.light,\n    light_Card: lightThemes.light,\n    light_SliderTrack: lightThemes.light_alt1,\n    light_SliderTrackActive: lightThemes.light_alt2,\n    light_Switch: lightThemes.light_alt2,\n    light_SwitchThumb: lightThemes.light,\n    light_DrawerFrame: lightThemes.light_alt1,\n\n    // dark\n    ...darkThemes,\n    dark: darkTheme,\n    // reserving in types, updating later\n    dark_active: darkThemes.dark,\n    dark_Card: darkThemes.dark,\n    dark_DrawerFrame: darkThemes.dark_alt1,\n    dark_SliderTrack: darkThemes.dark_darker,\n    dark_SliderTrackActive: darkThemes.dark_alt2,\n    dark_Switch: darkThemes.dark_alt2,\n    dark_SwitchThumb: darkThemes.dark_darker,\n    dark_Button: darkThemes.dark_alt1,\n  }\n\n  const darkEntries = Object.entries(darkTheme)\n  const lightEntries = Object.entries(lightTheme)\n  function findColors(prefix: string, dark = false): BaseTheme {\n    return Object.fromEntries(\n      (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n    ) as any\n  }\n\n  const colorSchemes: any[] = []\n\n  for (const name in colorsLight) {\n    colorSchemes.push({\n      name,\n      colors: findColors(name),\n      darkColors: findColors(name, true),\n    })\n  }\n\n  type ColorThemeNames =\n    | ColorsList\n    | AltName<`light_${ColorsList extends string ? ColorsList : never}`, AltKeys>\n    | AltName<`dark_${ColorsList extends string ? ColorsList : never}`, AltKeys>\n\n  const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n    const [altLightThemes, altDarkThemes] = [\n      { colors: darkColors, backgrounds: colors },\n      { colors, backgrounds: darkColors },\n    ].map((props, i) => {\n      const isLight = i === 0\n      const colorsBase = Object.values(props.colors).slice(2)\n      const [backgrounds, colors] = [\n        Object.values(props.backgrounds),\n        isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n      ] as const\n\n      const scheme = isLight ? 'light' : 'dark'\n      const shift = isLight ? 0 : 1\n\n      // if (!isLight) {\n      //   const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n      //   backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n      // }\n\n      const themeWithAlts = createThemesFrom(name, themeCreator, {\n        // @ts-ignore\n        colors,\n        // @ts-ignore\n        backgrounds,\n        // @ts-ignore\n        borderColors: backgrounds,\n        isLight,\n        shift,\n        isBase: false,\n        offsets: {\n          background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n          borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n          color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n        },\n      })\n\n      return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n    })\n    return [...altLightThemes, ...altDarkThemes]\n  })\n\n  type TypedColorTheme = typeof lightThemes.light_alt1\n\n  const colorThemes: {\n    [key in ColorThemeNames]: TypedColorTheme\n  } = Object.fromEntries(colorThemeEntries) as any\n\n  // add in base _active themes\n  baseThemes.dark_active = {\n    ...colorThemes[`dark_${activeColor}_alt2`],\n    background: darkColors[`${activeColor}10`],\n    backgroundHover: darkColors[`${activeColor}11`],\n    backgroundPress: darkColors[`${activeColor}9`],\n    backgroundFocus: darkColors[`${activeColor}9`],\n    color: darkColors[`${activeColor}12`],\n    colorHover: darkColors[`${activeColor}12`],\n    colorPress: darkColors[`${activeColor}12`],\n    colorFocus: darkColors[`${activeColor}12`],\n  }\n\n  // light active uses light foreground, ios style\n  baseThemes.light_active = baseThemes.dark_active\n\n  const allThemes = {\n    ...baseThemes,\n    ...colorThemes,\n  } as any\n\n  return allThemes\n}\n"],
-  "mappings": "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",
-  "names": ["theme", "darkColors", "dark", "colors"]
-}

package/types/createTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE5C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,OAAO,GAAG,MAAM,EAAE,CAAA;AAC9B,MAAM,MAAM,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACtE,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAAE,CAAA;AAEvD,KAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AACxD,KAAK,UAAU,GAAG,CAAC,CAAC,SAAS,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,KAAK,CAAC,CAAA;AAO/E,wBAAgB,WAAW,CACzB,UAAU,SAAS,SAAS,EAC5B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,EAE1C,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE;IACR,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,GACA;KACA,GAAG,IAAI,MAAM,UAAU,GAAG,MAAM,MAAM,GAAG,MAAM;CACjD,CAWA;AAWD,KAAK,YAAY,CAAC,UAAU,EAAE,SAAS,IAAI,GAAG,UAAU,SAAS,MAAM,GACnE,UAAU,GACV,KAAK,IAAI,SAAS,SAAS,MAAM,GAAG,SAAS,GAAG,KAAK,EAAE,CAAA;AAE3D,wBAAgB,WAAW,CACzB,KAAK,SAAS,YAAY,EAC1B,MAAM,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAA;CAAE,EACvC,WAAW,SAAS,CAAC,IAAI,EAAE,MAAM,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAA;CAAE,EAElF,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACvB,MAAM,GAAG;KACT,GAAG,IAAI,YAAY,CAAC,MAAM,MAAM,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,KAAK;CAC1E,CASA;AAED,eAAO,MAAM,gBAAgB;;gBA2B5B,CAAA;AAMD,eAAO,MAAM,oBAAoB,UAAW,cAAc,eACF,CAAA;AAExD,wBAAgB,SAAS,CAAC,KAAK,SAAS,YAAY,EAClD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,EAChB,OAAO,GAAE,WAAgB,GACxB,KAAK,CAmBP"}