@tamagui/config-v5 0.0.0-bootstrap.0 → 3.0.0-beta.643.1

package/dist/esm/theme-builder/createThemes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemes.native.js","names":[],"sources":["esm/theme-builder/createThemes.native.js"],"sourcesContent":["import { parseToHsla } from \"color2k\";\nimport { defaultComponentThemes } from \"./defaultComponentThemes\";\nimport { defaultTemplates } from \"./defaultTemplates\";\nimport { getThemeSuitePalettes, PALETTE_BACKGROUND_OFFSET } from \"./getThemeSuitePalettes\";\nimport { createThemeBuilder } from \"./ThemeBuilder\";\nfunction createThemes(props) {\n  var { accent, childrenThemes, grandChildrenThemes, templates = defaultTemplates, componentThemes, getTheme } = props;\n  var builder = createSimpleThemeBuilder({\n    extra: props.base.extra,\n    accentExtra: accent === null || accent === void 0 ? void 0 : accent.extra,\n    componentThemes,\n    palettes: createPalettes(getThemesPalettes(props)),\n    templates,\n    accentTheme: !!accent,\n    childrenThemes: normalizeSubThemes(childrenThemes),\n    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,\n    getTheme\n  });\n  lastBuilder = builder.themeBuilder;\n  return builder.themes;\n}\nvar lastBuilder = null;\nvar getLastBuilder = function() {\n  return lastBuilder;\n};\nfunction createV4Themes(props) {\n  var { accent, childrenThemes, grandChildrenThemes, templates = defaultTemplates, componentThemes, getTheme } = props;\n  var builder = createV4ThemeBuilder({\n    extra: props.base.extra,\n    accentExtra: accent === null || accent === void 0 ? void 0 : accent.extra,\n    componentThemes,\n    palettes: createPalettes(getThemesPalettes(props)),\n    templates,\n    accentTheme: !!accent,\n    childrenThemes: normalizeSubThemes(childrenThemes),\n    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,\n    getTheme\n  });\n  lastBuilder = builder.themeBuilder;\n  return builder.themes;\n}\nfunction normalizeSubThemes(defs) {\n  return Object.fromEntries(Object.entries(defs || {}).map(function(param) {\n    var [name, value] = param;\n    var hasPalette = value.palette !== void 0;\n    return [\n      name,\n      {\n        // Only add palette if the definition has one, otherwise theme is template-only\n        ...hasPalette ? {\n          palette: name\n        } : {},\n        template: value.template || \"base\"\n      }\n    ];\n  }));\n}\nvar defaultPalettes = createPalettes(getThemesPalettes({\n  base: {\n    palette: [\n      \"#fff\",\n      \"#000\"\n    ]\n  },\n  accent: {\n    palette: [\n      \"#ff0000\",\n      \"#ff9999\"\n    ]\n  }\n}));\nfunction createSimpleThemeBuilder(props) {\n  var { getTheme, extra, accentExtra, childrenThemes = null, grandChildrenThemes = null, templates = defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0 } = props;\n  var themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({\n    light: {\n      template: \"base\",\n      palette: \"light\",\n      nonInheritedValues: {\n        ...extra === null || extra === void 0 ? void 0 : extra.light,\n        ...accentTheme && palettes.light_accent && {\n          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    },\n    dark: {\n      template: \"base\",\n      palette: \"dark\",\n      nonInheritedValues: {\n        ...extra === null || extra === void 0 ? void 0 : extra.dark,\n        ...accentTheme && palettes.dark_accent && {\n          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    }\n  });\n  if (palettes.light_accent) {\n    themeBuilder = themeBuilder.addChildThemes({\n      accent: [\n        {\n          parent: \"light\",\n          template: \"base\",\n          palette: \"light_accent\",\n          nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.light\n        },\n        {\n          parent: \"dark\",\n          template: \"base\",\n          palette: \"dark_accent\",\n          nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.dark\n        }\n      ]\n    });\n  }\n  if (childrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {\n      avoidNestingWithin: [\n        \"accent\"\n      ]\n    });\n  }\n  if (grandChildrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {\n      avoidNestingWithin: [\n        \"accent\"\n      ]\n    });\n  }\n  if (componentThemes) {\n    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {\n      avoidNestingWithin: Object.keys(grandChildrenThemes || {})\n    });\n  }\n  if (getTheme) {\n    themeBuilder = themeBuilder.getTheme(getTheme);\n  }\n  return {\n    themeBuilder,\n    themes: themeBuilder.build()\n  };\n}\nfunction getSchemePalette(colors) {\n  return {\n    light: colors,\n    dark: [\n      ...colors\n    ].reverse()\n  };\n}\nfunction getAnchors(palette) {\n  var maxIndex = 11;\n  var numItems = palette.light.length;\n  var anchors = palette.light.map(function(lcolor, index) {\n    var dcolor = palette.dark[index];\n    var [lhue, lsat, llum, lalpha] = parseToHsla(lcolor);\n    var [dhue, dsat, dlum, dalpha] = parseToHsla(dcolor);\n    return {\n      index: spreadIndex(maxIndex, numItems, index),\n      hue: {\n        light: lhue,\n        dark: dhue\n      },\n      sat: {\n        light: lsat,\n        dark: dsat\n      },\n      lum: {\n        light: llum,\n        dark: dlum\n      },\n      alpha: {\n        light: lalpha,\n        dark: dalpha\n      }\n    };\n  });\n  return anchors;\n}\nfunction spreadIndex(maxIndex, numItems, index) {\n  return Math.round(index / (numItems - 1) * maxIndex);\n}\nfunction coerceSimplePaletteToSchemePalette(def) {\n  return Array.isArray(def) ? getSchemePalette(def) : def;\n}\nfunction getThemesPalettes(props) {\n  var base = coerceSimplePaletteToSchemePalette(props.base.palette);\n  var accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null;\n  var baseAnchors = getAnchors(base);\n  function getSubThemesPalettes(defs) {\n    var isGrandChildren = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n    return Object.fromEntries(Object.entries(defs).map(function(param) {\n      var [key, value] = param;\n      if (isGrandChildren && key === \"accent\" && !value.palette) {\n        return null;\n      }\n      return [\n        key,\n        {\n          name: key,\n          anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors\n        }\n      ];\n    }).filter(Boolean));\n  }\n  return {\n    base: {\n      name: \"base\",\n      anchors: baseAnchors\n    },\n    ...accent && {\n      accent: {\n        name: \"accent\",\n        anchors: getAnchors(accent)\n      }\n    },\n    ...props.childrenThemes && getSubThemesPalettes(props.childrenThemes, false),\n    ...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, true)\n  };\n}\nvar getComponentThemes = function(components) {\n  return Object.fromEntries(Object.entries(components).map(function(param) {\n    var [componentName, { template }] = param;\n    return [\n      componentName,\n      {\n        parent: \"\",\n        template: template || \"base\"\n      }\n    ];\n  }));\n};\nfunction createPalettes(palettes) {\n  var accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null;\n  var basePalettes = getThemeSuitePalettes(palettes.base);\n  var next = Object.fromEntries(Object.entries(palettes).flatMap(function(param) {\n    var [name, palette] = param;\n    var _$palettes = getThemeSuitePalettes(palette);\n    var isAccent = name.startsWith(\"accent\");\n    var oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;\n    if (!oppositePalettes) {\n      return [];\n    }\n    var oppositeLight = oppositePalettes.light;\n    var oppositeDark = oppositePalettes.dark;\n    var bgOffset = 7;\n    var out = [\n      [\n        name === \"base\" ? \"light\" : `light_${name}`,\n        [\n          oppositeLight[bgOffset],\n          ..._$palettes.light,\n          oppositeLight[oppositeLight.length - bgOffset - 1]\n        ]\n      ],\n      [\n        name === \"base\" ? \"dark\" : `dark_${name}`,\n        [\n          oppositeDark[oppositeDark.length - bgOffset - 1],\n          ..._$palettes.dark,\n          oppositeDark[bgOffset]\n        ]\n      ]\n    ];\n    return out;\n  }));\n  return next;\n}\nfunction createV4ThemeBuilder(props) {\n  var { getTheme, extra, accentExtra, childrenThemes = null, grandChildrenThemes = null, templates = defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0 } = props;\n  var themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({\n    light: {\n      template: \"base\",\n      palette: \"light\",\n      nonInheritedValues: {\n        ...extra === null || extra === void 0 ? void 0 : extra.light,\n        ...accentTheme && palettes.light_accent && {\n          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    },\n    dark: {\n      template: \"base\",\n      palette: \"dark\",\n      nonInheritedValues: {\n        ...extra === null || extra === void 0 ? void 0 : extra.dark,\n        ...accentTheme && palettes.dark_accent && {\n          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],\n          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],\n          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],\n          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],\n          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],\n          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],\n          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],\n          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],\n          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],\n          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],\n          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],\n          accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11]\n        }\n      }\n    }\n  });\n  if (childrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {\n      avoidNestingWithin: [\n        \"accent\"\n      ]\n    });\n  }\n  if (grandChildrenThemes) {\n    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {\n      avoidNestingWithin: [\n        \"accent\"\n      ]\n    });\n  }\n  if (palettes.light_accent) {\n    themeBuilder = themeBuilder.addChildThemes({\n      accent: [\n        {\n          parent: \"light\",\n          template: \"base\",\n          palette: \"light_accent\",\n          nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.light\n        },\n        {\n          parent: \"dark\",\n          template: \"base\",\n          palette: \"dark_accent\",\n          nonInheritedValues: accentExtra === null || accentExtra === void 0 ? void 0 : accentExtra.dark\n        }\n      ]\n    }, {\n      avoidNestingWithin: Object.keys(childrenThemes || {})\n    });\n  }\n  if (componentThemes) {\n    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {\n      avoidNestingWithin: Object.keys(grandChildrenThemes || {})\n    });\n  }\n  if (getTheme) {\n    themeBuilder = themeBuilder.getTheme(getTheme);\n  }\n  return {\n    themeBuilder,\n    themes: themeBuilder.build()\n  };\n}\nexport {\n  createPalettes,\n  createSimpleThemeBuilder,\n  createThemes,\n  createV4ThemeBuilder,\n  createV4Themes,\n  getComponentThemes,\n  getLastBuilder\n};\n//# sourceMappingURL=createThemes.js.map\n"],"mappings":"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"}

