@tamagui/theme-builder 1.125.9 → 1.125.11

package/src/createThemes.ts

@@ -3,20 +3,7 @@ import { defaultComponentThemes } from './defaultComponentThemes'
 import { defaultTemplates } from './defaultTemplates'
 import { getThemeSuitePalettes, PALETTE_BACKGROUND_OFFSET } from './getThemeSuitePalettes'
 import { createThemeBuilder, type ThemeBuilder } from './ThemeBuilder'
-import type { BuildPalettes, BuildTemplates, BuildThemeSuiteProps } from './types'
-
-// for studio
-// allows more detailed configuration, used by studio
-// eventually we should merge this down into simple and have it handle what we need
-export function createStudioThemes(props: BuildThemeSuiteProps) {
-  const palettes = createPalettes(props.palettes)
-  return createSimpleThemeBuilder({
-    palettes,
-    templates: defaultTemplates,
-    componentThemes: defaultComponentThemes,
-    accentTheme: !!props.palettes.accent,
-  })
-}
+import type { BuildPalettes, BuildTemplates } from './types'
 
 /**
  * TODO

package/src/defaultTemplatesStronger.ts

@@ -0,0 +1,152 @@
+import { objectFromEntries, objectKeys } from './helpers'
+import type { BuildTemplates } from './types'
+
+const getTemplates = () => {
+  const lightTemplates = getBaseTemplates('light')
+  const darkTemplates = getBaseTemplates('dark')
+  const templates = {
+    ...objectFromEntries(
+      objectKeys(lightTemplates).map(
+        (name) => [`light_${name}`, lightTemplates[name]] as const
+      )
+    ),
+    ...objectFromEntries(
+      objectKeys(darkTemplates).map(
+        (name) => [`dark_${name}`, darkTemplates[name]] as const
+      )
+    ),
+  }
+  return templates as Record<keyof typeof templates, typeof lightTemplates.base>
+}
+
+const getBaseTemplates = (scheme: 'dark' | 'light') => {
+  const isLight = scheme === 'light'
+
+  // our palettes have 4 things padding each end until you get to bg/color:
+  // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
+  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,
+  }
+
+  // templates use the palette and specify index
+  // negative goes backwards from end so -1 is the last item
+  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,
+    // the background, color, etc keys here work like generics - they make it so you
+    // can publish components for others to use without mandating a specific color scale
+    // the @tamagui/button Button component looks for `$background`, so you set the
+    // dark_red_Button theme to have a stronger background than the dark_red theme.
+    background: bgIndex,
+    backgroundHover: bgIndex + lighten, // always lighten on hover no matter the scheme
+    backgroundPress: bgIndex + darken, // always darken on press no matter the theme
+    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,
+  } satisfies BuildTemplates
+}
+
+export const defaultTemplatesStronger = getTemplates()

package/src/defaultTemplatesStrongest.ts

@@ -0,0 +1,152 @@
+import { objectFromEntries, objectKeys } from './helpers'
+import type { BuildTemplates } from './types'
+
+const getTemplates = () => {
+  const lightTemplates = getBaseTemplates('light')
+  const darkTemplates = getBaseTemplates('dark')
+  const templates = {
+    ...objectFromEntries(
+      objectKeys(lightTemplates).map(
+        (name) => [`light_${name}`, lightTemplates[name]] as const
+      )
+    ),
+    ...objectFromEntries(
+      objectKeys(darkTemplates).map(
+        (name) => [`dark_${name}`, darkTemplates[name]] as const
+      )
+    ),
+  }
+  return templates as Record<keyof typeof templates, typeof lightTemplates.base>
+}
+
+const getBaseTemplates = (scheme: 'dark' | 'light') => {
+  const isLight = scheme === 'light'
+
+  // our palettes have 4 things padding each end until you get to bg/color:
+  // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
+  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,
+  }
+
+  // templates use the palette and specify index
+  // negative goes backwards from end so -1 is the last item
+  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,
+    // the background, color, etc keys here work like generics - they make it so you
+    // can publish components for others to use without mandating a specific color scale
+    // the @tamagui/button Button component looks for `$background`, so you set the
+    // dark_red_Button theme to have a stronger background than the dark_red theme.
+    background: bgIndex,
+    backgroundHover: bgIndex + lighten, // always lighten on hover no matter the scheme
+    backgroundPress: bgIndex + darken, // always darken on press no matter the theme
+    backgroundFocus: bgIndex + darken,
+    borderColor,
+    borderColorHover: borderColor + lighten,
+    borderColorPress: borderColor + darken,
+    borderColorFocus: borderColor,
+    ...baseColors,
+    colorTransparent: -1,
+  }
+
+  const surface1 = {
+    ...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 surface2 = {
+    ...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 surface3 = {
+    ...baseColors,
+    background: base.background + 5,
+    backgroundHover: base.backgroundHover + 5,
+    backgroundPress: base.backgroundPress + 5,
+    backgroundFocus: base.backgroundFocus + 5,
+    borderColor: base.borderColor + 5,
+    borderColorHover: base.borderColorHover + 5,
+    borderColorFocus: base.borderColorFocus + 5,
+    borderColorPress: base.borderColorPress + 5,
+  }
+
+  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,
+  } satisfies BuildTemplates
+}
+
+export const defaultTemplatesStrongest = getTemplates()

package/src/index.ts

@@ -1,8 +1,8 @@
 export * from './ThemeBuilder'
 export * from '@tamagui/create-theme'
 
+export { createStudioThemes } from './createStudioThemes'
 export {
-  createStudioThemes,
   createThemes,
   createPalettes,
   type CreateThemesProps,

package/src/types.ts

@@ -1,12 +1,15 @@
 import type { Template } from '@tamagui/create-theme'
 
-type ThemeSuiteItem = {
+export type TemplateStrategy = 'base' | 'stronger' | 'strongest'
+
+export type ThemeSuiteItem = {
   id: string
   name: string
   createdAt: number
   updatedAt: number
   schemes: { light: boolean; dark: boolean }
   palettes: Record<string, BuildPalette>
+  templateStrategy?: TemplateStrategy
 }
 
 export type ThemeSuiteItemData = Omit<ThemeSuiteItem, 'id' | 'createdAt' | 'updatedAt'>
@@ -71,18 +74,9 @@ export type BuildThemeAnchor = {
   }
 }
 
-export type BuildPaletteAnchors = BuildThemeAnchor[]
-
 export type BuildTheme = BuildThemeBase & {
   type: 'theme'
   template: string
   palette: string
   accent?: BuildTheme
 }
-
-export type ThemeStepProps = {
-  theme: BuildTheme
-  isAccent?: boolean
-  vertical?: boolean
-  onUpdate: (val: Partial<BuildTheme>) => void
-}

package/types/createStudioThemes.d.ts

@@ -0,0 +1,8 @@
+import type { BuildThemeSuiteProps } from './types';
+export declare function createStudioThemes(props: BuildThemeSuiteProps): {
+    themeBuilder: import("./ThemeBuilder").ThemeBuilder<any>;
+    themes: Record<"dark" | "light" | `dark_${string}` | `light_${string}`, {
+        [x: string]: string;
+    }>;
+};
+//# sourceMappingURL=createStudioThemes.d.ts.map

package/types/createStudioThemes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStudioThemes.d.ts","sourceRoot":"","sources":["../src/createStudioThemes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAMnD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB;;;;;EAgB7D"}

package/types/createThemes.d.ts

@@ -1,12 +1,6 @@
 import { defaultTemplates } from './defaultTemplates';
 import { type ThemeBuilder } from './ThemeBuilder';
-import type { BuildPalettes, BuildTemplates, BuildThemeSuiteProps } from './types';
-export declare function createStudioThemes(props: BuildThemeSuiteProps): {
-    themeBuilder: ThemeBuilder<any>;
-    themes: Record<"dark" | "light" | `dark_${string}` | `light_${string}`, {
-        [x: string]: string;
-    }>;
-};
+import type { BuildPalettes, BuildTemplates } from './types';
 /**
  * TODO
  *

package/types/createThemes.d.ts.map

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

package/types/defaultTemplatesStronger.d.ts

@@ -0,0 +1,42 @@
+export declare const defaultTemplatesStronger: Record<"light_surface1" | "light_surface3" | "light_surface2" | "light_inverse" | "light_base" | "light_alt1" | "light_alt2" | "dark_surface1" | "dark_surface3" | "dark_surface2" | "dark_inverse" | "dark_base" | "dark_alt1" | "dark_alt2", {
+    colorTransparent: number;
+    color: number;
+    colorHover: number;
+    colorPress: number;
+    colorFocus: number;
+    placeholderColor: number;
+    outlineColor: number;
+    accentBackground: number;
+    accentColor: number;
+    background0: number;
+    background02: number;
+    background04: number;
+    background06: number;
+    background08: number;
+    color1: number;
+    color2: number;
+    color3: number;
+    color4: number;
+    color5: number;
+    color6: number;
+    color7: number;
+    color8: number;
+    color9: number;
+    color10: number;
+    color11: number;
+    color12: number;
+    color0: number;
+    color02: number;
+    color04: number;
+    color06: number;
+    color08: number;
+    background: number;
+    backgroundHover: number;
+    backgroundPress: number;
+    backgroundFocus: number;
+    borderColor: number;
+    borderColorHover: number;
+    borderColorPress: number;
+    borderColorFocus: number;
+}>;
+//# sourceMappingURL=defaultTemplatesStronger.d.ts.map

package/types/defaultTemplatesStronger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTemplatesStronger.d.ts","sourceRoot":"","sources":["../src/defaultTemplatesStronger.ts"],"names":[],"mappings":"AAuJA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA"}

package/types/defaultTemplatesStrongest.d.ts

@@ -0,0 +1,42 @@
+export declare const defaultTemplatesStrongest: Record<"light_surface1" | "light_surface3" | "light_surface2" | "light_inverse" | "light_base" | "light_alt1" | "light_alt2" | "dark_surface1" | "dark_surface3" | "dark_surface2" | "dark_inverse" | "dark_base" | "dark_alt1" | "dark_alt2", {
+    colorTransparent: number;
+    color: number;
+    colorHover: number;
+    colorPress: number;
+    colorFocus: number;
+    placeholderColor: number;
+    outlineColor: number;
+    accentBackground: number;
+    accentColor: number;
+    background0: number;
+    background02: number;
+    background04: number;
+    background06: number;
+    background08: number;
+    color1: number;
+    color2: number;
+    color3: number;
+    color4: number;
+    color5: number;
+    color6: number;
+    color7: number;
+    color8: number;
+    color9: number;
+    color10: number;
+    color11: number;
+    color12: number;
+    color0: number;
+    color02: number;
+    color04: number;
+    color06: number;
+    color08: number;
+    background: number;
+    backgroundHover: number;
+    backgroundPress: number;
+    backgroundFocus: number;
+    borderColor: number;
+    borderColorHover: number;
+    borderColorPress: number;
+    borderColorFocus: number;
+}>;
+//# sourceMappingURL=defaultTemplatesStrongest.d.ts.map

package/types/defaultTemplatesStrongest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTemplatesStrongest.d.ts","sourceRoot":"","sources":["../src/defaultTemplatesStrongest.ts"],"names":[],"mappings":"AAuJA,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA"}

package/types/index.d.ts

@@ -1,6 +1,7 @@
 export * from './ThemeBuilder';
 export * from '@tamagui/create-theme';
-export { createStudioThemes, createThemes, createPalettes, type CreateThemesProps, } from './createThemes';
+export { createStudioThemes } from './createStudioThemes';
+export { createThemes, createPalettes, type CreateThemesProps, } from './createThemes';
 export { defaultTemplates } from './defaultTemplates';
 export { defaultComponentThemes } from './defaultComponentThemes';
 export { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes } from './getThemeSuitePalettes';

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;AAErC,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,KAAK,iBAAiB,GACvB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAG1F,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,mBAAmB,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,KAAK,iBAAiB,GACvB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAG1F,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,mBAAmB,SAAS,CAAA"}

package/types/types.d.ts

@@ -1,5 +1,6 @@
 import type { Template } from '@tamagui/create-theme';
-type ThemeSuiteItem = {
+export type TemplateStrategy = 'base' | 'stronger' | 'strongest';
+export type ThemeSuiteItem = {
     id: string;
     name: string;
     createdAt: number;
@@ -9,6 +10,7 @@ type ThemeSuiteItem = {
         dark: boolean;
     };
     palettes: Record<string, BuildPalette>;
+    templateStrategy?: TemplateStrategy;
 };
 export type ThemeSuiteItemData = Omit<ThemeSuiteItem, 'id' | 'createdAt' | 'updatedAt'>;
 export type BuildTemplates = Record<string, Template>;
@@ -51,18 +53,10 @@ export type BuildThemeAnchor = {
         dark: number;
     };
 };
-export type BuildPaletteAnchors = BuildThemeAnchor[];
 export type BuildTheme = BuildThemeBase & {
     type: 'theme';
     template: string;
     palette: string;
     accent?: BuildTheme;
 };
-export type ThemeStepProps = {
-    theme: BuildTheme;
-    isAccent?: boolean;
-    vertical?: boolean;
-    onUpdate: (val: Partial<BuildTheme>) => void;
-};
-export {};
 //# 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":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAErD,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAA;IAC1C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAA;AAEvF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAErD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAA;AAEtC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;AAEnE,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,mBAAmB,GAAG,gBAAgB,EAAE,CAAA;AAEpD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;CAC7C,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAA;IAC1C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAA;AAEvF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAErD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAA;AAEtC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;AAEnE,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;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA"}