@instructure/ui-text 8.10.1-snapshot.4 → 8.10.1-snapshot.8

package/es/Text/__examples__/Text.examples.js

@@ -27,7 +27,7 @@ export default {
   maxExamples: 1000,
   getComponentProps: props => {
     return {
-      children: ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
+      children: props.size && ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
     };
   },
   getExampleProps: props => {

package/es/Text/index.js

@@ -35,6 +35,7 @@ import { allowedProps, propTypes } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 
 let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class Text extends Component {
@@ -44,7 +45,7 @@ let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
 
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
@@ -55,10 +56,13 @@ let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
 
     const children = this.props.children;
     const ElementType = getElementType(Text, this.props);
-    return jsx(ElementType, Object.assign({}, passthroughProps(this.props), {
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
-      ref: this.props.elementRef
-    }), children);
+    return (// @ts-expect-error TODO: AsElementType is not compatible for ref
+      jsx(ElementType // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+      , Object.assign({}, passthroughProps(this.props), {
+        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
+        ref: this.props.elementRef
+      }), children)
+    );
   }
 
 }, _class2.displayName = "Text", _class2.componentId = 'Text', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {

package/es/Text/props.js

@@ -23,15 +23,8 @@
  */
 import PropTypes from 'prop-types';
 const propTypes = {
-  /**
-   * the element type to render as
-   */
   as: PropTypes.elementType,
   children: PropTypes.node,
-
-  /**
-   * Color of the text
-   */
   color: PropTypes.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
   elementRef: PropTypes.func,
   fontStyle: PropTypes.oneOf(['italic', 'normal']),

package/lib/Text/__examples__/Text.examples.js

@@ -34,7 +34,7 @@ var _default = {
   maxExamples: 1000,
   getComponentProps: props => {
     return {
-      children: ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
+      children: props.size && ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
     };
   },
   getExampleProps: props => {

package/lib/Text/index.js

@@ -27,6 +27,7 @@ var _dec, _class, _class2, _temp;
 ---
 category: components
 ---
+@tsProps
 **/
 let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Text extends _react.Component {
   componentDidMount() {
@@ -35,7 +36,7 @@ let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
 
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
@@ -46,10 +47,13 @@ let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
 
     const children = this.props.children;
     const ElementType = (0, _getElementType.getElementType)(Text, this.props);
-    return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
-      ref: this.props.elementRef
-    }), children);
+    return (// @ts-expect-error TODO: AsElementType is not compatible for ref
+      (0, _emotion.jsx)(ElementType // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+      , Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
+        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
+        ref: this.props.elementRef
+      }), children)
+    );
   }
 
 }, _class2.displayName = "Text", _class2.componentId = 'Text', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {

package/lib/Text/props.js

@@ -33,15 +33,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * the element type to render as
-   */
   as: _propTypes.default.elementType,
   children: _propTypes.default.node,
-
-  /**
-   * Color of the text
-   */
   color: _propTypes.default.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
   elementRef: _propTypes.default.func,
   fontStyle: _propTypes.default.oneOf(['italic', 'normal']),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text",
-  "version": "8.10.1-snapshot.4+6c5c9e653",
+  "version": "8.10.1-snapshot.8+21f46f4e3",
   "description": "A component for styling textual content",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,16 +25,16 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/emotion": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/shared-types": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-themes": "8.10.1-snapshot.4+6c5c9e653"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "6c5c9e653f7ce3d239296f4ed19c5679fdddcd5b"
+  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
 }

package/src/Text/__examples__/Text.examples.ts