package/dist/esm/theme-builder/defaultComponentThemes.mjs

@@ -0,0 +1,24 @@
+const defaultComponentThemes = {
+	ListItem: { template: "surface1" },
+	SelectItem: { template: "surface1" },
+	SelectTrigger: { template: "surface1" },
+	Card: { template: "surface1" },
+	Button: { template: "surface3" },
+	Checkbox: { template: "surface2" },
+	Switch: { template: "surface2" },
+	SwitchThumb: { template: "inverse" },
+	TooltipContent: { template: "surface2" },
+	Progress: { template: "surface1" },
+	RadioGroupItem: { template: "surface2" },
+	TooltipArrow: { template: "surface1" },
+	SliderTrackActive: { template: "surface2" },
+	SliderTrack: { template: "inverse" },
+	SliderThumb: { template: "inverse" },
+	Tooltip: { template: "inverse" },
+	ProgressIndicator: { template: "inverse" },
+	Input: { template: "surface1" },
+	TextArea: { template: "surface1" }
+};
+
+export { defaultComponentThemes };
+//# sourceMappingURL=defaultComponentThemes.mjs.map

package/dist/esm/theme-builder/defaultComponentThemes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentThemes.js","names":[],"sources":["esm/theme-builder/defaultComponentThemes.js"],"sourcesContent":["const defaultComponentThemes = {\n  ListItem: { template: \"surface1\" },\n  SelectItem: { template: \"surface1\" },\n  SelectTrigger: { template: \"surface1\" },\n  Card: { template: \"surface1\" },\n  Button: { template: \"surface3\" },\n  Checkbox: { template: \"surface2\" },\n  Switch: { template: \"surface2\" },\n  SwitchThumb: { template: \"inverse\" },\n  TooltipContent: { template: \"surface2\" },\n  Progress: { template: \"surface1\" },\n  RadioGroupItem: { template: \"surface2\" },\n  TooltipArrow: { template: \"surface1\" },\n  SliderTrackActive: { template: \"surface2\" },\n  SliderTrack: { template: \"inverse\" },\n  SliderThumb: { template: \"inverse\" },\n  Tooltip: { template: \"inverse\" },\n  ProgressIndicator: { template: \"inverse\" },\n  Input: { template: \"surface1\" },\n  TextArea: { template: \"surface1\" }\n};\nexport {\n  defaultComponentThemes\n};\n//# sourceMappingURL=defaultComponentThemes.js.map\n"],"mappings":";AAAA,MAAM,yBAAyB;CAC7B,UAAU,EAAE,UAAU,WAAW;CACjC,YAAY,EAAE,UAAU,WAAW;CACnC,eAAe,EAAE,UAAU,WAAW;CACtC,MAAM,EAAE,UAAU,WAAW;CAC7B,QAAQ,EAAE,UAAU,WAAW;CAC/B,UAAU,EAAE,UAAU,WAAW;CACjC,QAAQ,EAAE,UAAU,WAAW;CAC/B,aAAa,EAAE,UAAU,UAAU;CACnC,gBAAgB,EAAE,UAAU,WAAW;CACvC,UAAU,EAAE,UAAU,WAAW;CACjC,gBAAgB,EAAE,UAAU,WAAW;CACvC,cAAc,EAAE,UAAU,WAAW;CACrC,mBAAmB,EAAE,UAAU,WAAW;CAC1C,aAAa,EAAE,UAAU,UAAU;CACnC,aAAa,EAAE,UAAU,UAAU;CACnC,SAAS,EAAE,UAAU,UAAU;CAC/B,mBAAmB,EAAE,UAAU,UAAU;CACzC,OAAO,EAAE,UAAU,WAAW;CAC9B,UAAU,EAAE,UAAU,WAAW;AACnC"}

