@tamagui/theme-builder 1.45.10 → 1.45.11

package/dist/cjs/ThemeBuilder.js

@@ -0,0 +1,175 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeBuilder_exports = {};
+__export(ThemeBuilder_exports, {
+  ThemeBuilder: () => ThemeBuilder,
+  createThemeBuilder: () => createThemeBuilder
+});
+module.exports = __toCommonJS(ThemeBuilder_exports);
+var import_create_theme = require("@tamagui/create-theme");
+class ThemeBuilder {
+  constructor(state) {
+    this.state = state;
+  }
+  addPalettes(palettes) {
+    this.state.palettes = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.palettes,
+      ...palettes
+    };
+    return this;
+  }
+  addTemplates(templates) {
+    this.state.templates = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.templates,
+      ...templates
+    };
+    return this;
+  }
+  addMasks(masks) {
+    this.state.masks = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.masks,
+      ...(0, import_create_theme.objectFromEntries)(
+        (0, import_create_theme.objectEntries)(masks).map(([key, val]) => [key, (0, import_create_theme.createMask)(val)])
+      )
+    };
+    return this;
+  }
+  addThemes(themes) {
+    this.state.themes = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.themes,
+      ...themes
+    };
+    return this;
+  }
+  addChildThemes(childThemeDefinition, options) {
+    const currentThemes = this.state.themes;
+    if (!currentThemes) {
+      throw new Error(
+        `No themes defined yet, use addThemes first to set your base themes`
+      );
+    }
+    const currentThemeNames = (0, import_create_theme.objectKeys)(currentThemes);
+    const incomingThemeNames = (0, import_create_theme.objectKeys)(childThemeDefinition);
+    const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
+      if (options == null ? void 0 : options.avoidNestingWithin) {
+        if (options.avoidNestingWithin.some(
+          (avoidName) => prefix.startsWith(avoidName) || prefix.endsWith(avoidName)
+        )) {
+          return [];
+        }
+      }
+      return incomingThemeNames.map((subName) => {
+        const fullName = `${prefix}_${subName}`;
+        const definition = childThemeDefinition[subName];
+        return [fullName, definition];
+      });
+    });
+    const childThemes = (0, import_create_theme.objectFromEntries)(namesWithDefinitions);
+    const next = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.themes,
+      ...childThemes
+    };
+    this.state.themes = next;
+    return this;
+  }
+  build() {
+    var _a, _b;
+    if (!this.state.themes) {
+      return {};
+    }
+    const out = {};
+    const maskedThemes = [];
+    for (const themeName in this.state.themes) {
+      const nameParts = themeName.split("_");
+      const parentName = nameParts.slice(0, nameParts.length - 1).join("_");
+      const definitions = this.state.themes[themeName];
+      const themeDefinition = Array.isArray(definitions) ? (() => {
+        const found = definitions.find((d) => parentName.startsWith(d.parent));
+        if (!found) {
+          throw new Error(`No parent for ${themeName}: ${parentName}`);
+        }
+        return found;
+      })() : definitions;
+      if ("theme" in themeDefinition) {
+        out[themeName] = themeDefinition.theme;
+      } else if ("mask" in themeDefinition) {
+        maskedThemes.push({ parentName, themeName, mask: themeDefinition });
+      } else {
+        const {
+          palette: paletteName,
+          template: templateName,
+          ...options
+        } = themeDefinition;
+        if (!this.state.palettes) {
+          throw new Error(
+            `No palettes defined for theme with palette expected: ${themeName}`
+          );
+        }
+        let palette = this.state.palettes[paletteName];
+        if (!palette) {
+          const fullPaletteName = `${parentName}_${paletteName}`;
+          palette = this.state.palettes[fullPaletteName];
+        }
+        if (!palette) {
+          throw new Error(`No palette for theme ${themeName}: ${paletteName}`);
+        }
+        const template = (_a = this.state.templates) == null ? void 0 : _a[templateName];
+        if (!template) {
+          throw new Error(`No template for theme ${themeName}: ${templateName}`);
+        }
+        out[themeName] = (0, import_create_theme.createTheme)(palette, template, options, themeName);
+      }
+    }
+    for (const { mask, themeName, parentName } of maskedThemes) {
+      const parent = out[parentName];
+      if (!parent) {
+        throw new Error(
+          `No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
+        );
+      }
+      const { mask: maskName, ...options } = mask;
+      const maskFunction = (_b = this.state.masks) == null ? void 0 : _b[maskName];
+      if (!maskFunction) {
+        throw new Error(`No mask ${maskFunction}`);
+      }
+      out[themeName] = (0, import_create_theme.applyMask)(
+        parent,
+        maskFunction,
+        options,
+        parentName,
+        themeName
+      );
+    }
+    return out;
+  }
+}
+function createThemeBuilder() {
+  return new ThemeBuilder({});
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeBuilder,
+  createThemeBuilder
+});
+//# sourceMappingURL=ThemeBuilder.js.map

package/dist/cjs/ThemeBuilder.js.map

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

package/dist/cjs/index.js

@@ -15,11 +15,9 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("@tamagui/create-theme"), module.exports);
-__reExport(src_exports, require("@tamagui/create-theme/theme-builder"), module.exports);
+__reExport(src_exports, require("./ThemeBuilder"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@tamagui/create-theme"),
-  ...require("@tamagui/create-theme/theme-builder")
+  ...require("./ThemeBuilder")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,kCAAd;AACA,wBAAc,gDADd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,2BAAd;",
   "names": []
 }

package/dist/esm/ThemeBuilder.js

@@ -0,0 +1,157 @@
+import {
+  applyMask,
+  createMask,
+  createTheme,
+  objectEntries,
+  objectFromEntries,
+  objectKeys
+} from "@tamagui/create-theme";
+class ThemeBuilder {
+  constructor(state) {
+    this.state = state;
+  }
+  addPalettes(palettes) {
+    this.state.palettes = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.palettes,
+      ...palettes
+    };
+    return this;
+  }
+  addTemplates(templates) {
+    this.state.templates = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.templates,
+      ...templates
+    };
+    return this;
+  }
+  addMasks(masks) {
+    this.state.masks = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.masks,
+      ...objectFromEntries(
+        objectEntries(masks).map(([key, val]) => [key, createMask(val)])
+      )
+    };
+    return this;
+  }
+  addThemes(themes) {
+    this.state.themes = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.themes,
+      ...themes
+    };
+    return this;
+  }
+  addChildThemes(childThemeDefinition, options) {
+    const currentThemes = this.state.themes;
+    if (!currentThemes) {
+      throw new Error(
+        `No themes defined yet, use addThemes first to set your base themes`
+      );
+    }
+    const currentThemeNames = objectKeys(currentThemes);
+    const incomingThemeNames = objectKeys(childThemeDefinition);
+    const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
+      if (options == null ? void 0 : options.avoidNestingWithin) {
+        if (options.avoidNestingWithin.some(
+          (avoidName) => prefix.startsWith(avoidName) || prefix.endsWith(avoidName)
+        )) {
+          return [];
+        }
+      }
+      return incomingThemeNames.map((subName) => {
+        const fullName = `${prefix}_${subName}`;
+        const definition = childThemeDefinition[subName];
+        return [fullName, definition];
+      });
+    });
+    const childThemes = objectFromEntries(namesWithDefinitions);
+    const next = {
+      // as {} prevents generic string key merge messing up types
+      ...this.state.themes,
+      ...childThemes
+    };
+    this.state.themes = next;
+    return this;
+  }
+  build() {
+    var _a, _b;
+    if (!this.state.themes) {
+      return {};
+    }
+    const out = {};
+    const maskedThemes = [];
+    for (const themeName in this.state.themes) {
+      const nameParts = themeName.split("_");
+      const parentName = nameParts.slice(0, nameParts.length - 1).join("_");
+      const definitions = this.state.themes[themeName];
+      const themeDefinition = Array.isArray(definitions) ? (() => {
+        const found = definitions.find((d) => parentName.startsWith(d.parent));
+        if (!found) {
+          throw new Error(`No parent for ${themeName}: ${parentName}`);
+        }
+        return found;
+      })() : definitions;
+      if ("theme" in themeDefinition) {
+        out[themeName] = themeDefinition.theme;
+      } else if ("mask" in themeDefinition) {
+        maskedThemes.push({ parentName, themeName, mask: themeDefinition });
+      } else {
+        const {
+          palette: paletteName,
+          template: templateName,
+          ...options
+        } = themeDefinition;
+        if (!this.state.palettes) {
+          throw new Error(
+            `No palettes defined for theme with palette expected: ${themeName}`
+          );
+        }
+        let palette = this.state.palettes[paletteName];
+        if (!palette) {
+          const fullPaletteName = `${parentName}_${paletteName}`;
+          palette = this.state.palettes[fullPaletteName];
+        }
+        if (!palette) {
+          throw new Error(`No palette for theme ${themeName}: ${paletteName}`);
+        }
+        const template = (_a = this.state.templates) == null ? void 0 : _a[templateName];
+        if (!template) {
+          throw new Error(`No template for theme ${themeName}: ${templateName}`);
+        }
+        out[themeName] = createTheme(palette, template, options, themeName);
+      }
+    }
+    for (const { mask, themeName, parentName } of maskedThemes) {
+      const parent = out[parentName];
+      if (!parent) {
+        throw new Error(
+          `No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
+        );
+      }
+      const { mask: maskName, ...options } = mask;
+      const maskFunction = (_b = this.state.masks) == null ? void 0 : _b[maskName];
+      if (!maskFunction) {
+        throw new Error(`No mask ${maskFunction}`);
+      }
+      out[themeName] = applyMask(
+        parent,
+        maskFunction,
+        options,
+        parentName,
+        themeName
+      );
+    }
+    return out;
+  }
+}
+function createThemeBuilder() {
+  return new ThemeBuilder({});
+}
+export {
+  ThemeBuilder,
+  createThemeBuilder
+};
+//# sourceMappingURL=ThemeBuilder.js.map

