@tamagui/theme-builder 1.79.18 → 1.80.0

package/types/buildThemeSuite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildThemeSuite.d.ts","sourceRoot":"","sources":["../src/buildThemeSuite.ts"],"names":[],"mappings":"AAWA,OAAO,EAA8B,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAiB1E,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiW7E;AAED,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA"}
+{"version":3,"file":"buildThemeSuite.d.ts","sourceRoot":"","sources":["../src/buildThemeSuite.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAGL,oBAAoB,EAGrB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB;;EAE1D;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,SAAiC,EACjC,QAAQ,EACR,eAAe,GAChB,EAAE,oBAAoB,qBAwFtB;AA4KD,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA"}

package/types/buildThemeSuiteScales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildThemeSuiteScales.d.ts","sourceRoot":"","sources":["../src/buildThemeSuiteScales.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,aAAa,EAAE,MAAM,SAAS,CAAA;AAsCnD,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IAC/D,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,CAAC,CAAA;IACf,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QACpB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KACpB,CAAA;IACD,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QACpB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KACpB,CAAA;CACF,CAAA;AAED,wBAAgB,cAAc,CAAC,IAAI,SAAS,aAAa,EACvD,CAAC,EAAE,IAAI,GACN,CAAC,OAAO,UAAU,CAAC,CAAC,IAAI,CAAC,CAE3B;AAOD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJqB,CAAA"}
+{"version":3,"file":"buildThemeSuiteScales.d.ts","sourceRoot":"","sources":["../src/buildThemeSuiteScales.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IAC/D,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,CAAC,CAAA;IACf,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QACpB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KACpB,CAAA;IACD,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QACpB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KACpB,CAAA;CACF,CAAA;AAED,wBAAgB,cAAc,CAAC,IAAI,SAAS,aAAa,EACvD,CAAC,EAAE,IAAI,GACN,CAAC,OAAO,UAAU,CAAC,CAAC,IAAI,CAAC,CAE3B;AAOD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJqB,CAAA"}

package/types/index.d.ts

@@ -1,8 +1,3 @@
 export * from './ThemeBuilder';
 export * from '@tamagui/create-theme';
-export * from './buildMask';
-export * from './types';
-export * from './buildThemeSuite';
-export * from './buildThemeSuitePalettes';
-export * from './buildThemeSuiteScales';
 //# 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,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AAGvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA"}

package/types/types.d.ts

@@ -1,14 +1,15 @@
-import { MaskOptions, Template } from '@tamagui/create-theme';
+import { MaskOptions, PaletteDefinitions, Template } from '@tamagui/create-theme';
 export type SubTheme = BuildTheme | BuildThemeMask;
+export type Templates = Record<string, Template> & {
+    base: Template;
+    accentLight?: Template;
+    accentDark?: Template;
+};
 export type BuildThemeSuiteProps = {
-    baseTheme: BuildTheme;
+    palettes: PaletteDefinitions;
     subThemes?: SubTheme[];
-    componentMask?: MaskOptions;
-    templates?: {
-        base: Template;
-        accentLight: Template;
-        accentDark: Template;
-    };
+    componentThemes?: SubTheme[];
+    templates?: Templates;
 };
 export type BuildThemeSuitePalettes = {
     light: string[];
@@ -51,6 +52,9 @@ export type BuildTheme = BuildThemeBase & {
 export type BuildMask = {
     id: string;
 } & ({
+    type: 'override';
+    override: Record<string, number>;
+} | {
     type: 'strengthen';
     strength: number;
 } | {
@@ -68,5 +72,6 @@ export type BuildMask = {
 export type BuildThemeMask = BuildThemeBase & {
     type: 'mask';
     masks: BuildMask[];
+    maskOptions?: MaskOptions;
 };
 //# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,cAAc,CAAA;AAElD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,UAAU,CAAA;IACrB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,QAAQ,CAAA;QACd,WAAW,EAAE,QAAQ,CAAA;QACrB,UAAU,EAAE,QAAQ,CAAA;KACrB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,aAAa,GACb,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,qBAAqB,GACrB,MAAM,GACN,aAAa,GACb,QAAQ,CAAA;AAEZ,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;CACF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,IAAI,EAAE,OAAO,CAAA;IAEb,KAAK,EAAE,aAAa,CAAA;IAEpB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAE3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAGD,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,CACrC;IACE,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,GACD;IACE,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB,GACD;IACE,IAAI,EAAE,SAAS,CAAA;CAChB,GACD;IACE,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CACJ,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,EAAE,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEjF,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,cAAc,CAAA;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG;IACjD,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,aAAa,GACb,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,qBAAqB,GACrB,MAAM,GACN,aAAa,GACb,QAAQ,CAAA;AAEZ,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;CACF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,IAAI,EAAE,OAAO,CAAA;IAEb,KAAK,EAAE,aAAa,CAAA;IAEpB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAE3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAGD,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,CACrC;IACE,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjC,GACD;IACE,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,GACD;IACE,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB,GACD;IACE,IAAI,EAAE,SAAS,CAAA;CAChB,GACD;IACE,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CACJ,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA"}

package/src/buildMask.ts

@@ -1,63 +0,0 @@
-import {
-  CreateMask,
-  combineMasks,
-  createInverseMask,
-  createMask,
-  createSoftenMask,
-  createStrengthenMask,
-  skipMask,
-} from '@tamagui/create-theme'
-
-import { BuildMask } from './types'
-
-// helper function for generating a custom mask given an object
-// pulled out from studio, not really a "user facing" API yet
-
-export function buildMask(masks: BuildMask[]) {
-  return combineMasks(
-    ...masks.map((mask) => {
-      if (mask.type === 'inverse') {
-        return createInverseMask()
-      }
-      if (mask.type === 'soften') {
-        return createSoftenMask({ strength: mask.strength || 0 })
-      }
-      if (mask.type === 'strengthen') {
-        return createStrengthenMask({ strength: mask.strength || 0 })
-      }
-      if (mask.type === 'softenBorder') {
-        return createMask((template, options) => {
-          const plain = skipMask.mask(template, options)
-          const softer = createSoftenMask({ strength: mask.strength }).mask(
-            template,
-            options
-          )
-          return {
-            ...plain,
-            borderColor: softer.borderColor,
-            borderColorHover: softer.borderColorHover,
-            borderColorPress: softer.borderColorPress,
-            borderColorFocus: softer.borderColorFocus,
-          }
-        })
-      }
-      if (mask.type === 'strengthenBorder') {
-        return createMask((template, options) => {
-          const plain = skipMask.mask(template, options)
-          const softer = createSoftenMask({ strength: mask.strength }).mask(
-            template,
-            options
-          )
-          return {
-            ...plain,
-            borderColor: softer.borderColor,
-            borderColorHover: softer.borderColorHover,
-            borderColorPress: softer.borderColorPress,
-            borderColorFocus: softer.borderColorFocus,
-          }
-        })
-      }
-      return {} as CreateMask
-    })
-  )
-}

package/src/buildThemeSuite.ts

@@ -1,384 +0,0 @@
-import {
-  MaskOptions,
-  ThemeDefinitions,
-  createMask,
-  createSoftenMask,
-} from '@tamagui/create-theme'
-
-import { buildMask } from './buildMask'
-import { getThemeSuitePalettes } from './buildThemeSuitePalettes'
-import { masks as defaultMasks, maskOptions } from './masks'
-import { createThemeBuilder } from './ThemeBuilder'
-import { BuildTheme, BuildThemeMask, BuildThemeSuiteProps } from './types'
-
-// its offset by some transparent values etc
-const basePaletteOffset = 5
-const namedTemplateSlots = {
-  background: basePaletteOffset,
-  subtleBackground: basePaletteOffset + 1,
-  uiBackground: basePaletteOffset + 2,
-  hoverUIBackround: basePaletteOffset + 3,
-  activeUIBackround: basePaletteOffset + 4,
-  subtleBorder: basePaletteOffset + 5,
-  strongBorder: basePaletteOffset + 6,
-  hoverBorder: basePaletteOffset + 7,
-  strongBackground: basePaletteOffset + 8,
-  hoverStrongBackground: basePaletteOffset + 9,
-}
-
-export function buildThemeSuite({ baseTheme, subThemes }: BuildThemeSuiteProps) {
-  const theme = baseTheme
-
-  const maskThemes = (subThemes || []).filter(
-    (x) => x.type === 'mask'
-  ) as BuildThemeMask[]
-
-  const nonMaskSubThemes = (subThemes || []).filter(
-    (x) => x.type !== 'mask'
-  ) as BuildTheme[]
-
-  const customMasks = Object.fromEntries(
-    maskThemes.map((maskTheme) => {
-      return [maskTheme.name, buildMask(maskTheme.masks)]
-    })
-  )
-
-  // base palletes need to add in sub theme palettes if customized
-  const basePalettes = getThemeSuitePalettes(theme)
-  const subThemePalettes = Object.fromEntries(
-    nonMaskSubThemes.flatMap((t) => {
-      const palettes = getThemeSuitePalettes(t)
-      return [
-        [`${t.name}PaletteLight`, palettes.light],
-        [`${t.name}PaletteDark`, palettes.dark],
-      ]
-    })
-  )
-
-  const max = basePalettes.dark.length - 1
-  const min = 1
-
-  const componentMask = {
-    ...maskOptions.component,
-    max,
-    min,
-    overrideSwap: {
-      accentBackground: 0,
-      accentColor: -0,
-    },
-    overrideShift: {
-      ...maskOptions.component.override,
-    },
-    skip: {
-      ...maskOptions.component.skip,
-    },
-  } satisfies MaskOptions
-
-  const customMaskOptions = {
-    alt: {
-      ...maskOptions.alt,
-      max,
-      min,
-      overrideSwap: {
-        accentBackground: 0,
-        accentColor: -0,
-      },
-      overrideShift: {
-        ...maskOptions.alt.override,
-      },
-      skip: {
-        ...maskOptions.alt.skip,
-      },
-    },
-    component: componentMask,
-    componentInverse: {
-      ...componentMask,
-    },
-  } satisfies Record<string, MaskOptions>
-
-  const baseTemplate = {
-    accentBackground: 0,
-    accentColor: -0,
-
-    background0: 1,
-    background025: 2,
-    background05: 3,
-    background075: 4,
-
-    color0: -4,
-    color025: -3,
-    color05: -2,
-    color075: -1,
-
-    background: 5,
-    backgroundHover: 6,
-    backgroundPress: 7,
-    backgroundFocus: 8,
-
-    color: -5,
-    colorHover: -6,
-    colorPress: -5,
-    colorFocus: -6,
-
-    placeholderColor: -6,
-
-    borderColor: 7,
-    borderColorHover: 8,
-    borderColorFocus: 9,
-    borderColorPress: 8,
-  }
-
-  function createTemplates() {
-    const template = {
-      color1: 5,
-      color2: 6,
-      color3: 7,
-      color4: 8,
-      color5: 9,
-      color6: 10,
-      color7: 11,
-      color8: 12,
-      color9: 13,
-      color10: 14,
-      color11: 15,
-      color12: 16,
-      ...baseTemplate,
-    }
-
-    return {
-      base: template,
-      active: {
-        ...template,
-        background: namedTemplateSlots.strongBackground,
-        backgroundHover: namedTemplateSlots.hoverStrongBackground,
-        backgroundPress: namedTemplateSlots.hoverBorder,
-        backgroundFocus: namedTemplateSlots.strongBackground,
-      },
-    }
-  }
-
-  const templates = createTemplates()
-
-  function getComponentThemeDefinitions() {
-    const overlayThemes = {
-      light: {
-        background: 'rgba(0,0,0,0.5)',
-      },
-      dark: {
-        background: 'rgba(0,0,0,0.9)',
-      },
-    }
-
-    const overlayThemeDefinitions = [
-      {
-        parent: 'light',
-        theme: overlayThemes.light,
-      },
-      {
-        parent: 'dark',
-        theme: overlayThemes.dark,
-      },
-    ]
-
-    const componentTheme = [
-      {
-        parent: 'light_accent',
-        template: 'active',
-        palette: 'lightAccent',
-      },
-
-      {
-        parent: 'dark_accent',
-        template: 'active',
-        palette: 'darkAccent',
-      },
-
-      {
-        parent: 'light',
-        mask: 'soften2',
-        ...customMaskOptions.component,
-      },
-
-      {
-        parent: 'dark',
-        mask: 'soften2',
-        ...customMaskOptions.component,
-      },
-    ]
-
-    const componentThemeDefinitions = {
-      Card: {
-        mask: 'soften',
-        ...customMaskOptions.component,
-      },
-
-      Button: componentTheme,
-
-      Checkbox: {
-        mask: 'softenBorder2',
-        ...customMaskOptions.component,
-      },
-
-      Switch: componentTheme,
-
-      SwitchThumb: {
-        mask: 'inverse',
-        ...customMaskOptions.componentInverse,
-      },
-
-      TooltipContent: {
-        mask: 'soften2',
-        ...customMaskOptions.component,
-      },
-
-      DrawerFrame: {
-        mask: 'soften',
-        ...customMaskOptions.component,
-      },
-
-      Progress: {
-        mask: 'soften',
-        ...customMaskOptions.component,
-      },
-
-      RadioGroupItem: {
-        mask: 'softenBorder2',
-        ...customMaskOptions.component,
-      },
-
-      TooltipArrow: {
-        mask: 'soften',
-        ...customMaskOptions.component,
-      },
-
-      SliderTrackActive: {
-        mask: 'inverseSoften',
-        ...customMaskOptions.component,
-      },
-
-      SliderTrack: {
-        mask: 'soften2',
-        ...customMaskOptions.component,
-      },
-
-      SliderThumb: {
-        mask: 'inverse',
-        ...customMaskOptions.componentInverse,
-      },
-
-      Tooltip: {
-        mask: 'inverse',
-        ...customMaskOptions.component,
-      },
-
-      ProgressIndicator: {
-        mask: 'inverse',
-        ...customMaskOptions.componentInverse,
-      },
-
-      SheetOverlay: overlayThemeDefinitions,
-      DialogOverlay: overlayThemeDefinitions,
-      ModalOverlay: overlayThemeDefinitions,
-
-      Input: {
-        mask: 'softenBorder2',
-        ...customMaskOptions.component,
-      },
-
-      TextArea: {
-        mask: 'softenBorder2',
-        ...customMaskOptions.component,
-      },
-    } satisfies ThemeDefinitions<keyof typeof defaultMasks>
-
-    return componentThemeDefinitions
-  }
-
-  const builder = createThemeBuilder()
-    .addPalettes({
-      ...basePalettes,
-      ...subThemePalettes,
-    })
-    .addMasks({
-      ...defaultMasks,
-      soften3Border2: createMask((template, options) => {
-        const softer2 = createSoftenMask({ strength: 3 }).mask(template, options)
-        const softer1 = createSoftenMask({ strength: 2 }).mask(template, options)
-        return {
-          ...softer2,
-          borderColor: softer1.borderColor,
-          borderColorHover: softer1.borderColorHover,
-          borderColorPress: softer1.borderColorPress,
-          borderColorFocus: softer1.borderColorFocus,
-        }
-      }),
-      ...customMasks,
-    })
-    .addTemplates(templates)
-    .addThemes({
-      light: {
-        template: 'base',
-        palette: 'light',
-      },
-      dark: {
-        template: 'base',
-        palette: 'dark',
-      },
-    })
-    .addChildThemes(
-      Object.fromEntries([
-        ...maskThemes.map((theme) => {
-          return [
-            theme.name,
-            {
-              mask: theme.name,
-            },
-          ]
-        }),
-        ...nonMaskSubThemes.flatMap((theme) => {
-          return [
-            [
-              theme.name,
-              [
-                {
-                  parent: 'dark',
-                  template: 'base',
-                  palette: `${theme.name}PaletteDark`,
-                },
-                {
-                  parent: 'light',
-                  template: 'base',
-                  palette: `${theme.name}PaletteLight`,
-                },
-              ],
-            ],
-          ]
-        }),
-      ])
-    )
-    .addChildThemes(
-      basePalettes.lightAccent
-        ? {
-            accent: [
-              {
-                parent: 'light',
-                template: 'base',
-                palette: 'lightAccent',
-              },
-              {
-                parent: 'dark',
-                template: 'base',
-                palette: 'darkAccent',
-              },
-            ],
-          }
-        : {}
-    )
-    .addChildThemes(getComponentThemeDefinitions())
-
-  const built = builder.build()
-
-  return built
-}
-
-export type BuildBaseThemesResult = ReturnType<typeof buildThemeSuite>

package/src/buildThemeSuitePalettes.ts

@@ -1,164 +0,0 @@
-import { hsla, parseToHsla } from 'color2k'
-
-import { BuildTheme, BuildThemeSuitePalettes } from './types'
-
-/**
- * palette generally is:
- *
- * [constrastBackground, backgroundTransparent, ...background, ...foreground, foregroundTransparent, accentForeground]
- */
-
-const paletteSize = 12
-
-const generateColorPalette = ({
-  theme,
-  scheme,
-  forAccent,
-}: {
-  theme: BuildTheme
-  scheme: 'light' | 'dark'
-  forAccent?: boolean
-}) => {
-  const baseTheme = forAccent ? theme.accent || theme : theme
-  const { anchors } = baseTheme
-
-  let palette: string[] = []
-
-  const add = (h: number, s: number, l: number) => {
-    palette.push(hsla(h, s, l, 1))
-  }
-
-  const numAnchors = Object.keys(anchors).length
-
-  for (const [anchorIndex, anchor] of anchors.entries()) {
-    const [h, s, l] = [anchor.hue[scheme], anchor.sat[scheme], anchor.lum[scheme]]
-
-    if (anchorIndex !== 0) {
-      const lastAnchor = anchors[anchorIndex - 1]
-      const steps = anchor.index - lastAnchor.index
-
-      const lastHue = lastAnchor.hue[scheme]
-      const lastSat = lastAnchor.sat[scheme]
-      const lastLum = lastAnchor.lum[scheme]
-
-      const stepHue = (lastHue - h) / steps
-      const stepSat = (lastSat - s) / steps
-      const stepLum = (lastLum - l) / steps
-
-      // backfill:
-      for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
-        const str = anchor.index - step
-        add(h + stepHue * str, s + stepSat * str, l + stepLum * str)
-      }
-    }
-
-    add(h, s, l)
-
-    const isLastAnchor = anchorIndex === numAnchors - 1
-    if (isLastAnchor && palette.length < paletteSize) {
-      // forwardfill:
-      for (let step = anchor.index + 1; step < paletteSize; step++) {
-        add(h, s, l)
-      }
-    }
-  }
-
-  // if (strategy?.type === 'automatic') {
-  //   const hslas = {
-  //     background: parseToHsla(strategy.background),
-  //     foreground: parseToHsla(strategy.foreground),
-  //   }
-
-  //   palette = [
-  //     // backgrounds
-  //     ...new Array(10).fill(0).map((_, i) => {
-  //       const [h, s, l] = hslas.background
-
-  //       if (isDark) {
-  //         const str = 9 - i
-  //         const minLum = 0.05
-  //         const by = (l - minLum) / 10
-
-  //         return hsla(
-  //           h,
-  //           s,
-  //           // go to dark or light
-  //           l - by * str,
-  //           1
-  //         )
-  //       } else {
-  //         const str = 9 - i
-  //         const maxLum = 0.95
-  //         const by = (maxLum - l) / 10
-  //         return hsla(h, s, l + by * str, 1)
-  //       }
-  //     }),
-  //     // colors
-  //     ...new Array(2).fill(0).map((_, i) => {
-  //       const [h, s, l] = hslas.foreground
-  //       return hsla(
-  //         h,
-  //         s,
-  //         // go to dark or light
-  //         l - (i === 0 ? 0.1 : 0) - (forAccent ? 1 - l : 0),
-  //         1
-  //       )
-  //     }),
-  //   ]
-  // } else {
-  //   const lumValues = isDark ? lumScale.dark : lumScale.light
-  //   palette = lumValues.map((lum, idx) => {
-  //     const sat = satScale[scheme][idx]
-
-  //     if (theme.hueColor && idx >= 10) {
-  //       return hsla(theme.hueColor, sat, lum, 1)
-  //     }
-
-  //     return hsla(hue, sat, lum, 1)
-  //   })
-  // }
-
-  // add transparent values
-  const [background] = palette
-  const foreground = palette[palette.length - 1]
-
-  const transparentValues = [background, foreground].map((color) => {
-    const [h, s, l] = parseToHsla(color)
-    // fully transparent to partially
-    return [
-      hsla(h, s, l, 0),
-      hsla(h, s, l, 0.25),
-      hsla(h, s, l, 0.5),
-      hsla(h, s, l, 0.75),
-    ] as const
-  })
-  const reverseForeground = [...transparentValues[1]].reverse()
-  palette = [...transparentValues[0], ...palette, ...reverseForeground]
-
-  if (theme.accent) {
-    const accentPalette = generateColorPalette({
-      theme: theme.accent,
-      scheme,
-    })
-
-    // unshift bg
-    palette.unshift(accentPalette[5 + 8])
-    // push color
-    palette.push(accentPalette[accentPalette.length - 6])
-  } else {
-    // were keeping the palettes the same length with or without accent to avoid headache
-    palette.unshift('rgba(0,0,0,0)')
-    palette.push('rgba(0,0,0,0)')
-  }
-
-  return palette
-}
-
-export function getThemeSuitePalettes(theme: BuildTheme): BuildThemeSuitePalettes {
-  return {
-    light: generateColorPalette({ theme, scheme: 'light' }),
-    lightAccent: generateColorPalette({ theme, scheme: 'light', forAccent: true }),
-    dark: generateColorPalette({ theme, scheme: 'dark' }),
-    darkAccent: generateColorPalette({ theme, scheme: 'dark', forAccent: true }),
-  }
-}