package/dist/esm/theme-builder/defaultComponentThemes.native.js

@@ -0,0 +1,24 @@
+var defaultComponentThemes = {
+	ListItem: { template: "surface1" },
+	SelectItem: { template: "surface1" },
+	SelectTrigger: { template: "surface1" },
+	Card: { template: "surface1" },
+	Button: { template: "surface3" },
+	Checkbox: { template: "surface2" },
+	Switch: { template: "surface2" },
+	SwitchThumb: { template: "inverse" },
+	TooltipContent: { template: "surface2" },
+	Progress: { template: "surface1" },
+	RadioGroupItem: { template: "surface2" },
+	TooltipArrow: { template: "surface1" },
+	SliderTrackActive: { template: "surface2" },
+	SliderTrack: { template: "inverse" },
+	SliderThumb: { template: "inverse" },
+	Tooltip: { template: "inverse" },
+	ProgressIndicator: { template: "inverse" },
+	Input: { template: "surface1" },
+	TextArea: { template: "surface1" }
+};
+
+export { defaultComponentThemes };
+//# sourceMappingURL=defaultComponentThemes.native.js.map

package/dist/esm/theme-builder/defaultComponentThemes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentThemes.native.js","names":[],"sources":["esm/theme-builder/defaultComponentThemes.native.js"],"sourcesContent":["var defaultComponentThemes = {\n  ListItem: {\n    template: \"surface1\"\n  },\n  SelectItem: {\n    template: \"surface1\"\n  },\n  SelectTrigger: {\n    template: \"surface1\"\n  },\n  Card: {\n    template: \"surface1\"\n  },\n  Button: {\n    template: \"surface3\"\n  },\n  Checkbox: {\n    template: \"surface2\"\n  },\n  Switch: {\n    template: \"surface2\"\n  },\n  SwitchThumb: {\n    template: \"inverse\"\n  },\n  TooltipContent: {\n    template: \"surface2\"\n  },\n  Progress: {\n    template: \"surface1\"\n  },\n  RadioGroupItem: {\n    template: \"surface2\"\n  },\n  TooltipArrow: {\n    template: \"surface1\"\n  },\n  SliderTrackActive: {\n    template: \"surface2\"\n  },\n  SliderTrack: {\n    template: \"inverse\"\n  },\n  SliderThumb: {\n    template: \"inverse\"\n  },\n  Tooltip: {\n    template: \"inverse\"\n  },\n  ProgressIndicator: {\n    template: \"inverse\"\n  },\n  Input: {\n    template: \"surface1\"\n  },\n  TextArea: {\n    template: \"surface1\"\n  }\n};\nexport {\n  defaultComponentThemes\n};\n//# sourceMappingURL=defaultComponentThemes.js.map\n"],"mappings":";AAAA,IAAI,yBAAyB;CAC3B,UAAU,EACR,UAAU,WACZ;CACA,YAAY,EACV,UAAU,WACZ;CACA,eAAe,EACb,UAAU,WACZ;CACA,MAAM,EACJ,UAAU,WACZ;CACA,QAAQ,EACN,UAAU,WACZ;CACA,UAAU,EACR,UAAU,WACZ;CACA,QAAQ,EACN,UAAU,WACZ;CACA,aAAa,EACX,UAAU,UACZ;CACA,gBAAgB,EACd,UAAU,WACZ;CACA,UAAU,EACR,UAAU,WACZ;CACA,gBAAgB,EACd,UAAU,WACZ;CACA,cAAc,EACZ,UAAU,WACZ;CACA,mBAAmB,EACjB,UAAU,WACZ;CACA,aAAa,EACX,UAAU,UACZ;CACA,aAAa,EACX,UAAU,UACZ;CACA,SAAS,EACP,UAAU,UACZ;CACA,mBAAmB,EACjB,UAAU,UACZ;CACA,OAAO,EACL,UAAU,WACZ;CACA,UAAU,EACR,UAAU,WACZ;AACF"}

package/dist/esm/theme-builder/defaultTemplates.mjs

