@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.1

package/src/helpers/themeable.tsx

@@ -1,96 +0,0 @@
-import React from 'react'
-
-import type { StaticConfig, ThemeableProps, ThemeProps } from '../types'
-import { Theme } from '../views/Theme'
-import { getDefaultProps } from './getDefaultProps'
-
-export function themeable<ComponentType extends (props: any) => any>(
-  Component: ComponentType,
-  staticConfig: Partial<StaticConfig>,
-  optimize = false
-) {
-  const withThemeComponent = function WithTheme(props: ThemeableProps & { ref?: any }) {
-    'use no memo'
-
-    const userDefaults = getDefaultProps(staticConfig)
-    const defaultTheme = userDefaults?.theme
-    const defaultResetTheme = userDefaults?.themeReset
-    const { theme, themeReset, ref, ...rest } = props
-
-    let overriddenContextProps: object | undefined
-    const context = staticConfig?.context
-    if (context) {
-      for (const key in context.props) {
-        const val = props[key]
-        if (val !== undefined) {
-          overriddenContextProps = overriddenContextProps || {}
-          overriddenContextProps[key] = val
-        }
-      }
-    }
-
-    const element = (
-      // @ts-expect-error its ok
-      <Component ref={ref} {...rest} data-disable-theme />
-    )
-
-    // we filter out the props here, why?
-    // Theme internally avoids wrapping <span /> unless 'theme' in props
-    // reason for this is to avoid wrapping every single component with span
-    // *if* ever it themes once, it leaves the span, to avoid reparenting
-    // its expected if users want to avoid re-parenting, they keep the theme prop
-    // and just set it to null. but we need to "respect" that here by filtering
-    // one example of a bug caused by not doing this is in <Select native> on web
-    // where it renders to an <option />, and then Theme would wrap a <span /> in that
-    // which is not allowed in HTML and causes hydration errors / logs
-    let filteredProps: Partial<ThemeProps> | null = null
-
-    if ('debug' in props) {
-      filteredProps = filteredProps || {}
-      filteredProps.debug = props.debug
-    }
-    if ('theme' in props || defaultTheme) {
-      filteredProps = filteredProps || {}
-      filteredProps.name = 'theme' in props ? props.theme : defaultTheme
-    }
-    if ('themeReset' in props || defaultResetTheme) {
-      filteredProps = filteredProps || {}
-      filteredProps.reset = 'themeReset' in props ? themeReset : defaultResetTheme
-    }
-
-    if (optimize && !filteredProps) {
-      // optimize by avoiding theme! this can re-parent but we should just document that to avoid performance
-      // in cases where you remove/add themes, just keep a theme={x ? '' : null} pattern
-      return element
-    }
-
-    let contents = (
-      <Theme disable-child-theme {...filteredProps}>
-        {element}
-      </Theme>
-    )
-
-    if (context) {
-      const Provider = context.Provider
-      const contextValue = React.useContext(context)
-      contents = (
-        <Provider {...contextValue} {...overriddenContextProps}>
-          {contents}
-        </Provider>
-      )
-    }
-
-    return contents
-  }
-
-  const withTheme: any = withThemeComponent
-  withTheme.displayName = `Themed(${
-    (Component as any)?.displayName || (Component as any)?.name || 'Anonymous'
-  })`
-
-  type FinalComponentType = ComponentType extends (props: infer P) => infer R
-    ? (props: Omit<P, 'theme'> & ThemeableProps) => R
-    : unknown
-
-  return withTheme as FinalComponentType
-}

package/src/hooks/useProps.tsx

