@instructure/ui-motion 8.11.2-snapshot.3 → 8.11.2-snapshot.45

package/src/Transition/BaseTransition/props.ts

@@ -27,7 +27,16 @@ import PropTypes from 'prop-types'
 
 import type { PropValidators } from '@instructure/shared-types'
 
-type BaseTransitionOwnProps = {
+type TransitionType =
+  | 'fade'
+  | 'scale'
+  | 'slide-down'
+  | 'slide-up'
+  | 'slide-left'
+  | 'slide-right'
+
+// These props get passed from Transition
+type TransitionCommonProps = {
   /**
    * Show the component? Triggers the enter or exit animation.
    */
@@ -52,6 +61,46 @@ type BaseTransitionOwnProps = {
    */
   transitionExit?: boolean
 
+  /**
+   * Callback fired when transitioning to the next state
+   */
+  onTransition?: (
+    toState: BaseTransitionStatesType,
+    fromState: BaseTransitionStatesType
+  ) => void
+
+  /**
+   * Callback fired before the "entering" classes are applied
+   */
+  onEnter?: () => void
+  /**
+   * Callback fired after the "entering" classes are applied
+   */
+  onEntering?: () => void
+  /**
+   * Callback fired after the "enter" classes are applied
+   */
+  onEntered?: (type?: TransitionType) => void
+  /**
+   * Callback fired before the "exiting" classes are applied
+   */
+  onExit?: () => void
+  /**
+   * Callback fired after the "exiting" classes are applied
+   */
+  onExiting?: () => void
+  /**
+   * Callback fired after the "exited" classes are applied
+   */
+  onExited?: (type?: TransitionType) => void
+
+  /**
+   * A single element to animate in and out
+   */
+  children?: React.ReactNode
+}
+
+type OwnProps = {
   /**
    * A Timeout for the animation, in milliseconds, to ensure that a node doesn't
    * transition indefinately if the browser transitionEnd events are
@@ -75,79 +124,46 @@ type BaseTransitionOwnProps = {
   /**
    * the base CSS class for the transition (transitions go here)
    */
-  transitionClassName?: string
+  transitionClassName: string
 
   /**
    * CSS class or classes applied when the component is exited
    */
-  exitedClassName?: string
+  exitedClassName: string
   /**
    * CSS class or classes applied while the component is exiting
    */
-  exitingClassName?: string
+  exitingClassName: string
   /**
    * CSS class or classes applied when the component is entered
    */
-  enteredClassName?: string
+  enteredClassName: string
   /**
    * CSS class or classes applied while the component is entering
    */
-  enteringClassName?: string
-
-  /**
-   * Callback fired when transitioning to the next state
-   */
-  onTransition?: (toState: number, fromState: number) => void
-
-  /**
-   * Callback fired before the "entering" classes are applied
-   */
-  onEnter?: () => void
-  /**
-   * Callback fired after the "entering" classes are applied
-   */
-  onEntering?: () => void
-  /**
-   * Callback fired after the "enter" classes are applied
-   */
-  onEntered?: () => void
-  /**
-   * Callback fired before the "exiting" classes are applied
-   */
-  onExit?: () => void
-  /**
-   * Callback fired after the "exiting" classes are applied
-   */
-  onExiting?: () => void
-  /**
-   * Callback fired after the "exited" classes are applied
-   */
-  onExited?: () => void
-
-  children?: React.ReactNode
+  enteringClassName: string
 
   className?: string
 }
 
+// This intersection is needed for calculating allowedProps
+type BaseTransitionOwnProps = TransitionCommonProps & OwnProps
+
+// this is getting exported, might be extended later,
+// that's why it is separated from BaseTransitionOwnProps
+type BaseTransitionProps = BaseTransitionOwnProps
+
+type CommonPropKeys = keyof TransitionCommonProps
 type PropKeys = keyof BaseTransitionOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type BaseTransitionProps = BaseTransitionOwnProps
-
-const propTypes: PropValidators<PropKeys> = {
+const transitionCommonPropTypes: PropValidators<CommonPropKeys> = {
   in: PropTypes.bool,
   unmountOnExit: PropTypes.bool,
   transitionOnMount: PropTypes.bool,
   transitionEnter: PropTypes.bool,
   transitionExit: PropTypes.bool,
-  enterDelay: PropTypes.number,
-  exitDelay: PropTypes.number,
-  transitionClassName: PropTypes.string,
-  exitedClassName: PropTypes.string,
-  exitingClassName: PropTypes.string,
-  enteredClassName: PropTypes.string,
-  enteringClassName: PropTypes.string,
   onTransition: PropTypes.func,
   onEnter: PropTypes.func,
   onEntering: PropTypes.func,
@@ -155,7 +171,19 @@ const propTypes: PropValidators<PropKeys> = {
   onExit: PropTypes.func,
   onExiting: PropTypes.func,
   onExited: PropTypes.func,
-  children: PropTypes.node,
+  children: PropTypes.node
+}
+
+const propTypes: PropValidators<PropKeys> = {
+  ...transitionCommonPropTypes,
+
+  enterDelay: PropTypes.number,
+  exitDelay: PropTypes.number,
+  transitionClassName: PropTypes.string.isRequired,
+  exitedClassName: PropTypes.string.isRequired,
+  exitingClassName: PropTypes.string.isRequired,
+  enteredClassName: PropTypes.string.isRequired,
+  enteringClassName: PropTypes.string.isRequired,
   className: PropTypes.string
 }
 
@@ -183,5 +211,19 @@ const allowedProps: AllowedPropKeys = [
   'className'
 ]
 
-export type { BaseTransitionProps }
-export { propTypes, allowedProps }
+type BaseTransitionState = {
+  transitioning: boolean
+}
+
+type BaseTransitionStateValue = 'EXITED' | 'EXITING' | 'ENTERING' | 'ENTERED'
+type BaseTransitionStatesType = -2 | -1 | 1 | 2
+
+export type {
+  BaseTransitionProps,
+  TransitionCommonProps,
+  TransitionType,
+  BaseTransitionState,
+  BaseTransitionStateValue,
+  BaseTransitionStatesType
+}
+export { propTypes, allowedProps, transitionCommonPropTypes }

package/src/Transition/index.tsx

@@ -46,6 +46,7 @@ import type { TransitionProps } from './props'
 category: components/utilities
 ---
 @module Transition
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
@@ -61,17 +62,7 @@ class Transition extends Component<TransitionProps> {
     unmountOnExit: false,
     transitionOnMount: false,
     transitionEnter: true,
-    transitionExit: true,
-
-    onEnter: function () {},
-    onEntering: function () {},
-    onEntered: function () {},
-    onExit: function () {},
-    onExiting: function () {},
-    onExited: function () {},
-    // @ts-expect-error ts-migrate(6133) FIXME: 'toState' is declared but its value is never read.
-    onTransition: function (toState, fromState) {},
-    children: null
+    transitionExit: true
   }
 
   static states = BaseTransition.states
@@ -86,24 +77,21 @@ class Transition extends Component<TransitionProps> {
 
   handleExited = () => {
     if (typeof this.props.onExited === 'function') {
-      this.props.onExited(this.props.type)
+      this.props.onExited(this.props.type!)
     }
   }
 
   handleEntered = () => {
     if (typeof this.props.onEntered === 'function') {
-      this.props.onEntered(this.props.type)
+      this.props.onEntered(this.props.type!)
     }
   }
 
-  /**
-   * Transition helper:
-   * After emotion migration the only way to keep
-   * the old BaseTransition functionality with adding and removing
-   * classes was to add the `Global` helper of `emotion`
-   *
-   * Todo: try to refactor or replace Transition/BaseTransition component in v9.0.0. so that it is not class based
-   */
+  // Transition helper:
+  // After emotion migration the only way to keep
+  // the old BaseTransition functionality with adding and removing
+  // classes was to add the `Global` helper of `emotion`
+  // Todo: try to refactor or replace Transition/BaseTransition component in v9.0.0. so that it is not class based
   renderTransitionHelper = () => {
     const { styles } = this.props
 
@@ -113,7 +101,7 @@ class Transition extends Component<TransitionProps> {
   render() {
     const { type, children, styles, ...props } = this.props
 
-    const duration = ms(styles?.duration as number)
+    const duration = ms(styles!.duration)
 
     return (
       <>
@@ -122,16 +110,11 @@ class Transition extends Component<TransitionProps> {
           {...props}
           enterDelay={duration}
           exitDelay={duration}
-          //@ts-expect-error TODO:
-          transitionClassName={styles?.classNames?.transitioning}
-          //@ts-expect-error TODO:
-          exitedClassName={styles?.classNames?.exited}
-          //@ts-expect-error TODO:
-          exitingClassName={styles?.classNames?.exiting}
-          //@ts-expect-error TODO:
-          enteredClassName={styles?.classNames?.entered}
-          //@ts-expect-error TODO:
-          enteringClassName={styles?.classNames?.entering}
+          transitionClassName={styles!.classNames.transitioning}
+          exitedClassName={styles!.classNames.exited}
+          exitingClassName={styles!.classNames.exiting}
+          enteredClassName={styles!.classNames.entered}
+          enteringClassName={styles!.classNames.entering}
           onEntered={this.handleEntered}
           onExited={this.handleExited}
         >

package/src/Transition/props.ts

@@ -21,38 +21,36 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react'
+
 import PropTypes from 'prop-types'
 
 import type { PropValidators, TransitionTheme } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
-type TransitionType =
-  | 'fade'
-  | 'scale'
-  | 'slide-down'
-  | 'slide-up'
-  | 'slide-left'
-  | 'slide-right'
+import { transitionCommonPropTypes } from './BaseTransition/props'
+import type {
+  TransitionCommonProps,
+  TransitionType
+} from './BaseTransition/props'
+
+const transitionTypes: Readonly<Array<TransitionType>> = [
+  'fade',
+  'scale',
+  'slide-down',
+  'slide-up',
+  'slide-left',
+  'slide-right'
+]
+
+const transitionTypePropType = PropTypes.oneOf(transitionTypes)
 
-// TODO: use common props from BaseTransition
-type TransitionOwnProps = {
+type OwnProps = {
   type?: TransitionType
-  in?: boolean
-  unmountOnExit?: boolean
-  transitionOnMount?: boolean
-  transitionEnter?: boolean
-  transitionExit?: boolean
-  onTransition?: (...args: any[]) => any
-  onEnter?: (...args: any[]) => any
-  onEntering?: (...args: any[]) => any
-  onEntered?: (...args: any[]) => any
-  onExit?: (...args: any[]) => any
-  onExiting?: (...args: any[]) => any
-  onExited?: (...args: any[]) => any
-  children?: React.ReactNode
 }
 
+// TransitionCommonProps get passed to BaseTransition
+type TransitionOwnProps = OwnProps & TransitionCommonProps
+
 type PropKeys = keyof TransitionOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
@@ -60,74 +58,20 @@ type AllowedPropKeys = Readonly<Array<PropKeys>>
 type TransitionProps = TransitionOwnProps &
   WithStyleProps<TransitionTheme, TransitionStyle>
 
-type TransitionStyle = ComponentStyle<
-  'duration' | 'classNames' | 'globalStyles'
->
-
-const transitionTypePropType = PropTypes.oneOf([
-  'fade',
-  'scale',
-  'slide-down',
-  'slide-up',
-  'slide-left',
-  'slide-right'
-])
+type TransitionStyle = ComponentStyle<'globalStyles'> & {
+  duration: TransitionTheme['duration']
+  classNames: {
+    transitioning: string
+    exited: string
+    exiting: string
+    entered: string
+    entering: string
+  }
+}
 
 const propTypes: PropValidators<PropKeys> = {
   type: transitionTypePropType,
-  /**
-   * A single element to animate in and out
-   */
-  children: PropTypes.element,
-  /**
-   * Show the component; triggers the enter or exit animation
-   */
-  in: PropTypes.bool,
-  /**
-   * Unmount the component (remove it from the DOM) when it is not shown
-   */
-  unmountOnExit: PropTypes.bool,
-  /**
-   * Run the enter animation when the component mounts, if it is initially
-   * shown
-   */
-  transitionOnMount: PropTypes.bool,
-  /**
-   * Run the enter animation
-   */
-  transitionEnter: PropTypes.bool,
-  /**
-   * Run the exit animation
-   */
-  transitionExit: PropTypes.bool,
-  /**
-   * Callback fired when transitioning to the next state
-   */
-  onTransition: PropTypes.func,
-  /**
-   * Callback fired before the "entering" classes are applied
-   */
-  onEnter: PropTypes.func,
-  /**
-   * Callback fired after the "entering" classes are applied
-   */
-  onEntering: PropTypes.func,
-  /**
-   * Callback fired after the "enter" classes are applied
-   */
-  onEntered: PropTypes.func,
-  /**
-   * Callback fired before the "exiting" classes are applied
-   */
-  onExit: PropTypes.func,
-  /**
-   * Callback fired after the "exiting" classes are applied
-   */
-  onExiting: PropTypes.func,
-  /**
-   * Callback fired after the "exited" classes are applied
-   */
-  onExited: PropTypes.func
+  ...transitionCommonPropTypes
 }
 
 const allowedProps: AllowedPropKeys = [

package/src/Transition/styles.ts

@@ -25,6 +25,14 @@
 import type { TransitionTheme } from '@instructure/shared-types'
 import type { TransitionProps, TransitionStyle } from './props'
 
+const getClassNames = (type: TransitionProps['type']) => ({
+  transitioning: `transition--${type}-transitioning`,
+  exited: `transition--${type}-exited`,
+  exiting: `transition--${type}-exiting`,
+  entered: `transition--${type}-entered`,
+  entering: `transition--${type}-entering`
+})
+
 /**
  * ---
  * private: true
@@ -140,15 +148,7 @@ const generateStyle = (
 
   return {
     duration: componentTheme.duration,
-    classNames: type
-      ? {
-          transitioning: `transition--${type}-transitioning`,
-          exited: `transition--${type}-exited`,
-          exiting: `transition--${type}-exiting`,
-          entered: `transition--${type}-entered`,
-          entering: `transition--${type}-entering`
-        }
-      : {},
+    classNames: getClassNames(type),
     globalStyles: {
       ...fadeAnimation,
       ...scaleAnimation,
@@ -157,4 +157,5 @@ const generateStyle = (
   }
 }
 
+export { generateStyle, getClassNames }
 export default generateStyle

package/types/Transition/BaseTransition/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { BaseTransitionProps } from './props';
+import type { BaseTransitionProps, BaseTransitionState, BaseTransitionStateValue, BaseTransitionStatesType } from './props';
 /**
 ---
 private: true
@@ -7,94 +7,55 @@ private: true
   Note: this is forked from https://github.com/react-bootstrap/react-overlays/blob/master/src/Transition.js
   so that it works with css modules. The internals are pretty different now, but it has roughly the same api.
 **/
-declare class BaseTransition extends React.Component<BaseTransitionProps> {
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
+declare class BaseTransition extends React.Component<BaseTransitionProps, BaseTransitionState> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof import("./props").TransitionCommonProps | keyof {
         enterDelay?: number | undefined;
         exitDelay?: number | undefined;
-        transitionClassName?: string | undefined;
-        exitedClassName?: string | undefined;
-        exitingClassName?: string | undefined;
-        enteredClassName?: string | undefined;
-        enteringClassName?: string | undefined;
-        onTransition?: ((toState: number, fromState: number) => void) | undefined;
-        onEnter?: (() => void) | undefined;
-        onEntering?: (() => void) | undefined;
-        onEntered?: (() => void) | undefined;
-        onExit?: (() => void) | undefined;
-        onExiting?: (() => void) | undefined;
-        onExited?: (() => void) | undefined;
-        children?: React.ReactNode;
+        transitionClassName: string;
+        exitedClassName: string;
+        exitingClassName: string;
+        enteredClassName: string;
+        enteringClassName: string;
         className?: string | undefined;
     }>;
-    static allowedProps: readonly (keyof {
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
+    static allowedProps: readonly (keyof import("./props").TransitionCommonProps | keyof {
         enterDelay?: number | undefined;
         exitDelay?: number | undefined;
-        transitionClassName?: string | undefined;
-        exitedClassName?: string | undefined;
-        exitingClassName?: string | undefined;
-        enteredClassName?: string | undefined;
-        enteringClassName?: string | undefined;
-        onTransition?: ((toState: number, fromState: number) => void) | undefined;
-        onEnter?: (() => void) | undefined;
-        onEntering?: (() => void) | undefined;
-        onEntered?: (() => void) | undefined;
-        onExit?: (() => void) | undefined;
-        onExiting?: (() => void) | undefined;
-        onExited?: (() => void) | undefined;
-        children?: React.ReactNode;
+        transitionClassName: string;
+        exitedClassName: string;
+        exitingClassName: string;
+        enteredClassName: string;
+        enteringClassName: string;
         className?: string | undefined;
     })[];
     static defaultProps: {
         in: boolean;
-        component: string;
         unmountOnExit: boolean;
         transitionOnMount: boolean;
         transitionEnter: boolean;
         transitionExit: boolean;
         enterDelay: number;
         exitDelay: number;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        onTransition: () => void;
-        children: null;
     };
-    static states: {
-        EXITED: number;
-        EXITING: number;
-        ENTERING: number;
-        ENTERED: number;
-    };
-    _timeouts: never[];
+    static states: Record<BaseTransitionStateValue, BaseTransitionStatesType>;
+    _timeouts: ReturnType<typeof setTimeout>[];
+    _unmounted: boolean;
     state: {
         transitioning: boolean;
     };
     componentDidMount(): void;
-    getSnapshotBeforeUpdate(prevProps: any, prevState: any): true | null;
-    componentDidUpdate(prevProps: any, prevState: any, cancelPrematurely: any): void;
+    getSnapshotBeforeUpdate(prevProps: BaseTransitionProps, prevState: BaseTransitionState): true | null;
+    componentDidUpdate(prevProps: BaseTransitionProps, _prevState: BaseTransitionState, cancelPrematurely: boolean): void;
     componentWillUnmount(): void;
-    startTransition: (transitionIn: any, transitionOnStart: any) => void;
-    transition: (toState: any, fromState: any, transitionCallback: any, transitionDuration?: number) => void;
-    clearTransition(transitionClassName: any): void;
-    enter: (initialState: any) => void;
-    exit: (initialState: any) => void;
-    transitionEnabled(toState: any): boolean | undefined;
-    getTransitionClassName(transitionState: any): string | null | undefined;
+    startTransition: (transitionIn: BaseTransitionProps['in'], transitionOnStart: BaseTransitionProps['transitionOnMount']) => void;
+    transition: (toState: BaseTransitionStatesType | null, fromState: BaseTransitionStatesType | null, transitionCallback?: (() => void) | undefined, transitionDuration?: number) => void;
+    clearTransition(transitionClassName: string): void;
+    enter: (initialState: BaseTransitionStatesType | null) => void;
+    exit: (initialState: BaseTransitionStatesType | null) => void;
+    transitionEnabled(toState: BaseTransitionStatesType | null): boolean | undefined;
+    getTransitionClassName(transitionState: BaseTransitionStatesType | null): string | undefined;
     ref: React.RefObject<unknown>;
-    renderChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    renderChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
     render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 }
 export default BaseTransition;

package/types/Transition/BaseTransition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/index.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAoB,MAAM,OAAO,CAAA;AASxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AASlD;;;;;;GAMG;AACH,cAAM,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;MAqBlB;IAED,MAAM,CAAC,MAAM;;;;;MAAS;IAEtB,SAAS,UAAK;IAEd,KAAK;;MAEJ;IAED,iBAAiB;IAKjB,uBAAuB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA;IAS5C,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,iBAAiB,KAAA;IAc1D,oBAAoB;IASpB,eAAe,sDAOd;IAED,UAAU,+FAgDT;IAGD,eAAe,CAAC,mBAAmB,KAAA;IAoBnC,KAAK,8BAyCJ;IAGD,IAAI,8BAmCH;IAGD,iBAAiB,CAAC,OAAO,KAAA;IAgBzB,sBAAsB,CAAC,eAAe,KAAA;IAetC,GAAG,2BAAc;IACjB,cAAc;IAOd,MAAM;CAWP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/index.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAStD,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAShB;;;;;;GAMG;AACH,cAAM,cAAe,SAAQ,KAAK,CAAC,SAAS,CAC1C,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,MAAM,CAAC,MAAM,6DAAS;IAEtB,SAAS,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,EAAE,CAAK;IAC/C,UAAU,UAAQ;IAElB,KAAK;;MAEJ;IAED,iBAAiB;IAIjB,uBAAuB,CACrB,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB;IAShC,kBAAkB,CAChB,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,mBAAmB,EAC/B,iBAAiB,EAAE,OAAO;IAe5B,oBAAoB;IAOpB,eAAe,iBACC,mBAAmB,CAAC,IAAI,CAAC,qBACpB,mBAAmB,CAAC,mBAAmB,CAAC,UAQ5D;IAED,UAAU,YACC,wBAAwB,GAAG,IAAI,aAC7B,wBAAwB,GAAG,IAAI,8BACf,IAAI,oDAwChC;IAED,eAAe,CAAC,mBAAmB,EAAE,MAAM;IAqB3C,KAAK,iBAAkB,wBAAwB,GAAG,IAAI,UA4CrD;IAED,IAAI,iBAAkB,wBAAwB,GAAG,IAAI,UAuCpD;IAED,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAe1D,sBAAsB,CAAC,eAAe,EAAE,wBAAwB,GAAG,IAAI;IAiBvE,GAAG,2BAAc;IAEjB,cAAc;IAYd,MAAM;CAWP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}