@@ -0,0 +1,127 @@
+import { objectFromEntries, objectKeys } from "./helpers.mjs";
+
+const getTemplates = () => {
+	const lightTemplates = getBaseTemplates("light");
+	const darkTemplates = getBaseTemplates("dark");
+	const templates = {
+		...objectFromEntries(objectKeys(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
+		...objectFromEntries(objectKeys(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]]))
+	};
+	return templates;
+};
+const getBaseTemplates = (scheme) => {
+	const isLight = scheme === "light";
+	const bgIndex = 6;
+	const lighten = isLight ? -1 : 1;
+	const darken = -lighten;
+	const increaseContrast = 1;
+	const borderColor = bgIndex + 3;
+	const baseColors = {
+		color: -bgIndex,
+		colorHover: -bgIndex - 1,
+		colorPress: -bgIndex,
+		colorFocus: -bgIndex - 1,
+		placeholderColor: -bgIndex - 3,
+		outlineColor: -2
+	};
+	const base = {
+		accentBackground: 0,
+		accentColor: -0,
+		background0: 1,
+		background02: 2,
+		background04: 3,
+		background06: 4,
+		background08: 5,
+		color1: bgIndex,
+		color2: bgIndex + 1,
+		color3: bgIndex + 2,
+		color4: bgIndex + 3,
+		color5: bgIndex + 4,
+		color6: bgIndex + 5,
+		color7: bgIndex + 6,
+		color8: bgIndex + 7,
+		color9: bgIndex + 8,
+		color10: bgIndex + 9,
+		color11: bgIndex + 10,
+		color12: bgIndex + 11,
+		color0: -1,
+		color02: -2,
+		color04: -3,
+		color06: -4,
+		color08: -5,
+		background: bgIndex,
+		backgroundHover: bgIndex + increaseContrast * 2,
+		backgroundPress: bgIndex + increaseContrast * 3,
+		backgroundFocus: bgIndex + increaseContrast * 2,
+		borderColor,
+		borderColorHover: borderColor + lighten,
+		borderColorPress: borderColor + darken,
+		borderColorFocus: borderColor,
+		...baseColors,
+		colorTransparent: -1
+	};
+	const surface1 = {
+		...baseColors,
+		background: base.background + 1,
+		backgroundHover: base.backgroundHover + 1,
+		backgroundPress: base.backgroundPress + 1,
+		backgroundFocus: base.backgroundFocus + 1,
+		backgroundActive: base.background + 1,
+		borderColor: base.borderColor + 1,
+		borderColorHover: base.borderColorHover + 1,
+		borderColorFocus: base.borderColorFocus + 1,
+		borderColorPress: base.borderColorPress + 1
+	};
+	const surface2 = {
+		...baseColors,
+		background: base.background + 2,
+		backgroundHover: base.backgroundHover + 2,
+		backgroundPress: base.backgroundPress + 2,
+		backgroundFocus: base.backgroundFocus + 2,
+		backgroundActive: base.background + 2,
+		borderColor: base.borderColor + 2,
+		borderColorHover: base.borderColorHover + 2,
+		borderColorFocus: base.borderColorFocus + 2,
+		borderColorPress: base.borderColorPress + 2
+	};
+	const surface3 = {
+		...baseColors,
+		background: base.background + 3,
+		backgroundHover: base.backgroundHover + 3,
+		backgroundPress: base.backgroundPress + 3,
+		backgroundFocus: base.backgroundFocus + 3,
+		backgroundActive: base.background + 3,
+		borderColor: base.borderColor + 3,
+		borderColorHover: base.borderColorHover + 3,
+		borderColorFocus: base.borderColorFocus + 3,
+		borderColorPress: base.borderColorPress + 3
+	};
+	const alt1 = {
+		color: base.color - 1,
+		colorHover: base.colorHover - 1,
+		colorPress: base.colorPress - 1,
+		colorFocus: base.colorFocus - 1
+	};
+	const alt2 = {
+		color: base.color - 2,
+		colorHover: base.colorHover - 2,
+		colorPress: base.colorPress - 2,
+		colorFocus: base.colorFocus - 2
+	};
+	const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+		return [key, -index];
+	}));
+	return {
+		base,
+		surface1,
+		surface2,
+		surface3,
+		alt1,
+		alt2,
+		inverse
+	};
+};
+const defaultTemplates = getTemplates();
+
+export { defaultTemplates };
+//# sourceMappingURL=defaultTemplates.mjs.map

package/dist/esm/theme-builder/defaultTemplates.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTemplates.js","names":[],"sources":["esm/theme-builder/defaultTemplates.js"],"sourcesContent":["import { objectFromEntries, objectKeys } from \"./helpers\";\nconst getTemplates = () => {\n  const lightTemplates = getBaseTemplates(\"light\");\n  const darkTemplates = getBaseTemplates(\"dark\");\n  const templates = {\n    ...objectFromEntries(\n      objectKeys(lightTemplates).map(\n        (name) => [`light_${name}`, lightTemplates[name]]\n      )\n    ),\n    ...objectFromEntries(\n      objectKeys(darkTemplates).map(\n        (name) => [`dark_${name}`, darkTemplates[name]]\n      )\n    )\n  };\n  return templates;\n};\nconst getBaseTemplates = (scheme) => {\n  const isLight = scheme === \"light\";\n  const bgIndex = 6;\n  const lighten = isLight ? -1 : 1;\n  const darken = -lighten;\n  const increaseContrast = 1;\n  const borderColor = bgIndex + 3;\n  const baseColors = {\n    color: -bgIndex,\n    colorHover: -bgIndex - 1,\n    colorPress: -bgIndex,\n    colorFocus: -bgIndex - 1,\n    placeholderColor: -bgIndex - 3,\n    outlineColor: -2\n  };\n  const base = {\n    accentBackground: 0,\n    accentColor: -0,\n    background0: 1,\n    background02: 2,\n    background04: 3,\n    background06: 4,\n    background08: 5,\n    color1: bgIndex,\n    color2: bgIndex + 1,\n    color3: bgIndex + 2,\n    color4: bgIndex + 3,\n    color5: bgIndex + 4,\n    color6: bgIndex + 5,\n    color7: bgIndex + 6,\n    color8: bgIndex + 7,\n    color9: bgIndex + 8,\n    color10: bgIndex + 9,\n    color11: bgIndex + 10,\n    color12: bgIndex + 11,\n    color0: -1,\n    color02: -2,\n    color04: -3,\n    color06: -4,\n    color08: -5,\n    // the background, color, etc keys here work like generics - they make it so you\n    // can publish components for others to use without mandating a specific color scale\n    // the @tamagui/button Button component looks for `background`, so you set the\n    // dark_red_Button theme to have a stronger background than the dark_red theme.\n    background: bgIndex,\n    backgroundHover: bgIndex + increaseContrast * 2,\n    backgroundPress: bgIndex + increaseContrast * 3,\n    backgroundFocus: bgIndex + increaseContrast * 2,\n    borderColor,\n    borderColorHover: borderColor + lighten,\n    borderColorPress: borderColor + darken,\n    borderColorFocus: borderColor,\n    ...baseColors,\n    colorTransparent: -1\n  };\n  const surface1 = {\n    ...baseColors,\n    background: base.background + 1,\n    backgroundHover: base.backgroundHover + 1,\n    backgroundPress: base.backgroundPress + 1,\n    backgroundFocus: base.backgroundFocus + 1,\n    backgroundActive: base.background + 1,\n    borderColor: base.borderColor + 1,\n    borderColorHover: base.borderColorHover + 1,\n    borderColorFocus: base.borderColorFocus + 1,\n    borderColorPress: base.borderColorPress + 1\n  };\n  const surface2 = {\n    ...baseColors,\n    background: base.background + 2,\n    backgroundHover: base.backgroundHover + 2,\n    backgroundPress: base.backgroundPress + 2,\n    backgroundFocus: base.backgroundFocus + 2,\n    backgroundActive: base.background + 2,\n    borderColor: base.borderColor + 2,\n    borderColorHover: base.borderColorHover + 2,\n    borderColorFocus: base.borderColorFocus + 2,\n    borderColorPress: base.borderColorPress + 2\n  };\n  const surface3 = {\n    ...baseColors,\n    background: base.background + 3,\n    backgroundHover: base.backgroundHover + 3,\n    backgroundPress: base.backgroundPress + 3,\n    backgroundFocus: base.backgroundFocus + 3,\n    backgroundActive: base.background + 3,\n    borderColor: base.borderColor + 3,\n    borderColorHover: base.borderColorHover + 3,\n    borderColorFocus: base.borderColorFocus + 3,\n    borderColorPress: base.borderColorPress + 3\n  };\n  const alt1 = {\n    color: base.color - 1,\n    colorHover: base.colorHover - 1,\n    colorPress: base.colorPress - 1,\n    colorFocus: base.colorFocus - 1\n  };\n  const alt2 = {\n    color: base.color - 2,\n    colorHover: base.colorHover - 2,\n    colorPress: base.colorPress - 2,\n    colorFocus: base.colorFocus - 2\n  };\n  const inverse = Object.fromEntries(\n    Object.entries(base).map(([key, index]) => {\n      return [key, -index];\n    })\n  );\n  return {\n    base,\n    surface1,\n    surface2,\n    surface3,\n    alt1,\n    alt2,\n    inverse\n  };\n};\nconst defaultTemplates = getTemplates();\nexport {\n  defaultTemplates\n};\n//# sourceMappingURL=defaultTemplates.js.map\n"],"mappings":"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"}