@@ -1,186 +0,0 @@
-import { useIsomorphicLayoutEffect } from '@tamagui/constants'
-import React from 'react'
-import { getConfig } from '../config'
-import { ComponentContext } from '../contexts/ComponentContext'
-import { GroupContext } from '../contexts/GroupContext'
-import { useSplitStyles } from './useSplitStyles'
-import { subscribeToSafeArea } from '../helpers/resolveSafeAreaVariable'
-import {
-  subscribeToContextGroup,
-  useGroupSetRevision,
-} from '../helpers/subscribeToContextGroup'
-import type { SplitStyleProps, StaticConfig, ThemeParsed, UseMediaState } from '../types'
-import type { ViewProps, ViewStyle } from '../views/View'
-import { View } from '../views/View'
-import { useComponentState } from './useComponentState'
-import { mediaState } from '../helpers/mediaState'
-import { useMedia } from './useMedia'
-import { useThemeWithState } from './useTheme'
-
-type UsePropsOptions = Pick<
-  SplitStyleProps,
-  'noExpand' | 'noNormalize' | 'noClass' | 'resolveValues'
-> & {
-  disableExpandShorthands?: boolean
-  forComponent?: { staticConfig: StaticConfig }
-  noClass?: boolean
-
-  /**
-   * Disable watching for media queries
-   */
-  noMedia?: boolean
-}
-
-export type PropsWithoutMediaStyles<A> = Partial<A>
-
-type PropsLikeObject = (ViewProps & Record<string, any>) | object
-type StyleLikeObject = (ViewStyle & Record<string, any>) | object
-
-/**
- * Returns props and style as a single object, expanding and merging shorthands and media queries.
- *
- * Use sparingly, it will loop props and trigger re-render on all media queries you access.
- *
- * */
-export function useProps<A extends PropsLikeObject>(
-  props: A,
-  opts?: UsePropsOptions
-): PropsWithoutMediaStyles<A> {
-  const [propsOut, styleOut] = usePropsAndStyle(props, {
-    ...opts,
-    noExpand: true,
-    noNormalize: true,
-    resolveValues: 'none',
-  })
-  return {
-    ...propsOut,
-    ...styleOut,
-  }
-}
-
-/**
- * Returns only style values fully resolved and flattened with merged media queries and shorthands with all theme and token values resolved.
- *
- * Use sparingly, it will loop props and trigger re-render on all media queries you access.
- *
- * */
-export function useStyle<A extends StyleLikeObject>(
-  props: A,
-  opts?: UsePropsOptions
-): PropsWithoutMediaStyles<A> {
-  return usePropsAndStyle(props, opts)[1] || {}
-}
-
-/**
- * Returns [props, styles, theme, media] fully resolved and flattened with merged media queries and shorthands with all theme and token values resolved.
- *
- * Use sparingly, it will loop props and trigger re-render on all media queries you access.
- *
- * */
-export function usePropsAndStyle<A extends PropsLikeObject>(
-  props: A,
-  opts?: UsePropsOptions
-): [PropsWithoutMediaStyles<A>, PropsWithoutMediaStyles<A>, ThemeParsed, UseMediaState] {
-  const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig
-  const [theme, themeState] = useThemeWithState({
-    name: 'theme' in props ? props.theme : undefined,
-    needsUpdate() {
-      return true
-    },
-  })
-  const componentContext = React.useContext(ComponentContext)
-  const groupContext = React.useContext(GroupContext)
-  // useComponentState injects enter/exit presence variants onto a fresh copy
-  // (it no longer mutates our `props` in place), so use the returned object for
-  // style resolution below to keep those variants applied
-  const componentState = useComponentState(
-    props,
-    componentContext.animationDriver,
-    staticConfig,
-    getConfig()
-  )
-  const {
-    props: statefulProps,
-    state,
-    disabled,
-    setState,
-    setStateShallow,
-  } = componentState
-
-  const mediaStateNow = opts?.noMedia
-    ? // not safe to use mediaState but really marginal to hit this
-      mediaState
-    : useMedia()
-
-  const splitStyles = useSplitStyles(
-    statefulProps,
-    staticConfig,
-    theme,
-    themeState?.name || '',
-    state,
-    {
-      isAnimated: false,
-      mediaState: mediaStateNow,
-      noSkip: true,
-      noMergeStyle: true,
-      noClass: true,
-      resolveValues: 'auto',
-      ...opts,
-    },
-    null,
-    componentContext,
-    groupContext
-  )
-
-  componentState.finalizeStyleFlags(
-    !!splitStyles?.hasEnterStyle,
-    !!splitStyles?.platformPseudo
-  )
-
-  const { mediaGroups, pseudoGroups } = splitStyles || {}
-  const groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups)
-
-  useIsomorphicLayoutEffect(() => {
-    let disposeSafeArea: (() => void) | undefined
-    if (splitStyles?.usesSafeArea) {
-      const updateSafeArea = () => {
-        setState((previous) => ({ ...previous }))
-      }
-      disposeSafeArea = subscribeToSafeArea(updateSafeArea)
-      // close the render-to-subscribe race: the provider tracker may have
-      // published new insets after this hook evaluated its styles.
-      updateSafeArea()
-    }
-
-    if (disabled) {
-      return disposeSafeArea
-    }
-
-    if (state.unmounted) {
-      setStateShallow({ unmounted: false })
-      return disposeSafeArea
-    }
-
-    if (groupContext) {
-      const disposeGroup = subscribeToContextGroup({
-        groupContext,
-        setStateShallow,
-        mediaGroups,
-        pseudoGroups,
-      })
-      if (!disposeSafeArea) return disposeGroup
-      return () => {
-        disposeSafeArea()
-        disposeGroup?.()
-      }
-    }
-    return disposeSafeArea
-  }, [disabled, groupContext, splitStyles?.usesSafeArea, groupSetRevision])
-
-  return [
-    splitStyles?.viewProps || {},
-    splitStyles?.style || {},
-    theme,
-    mediaState,
-  ] as any
-}

