@toptal/picasso-container 3.1.3-alpha-1757603192867.0 → 3.1.3-alpha-FF-49-enhance-publishing-6b5d306f0.0

package/dist-package/src/Container/Container.d.ts

@@ -0,0 +1,61 @@
+import type { PropTypes } from '@material-ui/core';
+import type { SpacingType } from '@toptal/picasso-provider';
+import type { StandardProps } from '@toptal/picasso-shared';
+import type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
+import type { AlignItemsType, JustifyContentType, VariantType } from './styles';
+declare type ContainerType = 'div' | 'span';
+declare type DirectionType = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+declare type WrapType = 'wrap' | 'nowrap' | 'wrap-reverse';
+declare type BorderableType = 'transparent' | 'white';
+export interface Props<V extends VariantType = VariantType> extends StandardProps, HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+    /** Content of Container */
+    children?: ReactNode;
+    /** Whether container should act as inline element `display: inline-block` */
+    inline?: boolean;
+    /** Use flexbox */
+    flex?: boolean;
+    /** Set flex direction */
+    direction?: DirectionType;
+    /** Defines the align-items style property */
+    alignItems?: AlignItemsType;
+    /** Defines the justify-content style property */
+    justifyContent?: JustifyContentType;
+    /** Defines flex-wrap style property */
+    wrap?: WrapType;
+    /** Whether (`white`, `transparent`) container has border or not */
+    bordered?: V extends BorderableType ? boolean : never;
+    /** Whether container has 8px border-radius applied or not */
+    rounded?: boolean;
+    /** Style variant of Notification */
+    variant?: V;
+    /** Component used for the root node */
+    as?: ContainerType;
+    /** Text align of the inner text */
+    align?: PropTypes.Alignment;
+    /** margin-top for the container transformed to `rem` */
+    top?: SpacingType;
+    /** margin-bottom for the container transformed to `rem` */
+    bottom?: SpacingType;
+    /** margin-left for the container transformed to `rem` */
+    left?: SpacingType;
+    /** margin-right for the container transformed to `rem` */
+    right?: SpacingType;
+    /** padding for the container transformed to `rem` */
+    padded?: SpacingType;
+    /** Gap between elements for a flex container */
+    gap?: SpacingType;
+}
+declare type ContainerProps = {
+    <V extends VariantType = VariantType>(props: Props<V> & {
+        ref?: Ref<HTMLDivElement> | null;
+    }): ReactElement;
+    displayName?: string;
+    defaultProps?: Partial<Props<VariantType>>;
+};
+/**
+ * Container component used for spacing 2 elements
+ */
+export declare const Container: ContainerProps;
+export default Container;
+export type { VariantType };
+//# sourceMappingURL=Container.d.ts.map

package/dist-package/src/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/Container/Container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAKzE,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI/E,aAAK,aAAa,GAAG,KAAK,GAAG,MAAM,CAAA;AAEnC,aAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAExE,aAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAA;AAElD,aAAK,cAAc,GAAG,aAAa,GAAG,OAAO,CAAA;AAE7C,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CACxD,SAAQ,aAAa,EACnB,cAAc,CAAC,cAAc,GAAG,eAAe,CAAC;IAClD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yBAAyB;IACzB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,uCAAuC;IACvC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,SAAS,cAAc,GAAG,OAAO,GAAG,KAAK,CAAA;IACrD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,CAAA;IACX,uCAAuC;IACvC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAA;IAC3B,wDAAwD;IACxD,GAAG,CAAC,EAAE,WAAW,CAAA;IACjB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,yDAAyD;IACzD,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,gDAAgD;IAChD,GAAG,CAAC,EAAE,WAAW,CAAA;CAClB;AAED,aAAK,cAAc,GAAG;IACpB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAClC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,GAAG,IAAI,CAAA;KAAE,GACrD,YAAY,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;CAC3C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,cA2FvB,CAAA;AASD,eAAe,SAAS,CAAA;AACxB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist-package/src/Container/Container.js

