import { createThemeBuilder } from "@tamagui/theme-builder";
import { componentThemeDefinitions } from "./componentThemeDefinitions";
import { masks } from "@tamagui/theme-builder";
import { palettes } from "./palettes";
import { shadows } from "./shadows";
import { maskOptions, templates } from "./templates";
import { darkColors, lightColors } from "./tokens";
var colorThemeDefinition = function (colorName) {
  return [{
    parent: "light",
    palette: colorName,
    template: "colorLight"
  }, {
    parent: "dark",
    palette: colorName,
    template: "base"
  }];
};
var themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
  light: {
    template: "base",
    palette: "light",
    nonInheritedValues: {
      ...lightColors,
      ...shadows.light
    }
  },
  dark: {
    template: "base",
    palette: "dark",
    nonInheritedValues: {
      ...darkColors,
      ...shadows.dark
    }
  }
}).addChildThemes({
  orange: colorThemeDefinition("orange"),
  yellow: colorThemeDefinition("yellow"),
  green: colorThemeDefinition("green"),
  blue: colorThemeDefinition("blue"),
  purple: colorThemeDefinition("purple"),
  pink: colorThemeDefinition("pink"),
  red: colorThemeDefinition("red")
}).addChildThemes({
  alt1: {
    mask: "soften",
    ...maskOptions.alt
  },
  alt2: {
    mask: "soften2",
    ...maskOptions.alt
  },
  active: {
    mask: "soften3",
    skip: {
      color: 1
    }
  }
}).addChildThemes(componentThemeDefinitions, {});
var themes = themesBuilder.build();
export { themes };
//# sourceMappingURL=themes-new.native.js.map