package/types/helpers/directStyleCSS.d.ts

@@ -1,28 +0,0 @@
-import type { GetStyleState } from '../types';
-export declare const canGenerateCSS: boolean;
-/**
- * A border width was authored, so its edge needs `borderStyle: solid` unless
- * an authored border style owns the property by completion time. Requests key
- * off the authored (pre-expansion) property, matching the emitted class.
- */
-export declare function requestBorderStyleDefault(state: GetStyleState, property: string, condition: number, identity: string, selector: string, wrapperSource: readonly string[] | undefined, wrapperStart: number, wrapperCount: number): void;
-export declare function directStyleSignature(property: string, value: unknown, conditionKey?: string): string;
-/**
- * Stream one CSS contribution. A property's first contribution serializes its
- * class immediately (the overwhelmingly common case pays one cached build and
- * no entry). A second contribution promotes the property to a combined slot,
- * finished at completion by precedence order - the deferred arrangement the
- * equal-specificity cascade tie-break requires (clauseOrderIndependence).
- */
-export declare function streamAtomic(state: GetStyleState, property: string, value: any, condition: number, identity: string, selector: string, wrapperSource: readonly string[] | undefined, wrapperStart: number, wrapperCount: number, weak: boolean, original?: any): void;
-/**
- * The CSS residue that genuinely cannot stream: border-style defaults resolve
- * against what the pass authored, promoted multi-contribution slots combine
- * in precedence order, transition longhands group into one record, and the
- * transform accumulator becomes the transform slot's base.
- */
-export declare function completeStreamingCSS(state: GetStyleState): void;
-export declare function flushDirectStyles(state: GetStyleState, clear?: boolean): void;
-export declare function addComposition(state: GetStyleState, property: 'translate' | 'scale'): void;
-export declare function clearFrameAtomic(state: GetStyleState, atomicKey: string): void;
-//# sourceMappingURL=directStyleCSS.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"directStyleCSS.d.ts","sourceRoot":"","sources":["../../src/helpers/directStyleCSS.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAW7C,eAAO,MAAM,cAAc,SACkD,CAAA;AAmB7E;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC5C,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,QA2BrB;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,OAAO,EACd,YAAY,SAAK,UAGlB;AAmGD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC5C,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,OAAO,EACb,QAAQ,CAAC,EAAE,GAAG,QA8Kf;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,QA6ExD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,UAAQ,QAoBpE;AAWD,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,GAAG,OAAO,QA8BnF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,QAMvE"}

package/types/helpers/directStyleCSS.native.d.ts

@@ -1,2 +0,0 @@
-export * from './directStyleCSSCompiled';
-//# sourceMappingURL=directStyleCSS.native.d.ts.map