package/dist/esm/theme-builder/defaultTemplates.native.js

@@ -0,0 +1,132 @@
+import { objectFromEntries, objectKeys } from "./helpers.native.js";
+
+var getTemplates = function() {
+	var lightTemplates = getBaseTemplates("light");
+	var darkTemplates = getBaseTemplates("dark");
+	var templates = {
+		...objectFromEntries(objectKeys(lightTemplates).map(function(name) {
+			return [`light_${name}`, lightTemplates[name]];
+		})),
+		...objectFromEntries(objectKeys(darkTemplates).map(function(name) {
+			return [`dark_${name}`, darkTemplates[name]];
+		}))
+	};
+	return templates;
+};
+var getBaseTemplates = function(scheme) {
+	var isLight = scheme === "light";
+	var bgIndex = 6;
+	var lighten = isLight ? -1 : 1;
+	var darken = -lighten;
+	var increaseContrast = 1;
+	var borderColor = bgIndex + 3;
+	var baseColors = {
+		color: -bgIndex,
+		colorHover: -bgIndex - 1,
+		colorPress: -bgIndex,
+		colorFocus: -bgIndex - 1,
+		placeholderColor: -bgIndex - 3,
+		outlineColor: -2
+	};
+	var base = {
+		accentBackground: 0,
+		accentColor: -0,
+		background0: 1,
+		background02: 2,
+		background04: 3,
+		background06: 4,
+		background08: 5,
+		color1: bgIndex,
+		color2: bgIndex + 1,
+		color3: bgIndex + 2,
+		color4: bgIndex + 3,
+		color5: bgIndex + 4,
+		color6: bgIndex + 5,
+		color7: bgIndex + 6,
+		color8: bgIndex + 7,
+		color9: bgIndex + 8,
+		color10: bgIndex + 9,
+		color11: bgIndex + 10,
+		color12: bgIndex + 11,
+		color0: -1,
+		color02: -2,
+		color04: -3,
+		color06: -4,
+		color08: -5,
+		background: bgIndex,
+		backgroundHover: bgIndex + increaseContrast * 2,
+		backgroundPress: bgIndex + increaseContrast * 3,
+		backgroundFocus: bgIndex + increaseContrast * 2,
+		borderColor,
+		borderColorHover: borderColor + lighten,
+		borderColorPress: borderColor + darken,
+		borderColorFocus: borderColor,
+		...baseColors,
+		colorTransparent: -1
+	};
+	var surface1 = {
+		...baseColors,
+		background: base.background + 1,
+		backgroundHover: base.backgroundHover + 1,
+		backgroundPress: base.backgroundPress + 1,
+		backgroundFocus: base.backgroundFocus + 1,
+		backgroundActive: base.background + 1,
+		borderColor: base.borderColor + 1,
+		borderColorHover: base.borderColorHover + 1,
+		borderColorFocus: base.borderColorFocus + 1,
+		borderColorPress: base.borderColorPress + 1
+	};
+	var surface2 = {
+		...baseColors,
+		background: base.background + 2,
+		backgroundHover: base.backgroundHover + 2,
+		backgroundPress: base.backgroundPress + 2,
+		backgroundFocus: base.backgroundFocus + 2,
+		backgroundActive: base.background + 2,
+		borderColor: base.borderColor + 2,
+		borderColorHover: base.borderColorHover + 2,
+		borderColorFocus: base.borderColorFocus + 2,
+		borderColorPress: base.borderColorPress + 2
+	};
+	var surface3 = {
+		...baseColors,
+		background: base.background + 3,
+		backgroundHover: base.backgroundHover + 3,
+		backgroundPress: base.backgroundPress + 3,
+		backgroundFocus: base.backgroundFocus + 3,
+		backgroundActive: base.background + 3,
+		borderColor: base.borderColor + 3,
+		borderColorHover: base.borderColorHover + 3,
+		borderColorFocus: base.borderColorFocus + 3,
+		borderColorPress: base.borderColorPress + 3
+	};
+	var alt1 = {
+		color: base.color - 1,
+		colorHover: base.colorHover - 1,
+		colorPress: base.colorPress - 1,
+		colorFocus: base.colorFocus - 1
+	};
+	var alt2 = {
+		color: base.color - 2,
+		colorHover: base.colorHover - 2,
+		colorPress: base.colorPress - 2,
+		colorFocus: base.colorFocus - 2
+	};
+	var inverse = Object.fromEntries(Object.entries(base).map(function(param) {
+		var [key, index] = param;
+		return [key, -index];
+	}));
+	return {
+		base,
+		surface1,
+		surface2,
+		surface3,
+		alt1,
+		alt2,
+		inverse
+	};
+};
+var defaultTemplates = getTemplates();
+
+export { defaultTemplates };
+//# sourceMappingURL=defaultTemplates.native.js.map