@@ -21,21 +21,22 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import { TextProps } from '../props'
 
 export default {
   sectionProp: 'weight',
   maxExamplesPerPage: 50,
   maxExamples: 1000,
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  getComponentProps: (props) => {
+  getComponentProps: (props: TextProps) => {
     return {
-      children: ['x-small', 'small', 'medium', 'large'].includes(props.size)
-        ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco'
-        : 'Lorem ipsum dolor sit amet, consectetur'
+      children:
+        props.size &&
+        ['x-small', 'small', 'medium', 'large'].includes(props.size)
+          ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco'
+          : 'Lorem ipsum dolor sit amet, consectetur'
     }
   },
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  getExampleProps: (props) => {
+  getExampleProps: (props: TextProps) => {
     return {
       background: props?.color?.includes('inverse')
         ? 'primary-inverse'
@@ -43,8 +44,7 @@ export default {
       maxWidth: '25rem'
     }
   },
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  filter: (props) => {
+  filter: (props: TextProps) => {
     return (
       // Only generate a 1 variation for non-'primary' color
       (props.color !== 'primary' &&

package/src/Text/index.tsx

@@ -37,6 +37,7 @@ import { allowedProps, propTypes } from './props'
 ---
 category: components
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class Text extends Component<TextProps> {
@@ -57,8 +58,7 @@ class Text extends Component<TextProps> {
     this.props.makeStyles?.()
   }
 
-  // @ts-expect-error ts-migrate(6133) FIXME: 'prevProps' is declared but its value is never rea... Remove this comment to see the full error message
-  componentDidUpdate(prevProps, prevState, snapshot) {
+  componentDidUpdate() {
     this.props.makeStyles?.()
   }
 
@@ -68,8 +68,9 @@ class Text extends Component<TextProps> {
     const ElementType = getElementType(Text, this.props)
 
     return (
+      // @ts-expect-error TODO: AsElementType is not compatible for ref
       <ElementType
-        //@ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+        // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
         {...passthroughProps(this.props)}
         css={this.props.styles?.text}
         ref={this.props.elementRef}

package/src/Text/props.ts

@@ -33,7 +33,13 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type TextOwnProps = {
+  /**
+   * the element type to render as
+   */
   as?: AsElementType
+  /**
+   * Color of the text
+   */
   color?:
     | 'primary'
     | 'secondary'
@@ -44,7 +50,10 @@ type TextOwnProps = {
     | 'alert'
     | 'primary-inverse'
     | 'secondary-inverse'
-  elementRef?: (...args: any[]) => any
+  /**
+   * Provides a reference to the underlying HTML element
+   */
+  elementRef?: (element: HTMLElement | null) => void
   fontStyle?: 'italic' | 'normal'
   letterSpacing?: 'normal' | 'condensed' | 'expanded'
   lineHeight?: 'default' | 'fit' | 'condensed' | 'double'
@@ -64,14 +73,8 @@ type TextProps = TextOwnProps & WithStyleProps<TextTheme, TextStyle>
 type TextStyle = ComponentStyle<'text'>
 
 const propTypes: PropValidators<PropKeys> = {
-  /**
-   * the element type to render as
-   */
   as: PropTypes.elementType,
   children: PropTypes.node,
-  /**
-   * Color of the text
-   */
   color: PropTypes.oneOf([
     'primary',
     'secondary',

package/types/Text/__examples__/Text.examples.d.ts

@@ -1,15 +1,16 @@
+import { TextProps } from '../props';
 declare const _default: {
     sectionProp: string;
     maxExamplesPerPage: number;
     maxExamples: number;
-    getComponentProps: (props: any) => {
+    getComponentProps: (props: TextProps) => {
         children: string;
     };
-    getExampleProps: (props: any) => {
+    getExampleProps: (props: TextProps) => {
         background: string;
         maxWidth: string;
     };
-    filter: (props: any) => boolean;
+    filter: (props: TextProps) => boolean;
 };
 export default _default;
 //# sourceMappingURL=Text.examples.d.ts.map

package/types/Text/__examples__/Text.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.examples.d.ts","sourceRoot":"","sources":["../../../src/Text/__examples__/Text.examples.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,wBA2CC"}
+{"version":3,"file":"Text.examples.d.ts","sourceRoot":"","sources":["../../../src/Text/__examples__/Text.examples.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;;;;;+BAMP,SAAS;;;6BASX,SAAS;;;;oBAQlB,SAAS;;AArB3B,wBA0CC"}

package/types/Text/index.d.ts

@@ -6,13 +6,14 @@ import type { TextProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 declare class Text extends Component<TextProps> {
     static readonly componentId = "Text";
     static allowedProps: readonly (keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         color?: "primary" | "secondary" | "brand" | "success" | "warning" | "danger" | "alert" | "primary-inverse" | "secondary-inverse" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: HTMLElement | null) => void) | undefined;
         fontStyle?: "italic" | "normal" | undefined;
         letterSpacing?: "normal" | "condensed" | "expanded" | undefined;
         lineHeight?: "condensed" | "default" | "fit" | "double" | undefined;
@@ -25,7 +26,7 @@ declare class Text extends Component<TextProps> {
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         color?: "primary" | "secondary" | "brand" | "success" | "warning" | "danger" | "alert" | "primary-inverse" | "secondary-inverse" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: HTMLElement | null) => void) | undefined;
         fontStyle?: "italic" | "normal" | undefined;
         letterSpacing?: "normal" | "condensed" | "expanded" | undefined;
         lineHeight?: "condensed" | "default" | "fit" | "double" | undefined;
@@ -43,7 +44,7 @@ declare class Text extends Component<TextProps> {
         readonly children: null;
     };
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     render(): jsx.JSX.Element;
 }
 export default Text;

package/types/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAIjD,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAiBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Text/props.d.ts

@@ -2,9 +2,18 @@ import React from 'react';
 import type { PropValidators, AsElementType, TextTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type TextOwnProps = {
+    /**
+     * the element type to render as
+     */
     as?: AsElementType;
+    /**
+     * Color of the text
+     */
     color?: 'primary' | 'secondary' | 'brand' | 'success' | 'warning' | 'danger' | 'alert' | 'primary-inverse' | 'secondary-inverse';
-    elementRef?: (...args: any[]) => any;
+    /**
+     * Provides a reference to the underlying HTML element
+     */
+    elementRef?: (element: HTMLElement | null) => void;
     fontStyle?: 'italic' | 'normal';
     letterSpacing?: 'normal' | 'condensed' | 'expanded';
     lineHeight?: 'default' | 'fit' | 'condensed' | 'double';

package/types/Text/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Text/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAA;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAA;IAC7D,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Text/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,YAAY,GAAG;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAA;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAA;IAC7D,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}