@@ -0,0 +1,48 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { documentable, forwardRef } from '@toptal/picasso-utils';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { alignmentClasses, variantClassesByColor } from './styles';
+import { getSpacingClasses, getSpacingStyles } from './utils';
+/**
+ * Container component used for spacing 2 elements
+ */
+export const Container = documentable(forwardRef((props, ref) => {
+    const { children, className, inline, flex, direction, alignItems, justifyContent, wrap, style, bordered = false, rounded = false, variant, align, as: Component = inline ? 'span' : 'div', top, bottom, left, right, padded, gap, 
+    // Avoid passing external classes inside the rest props
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    classes: externalClasses } = props, rest = __rest(props, ["children", "className", "inline", "flex", "direction", "alignItems", "justifyContent", "wrap", "style", "bordered", "rounded", "variant", "align", "as", "top", "bottom", "left", "right", "padded", "gap", "classes"]);
+    const spacingProps = { gap, padded, top, bottom, right, left };
+    const isBorderedVariant = !variant || variant === 'white' || variant === 'transparent';
+    const getDisplayValue = (isInline, isFlex) => {
+        return isFlex
+            ? isInline
+                ? 'inline-flex'
+                : 'flex'
+            : isInline
+                ? 'inline-block'
+                : '';
+    };
+    return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: twMerge(variant && variantClassesByColor[variant], getSpacingClasses(spacingProps), typeof align === 'string' && alignmentClasses.textAlign[align], alignItems && alignmentClasses.alignItems[alignItems], justifyContent && alignmentClasses.justifyContent[justifyContent], wrap && alignmentClasses.wrap[wrap], bordered &&
+            isBorderedVariant &&
+            'border border-solid border-gray-200', rounded && 'rounded-md', getDisplayValue(inline, flex), direction &&
+            direction !== 'row' &&
+            alignmentClasses.direction[direction], className), style: Object.assign(Object.assign({}, getSpacingStyles(spacingProps)), style) }), children));
+}));
+Container.displayName = 'Container';
+Container.defaultProps = {
+    as: 'div',
+    inline: false,
+};
+export default Container;
+//# sourceMappingURL=Container.js.map

package/dist-package/src/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA4D7D;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAmB,YAAY,CACnD,UAAU,CACR,CACE,KAAe,EACf,GAA+B,EAC/B,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,KAAK,EACL,EAAE,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACvC,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EACN,GAAG;IACH,uDAAuD;IACvD,sDAAsD;IACtD,OAAO,EAAE,eAAe,KAEtB,KAAK,EADJ,IAAI,UACL,KAAK,EAzBH,wNAyBL,CAAQ,CAAA;IAET,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,iBAAiB,GACrB,CAAC,OAAO,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,aAAa,CAAA;IAE9D,MAAM,eAAe,GAAG,CACtB,QAA6B,EAC7B,MAA2B,EAC3B,EAAE;QACF,OAAO,MAAM;YACX,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,MAAM;YACV,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,EAAE,CAAA;IACR,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,EAEzC,iBAAiB,CAAC,YAAY,CAAC,EAE/B,OAAO,KAAK,KAAK,QAAQ,IAAI,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,EAE9D,UAAU,IAAI,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,EAErD,cAAc,IAAI,gBAAgB,CAAC,cAAc,CAAC,cAAc,CAAC,EAEjE,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAEnC,QAAQ;YACN,iBAAiB;YACjB,qCAAqC,EACvC,OAAO,IAAI,YAAY,EAEvB,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,EAE7B,SAAS;YACP,SAAS,KAAK,KAAK;YACnB,gBAAgB,CAAC,SAAS,CAAC,SAAS,CAAC,EAEvC,SAAS,CACV,EACD,KAAK,kCAEA,gBAAgB,CAAC,YAAY,CAAC,GAC9B,KAAK,MAGT,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACgB,CACpB,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,SAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,KAAK;IACT,MAAM,EAAE,KAAK;CACd,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist-package/src/Container/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const DEFAULT_INLINE = false;
+export declare const DEFAULT_AS = "div";
+export declare const DEFAULT_BORDERED = false;
+export declare const DEFAULT_ROUNDED = false;
+//# sourceMappingURL=constants.d.ts.map

