@tamagui/helpers 1.143.1 → 2.0.0-1

package/dist/esm/webOnlyStyleProps.native.js

@@ -0,0 +1,76 @@
+var webOnlyStylePropsView = {
+    transition: !0,
+    textWrap: !0,
+    backdropFilter: !0,
+    WebkitBackdropFilter: !0,
+    // These background-* props are web-only CSS, but NOT backgroundColor
+    background: !0,
+    backgroundAttachment: !0,
+    backgroundBlendMode: !0,
+    backgroundClip: !0,
+    backgroundImage: !0,
+    backgroundOrigin: !0,
+    backgroundPosition: !0,
+    backgroundRepeat: !0,
+    backgroundSize: !0,
+    borderBottomStyle: !0,
+    borderImage: !0,
+    borderLeftStyle: !0,
+    borderRightStyle: !0,
+    borderTopStyle: !0,
+    boxSizing: !0,
+    caretColor: !0,
+    clipPath: !0,
+    contain: !0,
+    containerType: !0,
+    content: !0,
+    cursor: !0,
+    float: !0,
+    mask: !0,
+    maskBorder: !0,
+    maskBorderMode: !0,
+    maskBorderOutset: !0,
+    maskBorderRepeat: !0,
+    maskBorderSlice: !0,
+    maskBorderSource: !0,
+    maskBorderWidth: !0,
+    maskClip: !0,
+    maskComposite: !0,
+    maskImage: !0,
+    maskMode: !0,
+    maskOrigin: !0,
+    maskPosition: !0,
+    maskRepeat: !0,
+    maskSize: !0,
+    maskType: !0,
+    mixBlendMode: !0,
+    objectFit: !0,
+    objectPosition: !0,
+    outlineOffset: !0,
+    outlineStyle: !0,
+    outlineWidth: !0,
+    outlineColor: !0,
+    overflowBlock: !0,
+    overflowInline: !0,
+    overflowX: !0,
+    overflowY: !0,
+    // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
+    pointerEvents: !0,
+    scrollbarWidth: !0,
+    textEmphasis: !0,
+    touchAction: !0,
+    transformStyle: !0,
+    userSelect: !0,
+    willChange: !0
+  },
+  webOnlyStylePropsText = {
+    whiteSpace: !0,
+    wordWrap: !0,
+    textOverflow: !0,
+    textDecorationDistance: !0,
+    cursor: !0,
+    WebkitLineClamp: !0,
+    WebkitBoxOrient: !0
+  };
+export { webOnlyStylePropsText, webOnlyStylePropsView };
+//# sourceMappingURL=webOnlyStyleProps.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["webOnlyStylePropsView","transition","textWrap","backdropFilter","WebkitBackdropFilter","background","backgroundAttachment","backgroundBlendMode","backgroundClip","backgroundImage","backgroundOrigin","backgroundPosition","backgroundRepeat","backgroundSize","borderBottomStyle","borderImage","borderLeftStyle","borderRightStyle","borderTopStyle","boxSizing","caretColor","clipPath","contain","containerType","content","cursor","float","mask","maskBorder","maskBorderMode","maskBorderOutset","maskBorderRepeat","maskBorderSlice","maskBorderSource","maskBorderWidth","maskClip","maskComposite","maskImage","maskMode","maskOrigin","maskPosition","maskRepeat","maskSize","maskType","mixBlendMode","objectFit","objectPosition","outlineOffset","outlineStyle","outlineWidth","outlineColor","overflowBlock","overflowInline","overflowX","overflowY","pointerEvents","scrollbarWidth","textEmphasis","touchAction","transformStyle","userSelect","willChange","webOnlyStylePropsText","whiteSpace","wordWrap","textOverflow","textDecorationDistance","WebkitLineClamp","WebkitBoxOrient"],"sources":["../../src/webOnlyStyleProps.ts"],"sourcesContent":[null],"mappings":"AAEO,IAAAA,qBAAM;IACXC,UAAA,EAAY;IACZC,QAAA,EAAU;IACVC,cAAA,EAAgB;IAChBC,oBAAA,EAAsB;IAAA;IAEtBC,UAAA,EAAY;IACZC,oBAAA,EAAsB;IACtBC,mBAAA,EAAqB;IACrBC,cAAA,EAAgB;IAChBC,eAAA,EAAiB;IACjBC,gBAAA,EAAkB;IAClBC,kBAAA,EAAoB;IACpBC,gBAAA,EAAkB;IAClBC,cAAA,EAAgB;IAChBC,iBAAA,EAAmB;IACnBC,WAAA,EAAa;IACbC,eAAA,EAAiB;IACjBC,gBAAA,EAAkB;IAClBC,cAAA,EAAgB;IAChBC,SAAA,EAAW;IACXC,UAAA,EAAY;IACZC,QAAA,EAAU;IACVC,OAAA,EAAS;IACTC,aAAA,EAAe;IACfC,OAAA,EAAS;IACTC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,cAAA,EAAgB;IAChBC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;IAClBC,eAAA,EAAiB;IACjBC,gBAAA,EAAkB;IAClBC,eAAA,EAAiB;IACjBC,QAAA,EAAU;IACVC,aAAA,EAAe;IACfC,SAAA,EAAW;IACXC,QAAA,EAAU;IACVC,UAAA,EAAY;IACZC,YAAA,EAAc;IACdC,UAAA,EAAY;IACZC,QAAA,EAAU;IACVC,QAAA,EAAU;IACVC,YAAA,EAAc;IACdC,SAAA,EAAW;IACXC,cAAA,EAAgB;IAChBC,aAAA,EAAe;IACfC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,aAAA,EAAe;IACfC,cAAA,EAAgB;IAChBC,SAAA,EAAW;IACXC,SAAA,EAAW;IAAA;IAEXC,aAAA,EAAe;IACfC,cAAA,EAAgB;IAChBC,YAAA,EAAc;IACdC,WAAA,EAAa;IACbC,cAAA,EAAgB;IAChBC,UAAA,EAAY;IACZC,UAAA,EAAY;EACd;EAEaC,qBAAA,GAAwB;IACnCC,UAAA,EAAY;IACZC,QAAA,EAAU;IACVC,YAAA,EAAc;IACdC,sBAAA,EAAwB;IACxBzC,MAAA,EAAQ;IACR0C,eAAA,EAAiB;IACjBC,eAAA,EAAiB;EACnB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.143.1",
+  "version": "2.0.0-001",
   "type": "module",
   "sideEffects": false,
   "source": "src/index.ts",
