@tamagui/static 3.0.0-beta.889.1 → 3.0.0-beta.901.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/static",
-  "version": "3.0.0-beta.889.1",
+  "version": "3.0.0-beta.901.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "source": "src/index.ts",
@@ -45,21 +45,21 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/cli-color": "3.0.0-beta.889.1",
-    "@tamagui/compiler-core": "3.0.0-beta.889.1",
-    "@tamagui/config-default": "3.0.0-beta.889.1",
-    "@tamagui/core": "3.0.0-beta.889.1",
-    "@tamagui/dom": "3.0.0-beta.889.1",
-    "@tamagui/fake-react-native": "3.0.0-beta.889.1",
-    "@tamagui/generate-themes": "3.0.0-beta.889.1",
-    "@tamagui/helpers": "3.0.0-beta.889.1",
-    "@tamagui/helpers-node": "3.0.0-beta.889.1",
-    "@tamagui/react-native-web-internals": "3.0.0-beta.889.1",
-    "@tamagui/react-native-web-lite": "3.0.0-beta.889.1",
-    "@tamagui/shorthands": "3.0.0-beta.889.1",
-    "@tamagui/style-grammar": "3.0.0-beta.889.1",
-    "@tamagui/types": "3.0.0-beta.889.1",
-    "@tamagui/web": "3.0.0-beta.889.1",
+    "@tamagui/cli-color": "3.0.0-beta.901.1",
+    "@tamagui/compiler-core": "3.0.0-beta.901.1",
+    "@tamagui/config-default": "3.0.0-beta.901.1",
+    "@tamagui/core": "3.0.0-beta.901.1",
+    "@tamagui/dom": "3.0.0-beta.901.1",
+    "@tamagui/fake-react-native": "3.0.0-beta.901.1",
+    "@tamagui/generate-themes": "3.0.0-beta.901.1",
+    "@tamagui/helpers": "3.0.0-beta.901.1",
+    "@tamagui/helpers-node": "3.0.0-beta.901.1",
+    "@tamagui/react-native-web-internals": "3.0.0-beta.901.1",
+    "@tamagui/react-native-web-lite": "3.0.0-beta.901.1",
+    "@tamagui/shorthands": "3.0.0-beta.901.1",
+    "@tamagui/style-grammar": "3.0.0-beta.901.1",
+    "@tamagui/types": "3.0.0-beta.901.1",
+    "@tamagui/web": "3.0.0-beta.901.1",
     "browserslist": "^4.28.1",
     "check-dependency-version-consistency": "^4.1.0",
     "esbuild": "0.28.1",
@@ -71,7 +71,7 @@
     "react-native-web": "~0.21.0"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.889.1",
+    "@tamagui/build": "3.0.0-beta.901.1",
     "@types/find-root": "^1.1.2",
     "@types/node": "^22.1.0",
     "@types/webpack": "^4.41.26",

package/src/compilerHost.ts

@@ -1329,10 +1329,49 @@ export function createTamaguiCompilerHost(
     'animatedBy',
     'render',
   ])
