@tamagui/web 1.50.0 → 1.50.2

package/src/createComponent.tsx

@@ -337,16 +337,17 @@ export function createComponent<
         const enterVariant = enterExitVariant ?? presenceState.enterVariant
         const exitVariant = enterExitVariant ?? presenceState.exitVariant
 
-        if (process.env.NODE_ENV === 'development' && debugProp === 'verbose') {
-          console.warn(
-            `Animating presence (enter: ${isEntering} variant "${enterVariant}", exit: ${isExiting} variant "${exitVariant}")`
-          )
-        }
-
         if (isEntering && enterVariant) {
+          if (process.env.NODE_ENV === 'development' && debugProp === 'verbose') {
+            console.warn(`Animating presence ENTER "${enterVariant}"`)
+          }
+
           props[enterVariant] = true
-        }
-        if (isExiting && exitVariant) {
+        } else if (isExiting && exitVariant) {
+          if (process.env.NODE_ENV === 'development' && debugProp === 'verbose') {
+            console.warn(`Animating presence EXIT "${enterVariant}"`)
+          }
+
           props[exitVariant] = enterExitVariant ? false : true
         }
       }
@@ -914,48 +915,52 @@ export function createComponent<
       if (debugProp && debugProp !== 'profile') {
         const element = typeof elementType === 'string' ? elementType : 'Component'
         console.groupCollapsed(`render <${element} /> with props`)
-        // rome-ignore lint/nursery/noConsoleLog: <explanation>
-        console.log('viewProps', viewProps)
-        // rome-ignore lint/nursery/noConsoleLog: <explanation>
-        console.log('viewPropsOrder', Object.keys(viewProps))
-        for (const key in viewProps) {
+        try {
           // rome-ignore lint/nursery/noConsoleLog: <explanation>
-          console.log(' - ', key, viewProps[key])
-        }
-        // rome-ignore lint/nursery/noConsoleLog: <explanation>
-        console.log('children', content)
-        if (typeof window !== 'undefined') {
-          // prettier-ignore
+          console.log('viewProps', viewProps)
           // rome-ignore lint/nursery/noConsoleLog: <explanation>
-          console.log({
-            state,
-            styleProps,
-            themeState,
-            isAnimated,
-            isAnimatedReactNativeWeb,
-            defaultProps,
-            viewProps,
-            splitStyles,
-            animationStyles,
-            handlesPressEvents,
-            willBeAnimated,
-            isStringElement,
-            classNamesIn: props.className?.split(" "),
-            classNamesOut: viewProps.className?.split(" "),
-            events,
-            shouldAttach,
-            pseudos,
-            content,
-            shouldAvoidClasses,
-            animation: props.animation,
-            style: splitStylesStyle,
-            staticConfig,
-            tamaguiConfig,
-            shouldForcePseudo,
-            elementType,
-            initialState,
-            classNames,
-          });
+          console.log('viewPropsOrder', Object.keys(viewProps))
+          for (const key in viewProps) {
+            // rome-ignore lint/nursery/noConsoleLog: <explanation>
+            console.log(' - ', key, viewProps[key])
+          }
+          // rome-ignore lint/nursery/noConsoleLog: <explanation>
+          console.log('children', content)
+          if (typeof window !== 'undefined') {
+            // prettier-ignore
+            // rome-ignore lint/nursery/noConsoleLog: <explanation>
+            console.log({
+              viewProps,
+              state,
+              styleProps,
+              themeState,
+              isAnimated,
+              isAnimatedReactNativeWeb,
+              defaultProps,
+              splitStyles,
+              animationStyles,
+              handlesPressEvents,
+              willBeAnimated,
+              isStringElement,
+              classNamesIn: props.className?.split(" "),
+              classNamesOut: viewProps.className?.split(" "),
+              events,
+              shouldAttach,
+              pseudos,
+              content,
+              shouldAvoidClasses,
+              animation: props.animation,
+              splitStylesStyle,
+              staticConfig,
+              tamaguiConfig,
+              shouldForcePseudo,
+              elementType,
+              initialState,
+              classNames,
+            });
+          }
+        } catch {
+          // RN can run into PayloadTooLargeError: request entity too large
         }
         console.groupEnd()
         console.groupEnd()

package/src/helpers/getSplitStyles.tsx

@@ -330,20 +330,8 @@ export const getSplitStyles: StyleSplitter = (
       continue
     }
 
-    if (keyInit === 'style' || (keyInit[0] === '_' && keyInit.startsWith('_style'))) {
-      if (!valInit) continue
-      const styles = [].concat(valInit).flat()
-      for (const cur of styles) {
-        if (!cur) continue
-        const isRNW = cur['$$css']
-        if (isRNW) {
-          Object.assign(classNames, cur)
-        } else {
-          for (const key in cur) {
-            style[key] = cur[key]
-          }
-        }
-      }
+    if (keyInit.startsWith('_style')) {
+      mergeStyleProp(styleState, valInit)
       continue
     }
 
@@ -616,25 +604,29 @@ export const getSplitStyles: StyleSplitter = (
 
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
       console.groupCollapsed('  💠 expanded', keyInit, valInit)
-      if (!isServer && isDevTools) {
-        // prettier-ignore
-        // rome-ignore lint/nursery/noConsoleLog: <explanation>
-        console.log({
-          expanded,
-          styleProps,
-          componentState,
-          isVariant,
-          variant: variants?.[keyInit],
-          shouldPassProp,
-          isHOCShouldPassThrough,
-          theme,
-          usedKeys: { ...usedKeys },
-          curProps: { ...styleState.curProps },
-        });
-        // rome-ignore lint/nursery/noConsoleLog: ok
-        console.log('expanded', expanded, '\nusedKeys', { ...usedKeys }, '\ncurrent', {
-          ...style,
-        })
+      try {
+        if (!isServer && isDevTools) {
+          // prettier-ignore
+          // rome-ignore lint/nursery/noConsoleLog: <explanation>
+          console.log({
+            expanded,
+            styleProps,
+            componentState,
+            isVariant,
+            variant: variants?.[keyInit],
+            shouldPassProp,
+            isHOCShouldPassThrough,
+            theme,
+            usedKeys: { ...usedKeys },
+            curProps: { ...styleState.curProps },
+          });
+          // rome-ignore lint/nursery/noConsoleLog: ok
+          console.log('expanded', expanded, '\nusedKeys', { ...usedKeys }, '\ncurrent', {
+            ...style,
+          })
+        }
+      } catch {
+        // rn can run into PayloadTooLargeError: request entity too large
       }
       console.groupEnd()
     }
@@ -794,6 +786,7 @@ export const getSplitStyles: StyleSplitter = (
                 mergeStyle(styleState, pkey, val)
                 usedKeys[pkey] ||= 1
               }
+
               if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
                 // prettier-ignore
                 // rome-ignore lint/nursery/noConsoleLog: <explanation>
@@ -973,12 +966,25 @@ export const getSplitStyles: StyleSplitter = (
 
     if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
       console.groupCollapsed(` ✔️ expand complete`, keyInit)
-      // rome-ignore lint/nursery/noConsoleLog: <explanation>
-      console.log('style', { ...style })
-      // rome-ignore lint/nursery/noConsoleLog: <explanation>
-      console.log('viewProps', { ...viewProps })
+      try {
+        // rome-ignore lint/nursery/noConsoleLog: <explanation>
+        console.log('style', { ...style })
+        // rome-ignore lint/nursery/noConsoleLog: <explanation>
+        console.log('viewProps', { ...viewProps })
+      } catch {
+        // RN can run into PayloadTooLargeError: request entity too large
+      }
       console.groupEnd()
     }
+  } // end prop loop
+
+  // merge after the prop loop - this way pseudos apply and set usedKeys and then this wont clobber them
+  // otherwise styled(styleable(), { bg: 'red', pressStyle: { bg: 'pink' } })
+  // will pass down a style={} + pressStyle={} but pressStyle will go behind style depending on how you pass it
+  // also it makes sense that props.style is basically the last to apply,
+  // at least more sense than "it applies at the position its defined in the prop loop"
+  if (props.style) {
+    mergeStyleProp(styleState, props.style)
   }
 
   fixStyles(style)
@@ -1185,19 +1191,23 @@ export const getSplitStyles: StyleSplitter = (
   if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
     if (isDevTools) {
       console.groupCollapsed('  🔹 ===>')
-      // prettier-ignore
-      const logs = {
-        ...result,
-        componentState,
-        transforms,
-        viewProps,
-        viewPropsOrder: Object.keys(viewProps),
-        rulesToInsert,
-        parentSplitStyles,
-      };
-      for (const key in logs) {
-        // rome-ignore lint/nursery/noConsoleLog: ok
-        console.log(key, logs[key])
+      try {
+        // prettier-ignore
+        const logs = {
+          ...result,
+          componentState,
+          transforms,
+          viewProps,
+          viewPropsOrder: Object.keys(viewProps),
+          rulesToInsert,
+          parentSplitStyles,
+        };
+        for (const key in logs) {
+          // rome-ignore lint/nursery/noConsoleLog: ok
+          console.log(key, logs[key])
+        }
+      } catch {
+        // RN can run into PayloadTooLargeError: request entity too large
       }
       console.groupEnd()
     }
@@ -1287,6 +1297,25 @@ export const getSubStyle = (
   return styleOut
 }
 
+function mergeStyleProp(styleState: GetStyleState, val: any) {
+  if (!val) return
+  const styles = [].concat(val).flat()
+  for (const cur of styles) {
+    if (!cur) continue
+    const isRNW = cur['$$css']
+    if (isRNW) {
+      Object.assign(styleState.classNames, cur)
+    } else {
+      for (const key in cur) {
+        if (key in styleState.usedKeys) {
+          continue
+        }
+        mergeStyle(styleState, key, cur[key])
+      }
+    }
+  }
+}
+
 // on native no need to insert any css
 const useInsertEffectCompat = isWeb
   ? useInsertionEffect || useIsomorphicLayoutEffect
@@ -1357,6 +1386,7 @@ const skipProps = {
   componentName: 1,
   disableOptimization: 1,
   tag: 1,
+  style: 1, // handled after loop so pseudos set usedKeys and override it if necessary
 }
 
 if (process.env.NODE_ENV === 'test') {

package/src/hooks/useTheme.tsx

@@ -143,7 +143,8 @@ export function getThemeProxied(
               ) {
                 keys.push(keyString)
                 if (process.env.NODE_ENV === 'development' && debug) {
-                  console.warn(` 🎨 useTheme() tracking new key: ${keyString}`)
+                  // rome-ignore lint/nursery/noConsoleLog: <explanation>
+                  console.log(` 🎨 useTheme() tracking new key: ${keyString}`)
                 }
               }
               if (subkey === 'get') {

package/src/styled.tsx

@@ -135,13 +135,6 @@ export function styled<
           isReactNative ||
           (parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName))
 
-      if (process.env.NODE_ENV === 'development') {
-        // dont inherit the debug prop so we can debug specific styled() more accurately
-        if (parentStaticConfig?.defaultProps?.debug && !options.debug) {
-          delete defaultProps.debug
-        }
-      }
-
       const conf: Partial<StaticConfig> = {
         ...parentStaticConfig,
         ...staticExtractionOptions,

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAWN,MAAM,OAAO,CAAA;AAgBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAEhB,qBAAqB,EACrB,cAAc,EAIf,MAAM,SAAS,CAAA;AAQhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAoBD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAmB3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,4DAw5B3B;AAGD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;AAMD,eAAO,MAAM,MAAM,0DA8CjB,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,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAWN,MAAM,OAAO,CAAA;AAgBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAEhB,qBAAqB,EACrB,cAAc,EAIf,MAAM,SAAS,CAAA;AAQhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAoBD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAmB3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,4DA65B3B;AAGD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;AAMD,eAAO,MAAM,MAAM,0DA8CjB,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,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAEV,SAAS,EACT,cAAc,EACd,aAAa,EAMb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAuBtE,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,eAAe,CAAC,EAAE,mBAAmB,EAErC,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAuB7B,eAAO,MAAM,cAAc,EAAE,aA8jC5B,CAAA;AAqDD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cAuBF,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAEV,SAAS,EACT,cAAc,EACd,aAAa,EAMb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAuBtE,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,eAAe,CAAC,EAAE,mBAAmB,EAErC,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAuB7B,eAAO,MAAM,cAAc,EAAE,aAwkC5B,CAAA;AAqDD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cAuBF,CAAA;AA0BD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}

package/types/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,YAAY,EACZ,iBAAiB,EAElB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGlE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAWD,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG;QAC7C,GAAG,EAAE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAA;KAC5C;CACF,CAAA;AAED,eAAO,MAAM,QAAQ,WAAW,UAAU,mBAIzC,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,UAAU,KAChB,CAAC,oBAAoB,EAAE,WAAW,CAwDpC,CAAA;AAED,wBAAgB,eAAe,CAC7B,EACE,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,EACD,IAAI,CAAC,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE,SAAS,GAChB,cAAc,CA8ChB;AAED,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,UAAU,yBAEV,MAAM,EAAE,iBACA,MAAM,OAAO,GAAG,SAAS,KACvC,oBA6OF,CAAA"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,YAAY,EACZ,iBAAiB,EAElB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGlE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAWD,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG;QAC7C,GAAG,EAAE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAA;KAC5C;CACF,CAAA;AAED,eAAO,MAAM,QAAQ,WAAW,UAAU,mBAIzC,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,UAAU,KAChB,CAAC,oBAAoB,EAAE,WAAW,CAwDpC,CAAA;AAED,wBAAgB,eAAe,CAC7B,EACE,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,EACD,IAAI,CAAC,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE,SAAS,GAChB,cAAc,CA+ChB;AAED,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAE1D,eAAO,MAAM,oBAAoB,UACxB,UAAU,yBAEV,MAAM,EAAE,iBACA,MAAM,OAAO,GAAG,SAAS,KACvC,oBA6OF,CAAA"}

package/types/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAG7D,OAAO,KAAK,EACV,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB,KAAK,YAAY,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,SAAS,gBAAgB,CACzE,GAAG,EACH,GAAG,EACH,MAAM,CAAC,CACR,GACG,CAAC,GACD,QAAQ,CAAC,CAAC,CAAC,CAAA;AAEf,KAAK,eAAe,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,SAAS,gBAAgB,CAC5E,GAAG,EACH,GAAG,EACH,GAAG,EACH,MAAM,CAAC,CACR,GACG,CAAC,GACD,EAAE,CAAA;AAEN,KAAK,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC/C;KACG,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GACnE,GAAG,GACH,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;CACnC,GACD,SAAS,CAAA;AAEb,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EACzC,QAAQ,SAAS,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,EAExG,WAAW,EAAE,eAAe,EAE5B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,EACD,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,gjCAiLhD"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAG7D,OAAO,KAAK,EACV,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB,KAAK,YAAY,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,SAAS,gBAAgB,CACzE,GAAG,EACH,GAAG,EACH,MAAM,CAAC,CACR,GACG,CAAC,GACD,QAAQ,CAAC,CAAC,CAAC,CAAA;AAEf,KAAK,eAAe,CAAC,CAAC,SAAS,iBAAiB,IAAI,CAAC,SAAS,gBAAgB,CAC5E,GAAG,EACH,GAAG,EACH,GAAG,EACH,MAAM,CAAC,CACR,GACG,CAAC,GACD,EAAE,CAAA;AAEN,KAAK,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC/C;KACG,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GACnE,GAAG,GACH,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;CACnC,GACD,SAAS,CAAA;AAEb,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EACzC,QAAQ,SAAS,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,EAExG,WAAW,EAAE,eAAe,EAE5B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,EACD,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,gjCA0KhD"}