package/dist/esm/ThemeBuilder.js.map

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

package/dist/esm/index.js

@@ -1,3 +1,2 @@
-export * from "@tamagui/create-theme";
-export * from "@tamagui/create-theme/theme-builder";
+export * from "./ThemeBuilder";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme-builder",
-  "version": "1.45.10",
+  "version": "1.45.11",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -27,10 +27,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/create-theme": "1.45.10"
+    "@tamagui/create-theme": "1.45.11"
   },
   "devDependencies": {
-    "@tamagui/build": "1.45.10"
+    "@tamagui/build": "1.45.11"
   },
   "publishConfig": {
     "access": "public"

package/src/ThemeBuilder.ts

@@ -0,0 +1,328 @@
+import {
+  MaskDefinitions,
+  PaletteDefinitions,
+  TemplateDefinitions,
+  ThemeDefinitions,
+  ThemeUsingMask,
+  applyMask,
+  createMask,
+  createTheme,
+  objectEntries,
+  objectFromEntries,
+  objectKeys,
+} from '@tamagui/create-theme'
+import type { Narrow } from '@tamagui/web'
+
+type ThemeBuilderState = {
+  palettes?: PaletteDefinitions
+  templates?: TemplateDefinitions
+  themes?: ThemeDefinitions
+  masks?: MaskDefinitions
+}
+
+type ObjectStringKeys<A extends Object | undefined> = A extends Object
+  ? Exclude<keyof A, symbol | number>
+  : never
+
+type GetGeneratedThemeFromTemplate<Template> = {
+  [key in keyof Template]: string
+}
+
+type GetParentTheme<P, Themes extends ThemeDefinitions | undefined> = P extends string
+  ? P extends keyof Themes
+    ? Themes[P]
+    : GetParentName<P> extends keyof Themes
+    ? Themes[GetParentName<P>]
+    : GetParentName<GetParentName<P>> extends keyof Themes
+    ? Themes[GetParentName<GetParentName<P>>]
+    : GetParentName<GetParentName<GetParentName<P>>> extends keyof Themes
+    ? Themes[GetParentName<GetParentName<GetParentName<P>>>]
+    : never
+  : never
+
+type GetGeneratedTheme<TD extends any, S extends ThemeBuilderState> = TD extends {
+  theme: infer T
+}
+  ? T
+  : TD extends { parent: infer P }
+  ? // ? GetGeneratedThemeFromTemplate<GetParentTheme<P, S['templates']>>
+    GetGeneratedTheme<GetParentTheme<P, S['themes']>, S>
+  : TD extends { template: infer T }
+  ? T extends keyof S['templates']
+    ? GetGeneratedThemeFromTemplate<S['templates'][T]>
+    : TD
+  : TD
+
+type ThemeBuilderBuildResult<S extends ThemeBuilderState> = {
+  [Key in keyof S['themes']]: GetGeneratedTheme<S['themes'][Key], S>
+}
+
+type GetParentName<N extends string> =
+  N extends `${infer A}_${infer B}_${infer C}_${infer D}_${string}`
+    ? `${A}_${B}_${C}_${D}`
+    : N extends `${infer A}_${infer B}_${infer C}_${string}`
+    ? `${A}_${B}_${C}`
+    : N extends `${infer A}_${infer B}_${string}`
+    ? `${A}_${B}`
+    : N extends `${infer A}_${string}`
+    ? `${A}`
+    : never
+
+export class ThemeBuilder<State extends ThemeBuilderState> {
+  constructor(public state: State) {}
+
+  addPalettes<const P extends PaletteDefinitions>(palettes: P) {
+    this.state.palettes = {
+      // as {} prevents generic string key merge messing up types
+      ...(this.state.palettes as {}),
+      ...palettes,
+    }
+    return this as any as ThemeBuilder<
+      State & {
+        palettes: P
+      }
+    >
+  }
+
+  addTemplates<const T extends TemplateDefinitions>(templates: T) {
+    this.state.templates = {
+      // as {} prevents generic string key merge messing up types
+      ...(this.state.templates as {}),
+      ...templates,
+    }
+    return this as any as ThemeBuilder<
+      State & {
+        templates: T
+      }
+    >
+  }
+
+  addMasks<const M extends MaskDefinitions>(masks: M) {
+    this.state.masks = {
+      // as {} prevents generic string key merge messing up types
+      ...(this.state.masks as {}),
+      ...(objectFromEntries(
+        objectEntries(masks).map(([key, val]) => [key, createMask(val)])
+      ) as M),
+    }
+    return this as any as ThemeBuilder<
+      State & {
+        masks: M
+      }
+    >
+  }
+
+  addThemes<const T extends ThemeDefinitions<ObjectStringKeys<State['masks']>>>(
+    themes: T
+  ) {
+    this.state.themes = {
+      // as {} prevents generic string key merge messing up types
+      ...(this.state.themes as {}),
+      ...themes,
+    }
+    return this as any as ThemeBuilder<
+      State & {
+        themes: T
+      }
+    >
+  }
+
+  addChildThemes<
+    CTD extends Narrow<ThemeDefinitions<ObjectStringKeys<State['masks']>>>,
+    const AvoidNestingWithin extends string[] = []
+  >(
+    childThemeDefinition: CTD,
+    options?: {
+      avoidNestingWithin?: AvoidNestingWithin
+    }
+  ) {
+    const currentThemes = this.state.themes as State['themes']
+    if (!currentThemes) {
+      throw new Error(
+        `No themes defined yet, use addThemes first to set your base themes`
+      )
+    }
+
+    // AvoidNestingWithin[number] exclude isn't working here...
+    type CurrentNames = Exclude<keyof typeof currentThemes, symbol | number>
+    type ChildNames = Exclude<keyof CTD, symbol | number>
+
+    const currentThemeNames = objectKeys(currentThemes) as CurrentNames[]
+    const incomingThemeNames = objectKeys(childThemeDefinition) as ChildNames[]
+
+    const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
+      if (options?.avoidNestingWithin) {
+        if (
+          options.avoidNestingWithin.some(
+            (avoidName) => prefix.startsWith(avoidName) || prefix.endsWith(avoidName)
+          )
+        ) {
+          return []
+        }
+      }
+
+      return incomingThemeNames.map((subName) => {
+        const fullName = `${prefix}_${subName}`
+        const definition = childThemeDefinition[subName]
+        return [fullName, definition] as const
+      })
+    })
+
+    type ChildThemes = {
+      [key in `${CurrentNames}_${ChildNames}`]: CTD & {
+        parent: GetParentName<key>
+      }
+    }
+
+    const childThemes = objectFromEntries(namesWithDefinitions) as ChildThemes
+
+    const next = {
+      // as {} prevents generic string key merge messing up types
+      ...(this.state.themes as {}),
+      ...childThemes,
+    }
+
+    // @ts-ignore
+    this.state.themes = next
+
+    return this as any as ThemeBuilder<
+      State & {
+        themes: ChildThemes
+      }
+    >
+  }
+
+  build(): ThemeBuilderBuildResult<State> {
+    if (!this.state.themes) {
+      return {} as any
+    }
+
+    const out = {}
+    const maskedThemes: {
+      parentName: string
+      themeName: string
+      mask: ThemeUsingMask
+    }[] = []
+
+    for (const themeName in this.state.themes) {
+      const nameParts = themeName.split('_')
+      const parentName = nameParts.slice(0, nameParts.length - 1).join('_')
+
+      const definitions = this.state.themes[themeName]
+      const themeDefinition = Array.isArray(definitions)
+        ? (() => {
+            const found = definitions.find((d) => parentName.startsWith(d.parent!))
+            if (!found) {
+              throw new Error(`No parent for ${themeName}: ${parentName}`)
+            }
+            return found
+          })()
+        : definitions
+
+      if ('theme' in themeDefinition) {
+        out[themeName] = themeDefinition.theme
+      } else if ('mask' in themeDefinition) {
+        maskedThemes.push({ parentName, themeName, mask: themeDefinition })
+      } else {
+        const {
+          palette: paletteName,
+          template: templateName,
+          ...options
+        } = themeDefinition
+
+        if (!this.state.palettes) {
+          throw new Error(
+            `No palettes defined for theme with palette expected: ${themeName}`
+          )
+        }
+
+        let palette = this.state.palettes[paletteName]
+
+        if (!palette) {
+          const fullPaletteName = `${parentName}_${paletteName}`
+          palette = this.state.palettes[fullPaletteName]
+          // try using the prefix
+        }
+
+        if (!palette) {
+          throw new Error(`No palette for theme ${themeName}: ${paletteName}`)
+        }
+
+        const template = this.state.templates?.[templateName]
+        if (!template) {
+          throw new Error(`No template for theme ${themeName}: ${templateName}`)
+        }
+
+        out[themeName] = createTheme(palette, template, options, themeName)
+      }
+    }
+
+    for (const { mask, themeName, parentName } of maskedThemes) {
+      const parent = out[parentName]
+
+      if (!parent) {
+        throw new Error(
+          `No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
+        )
+      }
+
+      const { mask: maskName, ...options } = mask
+      const maskFunction = this.state.masks?.[maskName]
+
+      if (!maskFunction) {
+        throw new Error(`No mask ${maskFunction}`)
+      }
+
+      out[themeName] = applyMask(
+        parent,
+        maskFunction as any,
+        options,
+        parentName,
+        themeName
+      )
+    }
+
+    return out as any
+  }
+}
+
+export function createThemeBuilder() {
+  return new ThemeBuilder({})
+}
+
+// // test types
+// let x = createThemeBuilder()
+//   .addMasks({
+//     test: {
+//       name: 'mask',
+//       mask: (() => {}) as any,
+//     },
+//   })
+//   .addThemes({
+//     light: {
+//       template: '',
+//       palette: '',
+//     },
+//     dark: {
+//       mask: 'test',
+//     },
+//   })
+//   .addChildThemes({
+//     List: [
+//       {
+//         parent: '',
+//         mask: 'test',
+//       },
+//     ],
+//   })
+
+// x
+
+// x.state.themes
+// x.state.masks
+
+// let y = x.addChildThemes({
+//   blue: {
+//     mask: 'ok',
+//   },
+// })

package/src/index.ts

@@ -1,2 +1 @@
-export * from '@tamagui/create-theme'
-export * from '@tamagui/create-theme/theme-builder'
+export * from './ThemeBuilder'

package/types/ThemeBuilder.d.ts

@@ -0,0 +1,51 @@
+import { MaskDefinitions, PaletteDefinitions, TemplateDefinitions, ThemeDefinitions } from '@tamagui/create-theme';
+import type { Narrow } from '@tamagui/web';
+type ThemeBuilderState = {
+    palettes?: PaletteDefinitions;
+    templates?: TemplateDefinitions;
+    themes?: ThemeDefinitions;
+    masks?: MaskDefinitions;
+};
+type ObjectStringKeys<A extends Object | undefined> = A extends Object ? Exclude<keyof A, symbol | number> : never;
+type GetGeneratedThemeFromTemplate<Template> = {
+    [key in keyof Template]: string;
+};
+type GetParentTheme<P, Themes extends ThemeDefinitions | undefined> = P extends string ? P extends keyof Themes ? Themes[P] : GetParentName<P> extends keyof Themes ? Themes[GetParentName<P>] : GetParentName<GetParentName<P>> extends keyof Themes ? Themes[GetParentName<GetParentName<P>>] : GetParentName<GetParentName<GetParentName<P>>> extends keyof Themes ? Themes[GetParentName<GetParentName<GetParentName<P>>>] : never : never;
+type GetGeneratedTheme<TD extends any, S extends ThemeBuilderState> = TD extends {
+    theme: infer T;
+} ? T : TD extends {
+    parent: infer P;
+} ? GetGeneratedTheme<GetParentTheme<P, S['themes']>, S> : TD extends {
+    template: infer T;
+} ? T extends keyof S['templates'] ? GetGeneratedThemeFromTemplate<S['templates'][T]> : TD : TD;
+type ThemeBuilderBuildResult<S extends ThemeBuilderState> = {
+    [Key in keyof S['themes']]: GetGeneratedTheme<S['themes'][Key], S>;
+};
+type GetParentName<N extends string> = N extends `${infer A}_${infer B}_${infer C}_${infer D}_${string}` ? `${A}_${B}_${C}_${D}` : N extends `${infer A}_${infer B}_${infer C}_${string}` ? `${A}_${B}_${C}` : N extends `${infer A}_${infer B}_${string}` ? `${A}_${B}` : N extends `${infer A}_${string}` ? `${A}` : never;
+export declare class ThemeBuilder<State extends ThemeBuilderState> {
+    state: State;
+    constructor(state: State);
+    addPalettes<const P extends PaletteDefinitions>(palettes: P): ThemeBuilder<State & {
+        palettes: P;
+    }>;
+    addTemplates<const T extends TemplateDefinitions>(templates: T): ThemeBuilder<State & {
+        templates: T;
+    }>;
+    addMasks<const M extends MaskDefinitions>(masks: M): ThemeBuilder<State & {
+        masks: M;
+    }>;
+    addThemes<const T extends ThemeDefinitions<ObjectStringKeys<State['masks']>>>(themes: T): ThemeBuilder<State & {
+        themes: T;
+    }>;
+    addChildThemes<CTD extends Narrow<ThemeDefinitions<ObjectStringKeys<State['masks']>>>, const AvoidNestingWithin extends string[] = []>(childThemeDefinition: CTD, options?: {
+        avoidNestingWithin?: AvoidNestingWithin;
+    }): ThemeBuilder<State & {
+        themes: { [key in `${Exclude<keyof NonNullable<State["themes"]>, number | symbol>}_${Exclude<keyof CTD, number | symbol>}`]: CTD & {
+            parent: GetParentName<key>;
+        }; };
+    }>;
+    build(): ThemeBuilderBuildResult<State>;
+}
+export declare function createThemeBuilder(): ThemeBuilder<{}>;
+export {};
+//# sourceMappingURL=ThemeBuilder.d.ts.map

package/types/ThemeBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeBuilder.d.ts","sourceRoot":"","sources":["../src/ThemeBuilder.ts"],"names":[],"mappings":"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"}

package/types/index.d.ts

@@ -1,3 +1,2 @@
-export * from '@tamagui/create-theme';
-export * from '@tamagui/create-theme/theme-builder';
+export * from './ThemeBuilder';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,qCAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}