@tamagui/themes 1.88.13 → 1.88.15

package/dist/esm/v3-themes.native.js

@@ -0,0 +1,463 @@
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var v3_themes_exports = {};
+__export(v3_themes_exports, {
+  maskOptions: () => maskOptions,
+  masks: () => import_masks2.masks,
+  palettes: () => palettes,
+  templates: () => templates,
+  themes: () => themes,
+  tokens: () => tokens
+});
+module.exports = __toCommonJS(v3_themes_exports);
+var import_theme_builder = require("@tamagui/theme-builder"), import_colors = require("@tamagui/colors"), import_web = require("@tamagui/web"), import_masks = require("./masks"), import_masks2 = require("./masks");
+const colorTokens = {
+  light: {
+    blue: import_colors.blue,
+    gray: import_colors.gray,
+    green: import_colors.green,
+    orange: import_colors.orange,
+    pink: import_colors.pink,
+    purple: import_colors.purple,
+    red: import_colors.red,
+    yellow: import_colors.yellow
+  },
+  dark: {
+    blue: import_colors.blueDark,
+    gray: import_colors.grayDark,
+    green: import_colors.greenDark,
+    orange: import_colors.orangeDark,
+    pink: import_colors.pinkDark,
+    purple: import_colors.purpleDark,
+    red: import_colors.redDark,
+    yellow: import_colors.yellowDark
+  }
+}, palettes = (() => {
+  const lightTransparent = "rgba(255,255,255,0)", darkTransparent = "rgba(10,10,10,0)", transparent = (hsl, opacity = 0) => hsl.replace("%)", `%, ${opacity})`).replace("hsl(", "hsla("), getColorPalette = (colors, color2 = colors[0]) => {
+    const colorPalette = Object.values(colors), [head, tail] = [
+      colorPalette.slice(0, 6),
+      colorPalette.slice(colorPalette.length - 5)
+    ];
+    return [
+      transparent(colorPalette[0]),
+      ...head,
+      ...tail,
+      color2,
+      transparent(colorPalette[colorPalette.length - 1])
+    ];
+  }, lightColor = "hsl(0, 0%, 9.0%)", lightPalette = [
+    lightTransparent,
+    "#fff",
+    "#f8f8f8",
+    "hsl(0, 0%, 96.3%)",
+    "hsl(0, 0%, 94.1%)",
+    "hsl(0, 0%, 92.0%)",
+    "hsl(0, 0%, 90.0%)",
+    "hsl(0, 0%, 88.5%)",
+    "hsl(0, 0%, 81.0%)",
+    "hsl(0, 0%, 56.1%)",
+    "hsl(0, 0%, 50.3%)",
+    "hsl(0, 0%, 42.5%)",
+    lightColor,
+    darkTransparent
+  ], darkColor = "#fff", darkPalette = [
+    darkTransparent,
+    "#050505",
+    "#151515",
+    "#191919",
+    "#232323",
+    "#282828",
+    "#323232",
+    "#424242",
+    "#494949",
+    "#545454",
+    "#626262",
+    "#a5a5a5",
+    darkColor,
+    lightTransparent
+  ], lightPalettes = objectFromEntries(
+    objectKeys(colorTokens.light).map(
+      (key) => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)]
+    )
+  ), darkPalettes = objectFromEntries(
+    objectKeys(colorTokens.dark).map(
+      (key) => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)]
+    )
+  ), colorPalettes = {
+    ...lightPalettes,
+    ...darkPalettes
+  };
+  return {
+    light: lightPalette,
+    dark: darkPalette,
+    ...colorPalettes
+  };
+})(), templateColorsSpecific = {
+  color1: 1,
+  color2: 2,
+  color3: 3,
+  color4: 4,
+  color5: 5,
+  color6: 6,
+  color7: 7,
+  color8: 8,
+  color9: 9,
+  color10: 10,
+  color11: 11,
+  color12: 12
+}, templates = (() => {
+  const base = {
+    ...templateColorsSpecific,
+    // the background, color, etc keys here work like generics - they make it so you
+    // can publish components for others to use without mandating a specific color scale
+    // the @tamagui/button Button component looks for `$background`, so you set the
+    // dark_red_Button theme to have a stronger background than the dark_red theme.
+    background: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    backgroundFocus: 5,
+    backgroundStrong: 1,
+    backgroundTransparent: 0,
+    color: -1,
+    colorHover: -2,
+    colorPress: -1,
+    colorFocus: -2,
+    colorTransparent: -0,
+    borderColor: 5,
+    borderColorHover: 6,
+    borderColorFocus: 4,
+    borderColorPress: 5,
+    placeholderColor: -4,
+    // in the future this should be partially transparent
+    outlineColor: 5
+  }, surface1 = {
+    background: base.background + 1,
+    backgroundHover: base.backgroundHover + 1,
+    backgroundPress: base.backgroundPress + 1,
+    backgroundFocus: base.backgroundFocus + 1,
+    backgroundStrong: base.backgroundStrong + 1,
+    borderColor: base.borderColor + 1,
+    borderColorHover: base.borderColorHover + 1,
+    borderColorFocus: base.borderColorFocus + 1,
+    borderColorPress: base.borderColorPress + 1,
+    outlineColor: base.outlineColor + 1
+  }, surface2 = {
+    background: base.background + 2,
+    backgroundHover: base.backgroundHover + 2,
+    backgroundPress: base.backgroundPress + 2,
+    backgroundFocus: base.backgroundFocus + 2,
+    backgroundStrong: base.backgroundStrong + 2,
+    borderColor: base.borderColor + 2,
+    borderColorHover: base.borderColorHover + 2,
+    borderColorFocus: base.borderColorFocus + 2,
+    borderColorPress: base.borderColorPress + 2,
+    outlineColor: base.outlineColor + 2
+  }, surface3 = {
+    background: base.background + 3,
+    backgroundHover: base.backgroundHover + 3,
+    backgroundPress: base.backgroundPress + 3,
+    backgroundFocus: base.backgroundFocus + 3,
+    backgroundStrong: base.backgroundStrong + 3,
+    borderColor: base.borderColor + 3,
+    borderColorHover: base.borderColorHover + 3,
+    borderColorFocus: base.borderColorFocus + 3,
+    borderColorPress: base.borderColorPress + 3,
+    outlineColor: base.outlineColor + 3
+  };
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3
+  };
+})(), maskOptions = (() => {
+  const shadows2 = {
+    shadowColor: 0,
+    shadowColorHover: 0,
+    shadowColorPress: 0,
+    shadowColorFocus: 0
+  }, colors = {
+    ...shadows2,
+    color: 0,
+    colorHover: 0,
+    colorFocus: 0,
+    colorPress: 0
+  }, baseMaskOptions = {
+    override: shadows2,
+    skip: shadows2,
+    // avoids the transparent ends
+    max: palettes.light.length - 2,
+    min: 1
+  }, skipShadowsAndSpecificColors = {
+    ...shadows2,
+    ...templateColorsSpecific
+  };
+  return {
+    component: {
+      ...baseMaskOptions,
+      override: colors,
+      skip: skipShadowsAndSpecificColors
+    },
+    alt: {
+      ...baseMaskOptions
+    },
+    button: {
+      ...baseMaskOptions,
+      override: {
+        ...colors,
+        borderColor: "transparent",
+        borderColorHover: "transparent"
+      },
+      skip: skipShadowsAndSpecificColors
+    }
+  };
+})(), lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", size = {
+  $0: 0,
+  "$0.25": 2,
+  "$0.5": 4,
+  "$0.75": 8,
+  $1: 20,
+  "$1.5": 24,
+  $2: 28,
+  "$2.5": 32,
+  $3: 36,
+  "$3.5": 40,
+  $4: 44,
+  $true: 44,
+  "$4.5": 48,
+  $5: 52,
+  $6: 64,
+  $7: 74,
+  $8: 84,
+  $9: 94,
+  $10: 104,
+  $11: 124,
+  $12: 144,
+  $13: 164,
+  $14: 184,
+  $15: 204,
+  $16: 224,
+  $17: 224,
+  $18: 244,
+  $19: 264,
+  $20: 284
+}, spaces = Object.entries(size).map(([k, v]) => [k, sizeToSpace(v)]), spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]), space = {
+  ...Object.fromEntries(spaces),
+  ...Object.fromEntries(spacesNegative)
+}, zIndex = {
+  0: 0,
+  1: 100,
+  2: 200,
+  3: 300,
+  4: 400,
+  5: 500
+}, darkColors = {
+  ...colorTokens.dark.blue,
+  ...colorTokens.dark.gray,
+  ...colorTokens.dark.green,
+  ...colorTokens.dark.orange,
+  ...colorTokens.dark.pink,
+  ...colorTokens.dark.purple,
+  ...colorTokens.dark.red,
+  ...colorTokens.dark.yellow
+}, lightColors = {
+  ...colorTokens.light.blue,
+  ...colorTokens.light.gray,
+  ...colorTokens.light.green,
+  ...colorTokens.light.orange,
+  ...colorTokens.light.pink,
+  ...colorTokens.light.purple,
+  ...colorTokens.light.red,
+  ...colorTokens.light.yellow
+}, color = {
+  ...postfixObjKeys(lightColors, "Light"),
+  ...postfixObjKeys(darkColors, "Dark")
+}, radius = {
+  0: 0,
+  1: 3,
+  2: 5,
+  3: 7,
+  4: 9,
+  true: 9,
+  5: 10,
+  6: 16,
+  7: 19,
+  8: 22,
+  9: 26,
+  10: 34,
+  11: 42,
+  12: 50
+}, tokens = (0, import_web.createTokens)({
+  color,
+  radius,
+  zIndex,
+  space,
+  size
+}), shadows = {
+  light: {
+    shadowColor: lightShadowColorStrong,
+    shadowColorHover: lightShadowColorStrong,
+    shadowColorPress: lightShadowColor,
+    shadowColorFocus: lightShadowColor
+  },
+  dark: {
+    shadowColor: darkShadowColorStrong,
+    shadowColorHover: darkShadowColorStrong,
+    shadowColorPress: darkShadowColor,
+    shadowColorFocus: darkShadowColor
+  }
+}, colorThemeDefinition = (colorName) => ({
+  palette: colorName,
+  template: "base"
+}), nonInherited = {
+  light: {
+    ...lightColors,
+    ...shadows.light
+  },
+  dark: {
+    ...darkColors,
+    ...shadows.dark
+  }
+}, overlayThemeDefinitions = [
+  {
+    parent: "light",
+    theme: {
+      background: "rgba(0,0,0,0.5)"
+    }
+  },
+  {
+    parent: "dark",
+    theme: {
+      background: "rgba(0,0,0,0.9)"
+    }
+  }
+], themeBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addMasks(import_masks.masks).addThemes({
+  light: {
+    template: "base",
+    palette: "light",
+    nonInheritedValues: nonInherited.light
+  },
+  dark: {
+    template: "base",
+    palette: "dark",
+    nonInheritedValues: nonInherited.dark
+  }
+}).addChildThemes({
+  orange: colorThemeDefinition("orange"),
+  yellow: colorThemeDefinition("yellow"),
+  green: colorThemeDefinition("green"),
+  blue: colorThemeDefinition("blue"),
+  purple: colorThemeDefinition("purple"),
+  pink: colorThemeDefinition("pink"),
+  red: colorThemeDefinition("red"),
+  gray: colorThemeDefinition("gray")
+}).addChildThemes({
+  alt1: {
+    template: "surface1"
+  },
+  alt2: {
+    template: "surface2"
+  },
+  active: {
+    template: "surface3"
+  }
+}).addChildThemes({
+  ListItem: {
+    template: "surface1"
+  },
+  Card: {
+    template: "surface1"
+  },
+  Button: {
+    template: "surface2"
+  },
+  Checkbox: {
+    template: "surface2"
+  },
+  Switch: {
+    template: "surface2"
+  },
+  SwitchThumb: {
+    mask: "inverse",
+    ...maskOptions.component
+  },
+  TooltipContent: {
+    template: "surface2"
+  },
+  DrawerFrame: {
+    template: "surface1"
+  },
+  Progress: {
+    template: "surface1"
+  },
+  RadioGroupItem: {
+    template: "surface2"
+  },
+  TooltipArrow: {
+    template: "surface1"
+  },
+  SliderTrackActive: {
+    template: "surface3"
+  },
+  SliderTrack: {
+    template: "surface1"
+  },
+  SliderThumb: {
+    mask: "inverse",
+    ...maskOptions.component
+  },
+  Tooltip: {
+    mask: "inverse",
+    ...maskOptions.component
+  },
+  ProgressIndicator: {
+    mask: "inverse",
+    ...maskOptions.component
+  },
+  SheetOverlay: overlayThemeDefinitions,
+  DialogOverlay: overlayThemeDefinitions,
+  ModalOverlay: overlayThemeDefinitions,
+  Input: {
+    template: "surface2"
+  },
+  TextArea: {
+    template: "surface2"
+  }
+}), themesIn = themeBuilder.build(), themes = themesIn;
+function postfixObjKeys(obj, postfix) {
+  return Object.fromEntries(
+    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
+  );
+}
+function sizeToSpace(v) {
+  return v === 0 ? 0 : v === 2 ? 0.5 : v === 4 ? 1 : v === 8 ? 1.5 : v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12);
+}
+function objectFromEntries(arr) {
+  return Object.fromEntries(arr);
+}
+function objectKeys(obj) {
+  return Object.keys(obj);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  maskOptions,
+  masks,
+  palettes,
+  templates,
+  themes,
+  tokens
+});
+//# sourceMappingURL=v3-themes.js.map