+  // a frontend's className is its style input: each value it can take
+  // resolves through the same pipeline as a static class string
+  const isFrontendClassName = (name: string, component: LoweringComponent): boolean =>
+    name === 'className' && !!(component.staticConfig as StaticConfig).styleFrontend
   const canLowerConditionalStyleProp = (
     name: string,
     component: LoweringComponent
-  ): boolean => isStyleProp(name, component) && !runtimeOnlyStyleProps.has(name)
+  ): boolean =>
+    isStyleProp(name, component) &&
+    (!runtimeOnlyStyleProps.has(name) || isFrontendClassName(name, component))
+  // the finite class strings a frontend className takes at runtime (a template
+  // over a static array with a dynamic index, a static array member). each one
+  // lowers like a conditional branch, selected by the runtime string
+  const frontendClassDomain = (
+    entry: MaterializedElement['entries'][number],
+    component: LoweringComponent
+  ): string[] | null => {
+    if (
+      entry.kind !== 'prop' ||
+      entry.value.kind !== 'bailout' ||
+      !isFrontendClassName(entry.name, component)
+    ) {
+      return null
+    }
+    const dynamic = entry.value.dynamic
+    if (dynamic?.type !== 'string' || !dynamic.values?.length) return null
+    return dynamic.values.map(String)
+  }
+  type DynamicStyleEntry = Extract<
+    MaterializedElement['entries'][number],
+    { kind: 'prop' }
+  > & {
+    /** a member of the element's `style` object, lowered like the direct prop of its name */
+    styleMember?: true
+  }
+  // an entry that lowers per branch as classes on web
+  const conditionalClassEntry = (
+    entry: DynamicStyleEntry,
+    component: LoweringComponent
+  ): boolean =>
+    (entry.value.kind === 'conditional' &&
+      canLowerConditionalStyleProp(entry.name, component)) ||
+    frontendClassDomain(entry, component) !== null
 
   const isInvalidHostStyleProp = (
     name: string,
@@ -1597,6 +1636,13 @@ export function createTamaguiCompilerHost(
       if ((component.staticConfig as StaticConfig).resolvers?.length) {
         return false
       }
+      if (
+        !options.disablePartialExtraction &&
+        platform === 'web' &&
+        isFrontendClassName(name, component)
+      ) {
+        return true
+      }
       return (
         !options.disablePartialExtraction &&
         ((platform === 'web' && !!directStyleName(name, component)) ||
@@ -1725,14 +1771,53 @@ export function createTamaguiCompilerHost(
           `input type ${props.type} has no native text-entry control`
         )
       }
-      const dynamicStyleEntries = input.element.entries.filter(
-        (
-          entry
-        ): entry is Extract<MaterializedElement['entries'][number], { kind: 'prop' }> =>
-          entry.kind === 'prop' &&
-          (entry.value.kind === 'bailout' || entry.value.kind === 'conditional') &&
-          isStyleProp(entry.name, component)
-      )
+      // `style={{ width: expr, height: 10 }}`: the static members stay one
+      // style object, and each dynamic member lowers like the direct prop of
+      // its name
+      let styleObjectStatic: Record<string, unknown> | null = null
+      const styleMemberEntries: DynamicStyleEntry[] = []
+      for (const entry of input.element.entries) {
+        if (
+          entry.kind !== 'prop' ||
+          entry.name !== 'style' ||
+          entry.value.kind !== 'object'
+        ) {
+          continue
+        }
+        styleObjectStatic = {}
+        for (const member of entry.value.members) {
+          if (member.value.kind === 'static') {
+            styleObjectStatic[member.name] = member.value.value
+            continue
+          }
+          if (!isStyleProp(member.name, component)) {
+            return bailout(
+              input,
+              'local/dynamic-style-value',
+              `Style prop ${member.name} could not be evaluated`,
+              member.span
+            )
+          }
+          styleMemberEntries.push({
+            kind: 'prop',
+            name: member.name,
+            span: member.span,
+            value: member.value,
+            styleMember: true,
+          })
+        }
+        if (Object.keys(styleObjectStatic).length === 0) styleObjectStatic = null
+      }
+      if (styleObjectStatic) props.style = styleObjectStatic
+      const dynamicStyleEntries: DynamicStyleEntry[] = [
+        ...input.element.entries.filter(
+          (entry): entry is DynamicStyleEntry =>
+            entry.kind === 'prop' &&
+            (entry.value.kind === 'bailout' || entry.value.kind === 'conditional') &&
+            isStyleProp(entry.name, component)
+        ),
+        ...styleMemberEntries,
+      ]
       // both platforms: web needs runtime event mapping, and a flattened bare
       // RN View silently ignores onPress/onLongPress (Tamagui wires press via
       // its responder system at runtime)
@@ -1856,6 +1941,35 @@ export function createTamaguiCompilerHost(
         ) ||
         animatedByNeedsRuntime
       let dynamicHostStyleProperties: string[] | null = null
+      // the entries lane A carries as inline style: all of them when they all
+      // lower that way, else the ones that do not lower per branch as classes,
+      // so `width={w * 2}` shares an element with `bg={cond ? 'red' : 'blue'}`
+      let laneAEntries: DynamicStyleEntry[] = []
+      const laneAOwners = new Set<string>()
+      // the CSS properties lane A took from the element's style object. the
+      // style layer is the runtime's highest tier, and an inline style wins
+      // over a class in CSS, so a class on the same property may coexist
+      const laneAMemberOwners = new Set<string>()
+      // a static value and an inline dynamic one interact unless the dynamic
+      // one is a style member on the very same property
+      const conflictsWithInline = (
+        owners: Set<string>,
+        dynamicOwners: Set<string>,
+        memberOwners: Set<string>
+      ) =>
+        [...owners].some(
+          (owner) =>
+            !memberOwners.has(owner) && cssOwnersConflict(new Set([owner]), dynamicOwners)
+        )
+      const laneAAttempts = [dynamicStyleEntries]
+      {
+        const rest = dynamicStyleEntries.filter(
+          (entry) => !conditionalClassEntry(entry, component)
+        )
+        if (rest.length > 0 && rest.length < dynamicStyleEntries.length) {
+          laneAAttempts.push(rest)
+        }
+      }
       if (
         platform === 'web' &&
         !options.disablePartialExtraction &&
@@ -1865,105 +1979,135 @@ export function createTamaguiCompilerHost(
           (entry) => entry.kind === 'spread' && entry.value.kind !== 'static'
         )
       ) {
-        const seen = new Set<string>()
-        const properties: string[] = []
-        const dynamicOwners = new Set<string>()
-        for (const entry of dynamicStyleEntries) {
-          if (
-            entry.kind !== 'prop' ||
-            (entry.value.kind !== 'bailout' && entry.value.kind !== 'conditional')
-          ) {
-            continue
-          }
-          const name = directStyleName(entry.name, component)
-          if (!name || seen.has(name)) {
-            properties.length = 0
-            break
-          }
-          const owners = dynamicStyleOwners(name, component.staticConfig as StaticConfig)
-          if (!owners) {
-            properties.length = 0
-            break
-          }
-          let property: string | null = null
-          const expression = input.source.slice(
-            entry.value.span.start,
-            entry.value.span.end
-          )
-          if (
-            resolvedCssTransition !== null &&
-            (name === 'opacity' || name === 'scale')
-          ) {
-            property =
-              name === 'opacity'
-                ? `opacity: (${expression})`
-                : `transform: "scale(" + (${expression}) + ")"`
-          } else if (entry.value.kind === 'bailout' && owners.has(name)) {
-            const dynamic = entry.value.dynamic
-            if (dynamic?.type === 'number') {
-              property = `${JSON.stringify(name)}: (${expression})`
-            } else if (dynamic?.type === 'string' && dynamic.values?.length) {
-              let valuesStayLiteral = true
-              for (const value of dynamic.values) {
-                const split = resolveSplitStyles(
-                  { [entry.name]: value },
-                  partialStaticConfig(component.staticConfig as StaticConfig)
-                )
-                const atomics = Object.values(split?.rulesToInsert ?? {}) as any[]
-                if (
-                  atomics.length !== 1 ||
-                  atomics[0]?.[StyleObjectProperty] !== name ||
-                  atomics[0]?.[StyleObjectValue] !== value
-                ) {
-                  valuesStayLiteral = false
-                  break
-                }
-              }
-              if (valuesStayLiteral) {
+        for (const attempt of laneAAttempts) {
+          const seen = new Set<string>()
+          const properties: string[] = []
+          const dynamicOwners = new Set<string>()
+          const memberOwners = new Set<string>()
+          for (const entry of attempt) {
+            if (
+              entry.kind !== 'prop' ||
+              (entry.value.kind !== 'bailout' && entry.value.kind !== 'conditional')
+            ) {
+              continue
+            }
+            const name = directStyleName(entry.name, component)
+            if (!name || seen.has(name)) {
+              properties.length = 0
+              break
+            }
+            const owners = dynamicStyleOwners(
+              name,
+              component.staticConfig as StaticConfig
+            )
+            if (!owners) {
+              properties.length = 0
+              break
+            }
+            let property: string | null = null
+            const expression = input.source.slice(
+              entry.value.span.start,
+              entry.value.span.end
+            )
+            if (
+              resolvedCssTransition !== null &&
+              (name === 'opacity' || name === 'scale')
+            ) {
+              property =
+                name === 'opacity'
+                  ? `opacity: (${expression})`
+                  : `transform: "scale(" + (${expression}) + ")"`
+            } else if (entry.value.kind === 'bailout' && owners.has(name)) {
+              const dynamic = entry.value.dynamic
+              if (dynamic?.type === 'number') {
                 property = `${JSON.stringify(name)}: (${expression})`
+              } else if (dynamic?.type === 'string' && dynamic.values?.length) {
+                let valuesStayLiteral = true
+                for (const value of dynamic.values) {
+                  const split = resolveSplitStyles(
+                    { [entry.name]: value },
+                    partialStaticConfig(component.staticConfig as StaticConfig)
+                  )
+                  const atomics = Object.values(split?.rulesToInsert ?? {}) as any[]
+                  if (
+                    atomics.length !== 1 ||
+                    atomics[0]?.[StyleObjectProperty] !== name ||
+                    atomics[0]?.[StyleObjectValue] !== value
+                  ) {
+                    valuesStayLiteral = false
+                    break
+                  }
+                }
+                if (valuesStayLiteral) {
+                  property = `${JSON.stringify(name)}: (${expression})`
+                }
               }
             }
+            if (!property) {
+              properties.length = 0
+              break
+            }
+            seen.add(name)
+            for (const owner of owners) {
+              dynamicOwners.add(owner)
+              if (entry.styleMember) memberOwners.add(owner)
+            }
+            properties.push(property)
           }
-          if (!property) {
-            properties.length = 0
+          if (
+            properties.length === attempt.length &&
+            !input.element.entries.some((entry) => {
+              if (entry.kind !== 'prop' || entry.value.kind !== 'static') return false
+              const name = directStyleName(entry.name, component)
+              if (!name) return false
+              const owners = styleOwners(
+                name,
+                entry.value.value,
+                component.staticConfig as StaticConfig
+              )
+              return !!owners && conflictsWithInline(owners, dynamicOwners, memberOwners)
+            }) &&
+            // the static members of the style object outrank every direct
+            // prop at runtime, so an inline dynamic direct prop on the same
+            // property would invert them
+            !Object.entries(staticObject(props.style) ? props.style : {}).some(
+              ([name, value]) => {
+                const owners = styleOwners(
+                  name,
+                  value,
+                  component.staticConfig as StaticConfig
+                )
+                return !!owners && cssOwnersConflict(owners, dynamicOwners)
+              }
+            )
+          ) {
+            dynamicHostStyleProperties = properties
+            laneAEntries = attempt
+            for (const owner of dynamicOwners) laneAOwners.add(owner)
+            for (const owner of memberOwners) laneAMemberOwners.add(owner)
             break
           }
-          seen.add(name)
-          for (const owner of owners) dynamicOwners.add(owner)
-          properties.push(property)
-        }
-        if (
-          properties.length === dynamicStyleEntries.length &&
-          !input.element.entries.some((entry) => {
-            if (entry.kind !== 'prop' || entry.value.kind !== 'static') return false
-            const name = directStyleName(entry.name, component)
-            if (!name) return false
-            const owners = styleOwners(
-              name,
-              entry.value.value,
-              component.staticConfig as StaticConfig
-            )
-            return !!owners && cssOwnersConflict(owners, dynamicOwners)
-          })
-        ) {
-          dynamicHostStyleProperties = properties
         }
       }
       // web per-branch conditional classes need the same preconditions the
       // native per-branch path has, and take precedence over web partial
       // extraction because a full flatten beats a runtime component
+      const laneACoversAll =
+        dynamicHostStyleProperties !== null &&
+        laneAEntries.length === dynamicStyleEntries.length
+      // the entries that lower per branch as classes: all of them, or the ones
+      // lane A left behind
+      const webClassEntries =
+        dynamicHostStyleProperties === null
+          ? dynamicStyleEntries
+          : dynamicStyleEntries.filter((entry) => !laneAEntries.includes(entry))
       const supportsWebConditionalClasses =
         platform === 'web' &&
         !options.disablePartialExtraction &&
         (input.element.form === 'jsx' || input.element.propsSpan !== null) &&
-        dynamicHostStyleProperties === null &&
-        dynamicStyleEntries.length > 0 &&
-        dynamicStyleEntries.every(
-          (entry) =>
-            entry.kind === 'prop' &&
-            entry.value.kind === 'conditional' &&
-            canLowerConditionalStyleProp(entry.name, component)
-        )
+        !laneACoversAll &&
+        webClassEntries.length > 0 &&
+        webClassEntries.every((entry) => conditionalClassEntry(entry, component))
       // a theme name of any value selects a theme, while themeInverse only opens a
       // boundary when it is on
       const themeEntry = componentOnlyProp('theme')
@@ -2030,7 +2174,7 @@ export function createTamaguiCompilerHost(
       if (
         platform === 'web' &&
         (dynamicStyleEntries.length > 0 || runtimeAnimationRequired) &&
-        dynamicHostStyleProperties === null &&
+        !laneACoversAll &&
         !supportsWebConditionalClasses &&
         component.partialRuntimeSafe
       ) {
@@ -2171,7 +2315,7 @@ export function createTamaguiCompilerHost(
         )
       if (
         dynamicStyleEntries.length > 0 &&
-        dynamicHostStyleProperties === null &&
+        !laneACoversAll &&
         !supportsNativeDynamicStyles &&
         !supportsWebConditionalClasses
       ) {
@@ -2215,11 +2359,12 @@ export function createTamaguiCompilerHost(
           'Native style() pieces remain on the runtime path'
         )
       }
-      const propsForConditional = (
-        target: Extract<MaterializedElement['entries'][number], { kind: 'prop' }>,
-        value: unknown
-      ) => {
+      const propsForConditional = (target: DynamicStyleEntry, value: unknown) => {
         const branchProps: Record<string, unknown> = {}
+        if (styleObjectStatic) branchProps.style = styleObjectStatic
+        if (target.styleMember) {
+          branchProps.style = { ...styleObjectStatic, [target.name]: value }
+        }
         for (const entry of input.element.entries) {
           if (entry === target) {
             branchProps[target.name] = value
@@ -3297,13 +3442,14 @@ export function createTamaguiCompilerHost(
       const staticClasses = new Set(baseStaticClasses)
       const webConditionalCSS: string[] = []
       const webConditionalKeys = new Set<string>()
-      const webConditionalEntries = supportsWebConditionalClasses
-        ? dynamicStyleEntries.filter((entry) => entry.value.kind === 'conditional')
-        : []
+      const webConditionalEntries = supportsWebConditionalClasses ? webClassEntries : []
       for (const entry of webConditionalEntries) {
-        if (entry.value.kind !== 'conditional') continue
-        const tree = entry.value.tree
-        const leaves = collectLeaves(tree)
+        const tree = entry.value.kind === 'conditional' ? entry.value.tree : null
+        const domain = frontendClassDomain(entry, component)
+        if (!tree && !domain) continue
+        const leaves = tree
+          ? collectLeaves(tree)
+          : domain!.map((value) => ({ value, dependencies: [] }))
         const leafArtifactsMap = new Map<
           (typeof leaves)[number],
           { classes: string[]; css: string[] }
@@ -3385,6 +3531,14 @@ export function createTamaguiCompilerHost(
             }
             entryConditionalKeys.add(key)
           }
+          if (conflictsWithInline(changedKeys, laneAOwners, laneAMemberOwners)) {
+            return bailout(
+              input,
+              'local/dynamic-style-value',
+              `${entry.name} and an inline dynamic style both contribute a CSS property; their precedence cannot be resolved per-branch`,
+              entry.value.span
+            )
+          }
           const branchArtifacts = extractedStyleArtifacts(
             branchSplit,
             branchProps,
@@ -3416,22 +3570,32 @@ export function createTamaguiCompilerHost(
           if (!baseStaticClasses.has(cls)) staticClasses.add(cls)
         }
 
+        const leafClasses = (leaf: (typeof leaves)[number]): string => {
+          const artifacts = leafArtifactsMap.get(leaf)
+          const only = artifacts
+            ? artifacts.classes.filter((item) => !sharedInConditional.has(item))
+            : []
+          return only.join(' ')
+        }
         function serializeWebTree(node: BranchDecisionNode): string {
-          if (node.kind === 'leaf') {
-            const artifacts = leafArtifactsMap.get(node)
-            const only = artifacts
-              ? artifacts.classes.filter((item) => !sharedInConditional.has(item))
-              : []
-            return JSON.stringify(only.join(' '))
-          }
+          if (node.kind === 'leaf') return JSON.stringify(leafClasses(node))
           const test = input.source.slice(node.test.start, node.test.end)
           const truePart = serializeWebTree(node.whenTrue)
           const falsePart = serializeWebTree(node.whenFalse)
           return `(${test}) ? ${truePart} : ${falsePart}`
         }
 
-        const classExpr = serializeWebTree(tree)
-        programClassSources.push(classExpr)
+        if (tree) {
+          programClassSources.push(serializeWebTree(tree))
+        } else {
+          // the runtime string picks its resolved classes; a string outside the
+          // domain cannot occur, since the domain is the array's full contents
+          const table = Object.fromEntries(
+            leaves.map((leaf) => [leaf.value, leafClasses(leaf)])
+          )
+          const key = input.source.slice(entry.value.span.start, entry.value.span.end)
+          programClassSources.push(`(${JSON.stringify(table)})[${key}]`)
+        }
       }
       const webClassName = [...staticClasses].join(' ')
       const hasStyleProgram = programClassSources.length > 0

package/types/compilerHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compilerHost.d.ts","sourceRoot":"","sources":["../src/compilerHost.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EACpB,cAAc,EAQf,MAAM,wBAAwB,CAAA;AAoC/B,OAAO,KAAK,EAAiC,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAExF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAIhE,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC,+EAA+E;IAC/E,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;CAClD;AAED,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,SAAS,gBAAgB,EAAE,EACvC,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,GACnD,yBAAyB,CAS3B;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,cAAc,CAAA;IACtB,aAAa,EAAE,qBAAqB,CAAA;IACpC,UAAU,EAAE,gBAAgB,EAAE,CAAA;IAC9B,gBAAgB,EAAE,uBAAuB,EAAE,CAAA;IAC3C,qFAAqF;IACrF,QAAQ,CAAC,EAAE,yBAAyB,CAAA;IACpC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,mEAAmE;IACnE,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AA+2BD,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,0BAA0B,GAClC,oBAAoB,CA4/EtB"}
+{"version":3,"file":"compilerHost.d.ts","sourceRoot":"","sources":["../src/compilerHost.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EACpB,cAAc,EAQf,MAAM,wBAAwB,CAAA;AAoC/B,OAAO,KAAK,EAAiC,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAExF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAIhE,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC,+EAA+E;IAC/E,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;CAClD;AAED,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,SAAS,gBAAgB,EAAE,EACvC,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,GACnD,yBAAyB,CAS3B;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,cAAc,CAAA;IACtB,aAAa,EAAE,qBAAqB,CAAA;IACpC,UAAU,EAAE,gBAAgB,EAAE,CAAA;IAC9B,gBAAgB,EAAE,uBAAuB,EAAE,CAAA;IAC3C,qFAAqF;IACrF,QAAQ,CAAC,EAAE,yBAAyB,CAAA;IACpC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,mEAAmE;IACnE,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AA+2BD,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,0BAA0B,GAClC,oBAAoB,CAgqFtB"}