@@ -21,11 +21,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "1.143.1",
-    "@tamagui/simple-hash": "1.143.1"
+    "@tamagui/constants": "2.0.0-001",
+    "@tamagui/simple-hash": "2.0.0-001"
   },
   "devDependencies": {
-    "@tamagui/build": "1.143.1",
+    "@tamagui/build": "2.0.0-001",
     "react": "*"
   },
   "publishConfig": {

package/src/index.ts

@@ -5,3 +5,4 @@ export * from './types'
 export * from './shouldRenderNativePlatform'
 export * from './validStyleProps'
 export * from './withStaticProperties'
+export * from './webOnlyStyleProps'

package/src/validStyleProps.ts

@@ -1,4 +1,5 @@
 import { isAndroid } from '@tamagui/constants'
+import { webOnlyStylePropsText, webOnlyStylePropsView } from './webOnlyStyleProps'
 
 // generally organizing this so we don't duplicate things so its a bit weird
 
@@ -213,10 +214,10 @@ export const stylePropsView = {
   ...tokenCategories.radius,
   ...stylePropsTransform,
   ...stylePropsUnitless,
+  ...(isAndroid ? { elevationAndroid: true } : {}),
 
   boxShadow: true,
   filter: true,
-
   // RN 0.77+ style props (set REACT_NATIVE_PRE_77=1 for older RN)
   ...(!process.env.REACT_NATIVE_PRE_77 && {
     boxSizing: true,
@@ -227,69 +228,8 @@ export const stylePropsView = {
     outlineWidth: true,
   }),
 
-  // allow a few web only ones
-
-  ...(process.env.TAMAGUI_TARGET === 'web' && {
-    // RN doesn't support specific border styles per-edge
-    transition: true,
-    textWrap: true,
-    backdropFilter: true,
-    WebkitBackdropFilter: true,
-    background: true,
-    backgroundAttachment: true,
-    backgroundBlendMode: true,
-    backgroundClip: true,
-    backgroundColor: true,
-    backgroundImage: true,
-    backgroundOrigin: true,
-    backgroundPosition: true,
-    backgroundRepeat: true,
-    backgroundSize: true,
-    borderBottomStyle: true,
-    borderImage: true,
-    borderLeftStyle: true,
-    borderRightStyle: true,
-    borderTopStyle: true,
-    caretColor: true,
-    clipPath: true,
-    contain: true,
-    containerType: true,
-    content: true,
-    cursor: true,
-    float: true,
-    mask: true,
-    maskBorder: true,
-    maskBorderMode: true,
-    maskBorderOutset: true,
-    maskBorderRepeat: true,
-    maskBorderSlice: true,
-    maskBorderSource: true,
-    maskBorderWidth: true,
-    maskClip: true,
-    maskComposite: true,
-    maskImage: true,
-    maskMode: true,
-    maskOrigin: true,
-    maskPosition: true,
-    maskRepeat: true,
-    maskSize: true,
-    maskType: true,
-    objectFit: true,
-    objectPosition: true,
-    outlineOffset: true,
-    overflowBlock: true,
-    overflowInline: true,
-    overflowX: true,
-    overflowY: true,
-    pointerEvents: true,
-    scrollbarWidth: true,
-    textEmphasis: true,
-    touchAction: true,
-    transformStyle: true,
-    userSelect: true,
-    willChange: true,
-  }),
-  ...(isAndroid ? { elevationAndroid: true } : {}),
+  // web-only for convenience - tree-shaken on native
+  ...(process.env.TAMAGUI_TARGET === 'web' ? webOnlyStylePropsView : {}),
 }
 
 const stylePropsFont = {
@@ -312,19 +252,10 @@ export const stylePropsTextOnly = {
   textShadowOffset: true,
   textShadowRadius: true,
   userSelect: true,
-  selectable: true,
   verticalAlign: true,
 
-  // allow some web only ones
-  ...(process.env.TAMAGUI_TARGET === 'web' && {
-    whiteSpace: true,
-    wordWrap: true,
-    textOverflow: true,
-    textDecorationDistance: true,
-    cursor: true,
-    WebkitLineClamp: true,
-    WebkitBoxOrient: true,
-  }),
+  // web-only text props - tree-shaken on native
+  ...(process.env.TAMAGUI_TARGET === 'web' ? webOnlyStylePropsText : {}),
 }
 
 export const stylePropsText = {

package/src/webOnlyStyleProps.ts

@@ -0,0 +1,77 @@
+// Web-only style props that need to be skipped on native
+// NOTE: backgroundColor is NOT web-only - it works on React Native too!
+export const webOnlyStylePropsView = {
+  transition: true,
+  textWrap: true,
+  backdropFilter: true,
+  WebkitBackdropFilter: true,
+  // These background-* props are web-only CSS, but NOT backgroundColor
+  background: true,
+  backgroundAttachment: true,
+  backgroundBlendMode: true,
+  backgroundClip: true,
+  backgroundImage: true,
+  backgroundOrigin: true,
+  backgroundPosition: true,
+  backgroundRepeat: true,
+  backgroundSize: true,
+  borderBottomStyle: true,
+  borderImage: true,
+  borderLeftStyle: true,
+  borderRightStyle: true,
+  borderTopStyle: true,
+  boxSizing: true,
+  caretColor: true,
+  clipPath: true,
+  contain: true,
+  containerType: true,
+  content: true,
+  cursor: true,
+  float: true,
+  mask: true,
+  maskBorder: true,
+  maskBorderMode: true,
+  maskBorderOutset: true,
+  maskBorderRepeat: true,
+  maskBorderSlice: true,
+  maskBorderSource: true,
+  maskBorderWidth: true,
+  maskClip: true,
+  maskComposite: true,
+  maskImage: true,
+  maskMode: true,
+  maskOrigin: true,
+  maskPosition: true,
+  maskRepeat: true,
+  maskSize: true,
+  maskType: true,
+  mixBlendMode: true,
+  objectFit: true,
+  objectPosition: true,
+  outlineOffset: true,
+  outlineStyle: true,
+  outlineWidth: true,
+  outlineColor: true,
+  overflowBlock: true,
+  overflowInline: true,
+  overflowX: true,
+  overflowY: true,
+  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
+  pointerEvents: true,
+  scrollbarWidth: true,
+  textEmphasis: true,
+  touchAction: true,
+  transformStyle: true,
+  userSelect: true,
+  willChange: true,
+}
+
+export const webOnlyStylePropsText = {
+  whiteSpace: true,
+  wordWrap: true,
+  textOverflow: true,
+  textDecorationDistance: true,
+  cursor: true,
+  WebkitLineClamp: true,
+  WebkitBoxOrient: true,
+}

package/src/withStaticProperties.tsx

@@ -4,7 +4,7 @@ const Decorated = Symbol()
 
 type Combined<A, B> = A & B
 
-export const withStaticProperties = <A extends Function, B>(
+export const withStaticProperties = <A extends Function, B extends Record<string, any>>(
   component: A,
   staticProps: B
 ): Combined<A, B> => {
@@ -28,5 +28,5 @@ export const withStaticProperties = <A extends Function, B>(
   Object.assign(next, staticProps)
   next[Decorated] = true
 
-  return next as any as A & B
+  return next as any
 }

package/types/index.d.ts

@@ -5,4 +5,5 @@ export * from './types';
 export * from './shouldRenderNativePlatform';
 export * from './validStyleProps';
 export * from './withStaticProperties';
+export * from './webOnlyStyleProps';
 //# 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,sBAAsB,CAAA;AACpC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,SAAS,CAAA;AACvB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,SAAS,CAAA;AACvB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA"}

package/types/validStyleProps.d.ts

@@ -105,7 +105,6 @@ export declare const stylePropsTransform: {
     rotateZ: boolean;
 };
 export declare const stylePropsView: {
-    elevationAndroid?: boolean | undefined;
     transition?: boolean | undefined;
     textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
@@ -114,7 +113,6 @@ export declare const stylePropsView: {
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
-    backgroundColor: boolean;
     backgroundImage?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
     backgroundPosition?: boolean | undefined;
@@ -125,6 +123,7 @@ export declare const stylePropsView: {
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
+    boxSizing?: boolean | undefined;
     caretColor?: boolean | undefined;
     clipPath?: boolean | undefined;
     contain?: boolean | undefined;
@@ -149,9 +148,13 @@ export declare const stylePropsView: {
     maskRepeat?: boolean | undefined;
     maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
+    mixBlendMode?: boolean | undefined;
     objectFit?: boolean | undefined;
     objectPosition?: boolean | undefined;
     outlineOffset?: boolean | undefined;
+    outlineStyle?: boolean | undefined;
+    outlineWidth?: boolean | undefined;
+    outlineColor?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
@@ -163,14 +166,10 @@ export declare const stylePropsView: {
     transformStyle?: boolean | undefined;
     userSelect?: boolean | undefined;
     willChange?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    mixBlendMode?: boolean | undefined;
-    outlineColor?: boolean | undefined;
     outlineSpread?: boolean | undefined;
-    outlineStyle?: boolean | undefined;
-    outlineWidth?: boolean | undefined;
     boxShadow: boolean;
     filter: boolean;
+    elevationAndroid?: boolean | undefined;
     WebkitLineClamp: boolean;
     animationIterationCount: boolean;
     aspectRatio: boolean;
@@ -242,6 +241,7 @@ export declare const stylePropsView: {
     color: boolean;
     textDecorationColor: boolean;
     textShadowColor: boolean;
+    backgroundColor: boolean;
     borderColor: boolean;
     borderBlockStartColor: boolean;
     borderBlockEndColor: boolean;
@@ -353,7 +353,6 @@ export declare const stylePropsTextOnly: {
     textShadowOffset: boolean;
     textShadowRadius: boolean;
     userSelect: boolean;
-    selectable: boolean;
     verticalAlign: boolean;
     color: boolean;
     textDecorationColor: boolean;
@@ -381,7 +380,6 @@ export declare const stylePropsText: {
     textShadowOffset: boolean;
     textShadowRadius: boolean;
     userSelect: boolean;
-    selectable: boolean;
     verticalAlign: boolean;
     color: boolean;
     textDecorationColor: boolean;
@@ -397,7 +395,6 @@ export declare const stylePropsText: {
     letterSpacing: boolean;
     lineHeight: boolean;
     textTransform: boolean;
-    elevationAndroid?: boolean | undefined;
     transition?: boolean | undefined;
     textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
@@ -406,7 +403,6 @@ export declare const stylePropsText: {
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
-    backgroundColor: boolean;
     backgroundImage?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
     backgroundPosition?: boolean | undefined;
@@ -417,6 +413,7 @@ export declare const stylePropsText: {
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
+    boxSizing?: boolean | undefined;
     caretColor?: boolean | undefined;
     clipPath?: boolean | undefined;
     contain?: boolean | undefined;
@@ -440,9 +437,13 @@ export declare const stylePropsText: {
     maskRepeat?: boolean | undefined;
     maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
+    mixBlendMode?: boolean | undefined;
     objectFit?: boolean | undefined;
     objectPosition?: boolean | undefined;
     outlineOffset?: boolean | undefined;
+    outlineStyle?: boolean | undefined;
+    outlineWidth?: boolean | undefined;
+    outlineColor?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
@@ -453,14 +454,10 @@ export declare const stylePropsText: {
     touchAction?: boolean | undefined;
     transformStyle?: boolean | undefined;
     willChange?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    mixBlendMode?: boolean | undefined;
-    outlineColor?: boolean | undefined;
     outlineSpread?: boolean | undefined;
-    outlineStyle?: boolean | undefined;
-    outlineWidth?: boolean | undefined;
     boxShadow: boolean;
     filter: boolean;
+    elevationAndroid?: boolean | undefined;
     animationIterationCount: boolean;
     aspectRatio: boolean;
     borderImageOutset: boolean;
@@ -527,6 +524,7 @@ export declare const stylePropsText: {
     inlineSize: boolean;
     minInlineSize: boolean;
     maxInlineSize: boolean;
+    backgroundColor: boolean;
     borderColor: boolean;
     borderBlockStartColor: boolean;
     borderBlockEndColor: boolean;
@@ -638,7 +636,6 @@ export declare const stylePropsAll: {
     textShadowOffset: boolean;
     textShadowRadius: boolean;
     userSelect: boolean;
-    selectable: boolean;
     verticalAlign: boolean;
     color: boolean;
     textDecorationColor: boolean;
@@ -654,7 +651,6 @@ export declare const stylePropsAll: {
     letterSpacing: boolean;
     lineHeight: boolean;
     textTransform: boolean;
-    elevationAndroid?: boolean | undefined;
     transition?: boolean | undefined;
     textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
@@ -663,7 +659,6 @@ export declare const stylePropsAll: {
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
-    backgroundColor: boolean;
     backgroundImage?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
     backgroundPosition?: boolean | undefined;
@@ -674,6 +669,7 @@ export declare const stylePropsAll: {
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
+    boxSizing?: boolean | undefined;
     caretColor?: boolean | undefined;
     clipPath?: boolean | undefined;
     contain?: boolean | undefined;
@@ -697,9 +693,13 @@ export declare const stylePropsAll: {
     maskRepeat?: boolean | undefined;
     maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
+    mixBlendMode?: boolean | undefined;
     objectFit?: boolean | undefined;
     objectPosition?: boolean | undefined;
     outlineOffset?: boolean | undefined;
+    outlineStyle?: boolean | undefined;
+    outlineWidth?: boolean | undefined;
+    outlineColor?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
@@ -710,14 +710,10 @@ export declare const stylePropsAll: {
     touchAction?: boolean | undefined;
     transformStyle?: boolean | undefined;
     willChange?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    mixBlendMode?: boolean | undefined;
-    outlineColor?: boolean | undefined;
     outlineSpread?: boolean | undefined;
-    outlineStyle?: boolean | undefined;
-    outlineWidth?: boolean | undefined;
     boxShadow: boolean;
     filter: boolean;
+    elevationAndroid?: boolean | undefined;
     animationIterationCount: boolean;
     aspectRatio: boolean;
     borderImageOutset: boolean;
@@ -784,6 +780,7 @@ export declare const stylePropsAll: {
     inlineSize: boolean;
     minInlineSize: boolean;
     maxInlineSize: boolean;
+    backgroundColor: boolean;
     borderColor: boolean;
     borderBlockStartColor: boolean;
     borderBlockEndColor: boolean;
@@ -895,7 +892,6 @@ export declare const validPseudoKeys: {
     focusWithinStyle: boolean;
 };
 export declare const validStyles: {
-    elevationAndroid?: boolean | undefined;
     transition?: boolean | undefined;
     textWrap?: boolean | undefined;
     backdropFilter?: boolean | undefined;
@@ -904,7 +900,6 @@ export declare const validStyles: {
     backgroundAttachment?: boolean | undefined;
     backgroundBlendMode?: boolean | undefined;
     backgroundClip?: boolean | undefined;
-    backgroundColor: boolean;
     backgroundImage?: boolean | undefined;
     backgroundOrigin?: boolean | undefined;
     backgroundPosition?: boolean | undefined;
@@ -915,6 +910,7 @@ export declare const validStyles: {
     borderLeftStyle?: boolean | undefined;
     borderRightStyle?: boolean | undefined;
     borderTopStyle?: boolean | undefined;
+    boxSizing?: boolean | undefined;
     caretColor?: boolean | undefined;
     clipPath?: boolean | undefined;
     contain?: boolean | undefined;
@@ -939,9 +935,13 @@ export declare const validStyles: {
     maskRepeat?: boolean | undefined;
     maskSize?: boolean | undefined;
     maskType?: boolean | undefined;
+    mixBlendMode?: boolean | undefined;
     objectFit?: boolean | undefined;
     objectPosition?: boolean | undefined;
     outlineOffset?: boolean | undefined;
+    outlineStyle?: boolean | undefined;
+    outlineWidth?: boolean | undefined;
+    outlineColor?: boolean | undefined;
     overflowBlock?: boolean | undefined;
     overflowInline?: boolean | undefined;
     overflowX?: boolean | undefined;
@@ -953,14 +953,10 @@ export declare const validStyles: {
     transformStyle?: boolean | undefined;
     userSelect?: boolean | undefined;
     willChange?: boolean | undefined;
-    boxSizing?: boolean | undefined;
-    mixBlendMode?: boolean | undefined;
-    outlineColor?: boolean | undefined;
     outlineSpread?: boolean | undefined;
-    outlineStyle?: boolean | undefined;
-    outlineWidth?: boolean | undefined;
     boxShadow: boolean;
     filter: boolean;
+    elevationAndroid?: boolean | undefined;
     WebkitLineClamp: boolean;
     animationIterationCount: boolean;
     aspectRatio: boolean;
@@ -1032,6 +1028,7 @@ export declare const validStyles: {
     color: boolean;
     textDecorationColor: boolean;
     textShadowColor: boolean;
+    backgroundColor: boolean;
     borderColor: boolean;
     borderBlockStartColor: boolean;
     borderBlockEndColor: boolean;

package/types/validStyleProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["../src/validStyleProps.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD3B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;CAc/B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyK1B,CAAA;AAaD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB9B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG1B,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA;AAE3C,eAAO,MAAM,eAAe;;;;;;;;;CAa3B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA"}
+{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["../src/validStyleProps.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD3B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;CAc/B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4G1B,CAAA;AAaD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CAa9B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG1B,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA;AAE3C,eAAO,MAAM,eAAe;;;;;;;;;CAa3B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiB,CAAA"}

package/types/webOnlyStyleProps.d.ts

@@ -0,0 +1,73 @@
+export declare const webOnlyStylePropsView: {
+    transition: boolean;
+    textWrap: boolean;
+    backdropFilter: boolean;
+    WebkitBackdropFilter: boolean;
+    background: boolean;
+    backgroundAttachment: boolean;
+    backgroundBlendMode: boolean;
+    backgroundClip: boolean;
+    backgroundImage: boolean;
+    backgroundOrigin: boolean;
+    backgroundPosition: boolean;
+    backgroundRepeat: boolean;
+    backgroundSize: boolean;
+    borderBottomStyle: boolean;
+    borderImage: boolean;
+    borderLeftStyle: boolean;
+    borderRightStyle: boolean;
+    borderTopStyle: boolean;
+    boxSizing: boolean;
+    caretColor: boolean;
+    clipPath: boolean;
+    contain: boolean;
+    containerType: boolean;
+    content: boolean;
+    cursor: boolean;
+    float: boolean;
+    mask: boolean;
+    maskBorder: boolean;
+    maskBorderMode: boolean;
+    maskBorderOutset: boolean;
+    maskBorderRepeat: boolean;
+    maskBorderSlice: boolean;
+    maskBorderSource: boolean;
+    maskBorderWidth: boolean;
+    maskClip: boolean;
+    maskComposite: boolean;
+    maskImage: boolean;
+    maskMode: boolean;
+    maskOrigin: boolean;
+    maskPosition: boolean;
+    maskRepeat: boolean;
+    maskSize: boolean;
+    maskType: boolean;
+    mixBlendMode: boolean;
+    objectFit: boolean;
+    objectPosition: boolean;
+    outlineOffset: boolean;
+    outlineStyle: boolean;
+    outlineWidth: boolean;
+    outlineColor: boolean;
+    overflowBlock: boolean;
+    overflowInline: boolean;
+    overflowX: boolean;
+    overflowY: boolean;
+    pointerEvents: boolean;
+    scrollbarWidth: boolean;
+    textEmphasis: boolean;
+    touchAction: boolean;
+    transformStyle: boolean;
+    userSelect: boolean;
+    willChange: boolean;
+};
+export declare const webOnlyStylePropsText: {
+    whiteSpace: boolean;
+    wordWrap: boolean;
+    textOverflow: boolean;
+    textDecorationDistance: boolean;
+    cursor: boolean;
+    WebkitLineClamp: boolean;
+    WebkitBoxOrient: boolean;
+};
+//# sourceMappingURL=webOnlyStyleProps.d.ts.map

package/types/webOnlyStyleProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webOnlyStyleProps.d.ts","sourceRoot":"","sources":["../src/webOnlyStyleProps.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEjC,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAA"}

package/types/withStaticProperties.d.ts

@@ -1,4 +1,4 @@
 type Combined<A, B> = A & B;
-export declare const withStaticProperties: <A extends Function, B>(component: A, staticProps: B) => Combined<A, B>;
+export declare const withStaticProperties: <A extends Function, B extends Record<string, any>>(component: A, staticProps: B) => Combined<A, B>;
 export {};
 //# sourceMappingURL=withStaticProperties.d.ts.map