package/dist/esm/theme-builder/defaultTemplates.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTemplates.native.js","names":[],"sources":["esm/theme-builder/defaultTemplates.native.js"],"sourcesContent":["import { objectFromEntries, objectKeys } from \"./helpers\";\nvar getTemplates = function() {\n  var lightTemplates = getBaseTemplates(\"light\");\n  var darkTemplates = getBaseTemplates(\"dark\");\n  var templates = {\n    ...objectFromEntries(objectKeys(lightTemplates).map(function(name) {\n      return [\n        `light_${name}`,\n        lightTemplates[name]\n      ];\n    })),\n    ...objectFromEntries(objectKeys(darkTemplates).map(function(name) {\n      return [\n        `dark_${name}`,\n        darkTemplates[name]\n      ];\n    }))\n  };\n  return templates;\n};\nvar getBaseTemplates = function(scheme) {\n  var isLight = scheme === \"light\";\n  var bgIndex = 6;\n  var lighten = isLight ? -1 : 1;\n  var darken = -lighten;\n  var increaseContrast = 1;\n  var borderColor = bgIndex + 3;\n  var baseColors = {\n    color: -bgIndex,\n    colorHover: -bgIndex - 1,\n    colorPress: -bgIndex,\n    colorFocus: -bgIndex - 1,\n    placeholderColor: -bgIndex - 3,\n    outlineColor: -2\n  };\n  var base = {\n    accentBackground: 0,\n    accentColor: -0,\n    background0: 1,\n    background02: 2,\n    background04: 3,\n    background06: 4,\n    background08: 5,\n    color1: bgIndex,\n    color2: bgIndex + 1,\n    color3: bgIndex + 2,\n    color4: bgIndex + 3,\n    color5: bgIndex + 4,\n    color6: bgIndex + 5,\n    color7: bgIndex + 6,\n    color8: bgIndex + 7,\n    color9: bgIndex + 8,\n    color10: bgIndex + 9,\n    color11: bgIndex + 10,\n    color12: bgIndex + 11,\n    color0: -1,\n    color02: -2,\n    color04: -3,\n    color06: -4,\n    color08: -5,\n    // the background, color, etc keys here work like generics - they make it so you\n    // can publish components for others to use without mandating a specific color scale\n    // the @tamagui/button Button component looks for `background`, so you set the\n    // dark_red_Button theme to have a stronger background than the dark_red theme.\n    background: bgIndex,\n    backgroundHover: bgIndex + increaseContrast * 2,\n    backgroundPress: bgIndex + increaseContrast * 3,\n    backgroundFocus: bgIndex + increaseContrast * 2,\n    borderColor,\n    borderColorHover: borderColor + lighten,\n    borderColorPress: borderColor + darken,\n    borderColorFocus: borderColor,\n    ...baseColors,\n    colorTransparent: -1\n  };\n  var surface1 = {\n    ...baseColors,\n    background: base.background + 1,\n    backgroundHover: base.backgroundHover + 1,\n    backgroundPress: base.backgroundPress + 1,\n    backgroundFocus: base.backgroundFocus + 1,\n    backgroundActive: base.background + 1,\n    borderColor: base.borderColor + 1,\n    borderColorHover: base.borderColorHover + 1,\n    borderColorFocus: base.borderColorFocus + 1,\n    borderColorPress: base.borderColorPress + 1\n  };\n  var surface2 = {\n    ...baseColors,\n    background: base.background + 2,\n    backgroundHover: base.backgroundHover + 2,\n    backgroundPress: base.backgroundPress + 2,\n    backgroundFocus: base.backgroundFocus + 2,\n    backgroundActive: base.background + 2,\n    borderColor: base.borderColor + 2,\n    borderColorHover: base.borderColorHover + 2,\n    borderColorFocus: base.borderColorFocus + 2,\n    borderColorPress: base.borderColorPress + 2\n  };\n  var surface3 = {\n    ...baseColors,\n    background: base.background + 3,\n    backgroundHover: base.backgroundHover + 3,\n    backgroundPress: base.backgroundPress + 3,\n    backgroundFocus: base.backgroundFocus + 3,\n    backgroundActive: base.background + 3,\n    borderColor: base.borderColor + 3,\n    borderColorHover: base.borderColorHover + 3,\n    borderColorFocus: base.borderColorFocus + 3,\n    borderColorPress: base.borderColorPress + 3\n  };\n  var alt1 = {\n    color: base.color - 1,\n    colorHover: base.colorHover - 1,\n    colorPress: base.colorPress - 1,\n    colorFocus: base.colorFocus - 1\n  };\n  var alt2 = {\n    color: base.color - 2,\n    colorHover: base.colorHover - 2,\n    colorPress: base.colorPress - 2,\n    colorFocus: base.colorFocus - 2\n  };\n  var inverse = Object.fromEntries(Object.entries(base).map(function(param) {\n    var [key, index] = param;\n    return [\n      key,\n      -index\n    ];\n  }));\n  return {\n    base,\n    surface1,\n    surface2,\n    surface3,\n    alt1,\n    alt2,\n    inverse\n  };\n};\nvar defaultTemplates = getTemplates();\nexport {\n  defaultTemplates\n};\n//# sourceMappingURL=defaultTemplates.js.map\n"],"mappings":"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"}

package/dist/esm/theme-builder/defaultTemplatesStronger.mjs

