@tamagui/web 1.5.18 → 1.5.20

package/src/createComponent.tsx

@@ -208,7 +208,10 @@ export function createComponent<
     stateRef.current ??= {}
 
     const isAnimated = (() => {
-      const next = !!(useAnimations && props.animation)
+      const next = !!(
+        useAnimations &&
+        (props.animation || (props.style && hasAnimatedStyleValue(props.style)))
+      )
       if (next && !stateRef.current.hasAnimated) {
         stateRef.current.hasAnimated = true
       }
@@ -520,11 +523,12 @@ export function createComponent<
       if (isAnimatedReactNativeWeb) {
         viewProps.style = style
       } else if (isReactNative) {
-        const rnwStyle = { $$css: true }
+        // TODO these shouldn't really return from getSplitStyles when in Native mode
+        const cnStyles = { $$css: true }
         for (const name of className.split(' ')) {
-          rnwStyle[name] = name
+          cnStyles[name] = name
         }
-        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]
+        viewProps.style = [...(Array.isArray(style) ? style : [style]), cnStyles]
 
         if (process.env.NODE_ENV === 'development') {
           // turn debug data- props into dataSet in dev mode
@@ -1129,3 +1133,10 @@ const AbsoluteFill: any = createComponent({
     pointerEvents: 'box-none',
   },
 })
+
+function hasAnimatedStyleValue(style: Object) {
+  return Object.keys(style).some((k) => {
+    const val = style[k]
+    return val && typeof val === 'object' && '_animation' in val
+  })
+}

package/src/helpers/getSplitStyles.tsx

@@ -85,9 +85,9 @@ const skipProps = {
   animateOnly: true,
   debug: true,
   componentName: true,
-  role: true,
   tag: true,
 }
+
 if (process.env.NODE_ENV === 'test') {
   skipProps['data-test-renders'] = true
 }
@@ -240,6 +240,9 @@ export const getSplitStyles: StyleSplitter = (
   // fontFamily is our special baby, ensure we grab the latest set one always
   let fontFamily: string | undefined
 
+  /**
+   * Not the biggest fan of creating this object but it is a nice API
+   */
   const styleState: GetStyleState = {
     classNames,
     conf,
@@ -256,8 +259,9 @@ export const getSplitStyles: StyleSplitter = (
   if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
     // eslint-disable-next-line no-console
     console.groupCollapsed('getSplitStyles (looping backwards)')
+    // prettier-ignore
     // eslint-disable-next-line no-console
-    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })
+    console.log({ props, staticConfig, shouldDoClasses, state, IS_STATIC, propKeys, styleState })
     // eslint-disable-next-line no-console
     console.groupEnd()
   }
@@ -310,8 +314,9 @@ export const getSplitStyles: StyleSplitter = (
       }
     }
 
-    if (keyInit in usedKeys) continue
-    if (keyInit in skipProps) continue
+    if (keyInit in usedKeys || keyInit in skipProps) {
+      continue
+    }
 
     if (typeof valInit === 'string' && valInit[0] === '_') {
       if (keyInit in validStyleProps || keyInit.includes('-')) {
@@ -479,11 +484,9 @@ export const getSplitStyles: StyleSplitter = (
 
         if (isValidClassName || isMediaOrPseudo) {
           usedKeys[keyInit] = 1
-          if (process.env.NODE_ENV === 'development') {
-            if (debug) {
-              // eslint-disable-next-line no-console
-              console.log('tamagui classname props', keyInit, valInit)
-            }
+          if (process.env.NODE_ENV === 'development' && debug) {
+            // eslint-disable-next-line no-console
+            console.log('tamagui classname props', keyInit, valInit)
           }
           mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)
           continue
@@ -499,20 +502,28 @@ export const getSplitStyles: StyleSplitter = (
      */
 
     let isMedia = isMediaKey(keyInit)
-    let isPseudo = validPseudoKeys[keyInit]
+    let isPseudo = keyInit in validPseudoKeys
 
     const isHOCShouldPassThrough = staticConfig.isHOC && (isMedia || isPseudo)
+    const shouldPassProp = !(
+      isMedia ||
+      isPseudo ||
+      variants?.[keyInit] ||
+      keyInit in validStyleProps ||
+      keyInit in shorthands
+    )
+    const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough
 
     if (
-      isHOCShouldPassThrough ||
-      !(
-        isMedia ||
-        isPseudo ||
-        variants?.[keyInit] ||
-        validStyleProps[keyInit] ||
-        shorthands[keyInit]
-      )
+      process.env.NODE_ENV === 'development' &&
+      debug === 'verbose' &&
+      shouldPassThrough
     ) {
+      // eslint-disable-next-line no-console
+      console.log('  🔹 skip', keyInit)
+    }
+
+    if (shouldPassThrough) {
       usedKeys[keyInit] = 1
       viewProps[keyInit] = valInit
       continue
@@ -558,7 +569,7 @@ export const getSplitStyles: StyleSplitter = (
       if (val === undefined) continue
 
       isMedia = isMediaKey(key)
-      isPseudo = validPseudoKeys[key]
+      isPseudo = key in validPseudoKeys
       const isMediaOrPseudo = isMedia || isPseudo
 
       if (!isMediaOrPseudo && usedKeys[key]) {
@@ -784,7 +795,7 @@ export const getSplitStyles: StyleSplitter = (
 
       // pass to view props
       if (!variants || !(key in variants)) {
-        if (!skipProps[key]) {
+        if (!(key in skipProps)) {
           viewProps[key] = val
           usedKeys[key] = 1
         }

package/src/helpers/withStaticProperties.tsx

@@ -2,6 +2,8 @@ export const withStaticProperties = function <A extends Function, B>(
   component: A,
   staticProps: B
 ): A & B {
-  Object.assign(component, staticProps)
-  return component as any
+  // clone if object to stay immutable
+  const next = typeof component === 'function' ? component : { ...(component as any) }
+  Object.assign(next, staticProps)
+  return next as A & B
 }

package/src/setupReactNative.ts

@@ -14,7 +14,7 @@ export function setupReactNative(rnExports: Record<string, any>) {
       ReactNativeStaticConfigs.set(val, {
         isReactNative: true,
         isText: key === 'Text' || key === 'TextInput',
-        isInput: key === 'TextInput',
+        isInput: key === 'TextInput' || key === 'TextArea',
         inlineProps: key === 'Image' ? new Set(['src', 'width', 'height']) : undefined,
       })
     }

package/src/styled.tsx

@@ -1,4 +1,5 @@
 import { stylePropsAll } from '@tamagui/helpers'
+import { forwardRef } from 'react'
 
 import { createComponent } from './createComponent.js'
 import { ReactNativeStaticConfigs } from './setupReactNative.js'
@@ -71,10 +72,35 @@ export function styled<
     }
   }
 
-  const staticConfigProps = (() => {
-    const parentStaticConfig =
-      'staticConfig' in Component ? (Component.staticConfig as StaticConfig) : null
+  const parentStaticConfig =
+    'staticConfig' in Component ? (Component.staticConfig as StaticConfig) : null
+  const isTamagui = !!parentStaticConfig
+
+  const isReactNative = Boolean(
+    ReactNativeStaticConfigs.has(Component) ||
+      staticExtractionOptions?.isReactNative ||
+      ReactNativeStaticConfigs.has(parentStaticConfig?.Component) ||
+      parentStaticConfig?.isReactNative
+  )
+
+  // unrecognized, just pass through as default props
+  if (!isTamagui && !isReactNative) {
+    if (process.env.NODE_ENV === 'development') {
+      // TODO variants would need to work through props to support this
+      if (options?.variants) {
+        console.warn(
+          `Warning: wrapping a non-Tamagui element in styled() and passing variants isn't supported (yet).`
+        )
+      }
+    }
+
+    return forwardRef(function styled(props, ref) {
+      // @ts-ignore
+      return <Component ref={ref} {...options} {...props} />
+    }) as StyledComponent
+  }
 
+  const staticConfigProps = (() => {
     if (options) {
       const {
         variants,
@@ -86,17 +112,11 @@ export function styled<
       if (defaultVariants) {
         Object.assign(defaultProps, defaultVariants)
       }
-      const isReactNative = Boolean(
-        ReactNativeStaticConfigs.has(Component) ||
-          ReactNativeStaticConfigs.has(parentStaticConfig?.Component) ||
-          parentStaticConfig?.isReactNative ||
-          staticExtractionOptions?.isReactNative
-      )
-      const isTamagui = !isReactNative && !!parentStaticConfig
 
       const Comp = isReactNative
         ? parentStaticConfig?.Component || Component
         : (Component as any)
+
       const nativeConf = (isReactNative && ReactNativeStaticConfigs.get(Comp)) || null
 
       const isText = Boolean(
@@ -128,10 +148,9 @@ export function styled<
 
       return conf
     }
-    return {}
   })()
 
-  const component = createComponent(staticConfigProps, Component)
+  const component = createComponent(staticConfigProps || {}, Component)
 
   // get parent props without pseudos and medias so we can rebuild both with new variants
   // get parent props without pseudos and medias so we can rebuild both with new variants

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAUN,MAAM,OAAO,CAAA;AAiBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EAErB,cAAc,EAIf,MAAM,SAAS,CAAA;AAmBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAeD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA8B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EACpD,eAAe,CAAC,EAAE,iBAAiB,4DAiwBpC;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAEjD,CAAA;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,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,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,mBAiGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAUN,MAAM,OAAO,CAAA;AAiBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EAErB,cAAc,EAIf,MAAM,SAAS,CAAA;AAmBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAeD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA8B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EACpD,eAAe,CAAC,EAAE,iBAAiB,4DAqwBpC;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAEjD,CAAA;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,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,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,mBAiGxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,cAAc,CAAA;AAWxD,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,cAAc,EAOd,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACZ,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gCAAgC,CAAA;AAkBvC,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE,kBAAkB,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,IAAI,EAAE,qBAAqB,CAAA;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAsFhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,EACtB,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;AAqB7B,eAAO,MAAM,cAAc,EAAE,aA+tB5B,CAAA;AA0FD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,sBACK,OAAO,wBACL,OAAO,KAC5B,SA6BF,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAI/B,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA;AA8BD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,cAAc,CAAA;AAWxD,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,cAAc,EAOd,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACZ,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,gCAAgC,CAAA;AAkBvC,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE,kBAAkB,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,IAAI,EAAE,qBAAqB,CAAA;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAsFhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,EACtB,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;AAqB7B,eAAO,MAAM,cAAc,EAAE,aA0uB5B,CAAA;AA0FD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,sBACK,OAAO,wBACL,OAAO,KAC5B,SA6BF,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAI/B,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA;AA8BD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"withStaticProperties.d.ts","sourceRoot":"","sources":["../../src/helpers/withStaticProperties.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gEAMhC,CAAA"}
+{"version":3,"file":"withStaticProperties.d.ts","sourceRoot":"","sources":["../../src/helpers/withStaticProperties.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gEAQhC,CAAA"}

package/types/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,YAAY,CAAA;AAGnB,MAAM,MAAM,aAAa,CAAC,eAAe,SAAS,iBAAiB,IACjE,QAAQ,CAAC,eAAe,CAAC,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;IAC1D,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CACzC,CAAA;AAEH,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,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EACzC,QAAQ,SAAS,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,EAExG,SAAS,EAAE,eAAe,EAE1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE/B,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,EACD,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,qrDAoHhD"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,YAAY,CAAA;AAGnB,MAAM,MAAM,aAAa,CAAC,eAAe,SAAS,iBAAiB,IACjE,QAAQ,CAAC,eAAe,CAAC,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;IAC1D,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CACzC,CAAA;AAEH,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,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EACzC,QAAQ,SAAS,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,EAExG,SAAS,EAAE,eAAe,EAE1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE/B,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,EACD,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,qrDAsIhD"}