package/types/helpers/directStyleCSS.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"directStyleCSS.native.d.ts","sourceRoot":"","sources":["../../src/helpers/directStyleCSS.native.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/types/helpers/directStyleCSSCompiled.d.ts

@@ -1,10 +0,0 @@
-import type { GetStyleState } from '../types';
-export declare const canGenerateCSS = false;
-export declare const directStyleSignature: () => string;
-export declare function streamAtomic(_state: GetStyleState, _property: string, _value: any, _condition: number, _identity: string, _selector: string, _wrapperSource: readonly string[] | undefined, _wrapperStart: number, _wrapperCount: number, _weak: boolean, _original?: any): void;
-export declare function completeStreamingCSS(_state: GetStyleState): void;
-export declare function requestBorderStyleDefault(_state: GetStyleState, _property: string, _condition: number, _identity: string, _selector: string, _wrapperSource: readonly string[] | undefined, _wrapperStart: number, _wrapperCount: number): void;
-export declare function flushDirectStyles(_state: GetStyleState, _clear?: boolean): void;
-export declare function addComposition(_state: GetStyleState, _property: 'translate' | 'scale'): void;
-export declare function clearFrameAtomic(_state: GetStyleState, _atomicKey: string): void;
-//# sourceMappingURL=directStyleCSSCompiled.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"directStyleCSSCompiled.d.ts","sourceRoot":"","sources":["../../src/helpers/directStyleCSSCompiled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,eAAO,MAAM,cAAc,QAAQ,CAAA;AACnC,eAAO,MAAM,oBAAoB,cAAW,CAAA;AAE5C,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC7C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,OAAO,EACd,SAAS,CAAC,EAAE,GAAG,QACb;AACJ,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,QAAI;AAC9D,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC7C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,QACnB;AACJ,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,UAAQ,QAAI;AAC3E,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,QAAI;AAC1F,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,QAAI"}

package/types/helpers/getDefaultProps.d.ts

@@ -1,3 +0,0 @@
-import type { StaticConfig } from '../types';
-export declare const getDefaultProps: (staticConfig: StaticConfig) => Record<string, any> | undefined;
-//# sourceMappingURL=getDefaultProps.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getDefaultProps.d.ts","sourceRoot":"","sources":["../../src/helpers/getDefaultProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,eAAO,MAAM,eAAe,iBAAkB,YAAY,oCAA8B,CAAA"}

package/types/helpers/getVariantExtras.d.ts

@@ -1,4 +0,0 @@
-import type { GenericFonts, GetStyleState, LanguageContextType } from '../types';
-export declare const getVariantExtras: (styleState: GetStyleState) => any;
-export declare function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType): any;
-//# sourceMappingURL=getVariantExtras.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAIhF,eAAO,MAAM,gBAAgB,eAAgB,aAAa,QAkEzD,CAAA;AAID,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,OAkBrF"}

package/types/helpers/themeable.d.ts

@@ -1,3 +0,0 @@
-import type { StaticConfig, ThemeableProps } from '../types';
-export declare function themeable<ComponentType extends (props: any) => any>(Component: ComponentType, staticConfig: Partial<StaticConfig>, optimize?: boolean): ComponentType extends (props: infer P) => infer R ? (props: Omit<P, 'theme'> & ThemeableProps) => R : unknown;
-//# sourceMappingURL=themeable.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"themeable.d.ts","sourceRoot":"","sources":["../../src/helpers/themeable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAc,MAAM,UAAU,CAAA;AAIxE,wBAAgB,SAAS,CAAC,aAAa,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,EACjE,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,EACnC,QAAQ,UAAQ,iCAiFwC,MAAM,CAAC,KAAK,MAAM,CAAC,WAC/D,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,cAAc,KAAK,CAAC,WAIpD"}

package/types/hooks/useProps.d.ts

@@ -1,39 +0,0 @@
-import type { SplitStyleProps, StaticConfig, ThemeParsed, UseMediaState } from '../types';
-import type { ViewProps, ViewStyle } from '../views/View';
-type UsePropsOptions = Pick<SplitStyleProps, 'noExpand' | 'noNormalize' | 'noClass' | 'resolveValues'> & {
-    disableExpandShorthands?: boolean;
-    forComponent?: {
-        staticConfig: StaticConfig;
-    };
-    noClass?: boolean;
-    /**
-     * Disable watching for media queries
-     */
-    noMedia?: boolean;
-};
-export type PropsWithoutMediaStyles<A> = Partial<A>;
-type PropsLikeObject = (ViewProps & Record<string, any>) | object;
-type StyleLikeObject = (ViewStyle & Record<string, any>) | object;
-/**
- * Returns props and style as a single object, expanding and merging shorthands and media queries.
- *
- * Use sparingly, it will loop props and trigger re-render on all media queries you access.
- *
- * */
-export declare function useProps<A extends PropsLikeObject>(props: A, opts?: UsePropsOptions): PropsWithoutMediaStyles<A>;
-/**
- * Returns only style values fully resolved and flattened with merged media queries and shorthands with all theme and token values resolved.
- *
- * Use sparingly, it will loop props and trigger re-render on all media queries you access.
- *
- * */
-export declare function useStyle<A extends StyleLikeObject>(props: A, opts?: UsePropsOptions): PropsWithoutMediaStyles<A>;
-/**
- * Returns [props, styles, theme, media] fully resolved and flattened with merged media queries and shorthands with all theme and token values resolved.
- *
- * Use sparingly, it will loop props and trigger re-render on all media queries you access.
- *
- * */
-export declare function usePropsAndStyle<A extends PropsLikeObject>(props: A, opts?: UsePropsOptions): [PropsWithoutMediaStyles<A>, PropsWithoutMediaStyles<A>, ThemeParsed, UseMediaState];
-export {};
-//# sourceMappingURL=useProps.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAOzD,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,CACzD,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;AAEnD,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AACjE,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEjE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CAuGtF"}