@tamagui/types 1.89.0-1706483140977 → 1.89.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/types",
-  "version": "1.89.0-1706483140977",
+  "version": "1.89.0",
   "types": "./types.d.ts",
   "files": [
     "types.d.ts"

package/types.d.ts

@@ -1,19 +1,19 @@
-export interface TamaguiOptions {
-  platform: 'native' | 'web'
-
+export interface TamaguiBuildOptions {
   /**
    * module paths you want to compile with tamagui (for example ['tamagui'])
    * */
   components: string[]
 
   /**
-   * your tamagui.config.ts
+   * relative path to your tamagui.config.ts
    */
   config?: string
 
   /**
    * Use the new ThemeBuilder in `@tamagui/create-theme` to create beautiful theme sets,
    * see docs at https://tamagui.dev/docs/guides/theme-builder
+   * This helps you automate generating the build themes typescript file which loads fastere
+   * and has smaller bundle size.
    */
   themeBuilder?: {
     input: string
@@ -25,6 +25,12 @@ export interface TamaguiOptions {
    */
   outputCSS?: string | null | false
 
+  /**
+   * (Experimental) outputs themes using CSS Nesting https://caniuse.com/css-nesting
+   * Which can cut them in half due to no media query duplication.
+   */
+  useCSSNesting?: boolean
+
   /**
    * Tamagui can follow imports and evaluate them when parsing styles, leading to
    * higher percent of flattened / optimized views. We normalize this to be the
@@ -34,23 +40,27 @@ export interface TamaguiOptions {
    * ["app/src/constants.js"].
    */
   importsWhitelist?: string[]
+
   /**
    * Whitelist file extensions to evaluate
    *
    * @default ['.tsx', '.jsx']
    */
   includeExtensions?: string[]
+
   /**
    * Web-only. Allows you to trim the bundle size of react-native-web.
    * Pass in values like ['Switch', 'Modal'].
    */
   excludeReactNativeWebExports?: string[]
+
   /**
    * Enable logging the time it takes to extract.
    *
    * @default true
    */
   logTimings?: boolean
+
   /**
    * Custom prefix for the timing logs
    */
@@ -67,23 +77,29 @@ export interface TamaguiOptions {
    * Completely disable tamagui for these files
    */
   disable?: boolean | string[]
+
   /**
    * Disable just optimization for these files, but enable helpful debug attributes.
    */
   disableExtraction?: boolean | string[]
+
   /**
    * Disable just the addition of data- attributes that are added in dev mode to help
    * tie DOM to your filename/component-name.
    */
+
   disableDebugAttr?: boolean
+
   /**
    * (Advanced) Disable evaluation of useMedia() hook
    */
   disableExtractInlineMedia?: boolean
+
   /**
    * (Advanced) Disable just view flattening.
    */
   disableFlattening?: boolean
+
   /**
    * (Advanced) Disable extracting to theme variables.
    */
@@ -99,6 +115,11 @@ export interface TamaguiOptions {
    */
   disableMinifyCSS?: boolean
 
+  /**
+   * If you have a tamagui.build.ts file that describes your compiler setup, you can set it here
+   */
+  buildFile?: string
+
   evaluateVars?: boolean
   cssPath?: string
   cssData?: any
@@ -117,6 +138,10 @@ export interface TamaguiOptions {
   emitSingleCSSFile?: boolean
 }
 
+export interface TamaguiOptions extends TamaguiBuildOptions {
+  platform: 'native' | 'web'
+}
+
 // for cli
 
 export type CLIUserOptions = {
@@ -125,6 +150,7 @@ export type CLIUserOptions = {
   tsconfigPath?: string
   tamaguiOptions: Partial<TamaguiOptions>
   debug?: boolean | 'verbose'
+  loadTamaguiOptions?: boolean
 }
 
 export type CLIResolvedOptions = {