package/dist-package/src/Container/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/Container/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QAAQ,CAAA;AACnC,eAAO,MAAM,UAAU,QAAQ,CAAA;AAC/B,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AACrC,eAAO,MAAM,eAAe,QAAQ,CAAA"}

package/dist-package/src/Container/constants.js

@@ -0,0 +1,5 @@
+export const DEFAULT_INLINE = false;
+export const DEFAULT_AS = 'div';
+export const DEFAULT_BORDERED = false;
+export const DEFAULT_ROUNDED = false;
+//# sourceMappingURL=constants.js.map

package/dist-package/src/Container/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/Container/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAA;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAA;AAC/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAA;AACrC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAA"}

package/dist-package/src/Container/index.d.ts

@@ -0,0 +1,7 @@
+import type { OmitInternalProps } from '@toptal/picasso-shared';
+import type { Props } from './Container';
+export { default as Container } from './Container';
+export declare type ContainerProps = OmitInternalProps<Props>;
+export * from './Container';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,oBAAY,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACrD,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA"}

package/dist-package/src/Container/index.js

@@ -0,0 +1,4 @@
+export { default as Container } from './Container';
+export * from './Container';
+export * from './styles';
+//# sourceMappingURL=index.js.map

package/dist-package/src/Container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Container/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAElD,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA"}

package/dist-package/src/Container/styles.d.ts

@@ -0,0 +1,43 @@
+declare const alignItemsVariants: readonly ["flex-start", "flex-end", "center", "stretch", "baseline"];
+declare const justifyContentVariants: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+declare const containerVariants: readonly ["transparent", "red", "green", "white", "yellow", "blue", "grey"];
+export declare type VariantType = (typeof containerVariants)[number];
+export declare type AlignItemsType = (typeof alignItemsVariants)[number];
+export declare type JustifyContentType = (typeof justifyContentVariants)[number];
+export declare const alignmentClasses: {
+    readonly alignItems: {
+        readonly 'flex-start': "items-start";
+        readonly 'flex-end': "items-end";
+        readonly center: "items-center";
+        readonly stretch: "items-stretch";
+        readonly baseline: "items-baseline";
+    };
+    readonly textAlign: {
+        readonly inherit: "[text-align:inherit]";
+        readonly left: "text-left";
+        readonly center: "text-center";
+        readonly right: "text-right";
+        readonly justify: "text-justify";
+    };
+    readonly justifyContent: {
+        readonly center: "justify-center";
+        readonly 'flex-start': "justify-start";
+        readonly 'flex-end': "justify-end";
+        readonly 'space-between': "justify-between";
+        readonly 'space-around': "justify-around";
+        readonly 'space-evenly': "justify-evenly";
+    };
+    readonly direction: {
+        readonly column: "flex-col";
+        readonly 'row-reverse': "flex-row-reverse";
+        readonly 'column-reverse': "flex-col-reverse";
+    };
+    readonly wrap: {
+        readonly wrap: "flex-wrap";
+        readonly 'wrap-reverse': "flex-wrap-reverse";
+        readonly nowrap: "flex-nowrap";
+    };
+};
+export declare const variantClassesByColor: Record<VariantType, string>;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/Container/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Container/styles.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,kBAAkB,sEAMd,CAAA;AAEV,QAAA,MAAM,sBAAsB,gGAOlB,CAAA;AAEV,QAAA,MAAM,iBAAiB,6EAQb,CAAA;AAEV,oBAAY,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC5D,oBAAY,cAAc,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AAChE,oBAAY,kBAAkB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAExE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCnB,CAAA;AAEV,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAQ7D,CAAA"}

