@tamagui/web 1.88.17 → 1.88.19

package/dist/esm/helpers/getVariantExtras.mjs

@@ -2,6 +2,7 @@ import { getVariableValue } from "../createVariable.mjs";
 function getVariantExtras(styleState) {
   const {
     curProps,
+    props,
     conf,
     context,
     theme
@@ -17,12 +18,10 @@ function getVariantExtras(styleState) {
     font: fonts[fontFamily] || fonts[styleState.conf.defaultFont],
     // TODO do this in splitstlye
     // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
-    props: new Proxy(curProps, {
+    props: new Proxy(props, {
       // handles shorthands
       get(target, key) {
-        const shorthand = conf.inverseShorthands[key];
-        if (shorthand && Reflect.has(target, shorthand)) return Reflect.get(target, shorthand);
-        if (Reflect.has(target, key)) return Reflect.get(target, key);
+        for (const tryKey of [key, conf.inverseShorthands[key]]) if (tryKey) return Reflect.has(curProps, tryKey) ? Reflect.get(curProps, tryKey) : Reflect.get(target, tryKey);
       }
     })
   };

package/dist/esm/helpers/getVariantExtras.native.js

@@ -21,7 +21,7 @@ __export(getVariantExtras_exports, {
 module.exports = __toCommonJS(getVariantExtras_exports);
 var import_createVariable = require("../createVariable");
 function getVariantExtras(styleState) {
-  const { curProps, conf, context, theme } = styleState;
+  const { curProps, props, conf, context, theme } = styleState;
   let fonts = conf.fontsParsed;
   context != null && context.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
   const fontFamily = (0, import_createVariable.getVariableValue)(
@@ -35,14 +35,12 @@ function getVariantExtras(styleState) {
     font: fonts[fontFamily] || fonts[styleState.conf.defaultFont],
     // TODO do this in splitstlye
     // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
-    props: new Proxy(curProps, {
+    props: new Proxy(props, {
       // handles shorthands
       get(target, key) {
-        const shorthand = conf.inverseShorthands[key];
-        if (shorthand && Reflect.has(target, shorthand))
-          return Reflect.get(target, shorthand);
-        if (Reflect.has(target, key))
-          return Reflect.get(target, key);
+        for (const tryKey of [key, conf.inverseShorthands[key]])
+          if (tryKey)
+            return Reflect.has(curProps, tryKey) ? Reflect.get(curProps, tryKey) : Reflect.get(target, tryKey);
       }
     })
   };

package/dist/esm/helpers/getVariantExtras.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getVariantExtras.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAiC;AAI1B,SAAS,iBAAiB,YAA2B;AAC1D,QAAM,EAAE,UAAU,MAAM,SAAS,MAAM,IAAI;AAC3C,MAAI,QAAQ,KAAK;AACjB,EAAI,2BAAS,aACX,QAAQ,oBAAoB,KAAK,aAAa,QAAQ,QAAQ;AAIhE,QAAM,iBAAa;AAAA,IACjB,WAAW,cAAc,WAAW,SAAS,cAAc,WAAW,KAAK;AAAA,EAC7E;AA0BA,SAxBa;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA,IACA;AAAA,IACA,MAAM,MAAM,UAAU,KAAK,MAAM,WAAW,KAAK,WAAY;AAAA;AAAA;AAAA,IAG7D,OAAO,IAAI,MAAM,UAAU;AAAA;AAAA,MAEzB,IAAI,QAAQ,KAAK;AACf,cAAM,YAAY,KAAK,kBAAkB,GAAU;AAGnD,YAAI,aAAa,QAAQ,IAAI,QAAQ,SAAS;AAC5C,iBAAO,QAAQ,IAAI,QAAQ,SAAS;AAEtC,YAAI,QAAQ,IAAI,QAAQ,GAAG;AACzB,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,MAElC;AAAA,IACF,CAAC;AAAA,EACH;AAGF;AAEA,MAAM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ;AAChC,WAAO,kBAAkB,IAAI,QAAQ;AAEvC,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS;AACX,iBAAO,CAAC;AAEV,cAAM,UAAU,IAAI,IAAI,IAAI,IAAI;AAChC,eAAO,CAAC,IAAI,IAAI,IAAI,MAAM,OAAO,CAAC;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,2BAAkB,IAAI,UAAU,IAAI,GAC7B;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAiC;AAI1B,SAAS,iBAAiB,YAA2B;AAC1D,QAAM,EAAE,UAAU,OAAO,MAAM,SAAS,MAAM,IAAI;AAClD,MAAI,QAAQ,KAAK;AACjB,EAAI,2BAAS,aACX,QAAQ,oBAAoB,KAAK,aAAa,QAAQ,QAAQ;AAIhE,QAAM,iBAAa;AAAA,IACjB,WAAW,cAAc,WAAW,SAAS,cAAc,WAAW,KAAK;AAAA,EAC7E;AAsBA,SApBa;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA,IACA;AAAA,IACA,MAAM,MAAM,UAAU,KAAK,MAAM,WAAW,KAAK,WAAY;AAAA;AAAA;AAAA,IAG7D,OAAO,IAAI,MAAM,OAAO;AAAA;AAAA,MAEtB,IAAI,QAAQ,KAAK;AACf,mBAAW,UAAU,CAAC,KAAK,KAAK,kBAAkB,GAAU,CAAC;AAC3D,cAAK;AACL,mBAAI,QAAQ,IAAI,UAAU,MAAM,IAAU,QAAQ,IAAI,UAAU,MAAM,IAC/D,QAAQ,IAAI,QAAQ,MAAM;AAAA,MAErC;AAAA,IACF,CAAC;AAAA,EACH;AAGF;AAEA,MAAM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ;AAChC,WAAO,kBAAkB,IAAI,QAAQ;AAEvC,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS;AACX,iBAAO,CAAC;AAEV,cAAM,UAAU,IAAI,IAAI,IAAI,IAAI;AAChC,eAAO,CAAC,IAAI,IAAI,IAAI,MAAM,OAAO,CAAC;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,2BAAkB,IAAI,UAAU,IAAI,GAC7B;AACT;",
   "names": []
 }

package/dist/esm/index.js

@@ -47,6 +47,7 @@ export * from "./internalWithTheme";
 import {
   configureMedia,
   mediaState,
+  mediaKeyMatch,
   useMedia,
   getMedia,
   mediaObjectToString,
@@ -81,6 +82,7 @@ export {
   getToken,
   getTokenValue,
   getTokens,
+  mediaKeyMatch,
   mediaObjectToString,
   mediaQueryConfig,
   mediaState,

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAKd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAKd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -36,7 +36,7 @@ export * from "./helpers/themeable.mjs";
 export * from "./helpers/themes.mjs";
 export * from "./helpers/createShallowSetState.mjs";
 export * from "./internalWithTheme.mjs";
-import { configureMedia, mediaState, useMedia, getMedia, mediaObjectToString, mediaQueryConfig } from "./hooks/useMedia.mjs";
+import { configureMedia, mediaState, mediaKeyMatch, useMedia, getMedia, mediaObjectToString, mediaQueryConfig } from "./hooks/useMedia.mjs";
 export * from "./hooks/useTheme.mjs";
 export * from "./hooks/useThemeName.mjs";
 export * from "./hooks/useConfiguration.mjs";
@@ -58,4 +58,4 @@ export * from "@tamagui/compose-refs";
 export * from "@tamagui/helpers";
 export * from "@tamagui/constants";
 export * from "./setupHooks.mjs";
-export { configureMedia, getConfig, getMedia, getThemes, getToken, getTokenValue, getTokens, mediaObjectToString, mediaQueryConfig, mediaState, setupDev, updateConfig, useMedia };
+export { configureMedia, getConfig, getMedia, getThemes, getToken, getTokenValue, getTokens, mediaKeyMatch, mediaObjectToString, mediaQueryConfig, mediaState, setupDev, updateConfig, useMedia };

package/dist/esm/index.native.js

@@ -22,6 +22,7 @@ __export(src_exports, {
   getToken: () => import_config.getToken,
   getTokenValue: () => import_config.getTokenValue,
   getTokens: () => import_config.getTokens,
+  mediaKeyMatch: () => import_useMedia.mediaKeyMatch,
   mediaObjectToString: () => import_useMedia.mediaObjectToString,
   mediaQueryConfig: () => import_useMedia.mediaQueryConfig,
   mediaState: () => import_useMedia.mediaState,
@@ -99,6 +100,7 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
   getToken,
   getTokenValue,
   getTokens,
+  mediaKeyMatch,
   mediaObjectToString,
   mediaQueryConfig,
   mediaState,

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,qBAVd;AAWA,wBAAc,+BAXd;AAgBA,wBAAc,gCAhBd;AAkBA,oBAQO;AAEP,wBAAc,kCA5Bd;AA8BA,wBAAc,wCA9Bd;AAgCA,wBAAc,0CAhCd;AAiCA,wBAAc,mCAjCd;AAkCA,wBAAc,uCAlCd;AAmCA,wBAAc,qCAnCd;AAoCA,wBAAc,iCApCd;AAqCA,wBAAc,4CArCd;AAsCA,wBAAc,qCAtCd;AAuCA,wBAAc,sCAvCd;AAwCA,wBAAc,uCAxCd;AAyCA,wBAAc,uCAzCd;AA0CA,wBAAc,yCA1Cd;AA2CA,wBAAc,uCA3Cd;AA4CA,wBAAc,iCA5Cd;AA6CA,wBAAc,iCA7Cd;AA8CA,wBAAc,qCA9Cd;AA+CA,wBAAc,0CA/Cd;AAgDA,wBAAc,0CAhDd;AAiDA,wBAAc,wCAjDd;AAkDA,wBAAc,gCAlDd;AAmDA,wBAAc,6BAnDd;AAoDA,wBAAc,4CApDd;AAqDA,wBAAc,gCArDd;AAuDA,sBAOO;AACP,wBAAc,6BA/Dd;AAgEA,wBAAc,iCAhEd;AAiEA,wBAAc,qCAjEd;AAkEA,wBAAc,qCAlEd;AAmEA,wBAAc,6BAnEd;AAoEA,wBAAc,qCApEd;AAsEA,wBAAc,yBAtEd;AAuEA,wBAAc,0BAvEd;AAwEA,wBAAc,yBAxEd;AAyEA,wBAAc,yBAzEd;AA0EA,wBAAc,0BA1Ed;AA2EA,wBAAc,kCA3Ed;AA4EA,wBAAc,iCA5Ed;AA6EA,wBAAc,oCA7Ed;AA8EA,wBAAc,kCA9Ed;AAgFA,wBAAc,wCAhFd;AAiFA,wBAAc,+BAjFd;AAkFA,wBAAc,kCAlFd;AAmFA,wBAAc,6BAnFd;AAoFA,wBAAc,+BApFd;AAsFA,wBAAc,yBAtFd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,qBAVd;AAWA,wBAAc,+BAXd;AAgBA,wBAAc,gCAhBd;AAkBA,oBAQO;AAEP,wBAAc,kCA5Bd;AA8BA,wBAAc,wCA9Bd;AAgCA,wBAAc,0CAhCd;AAiCA,wBAAc,mCAjCd;AAkCA,wBAAc,uCAlCd;AAmCA,wBAAc,qCAnCd;AAoCA,wBAAc,iCApCd;AAqCA,wBAAc,4CArCd;AAsCA,wBAAc,qCAtCd;AAuCA,wBAAc,sCAvCd;AAwCA,wBAAc,uCAxCd;AAyCA,wBAAc,uCAzCd;AA0CA,wBAAc,yCA1Cd;AA2CA,wBAAc,uCA3Cd;AA4CA,wBAAc,iCA5Cd;AA6CA,wBAAc,iCA7Cd;AA8CA,wBAAc,qCA9Cd;AA+CA,wBAAc,0CA/Cd;AAgDA,wBAAc,0CAhDd;AAiDA,wBAAc,wCAjDd;AAkDA,wBAAc,gCAlDd;AAmDA,wBAAc,6BAnDd;AAoDA,wBAAc,4CApDd;AAqDA,wBAAc,gCArDd;AAuDA,sBAQO;AACP,wBAAc,6BAhEd;AAiEA,wBAAc,iCAjEd;AAkEA,wBAAc,qCAlEd;AAmEA,wBAAc,qCAnEd;AAoEA,wBAAc,6BApEd;AAqEA,wBAAc,qCArEd;AAuEA,wBAAc,yBAvEd;AAwEA,wBAAc,0BAxEd;AAyEA,wBAAc,yBAzEd;AA0EA,wBAAc,yBA1Ed;AA2EA,wBAAc,0BA3Ed;AA4EA,wBAAc,kCA5Ed;AA6EA,wBAAc,iCA7Ed;AA8EA,wBAAc,oCA9Ed;AA+EA,wBAAc,kCA/Ed;AAiFA,wBAAc,wCAjFd;AAkFA,wBAAc,+BAlFd;AAmFA,wBAAc,kCAnFd;AAoFA,wBAAc,6BApFd;AAqFA,wBAAc,+BArFd;AAuFA,wBAAc,yBAvFd;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "1.88.17",
+  "version": "1.88.19",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,19 +27,19 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "1.88.17",
-    "@tamagui/constants": "1.88.17",
-    "@tamagui/helpers": "1.88.17",
-    "@tamagui/normalize-css-color": "1.88.17",
-    "@tamagui/timer": "1.88.17",
-    "@tamagui/use-did-finish-ssr": "1.88.17",
-    "@tamagui/use-event": "1.88.17",
-    "@tamagui/use-force-update": "1.88.17",
+    "@tamagui/compose-refs": "1.88.19",
+    "@tamagui/constants": "1.88.19",
+    "@tamagui/helpers": "1.88.19",
+    "@tamagui/normalize-css-color": "1.88.19",
+    "@tamagui/timer": "1.88.19",
+    "@tamagui/use-did-finish-ssr": "1.88.19",
+    "@tamagui/use-event": "1.88.19",
+    "@tamagui/use-force-update": "1.88.19",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.17",
+    "@tamagui/build": "1.88.19",
     "@testing-library/react": "^14.0.0",
     "csstype": "^3.0.10",
     "typescript": "^5.3.3",

package/src/createComponent.tsx

@@ -599,10 +599,10 @@ export function createComponent<
     // HOOK 14 (-1 if no animation, -1 if disableSSR, -1 if no context, -1 if production)
     const mediaState = useMedia(stateRef, componentContext)
 
-    if (process.env.NODE_ENV === 'development' && time) time`media`
-
     setDidGetVariableValue(false)
 
+    if (process.env.NODE_ENV === 'development' && time) time`media`
+
     const resolveValues =
       // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
       (isAnimated && !supportsCSSVars) ||
@@ -1280,8 +1280,9 @@ export function createComponent<
             }
           } catch {
             // RN can run into PayloadTooLargeError: request entity too large
+          } finally {
+            console.groupEnd()
           }
-          console.groupEnd()
         }
         if (debugProp === 'break') {
           // biome-ignore lint/suspicious/noDebugger: ok

package/src/helpers/getSplitStyles.tsx

@@ -175,7 +175,8 @@ export const getSplitStyles: StyleSplitter = (
   const mediaState = styleProps.mediaState || globalMediaState
   const usedKeys: Record<string, number> = {}
   const shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClassNames
-  const rulesToInsert: RulesToInsert = []
+  const rulesToInsert: RulesToInsert =
+    process.env.TAMAGUI_TARGET === 'native' ? (undefined as any) : []
   const classNames: ClassNamesObject = {}
   // we need to gather these specific to each media query / pseudo
   // value is [hash, val], so ["-jnjad-asdnjk", "scaleX(1) rotate(10deg)"]
@@ -188,14 +189,14 @@ export const getSplitStyles: StyleSplitter = (
   let pseudoGroups: Set<string> | undefined
   let mediaGroups: Set<string> | undefined
   let style: ViewStyleWithPseudos = {}
-  let className = (props.className as string) ?? '' // existing classNames
+  let className = (props.className as string) || '' // existing classNames
   let mediaStylesSeen = 0
 
   /**
    * Not the biggest fan of creating an object but it is a nice API
    */
   const styleState: GetStyleState = {
-    curProps: { ...props },
+    curProps: {},
     classNames,
     conf,
     props,
@@ -230,11 +231,6 @@ export const getSplitStyles: StyleSplitter = (
   }
 
   for (const keyOg in props) {
-    if (process.env.NODE_ENV === 'development') {
-      //  we leave open some verbose logs to log each prop details
-      console.groupEnd()
-    }
-
     let keyInit = keyOg
     let valInit = props[keyOg]
 
@@ -303,55 +299,59 @@ export const getSplitStyles: StyleSplitter = (
       }
     }
 
-    styleState.curProps[keyInit] = valInit
+    if (valInit !== props[keyInit]) {
+      styleState.curProps[keyInit] = valInit
+    }
 
     if (process.env.TAMAGUI_TARGET === 'native') {
-      if (!isAndroid) {
-        // only works in android
-        if (keyInit === 'elevationAndroid') continue
-      }
+      if (!isValidStyleKeyInit) {
+        if (!isAndroid) {
+          // only works in android
+          if (keyInit === 'elevationAndroid') continue
+        }
 
-      // map userSelect to native prop
-      if (keyInit === 'userSelect') {
-        keyInit = 'selectable'
-        valInit = valInit === 'none' ? false : true
-      } else if (keyInit === 'role') {
-        viewProps['accessibilityRole'] = accessibilityWebRoleToNativeRole[
-          valInit
-        ] as GetStyleResult['viewProps']['AccessibilityRole']
-        continue
-      } else if (keyInit.startsWith('aria-')) {
-        if (webToNativeAccessibilityDirectMap[keyInit]) {
-          const nativeA11yProp = webToNativeAccessibilityDirectMap[keyInit]
-          if (keyInit === 'aria-hidden') {
-            // accessibilityElementsHidden only works with ios, RN version >0.71.1 support aria-hidden which works for both ios/android
-            viewProps['aria-hidden'] = valInit
-          }
-          viewProps[nativeA11yProp] = valInit
+        // map userSelect to native prop
+        if (keyInit === 'userSelect') {
+          keyInit = 'selectable'
+          valInit = valInit === 'none' ? false : true
+        } else if (keyInit === 'role') {
+          viewProps['accessibilityRole'] = accessibilityWebRoleToNativeRole[
+            valInit
+          ] as GetStyleResult['viewProps']['AccessibilityRole']
           continue
-        }
-        if (nativeAccessibilityValue[keyInit]) {
-          let field = nativeAccessibilityValue[keyInit]
-          if (viewProps['accessibilityValue']) {
-            viewProps['accessibilityValue'][field] = valInit
-          } else {
-            viewProps['accessibilityValue'] = {
-              [field]: valInit,
+        } else if (keyInit.startsWith('aria-')) {
+          if (webToNativeAccessibilityDirectMap[keyInit]) {
+            const nativeA11yProp = webToNativeAccessibilityDirectMap[keyInit]
+            if (keyInit === 'aria-hidden') {
+              // accessibilityElementsHidden only works with ios, RN version >0.71.1 support aria-hidden which works for both ios/android
+              viewProps['aria-hidden'] = valInit
             }
+            viewProps[nativeA11yProp] = valInit
+            continue
           }
-        } else if (nativeAccessibilityState[keyInit]) {
-          let field = nativeAccessibilityState[keyInit]
-          if (viewProps['accessibilityState']) {
-            viewProps['accessibilityState'][field] = valInit
-          } else {
-            viewProps['accessibilityState'] = {
-              [field]: valInit,
+          if (nativeAccessibilityValue[keyInit]) {
+            let field = nativeAccessibilityValue[keyInit]
+            if (viewProps['accessibilityValue']) {
+              viewProps['accessibilityValue'][field] = valInit
+            } else {
+              viewProps['accessibilityValue'] = {
+                [field]: valInit,
+              }
+            }
+          } else if (nativeAccessibilityState[keyInit]) {
+            let field = nativeAccessibilityState[keyInit]
+            if (viewProps['accessibilityState']) {
+              viewProps['accessibilityState'][field] = valInit
+            } else {
+              viewProps['accessibilityState'] = {
+                [field]: valInit,
+              }
             }
           }
+          continue
+        } else if (keyInit.startsWith('data-')) {
+          continue
         }
-        continue
-      } else if (keyInit.startsWith('data-')) {
-        continue
       }
     }
 
@@ -362,9 +362,11 @@ export const getSplitStyles: StyleSplitter = (
       continue
     }
 
-    if (keyInit.startsWith('_style') && isObj(valInit)) {
-      Object.assign(styleState.style, valInit)
-      continue
+    if (!isValidStyleKeyInit) {
+      if (keyInit.startsWith('_style') && isObj(valInit)) {
+        Object.assign(styleState.style, valInit)
+        continue
+      }
     }
 
     if (process.env.TAMAGUI_TARGET === 'web') {
@@ -498,9 +500,9 @@ export const getSplitStyles: StyleSplitter = (
     let isMediaOrPseudo = Boolean(isMedia || isPseudo)
 
     const isStyleProp =
+      isValidStyleKeyInit ||
       isMediaOrPseudo ||
       (isVariant && !styleProps.noExpand) ||
-      isValidStyleKeyInit ||
       isShorthand
 
     if (
@@ -529,11 +531,6 @@ export const getSplitStyles: StyleSplitter = (
     const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough
 
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-      // fix native group nesting issues
-      console.groupEnd()
-      console.groupEnd()
-      // fix native group nesting issues
-
       console.groupCollapsed(
         `  🔑 ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ''} ${
           shouldPassThrough ? '(pass)' : ''
@@ -611,14 +608,14 @@ export const getSplitStyles: StyleSplitter = (
     }
 
     const avoidPropMap = isMediaOrPseudo || (!isVariant && !isValidStyleKeyInit)
+    const expanded = avoidPropMap ? null : propMapper(keyInit, valInit, styleState)
 
-    const expanded = avoidPropMap
-      ? ([[keyInit, valInit]] as const)
-      : propMapper(keyInit, valInit, styleState)
-
-    const next = getPropMappedFontFamily(expanded)
-    if (next) {
-      styleState.fontFamily = next
+    if (!avoidPropMap) {
+      if (!expanded) continue
+      const next = getPropMappedFontFamily(expanded)
+      if (next) {
+        styleState.fontFamily = next
+      }
     }
 
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
@@ -647,9 +644,19 @@ export const getSplitStyles: StyleSplitter = (
       console.groupEnd()
     }
 
-    if (!expanded) continue
+    let key = keyInit
+    let val = valInit
+    const max = expanded ? expanded.length : 1
+
+    // before we just made an array if avoidPropMap, but to avoid making extra arrays in a perf sensitive area
+    // now we do this part more imperatively. saves making a nested array for each prop key on every component
+    for (let i = 0; i < max; i++) {
+      if (expanded) {
+        const [k, v] = expanded[i]
+        key = k
+        val = v
+      }
 
-    for (const [key, val] of expanded) {
       if (val == null) continue
       if (key in usedKeys) continue
 
@@ -769,7 +776,11 @@ export const getSplitStyles: StyleSplitter = (
 
             if (isDisabled) {
               const defaultValues = animatableDefaults[pkey]
-              if (defaultValues != null && !(pkey in usedKeys)) {
+              if (
+                defaultValues != null &&
+                !(pkey in usedKeys) &&
+                !(pkey in styleState.style)
+              ) {
                 mergeStyle(styleState, pkey, defaultValues)
               }
             } else {
@@ -1016,8 +1027,8 @@ export const getSplitStyles: StyleSplitter = (
     }
 
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-      console.groupCollapsed(` ✔️ expand complete`, keyInit)
       try {
+        log(` ✔️ expand complete`, keyInit)
         log('style', { ...style })
         log('transforms', { ...transforms })
         log('viewProps', { ...viewProps })
@@ -1028,11 +1039,6 @@ export const getSplitStyles: StyleSplitter = (
     }
   } // end prop loop
 
-  if (process.env.NODE_ENV === 'development') {
-    //  we leave open some verbose logs to log each prop details
-    console.groupEnd()
-  }
-
   // style prop after:
 
   // merge after the prop loop - this way pseudos apply and set usedKeys and then this wont clobber them
@@ -1407,12 +1413,15 @@ const useInsertEffectCompat = isWeb
   ? useInsertionEffect || useIsomorphicLayoutEffect
   : () => {}
 
-export const useSplitStyles: StyleSplitter = (...args) => {
-  const res = getSplitStyles(...args)
+// perf: ...args a bit expensive on native
+export const useSplitStyles: StyleSplitter = (a, b, c, d, e, f, g, h, i, j) => {
+  const res = getSplitStyles(a, b, c, d, e, f, g, h, i, j)
 
-  useInsertEffectCompat(() => {
-    insertStyleRules(res.rulesToInsert)
-  }, [res.rulesToInsert])
+  if (process.env.TAMAGUI_TARGET !== 'native') {
+    useInsertEffectCompat(() => {
+      insertStyleRules(res.rulesToInsert)
+    }, [res.rulesToInsert])
+  }
 
   return res
 }

package/src/helpers/getVariantExtras.tsx

@@ -3,7 +3,7 @@ import type { GenericFonts, GetStyleState } from '../types'
 import type { LanguageContextType } from '../views/FontLanguage.types'
 
 export function getVariantExtras(styleState: GetStyleState) {
-  const { curProps, conf, context, theme } = styleState
+  const { curProps, props, conf, context, theme } = styleState
   let fonts = conf.fontsParsed
   if (context?.language) {
     fonts = getFontsForLanguage(conf.fontsParsed, context.language)
@@ -22,17 +22,13 @@ export function getVariantExtras(styleState: GetStyleState) {
     font: fonts[fontFamily] || fonts[styleState.conf.defaultFont!],
     // TODO do this in splitstlye
     // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
-    props: new Proxy(curProps, {
+    props: new Proxy(props, {
       // handles shorthands
       get(target, key) {
-        const shorthand = conf.inverseShorthands[key as any]
-        // shorthands before longhand because a styled() with longhand combined with inline shorthand
-        // shorthand will always be the overriding key
-        if (shorthand && Reflect.has(target, shorthand)) {
-          return Reflect.get(target, shorthand)
-        }
-        if (Reflect.has(target, key)) {
-          return Reflect.get(target, key)
+        for (const tryKey of [key, conf.inverseShorthands[key as any]]) {
+          if (!tryKey) continue
+          if (Reflect.has(curProps, tryKey)) return Reflect.get(curProps, tryKey)
+          return Reflect.get(target, tryKey)
         }
       },
     }),

package/src/index.ts

@@ -56,6 +56,7 @@ export * from './internalWithTheme'
 export {
   configureMedia,
   mediaState,
+  mediaKeyMatch,
   useMedia,
   getMedia,
   mediaObjectToString,

package/src/types.tsx

@@ -540,6 +540,19 @@ type GenericTamaguiSettings = {
    */
   fastSchemeChange?: boolean
 
+  /**
+   * By default Tamagui won't accept anything except for style props inside all parent style
+   * selectors or pseudo style selectors (like $sm, $platform-ios, or hoverStyle).
+   *
+   * But it does support taking any property inside of these attributes, historically, and it
+   * can be useful especially on native where props like maxFontSizeMultiplier or minimumFontScale
+   * should be style props but aren't.
+   *
+   * On the web, in the future, we aim to enable a full 0-runtime mode which would enforce the default
+   * "style" setting here. But if you're willing to accept that it maybe slow, set to "all" for more power
+   */
+  // subStyleProps?: 'style' | 'all'
+
   /**
    * On Web, this allows changing the behavior of container groups which by default uses
    * `container-type: inline-size`.

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAYN,MAAM,OAAO,CAAA;AAuBd,OAAO,KAAK,EAEV,SAAS,EAMT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAEhB,cAAc,EAMf,MAAM,SAAS,CAAA;AAiBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAqsC3B;AAsBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAYN,MAAM,OAAO,CAAA;AAuBd,OAAO,KAAK,EAEV,SAAS,EAMT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAEhB,cAAc,EAMf,MAAM,SAAS,CAAA;AAiBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAssC3B;AAsBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AA6BhF,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA8B7B,eAAO,MAAM,cAAc,EAAE,aAupC5B,CAAA;AA2DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AA6BhF,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA8B7B,eAAO,MAAM,cAAc,EAAE,aA6pC5B,CAAA;AA2DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA"}

package/types/helpers/getVariantExtras.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,aAAa,OAqCzD;AAID,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,OAkBrF"}
+{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,aAAa,OAiCzD;AAID,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,OAkBrF"}

package/types/index.d.ts

@@ -38,7 +38,7 @@ export * from './helpers/themeable';
 export * from './helpers/themes';
 export * from './helpers/createShallowSetState';
 export * from './internalWithTheme';
-export { configureMedia, mediaState, useMedia, getMedia, mediaObjectToString, mediaQueryConfig, } from './hooks/useMedia';
+export { configureMedia, mediaState, mediaKeyMatch, useMedia, getMedia, mediaObjectToString, mediaQueryConfig, } from './hooks/useMedia';
 export * from './hooks/useTheme';
 export * from './hooks/useThemeName';
 export * from './hooks/useConfiguration';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAElC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,+BAA+B,CAAA;AAElD,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAE3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,cAAc,EACd,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAElC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,+BAA+B,CAAA;AAElD,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAE3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA"}

package/types/types.d.ts

@@ -340,6 +340,17 @@ type GenericTamaguiSettings = {
      * Then this feature is safe to turn on and will significantly speed up dark/light re-renders.
      */
     fastSchemeChange?: boolean;
+    /**
+     * By default Tamagui won't accept anything except for style props inside all parent style
+     * selectors or pseudo style selectors (like $sm, $platform-ios, or hoverStyle).
+     *
+     * But it does support taking any property inside of these attributes, historically, and it
+     * can be useful especially on native where props like maxFontSizeMultiplier or minimumFontScale
+     * should be style props but aren't.
+     *
+     * On the web, in the future, we aim to enable a full 0-runtime mode which would enforce the default
+     * "style" setting here. But if you're willing to accept that it maybe slow, set to "all" for more power
+     */
     /**
      * On Web, this allows changing the behavior of container groups which by default uses
      * `container-type: inline-size`.