@@ -0,0 +1,123 @@
+import { objectFromEntries, objectKeys } from "./helpers.mjs";
+
+const getTemplates = () => {
+	const lightTemplates = getBaseTemplates("light");
+	const darkTemplates = getBaseTemplates("dark");
+	const templates = {
+		...objectFromEntries(objectKeys(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
+		...objectFromEntries(objectKeys(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]]))
+	};
+	return templates;
+};
+const getBaseTemplates = (scheme) => {
+	const isLight = scheme === "light";
+	const bgIndex = 6;
+	const lighten = isLight ? -1 : 1;
+	const darken = -lighten;
+	const borderColor = bgIndex + 3;
+	const baseColors = {
+		color: -bgIndex,
+		colorHover: -bgIndex - 1,
+		colorPress: -bgIndex,
+		colorFocus: -bgIndex - 1,
+		placeholderColor: -bgIndex - 3,
+		outlineColor: -2
+	};
+	const base = {
+		accentBackground: 0,
+		accentColor: -0,
+		background0: 1,
+		background02: 2,
+		background04: 3,
+		background06: 4,
+		background08: 5,
+		color1: bgIndex,
+		color2: bgIndex + 1,
+		color3: bgIndex + 2,
+		color4: bgIndex + 3,
+		color5: bgIndex + 4,
+		color6: bgIndex + 5,
+		color7: bgIndex + 6,
+		color8: bgIndex + 7,
+		color9: bgIndex + 8,
+		color10: bgIndex + 9,
+		color11: bgIndex + 10,
+		color12: bgIndex + 11,
+		color0: -1,
+		color02: -2,
+		color04: -3,
+		color06: -4,
+		color08: -5,
+		background: bgIndex,
+		backgroundHover: bgIndex + lighten,
+		backgroundPress: bgIndex + darken,
+		backgroundFocus: bgIndex + darken,
+		borderColor,
+		borderColorHover: borderColor + lighten,
+		borderColorPress: borderColor + darken,
+		borderColorFocus: borderColor,
+		...baseColors,
+		colorTransparent: -1
+	};
+	const surface1 = {
+		...baseColors,
+		background: base.background + 2,
+		backgroundHover: base.backgroundHover + 2,
+		backgroundPress: base.backgroundPress + 2,
+		backgroundFocus: base.backgroundFocus + 2,
+		borderColor: base.borderColor + 2,
+		borderColorHover: base.borderColorHover + 2,
+		borderColorFocus: base.borderColorFocus + 2,
+		borderColorPress: base.borderColorPress + 2
+	};
+	const surface2 = {
+		...baseColors,
+		background: base.background + 3,
+		backgroundHover: base.backgroundHover + 3,
+		backgroundPress: base.backgroundPress + 3,
+		backgroundFocus: base.backgroundFocus + 3,
+		borderColor: base.borderColor + 3,
+		borderColorHover: base.borderColorHover + 3,
+		borderColorFocus: base.borderColorFocus + 3,
+		borderColorPress: base.borderColorPress + 3
+	};
+	const surface3 = {
+		...baseColors,
+		background: base.background + 4,
+		backgroundHover: base.backgroundHover + 4,
+		backgroundPress: base.backgroundPress + 4,
+		backgroundFocus: base.backgroundFocus + 4,
+		borderColor: base.borderColor + 4,
+		borderColorHover: base.borderColorHover + 4,
+		borderColorFocus: base.borderColorFocus + 4,
+		borderColorPress: base.borderColorPress + 4
+	};
+	const alt1 = {
+		color: base.color - 1,
+		colorHover: base.colorHover - 1,
+		colorPress: base.colorPress - 1,
+		colorFocus: base.colorFocus - 1
+	};
+	const alt2 = {
+		color: base.color - 2,
+		colorHover: base.colorHover - 2,
+		colorPress: base.colorPress - 2,
+		colorFocus: base.colorFocus - 2
+	};
+	const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+		return [key, -index];
+	}));
+	return {
+		base,
+		surface1,
+		surface2,
+		surface3,
+		alt1,
+		alt2,
+		inverse
+	};
+};
+const defaultTemplatesStronger = getTemplates();
+
+export { defaultTemplatesStronger };
+//# sourceMappingURL=defaultTemplatesStronger.mjs.map

package/dist/esm/theme-builder/defaultTemplatesStronger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTemplatesStronger.js","names":[],"sources":["esm/theme-builder/defaultTemplatesStronger.js"],"sourcesContent":["import { objectFromEntries, objectKeys } from \"./helpers\";\nconst getTemplates = () => {\n  const lightTemplates = getBaseTemplates(\"light\");\n  const darkTemplates = getBaseTemplates(\"dark\");\n  const templates = {\n    ...objectFromEntries(\n      objectKeys(lightTemplates).map(\n        (name) => [`light_${name}`, lightTemplates[name]]\n      )\n    ),\n    ...objectFromEntries(\n      objectKeys(darkTemplates).map(\n        (name) => [`dark_${name}`, darkTemplates[name]]\n      )\n    )\n  };\n  return templates;\n};\nconst getBaseTemplates = (scheme) => {\n  const isLight = scheme === \"light\";\n  const bgIndex = 6;\n  const lighten = isLight ? -1 : 1;\n  const darken = -lighten;\n  const borderColor = bgIndex + 3;\n  const baseColors = {\n    color: -bgIndex,\n    colorHover: -bgIndex - 1,\n    colorPress: -bgIndex,\n    colorFocus: -bgIndex - 1,\n    placeholderColor: -bgIndex - 3,\n    outlineColor: -2\n  };\n  const base = {\n    accentBackground: 0,\n    accentColor: -0,\n    background0: 1,\n    background02: 2,\n    background04: 3,\n    background06: 4,\n    background08: 5,\n    color1: bgIndex,\n    color2: bgIndex + 1,\n    color3: bgIndex + 2,\n    color4: bgIndex + 3,\n    color5: bgIndex + 4,\n    color6: bgIndex + 5,\n    color7: bgIndex + 6,\n    color8: bgIndex + 7,\n    color9: bgIndex + 8,\n    color10: bgIndex + 9,\n    color11: bgIndex + 10,\n    color12: bgIndex + 11,\n    color0: -1,\n    color02: -2,\n    color04: -3,\n    color06: -4,\n    color08: -5,\n    // the background, color, etc keys here work like generics - they make it so you\n    // can publish components for others to use without mandating a specific color scale\n    // the @tamagui/button Button component looks for `background`, so you set the\n    // dark_red_Button theme to have a stronger background than the dark_red theme.\n    background: bgIndex,\n    backgroundHover: bgIndex + lighten,\n    // always lighten on hover no matter the scheme\n    backgroundPress: bgIndex + darken,\n    // always darken on press no matter the theme\n    backgroundFocus: bgIndex + darken,\n    borderColor,\n    borderColorHover: borderColor + lighten,\n    borderColorPress: borderColor + darken,\n    borderColorFocus: borderColor,\n    ...baseColors,\n    colorTransparent: -1\n  };\n  const surface1 = {\n    ...baseColors,\n    background: base.background + 2,\n    backgroundHover: base.backgroundHover + 2,\n    backgroundPress: base.backgroundPress + 2,\n    backgroundFocus: base.backgroundFocus + 2,\n    borderColor: base.borderColor + 2,\n    borderColorHover: base.borderColorHover + 2,\n    borderColorFocus: base.borderColorFocus + 2,\n    borderColorPress: base.borderColorPress + 2\n  };\n  const surface2 = {\n    ...baseColors,\n    background: base.background + 3,\n    backgroundHover: base.backgroundHover + 3,\n    backgroundPress: base.backgroundPress + 3,\n    backgroundFocus: base.backgroundFocus + 3,\n    borderColor: base.borderColor + 3,\n    borderColorHover: base.borderColorHover + 3,\n    borderColorFocus: base.borderColorFocus + 3,\n    borderColorPress: base.borderColorPress + 3\n  };\n  const surface3 = {\n    ...baseColors,\n    background: base.background + 4,\n    backgroundHover: base.backgroundHover + 4,\n    backgroundPress: base.backgroundPress + 4,\n    backgroundFocus: base.backgroundFocus + 4,\n    borderColor: base.borderColor + 4,\n    borderColorHover: base.borderColorHover + 4,\n    borderColorFocus: base.borderColorFocus + 4,\n    borderColorPress: base.borderColorPress + 4\n  };\n  const alt1 = {\n    color: base.color - 1,\n    colorHover: base.colorHover - 1,\n    colorPress: base.colorPress - 1,\n    colorFocus: base.colorFocus - 1\n  };\n  const alt2 = {\n    color: base.color - 2,\n    colorHover: base.colorHover - 2,\n    colorPress: base.colorPress - 2,\n    colorFocus: base.colorFocus - 2\n  };\n  const inverse = Object.fromEntries(\n    Object.entries(base).map(([key, index]) => {\n      return [key, -index];\n    })\n  );\n  return {\n    base,\n    surface1,\n    surface2,\n    surface3,\n    alt1,\n    alt2,\n    inverse\n  };\n};\nconst defaultTemplatesStronger = getTemplates();\nexport {\n  defaultTemplatesStronger\n};\n//# sourceMappingURL=defaultTemplatesStronger.js.map\n"],"mappings":"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"}

