@pedidopago/ui 1.0.6

package/dist/components/Flex/types.d.ts

@@ -0,0 +1,176 @@
+import { Ref } from 'react';
+import { defaultTheme } from 'src';
+declare type flexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+declare type flexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+declare type flexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+declare type flexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+declare type flexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+declare type flexJustifySelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+declare type flexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+declare type flexGrow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+declare type flexShrink = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+declare type flexBasis = 'auto' | 'content' | 'max-content' | 'min-content' | 'fit-content' | 'fill-available' | (string & {});
+declare type flexSpacing = 'auto' | 'inherit' | 'initial' | 'unset' | keyof typeof defaultTheme.space | (string & {});
+export declare type IFlexProps = {
+    /**
+     * The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
+     * @default 'row'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
+     */
+    direction?: flexDirection | {
+        base?: flexDirection;
+        sm?: flexDirection;
+        md?: flexDirection;
+        lg?: flexDirection;
+        xl?: flexDirection;
+        xxl?: flexDirection;
+    };
+    /**
+     * The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+     */
+    alignItems?: flexAlignItems | {
+        base?: flexAlignItems;
+        sm?: flexAlignItems;
+        md?: flexAlignItems;
+        lg?: flexAlignItems;
+        xl?: flexAlignItems;
+        xxl?: flexAlignItems;
+    };
+    /**
+     * The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
+     */
+    alignContent?: flexAlignContent | {
+        base?: flexAlignContent;
+        sm?: flexAlignContent;
+        md?: flexAlignContent;
+        lg?: flexAlignContent;
+        xl?: flexAlignContent;
+        xxl?: flexAlignContent;
+    };
+    /**
+     * The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
+     * @default 'auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
+     */
+    alignSelf?: flexAlignSelf | {
+        base?: flexAlignSelf;
+        sm?: flexAlignSelf;
+        md?: flexAlignSelf;
+        lg?: flexAlignSelf;
+        xl?: flexAlignSelf;
+        xxl?: flexAlignSelf;
+    };
+    /**
+     * The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
+     */
+    justifyContent?: flexJustifyContent | {
+        base?: flexJustifyContent;
+        sm?: flexJustifyContent;
+        md?: flexJustifyContent;
+        lg?: flexJustifyContent;
+        xl?: flexJustifyContent;
+        xxl?: flexJustifyContent;
+    };
+    /**
+     * The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
+     * @default 'auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
+     */
+    justifySelf?: flexJustifySelf | {
+        base?: flexJustifySelf;
+        sm?: flexJustifySelf;
+        md?: flexJustifySelf;
+        lg?: flexJustifySelf;
+        xl?: flexJustifySelf;
+        xxl?: flexJustifySelf;
+    };
+    /**
+     * The spacing provides a gap CSS property that sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+     */
+    spacing?: flexSpacing | {
+        base?: flexSpacing;
+        sm?: flexSpacing;
+        md?: flexSpacing;
+        lg?: flexSpacing;
+        xl?: flexSpacing;
+        xxl?: flexSpacing;
+    };
+    /**
+     * The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
+     */
+    wrap?: flexWrap | {
+        base?: flexWrap;
+        sm?: flexWrap;
+        md?: flexWrap;
+        lg?: flexWrap;
+        xl?: flexWrap;
+        xxl?: flexWrap;
+    };
+    /**
+     * The flex-grow CSS property sets the flex grow factor of a flex item's main size.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
+     */
+    grow?: flexGrow | {
+        base?: flexGrow;
+        sm?: flexGrow;
+        md?: flexGrow;
+        lg?: flexGrow;
+        xl?: flexGrow;
+        xxl?: flexGrow;
+    };
+    /**
+     * The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
+     */
+    shrink?: flexShrink | {
+        base?: flexShrink;
+        sm?: flexShrink;
+        md?: flexShrink;
+        lg?: flexShrink;
+        xl?: flexShrink;
+        xxl?: flexShrink;
+    };
+    /**
+     * The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
+     */
+    basis?: flexBasis | {
+        base?: flexBasis;
+        sm?: flexBasis;
+        md?: flexBasis;
+        lg?: flexBasis;
+        xl?: flexBasis;
+        xxl?: flexBasis;
+    };
+    /**
+     * The react ref prop for the flex container.
+     * @see https://reactjs.org/docs/refs-and-the-dom.html#the-ref-callback-attribute
+     */
+    ref?: Ref<any>;
+};
+export declare type IStyledFlex = IFlexProps & {
+    theme?: typeof defaultTheme;
+    flexDirection?: flexDirection | {
+        base?: flexDirection;
+        sm?: flexDirection;
+        md?: flexDirection;
+        lg?: flexDirection;
+        xl?: flexDirection;
+        xxl?: flexDirection;
+    };
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Flex/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Flex/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Grid/grid.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=grid.test.d.ts.map

package/dist/components/Grid/grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/grid.test.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC"}

package/dist/components/Grid/grid.test.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('Grid', function () {
+  it('should render the grid container', function () {
+    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+      container: true,
+      "data-testid": "grid-container"
+    }));
+    expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
+  });
+  it('should render grid container with item element', function () {
+    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+      container: true,
+      "data-testid": "grid-container"
+    }, /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item"
+    })));
+    expect(_react.screen.getByTestId('grid-item')).toBeInTheDocument();
+  });
+  it('should render grid container with multiple items', function () {
+    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+      container: true,
+      templateColumns: "repeat(12, 1fr)",
+      "data-testid": "grid-container"
+    }, /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-1"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-2"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-3"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-4"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-5"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-6"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-7"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-8"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-9"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-10"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-11"
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      "data-testid": "grid-item-12"
+    })));
+    expect(_react.screen.getByTestId('grid-item-1')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-2')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-3')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-4')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-5')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-6')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-7')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-8')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-9')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-10')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-11')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-12')).toBeInTheDocument();
+  });
+  it('should render grid container with multiply elements of different sizes', function () {
+    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+      container: true,
+      gridGap: 6,
+      "data-testid": "grid-container",
+      templateColumns: "repeat(12, 1fr)",
+      templateRows: "repeat(2, 1fr)",
+      style: {
+        height: '200px'
+      }
+    }, /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      rowSpan: 2,
+      colSpan: 2,
+      "data-testid": "grid-item-xs-2",
+      style: {
+        background: '#000'
+      }
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      rowSpan: 2,
+      colSpan: 4,
+      "data-testid": "grid-item-xs-4",
+      style: {
+        background: '#000'
+      }
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      rowSpan: 2,
+      colSpan: 6,
+      "data-testid": "grid-item-xs-6",
+      style: {
+        background: '#000'
+      }
+    }), /*#__PURE__*/React.createElement(_.default, {
+      item: true,
+      rowSpan: 2,
+      colSpan: 10,
+      "data-testid": "grid-item-xs-10",
+      style: {
+        background: '#000'
+      }
+    })));
+    expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-2')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-4')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-6')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('grid-item-xs-10')).toBeInTheDocument();
+  });
+});

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLAttributes } from 'react';
+import { IGridProps } from './types';
+declare const Grid: FC<HTMLAttributes<HTMLDivElement> & IGridProps>;
+export default Grid;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAmCzD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Grid/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styles = require("./styles");
+
+var _excluded = ["container", "item", "gridGap", "templateAreas", "templateColumns", "templateRows", "colSpan", "colEnd", "colStart", "rowEnd", "rowStart", "rowSpan", "children"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Grid = function Grid(_ref) {
+  var container = _ref.container,
+      item = _ref.item,
+      gridGap = _ref.gridGap,
+      templateAreas = _ref.templateAreas,
+      templateColumns = _ref.templateColumns,
+      templateRows = _ref.templateRows,
+      colSpan = _ref.colSpan,
+      colEnd = _ref.colEnd,
+      colStart = _ref.colStart,
+      rowEnd = _ref.rowEnd,
+      rowStart = _ref.rowStart,
+      rowSpan = _ref.rowSpan,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(_styles.GridComponent, _extends({
+    container: container,
+    item: item,
+    gridGap: gridGap,
+    templateAreas: templateAreas,
+    templateColumns: templateColumns,
+    templateRows: templateRows,
+    colSpan: colSpan,
+    colEnd: colEnd,
+    colStart: colStart,
+    rowEnd: rowEnd,
+    rowStart: rowStart,
+    rowSpan: rowSpan
+  }, rest), children);
+};
+
+var _default = Grid;
+exports.default = _default;

package/dist/components/Grid/styles.d.ts

@@ -0,0 +1,286 @@
+/// <reference types="react" />
+export declare const GridComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("./types").IGridProps & {
+    theme?: {
+        fontSizes: {
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            xxxl: string;
+            display: string;
+            giant: string;
+        };
+        fontWeight: {
+            normal: string;
+            bold: string;
+            '100': string;
+            '200': string;
+            '300': string;
+            '400': string;
+            '500': string;
+            '600': string;
+            '700': string;
+            '800': string;
+            '900': string;
+        };
+        breakpoints: {
+            base: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+        };
+        colors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
+        space: {
+            px: string;
+            0.5: string;
+            1: string;
+            1.5: string;
+            2: string;
+            2.5: string;
+            3: string;
+            3.5: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            112: string;
+            128: string;
+        };
+        spacing: {
+            quarck: string;
+            nano: string;
+            xxxs: string;
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            xxxl: string;
+            huge: string;
+            giant: string;
+            px: string;
+            0.5: string;
+            1: string;
+            1.5: string;
+            2: string;
+            2.5: string;
+            3: string;
+            3.5: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            112: string;
+            128: string;
+        };
+        spacingest: {
+            quarck: string;
+            nano: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            px: string;
+            0.5: string;
+            1: string;
+            1.5: string;
+            2: string;
+            2.5: string;
+            3: string;
+            3.5: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            112: string;
+            128: string;
+        };
+        borderRadius: {
+            default: string;
+        };
+        shadow: {
+            level1: string;
+            level2: string;
+            level3: string;
+        };
+        buttonSize: {
+            sm: string;
+            md: string;
+            xl: string;
+        };
+        transition: {
+            speed: string;
+        };
+        zIndex: {
+            default: string;
+            level1: string;
+            level2: string;
+            level3: string;
+            level4: string;
+            level6: string;
+            level8: string;
+            level12: string;
+            level16: string;
+            level24: string;
+            level48: string;
+        };
+    } | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Grid/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGA4azB,CAAC"}