package/dist/esm/v3-themes.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/v3-themes.ts"],
+  "mappings": "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",
+  "names": ["import_masks", "color", "shadows"]
+}

package/dist/esm/v3.js

@@ -0,0 +1,32 @@
+import * as generatedThemes from "./generated-v3";
+import { tokens } from "./tokens";
+import { blue, blueDark } from "@tamagui/colors";
+import { green, greenDark } from "@tamagui/colors";
+import { red, redDark } from "@tamagui/colors";
+import { orange, orangeDark } from "@tamagui/colors";
+import { yellow, yellowDark } from "@tamagui/colors";
+import { pink, pinkDark } from "@tamagui/colors";
+import { purple, purpleDark } from "@tamagui/colors";
+import { gray, grayDark } from "@tamagui/colors";
+const themes = generatedThemes;
+export {
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  orange,
+  orangeDark,
+  pink,
+  pinkDark,
+  purple,
+  purpleDark,
+  red,
+  redDark,
+  themes,
+  tokens,
+  yellow,
+  yellowDark
+};
+//# sourceMappingURL=v3.js.map

package/dist/esm/v3.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/v3.tsx"],
+  "mappings": "AAAA,YAAY,qBAAqB;AAGjC,SAAS,cAAc;AAGvB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,OAAO,iBAAiB;AACjC,SAAS,KAAK,eAAe;AAC7B,SAAS,QAAQ,kBAAkB;AACnC,SAAS,QAAQ,kBAAkB;AACnC,SAAS,MAAM,gBAAgB;AAC/B,SAAS,QAAQ,kBAAkB;AACnC,SAAS,MAAM,gBAAgB;AAZxB,MAAM,SAAS;",
+  "names": []
+}