package/dist/esm/theme-builder/defaultTemplatesStronger.native.js

@@ -0,0 +1,128 @@
+import { objectFromEntries, objectKeys } from "./helpers.native.js";
+
+var getTemplates = function() {
+	var lightTemplates = getBaseTemplates("light");
+	var darkTemplates = getBaseTemplates("dark");
+	var templates = {
+		...objectFromEntries(objectKeys(lightTemplates).map(function(name) {
+			return [`light_${name}`, lightTemplates[name]];
+		})),
+		...objectFromEntries(objectKeys(darkTemplates).map(function(name) {
+			return [`dark_${name}`, darkTemplates[name]];
+		}))
+	};
+	return templates;
+};
+var getBaseTemplates = function(scheme) {
+	var isLight = scheme === "light";
+	var bgIndex = 6;
+	var lighten = isLight ? -1 : 1;
+	var darken = -lighten;
+	var borderColor = bgIndex + 3;
+	var baseColors = {
+		color: -bgIndex,
+		colorHover: -bgIndex - 1,
+		colorPress: -bgIndex,
+		colorFocus: -bgIndex - 1,
+		placeholderColor: -bgIndex - 3,
+		outlineColor: -2
+	};
+	var base = {
+		accentBackground: 0,
+		accentColor: -0,
+		background0: 1,
+		background02: 2,
+		background04: 3,
+		background06: 4,
+		background08: 5,
+		color1: bgIndex,
+		color2: bgIndex + 1,
+		color3: bgIndex + 2,
+		color4: bgIndex + 3,
+		color5: bgIndex + 4,
+		color6: bgIndex + 5,
+		color7: bgIndex + 6,
+		color8: bgIndex + 7,
+		color9: bgIndex + 8,
+		color10: bgIndex + 9,
+		color11: bgIndex + 10,
+		color12: bgIndex + 11,
+		color0: -1,
+		color02: -2,
+		color04: -3,
+		color06: -4,
+		color08: -5,
+		background: bgIndex,
+		backgroundHover: bgIndex + lighten,
+		backgroundPress: bgIndex + darken,
+		backgroundFocus: bgIndex + darken,
+		borderColor,
+		borderColorHover: borderColor + lighten,
+		borderColorPress: borderColor + darken,
+		borderColorFocus: borderColor,
+		...baseColors,
+		colorTransparent: -1
+	};
+	var surface1 = {
+		...baseColors,
+		background: base.background + 2,
+		backgroundHover: base.backgroundHover + 2,
+		backgroundPress: base.backgroundPress + 2,
+		backgroundFocus: base.backgroundFocus + 2,
+		borderColor: base.borderColor + 2,
+		borderColorHover: base.borderColorHover + 2,
+		borderColorFocus: base.borderColorFocus + 2,
+		borderColorPress: base.borderColorPress + 2
+	};
+	var surface2 = {
+		...baseColors,
+		background: base.background + 3,
+		backgroundHover: base.backgroundHover + 3,
+		backgroundPress: base.backgroundPress + 3,
+		backgroundFocus: base.backgroundFocus + 3,
+		borderColor: base.borderColor + 3,
+		borderColorHover: base.borderColorHover + 3,
+		borderColorFocus: base.borderColorFocus + 3,
+		borderColorPress: base.borderColorPress + 3
+	};
+	var surface3 = {
+		...baseColors,
+		background: base.background + 4,
+		backgroundHover: base.backgroundHover + 4,
+		backgroundPress: base.backgroundPress + 4,
+		backgroundFocus: base.backgroundFocus + 4,
+		borderColor: base.borderColor + 4,
+		borderColorHover: base.borderColorHover + 4,
+		borderColorFocus: base.borderColorFocus + 4,
+		borderColorPress: base.borderColorPress + 4
+	};
+	var alt1 = {
+		color: base.color - 1,
+		colorHover: base.colorHover - 1,
+		colorPress: base.colorPress - 1,
+		colorFocus: base.colorFocus - 1
+	};
+	var alt2 = {
+		color: base.color - 2,
+		colorHover: base.colorHover - 2,
+		colorPress: base.colorPress - 2,
+		colorFocus: base.colorFocus - 2
+	};
+	var inverse = Object.fromEntries(Object.entries(base).map(function(param) {
+		var [key, index] = param;
+		return [key, -index];
+	}));
+	return {
+		base,
+		surface1,
+		surface2,
+		surface3,
+		alt1,
+		alt2,
+		inverse
+	};
+};
+var defaultTemplatesStronger = getTemplates();
+
+export { defaultTemplatesStronger };
+//# sourceMappingURL=defaultTemplatesStronger.native.js.map