package/dist-package/src/Container/styles.js

@@ -0,0 +1,68 @@
+const alignItemsVariants = [
+    'flex-start',
+    'flex-end',
+    'center',
+    'stretch',
+    'baseline',
+];
+const justifyContentVariants = [
+    'flex-start',
+    'flex-end',
+    'center',
+    'space-between',
+    'space-around',
+    'space-evenly',
+];
+const containerVariants = [
+    'transparent',
+    'red',
+    'green',
+    'white',
+    'yellow',
+    'blue',
+    'grey',
+];
+export const alignmentClasses = {
+    alignItems: {
+        'flex-start': 'items-start',
+        'flex-end': 'items-end',
+        center: 'items-center',
+        stretch: 'items-stretch',
+        baseline: 'items-baseline',
+    },
+    textAlign: {
+        inherit: '[text-align:inherit]',
+        left: 'text-left',
+        center: 'text-center',
+        right: 'text-right',
+        justify: 'text-justify',
+    },
+    justifyContent: {
+        center: 'justify-center',
+        'flex-start': 'justify-start',
+        'flex-end': 'justify-end',
+        'space-between': 'justify-between',
+        'space-around': 'justify-around',
+        'space-evenly': 'justify-evenly',
+    },
+    direction: {
+        column: 'flex-col',
+        'row-reverse': 'flex-row-reverse',
+        'column-reverse': 'flex-col-reverse',
+    },
+    wrap: {
+        wrap: 'flex-wrap',
+        'wrap-reverse': 'flex-wrap-reverse',
+        nowrap: 'flex-nowrap',
+    },
+};
+export const variantClassesByColor = {
+    white: 'bg-white',
+    red: 'bg-red-100 border border-solid border-red-150',
+    green: 'bg-green-100 border border-solid border-green-150',
+    yellow: 'bg-yellow-100 border border-solid border-yellow-150',
+    blue: 'bg-blue-100 border border-solid border-blue-150',
+    grey: 'bg-gray-200 border border-solid border-gray-400',
+    transparent: '',
+};
+//# sourceMappingURL=styles.js.map

package/dist-package/src/Container/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Container/styles.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG;IACzB,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,SAAS;IACT,UAAU;CACF,CAAA;AAEV,MAAM,sBAAsB,GAAG;IAC7B,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,eAAe;IACf,cAAc;IACd,cAAc;CACN,CAAA;AAEV,MAAM,iBAAiB,GAAG;IACxB,aAAa;IACb,KAAK;IACL,OAAO;IACP,OAAO;IACP,QAAQ;IACR,MAAM;IACN,MAAM;CACE,CAAA;AAMV,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,UAAU,EAAE;QACV,YAAY,EAAE,aAAa;QAC3B,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,gBAAgB;KAC3B;IACD,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,cAAc;KACxB;IACD,cAAc,EAAE;QACd,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,eAAe;QAC7B,UAAU,EAAE,aAAa;QACzB,eAAe,EAAE,iBAAiB;QAClC,cAAc,EAAE,gBAAgB;QAChC,cAAc,EAAE,gBAAgB;KACjC;IACD,SAAS,EAAE;QACT,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,kBAAkB;QACjC,gBAAgB,EAAE,kBAAkB;KACrC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,mBAAmB;QACnC,MAAM,EAAE,aAAa;KACtB;CACO,CAAA;AAEV,MAAM,CAAC,MAAM,qBAAqB,GAAgC;IAChE,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,+CAA+C;IACpD,KAAK,EAAE,mDAAmD;IAC1D,MAAM,EAAE,qDAAqD;IAC7D,IAAI,EAAE,iDAAiD;IACvD,IAAI,EAAE,iDAAiD;IACvD,WAAW,EAAE,EAAE;CAChB,CAAA"}