package/dist/esm/v3.mjs

@@ -0,0 +1,12 @@
+import * as generatedThemes from "./generated-v3.mjs";
+import { tokens } from "./tokens.mjs";
+import { blue, blueDark } from "@tamagui/colors";
+import { green, greenDark } from "@tamagui/colors";
+import { red, redDark } from "@tamagui/colors";
+import { orange, orangeDark } from "@tamagui/colors";
+import { yellow, yellowDark } from "@tamagui/colors";
+import { pink, pinkDark } from "@tamagui/colors";
+import { purple, purpleDark } from "@tamagui/colors";
+import { gray, grayDark } from "@tamagui/colors";
+const themes = generatedThemes;
+export { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, themes, tokens, yellow, yellowDark };

package/dist/esm/v3.native.js

@@ -0,0 +1,69 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var v3_exports = {};
+__export(v3_exports, {
+  blue: () => import_colors.blue,
+  blueDark: () => import_colors.blueDark,
+  gray: () => import_colors8.gray,
+  grayDark: () => import_colors8.grayDark,
+  green: () => import_colors2.green,
+  greenDark: () => import_colors2.greenDark,
+  orange: () => import_colors4.orange,
+  orangeDark: () => import_colors4.orangeDark,
+  pink: () => import_colors6.pink,
+  pinkDark: () => import_colors6.pinkDark,
+  purple: () => import_colors7.purple,
+  purpleDark: () => import_colors7.purpleDark,
+  red: () => import_colors3.red,
+  redDark: () => import_colors3.redDark,
+  themes: () => themes,
+  tokens: () => import_tokens.tokens,
+  yellow: () => import_colors5.yellow,
+  yellowDark: () => import_colors5.yellowDark
+});
+module.exports = __toCommonJS(v3_exports);
+var generatedThemes = __toESM(require("./generated-v3")), import_tokens = require("./tokens"), import_colors = require("@tamagui/colors"), import_colors2 = require("@tamagui/colors"), import_colors3 = require("@tamagui/colors"), import_colors4 = require("@tamagui/colors"), import_colors5 = require("@tamagui/colors"), import_colors6 = require("@tamagui/colors"), import_colors7 = require("@tamagui/colors"), import_colors8 = require("@tamagui/colors");
+const themes = generatedThemes;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  orange,
+  orangeDark,
+  pink,
+  pinkDark,
+  purple,
+  purpleDark,
+  red,
+  redDark,
+  themes,
+  tokens,
+  yellow,
+  yellowDark
+});
+//# sourceMappingURL=v3.js.map

