@tamagui/theme-base 1.0.0-beta.172

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Nate Wienert
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,21 @@
+```tsx
+import '@tamagui/theme-base/inter.css' // web-fonts
+import '@tamagui/theme-base/fira-code.css' // web-fonts
+import { shorthands } from '@tamagui/shorthands'
+import { themes, tokens } from '@tamagui/theme-base'
+import { createTamagui } from 'tamagui'
+
+export default createTamagui({
+  themes,
+  tokens,
+  shorthands,
+})
+```
+
+For Fira Code:
+
+```
+.font_mono {
+  font-feature-settings:"liga","tnum","zero","ss01","locl","calt";
+}
+```

package/dist/cjs/colorUtils.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 = /* @__PURE__ */ __name((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)})`;
+}, "hexToRGBA");
+const setColorAlpha = /* @__PURE__ */ __name((colorIn, alpha = 1) => {
+  let 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;
+}, "setColorAlpha");
+const isValidHex = /* @__PURE__ */ __name((hex) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex), "isValidHex");
+const getChunksFromString = /* @__PURE__ */ __name((st, chunkSize = 0) => st.match(new RegExp(`.{${chunkSize}}`, "g")), "getChunksFromString");
+const convertHexUnitTo256 = /* @__PURE__ */ __name((hexStr) => parseInt(hexStr.repeat(2 / hexStr.length), 16), "convertHexUnitTo256");
+const getAlphaFloat = /* @__PURE__ */ __name((a, alpha = 1) => {
+  if (a !== void 0) {
+    return a / 255;
+  }
+  if (typeof alpha != "number" || alpha < 0 || alpha > 1) {
+    return 1;
+  }
+  return alpha;
+}, "getAlphaFloat");
+//# sourceMappingURL=colorUtils.js.map

package/dist/cjs/colorUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "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  let 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) => 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,wBAAC,KAAa,QAAQ,MAAM;AACnD,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,IAAI,MAAM,aAAa;AAAA,EAC/B;AACA,QAAM,YAAY,KAAK,MAAO,KAAI,SAAS,KAAK,CAAC;AACjD,QAAM,SAAS,oBAAoB,IAAI,MAAM,CAAC,GAAG,SAAS;AAC1D,QAAM,CAAC,GAAG,GAAG,GAAG,KAAK,kCAAQ,IAAI,yBAAwB,CAAC;AAC1D,SAAO,QAAQ,MAAM,MAAM,MAAM,cAAc,GAAG,KAAK;AACzD,GARyB;AAUlB,MAAM,gBAAgB,wBAAC,SAA4B,QAAQ,MAAM;AACtE,MAAI,QAAQ,GAAG,kCAAiB,OAAO;AACvC,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,GAZ6B;AAc7B,MAAM,aAAa,wBAAC,QAAgB,6BAA6B,KAAK,GAAG,GAAtD;AAEnB,MAAM,sBAAsB,wBAAC,IAAY,YAAY,MACnD,GAAG,MAAM,IAAI,OAAO,KAAK,cAAc,GAAG,CAAC,GADjB;AAG5B,MAAM,sBAAsB,wBAAC,WAAmB,SAAS,OAAO,OAAO,IAAI,OAAO,MAAM,GAAG,EAAE,GAAjE;AAE5B,MAAM,gBAAgB,wBAAC,GAAQ,QAAQ,MAAM;AAC3C,MAAI,MAAM,QAAW;AACnB,WAAO,IAAI;AAAA,EACb;AACA,MAAI,OAAO,SAAS,YAAY,QAAQ,KAAK,QAAQ,GAAG;AACtD,WAAO;AAAA,EACT;AACA,SAAO;AACT,GARsB;",
+  "names": []
+}

package/dist/cjs/colors.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var colors_exports = {};
+__export(colors_exports, {
+  allDarkColors: () => allDarkColors,
+  allLightColors: () => allLightColors,
+  colorNames: () => colorNames,
+  colorNamesDark: () => colorNamesDark,
+  colorNamesLight: () => colorNamesLight,
+  darkColorsPostfixed: () => darkColorsPostfixed
+});
+module.exports = __toCommonJS(colors_exports);
+var Colors = __toESM(require("@tamagui/colors"));
+const colorNames = [
+  "blue",
+  "gray",
+  "green",
+  "indigo",
+  "orange",
+  "pink",
+  "purple",
+  "red",
+  "violet",
+  "yellow",
+  "teal"
+];
+const allLightColors = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, Colors.blue), Colors.gray), Colors.grayA), Colors.green), Colors.indigo), Colors.orange), Colors.pink), Colors.purple), Colors.red), Colors.violet), Colors.yellow), Colors.teal);
+const allDarkColors = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, Colors.blueDark), Colors.grayDark), Colors.grayDarkA), Colors.greenDark), Colors.indigoDark), Colors.orangeDark), Colors.pinkDark), Colors.purpleDark), Colors.redDark), Colors.violetDark), Colors.yellowDark), Colors.tealDark);
+const darkColorsPostfixed = Object.fromEntries(Object.entries(allDarkColors).map(([k, v]) => [`${k}Dark`, v]));
+const colorNamesLight = Object.keys(allLightColors);
+const colorNamesDark = Object.keys(allDarkColors);
+//# sourceMappingURL=colors.js.map

package/dist/cjs/colors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/colors.tsx"],
+  "sourcesContent": ["import * as Colors from '@tamagui/colors'\n\n// nice and flat\n\nexport const colorNames = [\n  'blue',\n  'gray',\n  'green',\n  'indigo',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'violet',\n  'yellow',\n  'teal',\n] as const\n\nexport const allLightColors = {\n  ...Colors.blue,\n  ...Colors.gray,\n  ...Colors.grayA,\n  ...Colors.green,\n  ...Colors.indigo,\n  ...Colors.orange,\n  ...Colors.pink,\n  ...Colors.purple,\n  ...Colors.red,\n  ...Colors.violet,\n  ...Colors.yellow,\n  ...Colors.teal,\n}\n\nexport const allDarkColors = {\n  ...Colors.blueDark,\n  ...Colors.grayDark,\n  ...Colors.grayDarkA,\n  ...Colors.greenDark,\n  ...Colors.indigoDark,\n  ...Colors.orangeDark,\n  ...Colors.pinkDark,\n  ...Colors.purpleDark,\n  ...Colors.redDark,\n  ...Colors.violetDark,\n  ...Colors.yellowDark,\n  ...Colors.tealDark,\n}\n\nexport const darkColorsPostfixed = Object.fromEntries(\n  // Dark\n  Object.entries(allDarkColors).map(([k, v]) => [`${k}Dark`, v])\n) as {\n  [key in `${keyof typeof allDarkColors}Dark`]: string\n}\n\nexport type ColorNamesLight = keyof typeof allLightColors\nexport type ColorNamesDark = keyof typeof allDarkColors\n\nexport const colorNamesLight = Object.keys(allLightColors) as ColorNamesLight[]\nexport const colorNamesDark = Object.keys(allDarkColors) as ColorNamesDark[]\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAwB;AAIjB,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,wLACzB,OAAO,OACP,OAAO,OACP,OAAO,QACP,OAAO,QACP,OAAO,SACP,OAAO,SACP,OAAO,OACP,OAAO,SACP,OAAO,MACP,OAAO,SACP,OAAO,SACP,OAAO;AAGL,MAAM,gBAAgB,wLACxB,OAAO,WACP,OAAO,WACP,OAAO,YACP,OAAO,YACP,OAAO,aACP,OAAO,aACP,OAAO,WACP,OAAO,aACP,OAAO,UACP,OAAO,aACP,OAAO,aACP,OAAO;AAGL,MAAM,sBAAsB,OAAO,YAExC,OAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,SAAS,CAAC,CAAC,CAC/D;AAOO,MAAM,kBAAkB,OAAO,KAAK,cAAc;AAClD,MAAM,iBAAiB,OAAO,KAAK,aAAa;",
+  "names": []
+}

package/dist/cjs/firaFont.js

@@ -0,0 +1,51 @@
+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 firaFont_exports = {};
+__export(firaFont_exports, {
+  firaFont: () => firaFont
+});
+module.exports = __toCommonJS(firaFont_exports);
+var import_core = require("@tamagui/core");
+const firaFont = (0, import_core.createFont)({
+  family: "Fira Code, Monaco, Consolas, Ubuntu Mono, monospace",
+  size: {
+    1: 10,
+    2: 11,
+    3: 12,
+    4: 13,
+    5: 15,
+    6: 16,
+    7: 17
+  },
+  lineHeight: {
+    1: 15,
+    2: 18,
+    3: 19,
+    4: 20,
+    5: 22,
+    6: 24
+  },
+  weight: {
+    4: "300",
+    6: "700"
+  },
+  letterSpacing: {
+    4: 0
+  }
+});
+//# sourceMappingURL=firaFont.js.map

package/dist/cjs/firaFont.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/firaFont.tsx"],
+  "sourcesContent": ["import { createFont } from '@tamagui/core'\n\nexport const firaFont = createFont({\n  family: 'Fira Code, Monaco, Consolas, Ubuntu Mono, monospace',\n  size: {\n    1: 10,\n    2: 11,\n    3: 12,\n    4: 13,\n    5: 15,\n    6: 16,\n    7: 17,\n  },\n  lineHeight: {\n    1: 15,\n    2: 18,\n    3: 19,\n    4: 20,\n    5: 22,\n    6: 24,\n  },\n  weight: {\n    4: '300',\n    6: '700',\n  },\n  letterSpacing: {\n    4: 0,\n  },\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2B;AAEpB,MAAM,WAAW,4BAAW;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,eAAe;AAAA,IACb,GAAG;AAAA,EACL;AACF,CAAC;",
+  "names": []
+}

package/dist/cjs/fonts.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var fonts_exports = {};
+module.exports = __toCommonJS(fonts_exports);
+__reExport(fonts_exports, require("./interFont"), module.exports);
+__reExport(fonts_exports, require("./firaFont"), module.exports);
+//# sourceMappingURL=fonts.js.map

package/dist/cjs/fonts.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fonts.tsx"],
+  "sourcesContent": ["export * from './interFont'\nexport * from './firaFont'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,wBAAd;AACA,0BAAc,uBADd;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./themes"), module.exports);
+__reExport(src_exports, require("./tokens"), module.exports);
+__reExport(src_exports, require("./colors"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './themes'\nexport * from './tokens'\nexport * from './colors'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,qBADd;AAEA,wBAAc,qBAFd;",
+  "names": []
+}

package/dist/cjs/interFont.js

@@ -0,0 +1,80 @@
+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 interFont_exports = {};
+__export(interFont_exports, {
+  interFont: () => interFont
+});
+module.exports = __toCommonJS(interFont_exports);
+var import_core = require("@tamagui/core");
+const interFont = (0, import_core.createFont)({
+  family: 'Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+  size: {
+    1: 10,
+    2: 12,
+    3: 14,
+    4: 15,
+    5: 16,
+    6: 17,
+    7: 21,
+    8: 25,
+    9: 32,
+    10: 45,
+    11: 58,
+    12: 68,
+    13: 82,
+    14: 102,
+    15: 124,
+    16: 144
+  },
+  lineHeight: {
+    1: 15,
+    2: 20,
+    3: 25,
+    4: 27,
+    5: 29,
+    6: 31,
+    7: 34,
+    8: 38,
+    9: 42,
+    10: 54,
+    11: 72,
+    12: 80,
+    13: 100,
+    14: 120,
+    15: 150,
+    16: 170
+  },
+  weight: {
+    4: "300",
+    7: "600",
+    8: "700"
+  },
+  letterSpacing: {
+    4: 0,
+    7: 0,
+    8: -1,
+    9: -2,
+    10: -3,
+    11: -4,
+    12: -5,
+    13: -6,
+    14: -7,
+    15: -8
+  }
+});
+//# sourceMappingURL=interFont.js.map

package/dist/cjs/interFont.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/interFont.tsx"],
+  "sourcesContent": ["import { createFont } from '@tamagui/core'\n\nexport const interFont = createFont({\n  family:\n    'Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n  size: {\n    1: 10,\n    2: 12,\n    3: 14,\n    4: 15,\n    5: 16,\n    6: 17,\n    7: 21,\n    8: 25,\n    9: 32,\n    10: 45,\n    11: 58,\n    12: 68,\n    13: 82,\n    14: 102,\n    15: 124,\n    16: 144,\n  },\n  lineHeight: {\n    1: 15,\n    2: 20,\n    3: 25,\n    4: 27,\n    5: 29,\n    6: 31,\n    7: 34,\n    8: 38,\n    9: 42,\n    10: 54,\n    11: 72,\n    12: 80,\n    13: 100,\n    14: 120,\n    15: 150,\n    16: 170,\n  },\n  weight: {\n    4: '300',\n    7: '600',\n    8: '700',\n  },\n  letterSpacing: {\n    4: 0,\n    7: 0,\n    8: -1,\n    9: -2,\n    10: -3,\n    11: -4,\n    12: -5,\n    13: -6,\n    14: -7,\n    15: -8,\n  },\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2B;AAEpB,MAAM,YAAY,4BAAW;AAAA,EAClC,QACE;AAAA,EACF,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,eAAe;AAAA,IACb,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF,CAAC;",
+  "names": []
+}

package/dist/cjs/themes.js

@@ -0,0 +1,256 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themes_exports = {};
+__export(themes_exports, {
+  colorSchemes: () => colorSchemes,
+  darkGradient: () => darkGradient,
+  lightGradient: () => lightGradient,
+  themes: () => themes
+});
+module.exports = __toCommonJS(themes_exports);
+var Colors = __toESM(require("@tamagui/colors"));
+var import_core = require("@tamagui/core");
+var import_colors = require("./colors");
+var import_colorUtils = require("./colorUtils");
+var import_tokens = require("./tokens");
+const alternates = [1, 2, 3, 4];
+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, props)
+  ]);
+  const altButtonThemes = alternates.map((_, i) => {
+    const [bName, bTheme] = [altThemes[i][0], (altThemes[i + 1] || altThemes[i])[1]];
+    return [`${bName}_Button`, bTheme];
+  });
+  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props);
+  const activeTheme = makeActiveTheme(theme);
+  themeEntries = [
+    ...themeEntries,
+    ...altThemes,
+    ...altButtonThemes,
+    [`${name}_Button`, altThemes[0][1]],
+    [`${name}_darker`, darkerTheme],
+    [`${name}_active`, activeTheme]
+  ];
+  const themes2 = Object.fromEntries(themeEntries);
+  return themes2;
+}
+__name(createThemesFrom, "createThemesFrom");
+const createTheme = /* @__PURE__ */ __name((str = 1, {
+  backgrounds,
+  isLight = true,
+  colors = [...backgrounds].reverse(),
+  offsets: offsetsProp
+}) => {
+  const offsets = {
+    borderColor: (offsetsProp == null ? void 0 : offsetsProp.borderColor) ?? (offsetsProp == null ? void 0 : offsetsProp.background) ?? [0, 0, 0, 0],
+    background: (offsetsProp == null ? void 0 : offsetsProp.background) ?? [0, 0, 0, 0],
+    color: (offsetsProp == null ? void 0 : offsetsProp.color) ?? [0, 0, 0, 0]
+  };
+  const darkColors = isLight ? colors : backgrounds;
+  const lighterDir = isLight ? -1 : 1;
+  const darkerDir = -lighterDir;
+  const strongerDir = isLight ? darkerDir : lighterDir;
+  const get = /* @__PURE__ */ __name((arr, index, name = "background") => {
+    return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))];
+  }, "get");
+  const colorTranslucent = (0, import_colorUtils.setColorAlpha)((0, import_core.getVariableValue)(get(colors, 0 + str, "color")), 0.5);
+  return {
+    background: get(backgrounds, str),
+    backgroundStronger: get(backgrounds, str + strongerDir),
+    backgroundSoft: get(backgrounds, str + 3),
+    backgroundHover: get(backgrounds, str + lighterDir),
+    backgroundPress: get(backgrounds, str + darkerDir * 1),
+    backgroundFocus: get(backgrounds, str + darkerDir * 2),
+    backgroundTransparent: import_tokens.tokens.color.grayA1,
+    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"),
+    color: get(colors, 0 + str, "color"),
+    colorHover: get(colors, 1 + str, "color"),
+    colorPress: get(colors, 2 + str, "color"),
+    colorFocus: get(colors, 3 + str, "color"),
+    colorTranslucent,
+    colorMid: colors[Math.floor(colors.length / 2)],
+    shadowColor: isLight ? import_tokens.tokens.color.grayA3 : import_tokens.tokens.color.grayA8,
+    shadowColorHover: darkColors[!isLight ? 1 : 8],
+    shadowColorPress: darkColors[!isLight ? 1 : 8],
+    shadowColorFocus: darkColors[!isLight ? 1 : 8]
+  };
+}, "createTheme");
+const colorSchemes = [
+  { name: "blue", colors: Colors.blue, darkColors: Colors.blueDark },
+  { name: "gray", colors: Colors.gray, darkColors: Colors.grayDark },
+  { name: "green", colors: Colors.green, darkColors: Colors.greenDark },
+  { name: "indigo", colors: Colors.indigo, darkColors: Colors.indigoDark },
+  { name: "orange", colors: Colors.orange, darkColors: Colors.orangeDark },
+  { name: "pink", colors: Colors.pink, darkColors: Colors.pinkDark },
+  { name: "purple", colors: Colors.purple, darkColors: Colors.purpleDark },
+  { name: "red", colors: Colors.red, darkColors: Colors.redDark },
+  { name: "violet", colors: Colors.violet, darkColors: Colors.violetDark },
+  { name: "yellow", colors: Colors.yellow, darkColors: Colors.yellowDark },
+  { name: "teal", colors: Colors.teal, darkColors: Colors.tealDark },
+  { name: "lime", colors: Colors.lime, darkColors: Colors.limeDark },
+  { name: "brown", colors: Colors.brown, darkColors: Colors.brownDark }
+];
+const lightGradient = [
+  "#fff",
+  "#f4f4f4",
+  import_tokens.tokens.color.gray1,
+  import_tokens.tokens.color.gray2,
+  import_tokens.tokens.color.gray3,
+  import_tokens.tokens.color.gray4,
+  import_tokens.tokens.color.gray5,
+  import_tokens.tokens.color.gray6,
+  import_tokens.tokens.color.gray7,
+  import_tokens.tokens.color.gray8,
+  import_tokens.tokens.color.gray9,
+  import_tokens.tokens.color.gray10,
+  import_tokens.tokens.color.gray11,
+  import_tokens.tokens.color.gray12
+];
+const darkGradient = [
+  "#0f0f0f",
+  "#111111",
+  "#141414",
+  "#191919",
+  "#242424",
+  "#292929",
+  "#323232",
+  "#383838",
+  "#424242",
+  "#494949",
+  "#545454",
+  "#626262"
+];
+const lightThemes = createThemesFrom("light", createTheme, {
+  backgrounds: lightGradient,
+  isLight: true
+});
+const darkThemes = createThemesFrom("dark", createTheme, {
+  backgrounds: darkGradient,
+  colors: lightGradient,
+  isLight: false,
+  shift: 1,
+  offsets: {
+    color: [0, 6, 7, 7, 7, 7]
+  }
+});
+const baseThemes = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, lightThemes), {
+  light: __spreadValues(__spreadValues({}, import_colors.allLightColors), lightThemes.light),
+  light_active: makeActiveTheme(lightThemes.light),
+  light_Card: lightThemes.light,
+  light_Button: lightThemes.light_alt1
+}), darkThemes), {
+  dark: __spreadValues(__spreadValues({}, import_colors.allDarkColors), darkThemes.dark),
+  dark_active: makeActiveTheme(darkThemes.dark),
+  dark_Card: darkThemes.dark_alt1,
+  dark_Button: darkThemes.dark_alt1
+});
+function makeActiveTheme(theme) {
+  const res = __spreadValues({}, theme);
+  res.backgroundHover = res.background;
+  res.colorHover = res.color;
+  res.backgroundPress = res.background;
+  res.colorPress = res.color;
+  return res;
+}
+__name(makeActiveTheme, "makeActiveTheme");
+const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {
+  const [altLightThemes, altDarkThemes] = [colors, darkColors].map((colors2, i) => {
+    const isLight = i === 0;
+    const scheme = isLight ? "light" : "dark";
+    const shift = isLight ? 0 : 1;
+    let backgrounds = Object.values(colors2);
+    if (!isLight) {
+      const [_, h, sp, lp] = backgrounds[0].match(/hsl\(([0-9\.]+), ([0-9\.]+)\%, ([0-9\.]+)\%\)/);
+      backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`);
+    }
+    const themeWithAlts = createThemesFrom(name, createTheme, {
+      backgrounds,
+      isLight,
+      shift,
+      isBase: false,
+      offsets: {
+        background: isLight ? [1, 1, 1, 0, 0, 0] : null,
+        borderColor: isLight ? [0, 1, 1, 2, 2, -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]);
+  });
+  const lightButtonTheme = altLightThemes[0];
+  const darkButtonTheme = altDarkThemes[0];
+  return [
+    ...altLightThemes,
+    [`${lightButtonTheme[0]}_Button`, altLightThemes[2][1]],
+    ...altDarkThemes,
+    [`${darkButtonTheme[0]}_Button`, altDarkThemes[2][1]]
+  ];
+});
+const transparent = {
+  background: "transparent",
+  backgroundSoft: "transparent",
+  backgroundHover: "transparent",
+  backgroundPress: "transparent",
+  backgroundFocus: "transparent",
+  backgroundTransparent: "transparent",
+  shadowColor: "transparent",
+  shadowColorHover: "transparent",
+  shadowColorPress: "transparent",
+  shadowColorFocus: "transparent"
+};
+const dark_outline = __spreadValues(__spreadProps(__spreadValues({}, baseThemes.dark), {
+  borderColor: "#fff"
+}), transparent);
+const light_outline = __spreadValues(__spreadProps(__spreadValues({}, baseThemes.light), {
+  borderColor: "#000"
+}), transparent);
+const colorThemes = Object.fromEntries(colorThemeEntries);
+const allThemes = __spreadProps(__spreadValues(__spreadValues({}, baseThemes), colorThemes), {
+  dark_outline,
+  light_outline
+});
+const themes = allThemes;
+//# sourceMappingURL=themes.js.map