package/dist/esm/v3.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/v3.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAiC,oCAGjC,gBAAuB,qBAGvB,gBAA+B,4BAC/BA,iBAAiC,4BACjCA,iBAA6B,4BAC7BA,iBAAmC,4BACnCA,iBAAmC,4BACnCA,iBAA+B,4BAC/BA,iBAAmC,4BACnCA,iBAA+B;AAZxB,MAAM,SAAS;",
+  "names": ["import_colors"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/themes",
-  "version": "1.88.13",
+  "version": "1.88.15",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -48,14 +48,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/colors": "1.88.13",
-    "@tamagui/create-theme": "1.88.13",
-    "@tamagui/theme-builder": "1.88.13",
-    "@tamagui/web": "1.88.13"
+    "@tamagui/colors": "1.88.15",
+    "@tamagui/create-theme": "1.88.15",
+    "@tamagui/theme-builder": "1.88.15",
+    "@tamagui/web": "1.88.15"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.13",
-    "@tamagui/cli": "1.88.13",
+    "@tamagui/build": "1.88.15",
+    "@tamagui/cli": "1.88.15",
     "vitest": "^0.34.3"
   },
   "publishConfig": {

package/src/componentThemeDefinitions.tsx

@@ -1,6 +1,6 @@
-import { ThemeDefinitions } from '@tamagui/create-theme'
+import type { ThemeDefinitions } from '@tamagui/create-theme'
 
-import { masks } from './masks'
+import type { masks } from './masks'
 import { maskOptions } from './templates'
 
 type Masks = typeof masks

package/src/masks.tsx

@@ -1,5 +1,5 @@
+import type { MaskDefinitions } from '@tamagui/create-theme'
 import {
-  MaskDefinitions,
   combineMasks,
   createIdentityMask,
   createInverseMask,

package/src/templates.tsx

@@ -1,4 +1,4 @@
-import { MaskOptions } from '@tamagui/create-theme'
+import type { MaskOptions } from '@tamagui/create-theme'
 
 import { palettes } from './palettes'
 

package/src/themes-old.tsx

@@ -1,5 +1,5 @@
+import type { MaskOptions } from '@tamagui/create-theme'
 import {
-  MaskOptions,
   addChildren,
   applyMask,
   createStrengthenMask,

package/src/tokens.tsx

@@ -16,7 +16,8 @@ import {
   yellow,
   yellowDark,
 } from '@tamagui/colors'
-import { Variable, createTokens } from '@tamagui/web'
+import type { Variable } from '@tamagui/web'
+import { createTokens } from '@tamagui/web'
 
 // should roughly map to button/input etc height at each level
 // fonts should match that height/lineHeight at each stop