@wireapp/react-ui-kit 9.0.3 → 9.0.6

package/lib/Form/Button.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
+import { CSSObject } from '@emotion/react';
 import { Theme } from '../Layout';
 import { TextProps } from '../Text';
 export declare enum ButtonVariant {
@@ -17,5 +16,6 @@ export interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {
     showLoading?: boolean;
 }
 export declare const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject;
-export declare const Button: ({ showLoading, children, loadingColor, ...props }: ButtonProps) => jsx.JSX.Element;
+export declare const Button: ({ showLoading, children, loadingColor, ...props }: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const filterButtonProps: (props: ButtonProps) => Object;
+//# sourceMappingURL=Button.d.ts.map

package/lib/Form/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Form/Button.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAG9D,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAsJpE,CAAC;AAEH,eAAO,MAAM,MAAM,sDAAmE,WAAW,qDAIhG,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,WAAW,WAEnD,CAAC"}

package/lib/Form/Button.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 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)
@@ -30,8 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterButtonProps = exports.Button = exports.buttonStyle = exports.ButtonVariant = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Identity_1 = require("../Identity");
 const motions_1 = require("../Identity/motions");
 const Misc_1 = require("../Misc");
@@ -126,11 +107,10 @@ const buttonStyle = (theme, _a) => {
 exports.buttonStyle = buttonStyle;
 const Button = (_a) => {
     var { showLoading, children, loadingColor = Identity_1.COLOR.WHITE } = _a, props = __rest(_a, ["showLoading", "children", "loadingColor"]);
-    return ((0, react_1.jsx)("button", Object.assign({ css: (theme) => (0, exports.buttonStyle)(theme, props) }, (0, exports.filterButtonProps)(props)), showLoading ? (0, react_1.jsx)(Misc_1.Loading, { size: 30, color: loadingColor, style: { display: 'flex', margin: 'auto' } }) : children));
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ css: (theme) => (0, exports.buttonStyle)(theme, props) }, (0, exports.filterButtonProps)(props), { children: showLoading ? (0, jsx_runtime_1.jsx)(Misc_1.Loading, { size: 30, color: loadingColor, style: { display: 'flex', margin: 'auto' } }) : children })));
 };
 exports.Button = Button;
 const filterButtonProps = (props) => {
     return (0, util_1.filterProps)((0, Text_1.filterTextProps)(props), ['backgroundColor', 'noCapital']);
 };
 exports.filterButtonProps = filterButtonProps;
-//# sourceMappingURL=Button.js.map

package/lib/Form/ButtonLink.d.ts

@@ -1,6 +1,6 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
+import { CSSObject } from '@emotion/react';
 import { ButtonProps } from './Button';
 import { Theme } from '../Layout';
 export declare const buttonLinkStyle: (theme: Theme, props: ButtonProps<HTMLAnchorElement>) => CSSObject;
-export declare const ButtonLink: ({ children, showLoading, loadingColor, ...props }: ButtonProps<HTMLAnchorElement>) => jsx.JSX.Element;
+export declare const ButtonLink: ({ children, showLoading, loadingColor, ...props }: ButtonProps<HTMLAnchorElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonLink.d.ts.map

package/lib/Form/ButtonLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../src/Form/ButtonLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAc,MAAM,UAAU,CAAC;AAGlD,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAKhC,eAAO,MAAM,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,SAGrF,CAAC;AAUH,eAAO,MAAM,UAAU,sDAKpB,YAAY,iBAAiB,CAAC,qDAIhC,CAAC"}

package/lib/Form/ButtonLink.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 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)
@@ -30,13 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonLink = exports.buttonLinkStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Misc_1 = require("../Misc");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Button_1 = require("./Button");
 const Identity_1 = require("../Identity");
-const util_1 = require("../util");
+const Misc_1 = require("../Misc");
 const Text_1 = require("../Text");
-const Button_1 = require("./Button");
+const util_1 = require("../util");
 const buttonLinkStyle = (theme, props) => (Object.assign(Object.assign({}, (0, Button_1.buttonStyle)(theme, props)), { display: 'inline-flex !important' }));
 exports.buttonLinkStyle = buttonLinkStyle;
 const filterButtonLinkProps = (props) => {
@@ -48,7 +29,6 @@ const filterButtonLinkProps = (props) => {
 };
 const ButtonLink = (_a) => {
     var { children, showLoading, loadingColor = Identity_1.COLOR.WHITE } = _a, props = __rest(_a, ["children", "showLoading", "loadingColor"]);
-    return ((0, react_1.jsx)("a", Object.assign({ css: (theme) => (0, exports.buttonLinkStyle)(theme, props) }, filterButtonLinkProps(props)), showLoading ? (0, react_1.jsx)(Misc_1.Loading, { size: 30, color: loadingColor, style: { display: 'flex', margin: 'auto' } }) : children));
+    return ((0, jsx_runtime_1.jsx)("a", Object.assign({ css: (theme) => (0, exports.buttonLinkStyle)(theme, props) }, filterButtonLinkProps(props), { children: showLoading ? (0, jsx_runtime_1.jsx)(Misc_1.Loading, { size: 30, color: loadingColor, style: { display: 'flex', margin: 'auto' } }) : children })));
 };
 exports.ButtonLink = ButtonLink;
-//# sourceMappingURL=ButtonLink.js.map

package/lib/Form/Checkbox.d.ts

@@ -1,8 +1,6 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
-import { TextProps } from '../Text';
+import * as React from 'react';
 import { InputProps } from './Input';
+import { TextProps } from '../Text';
 export interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {
     disabled?: boolean;
     markInvalid?: boolean;
@@ -15,7 +13,8 @@ interface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {
     labelBeforeCheckbox?: boolean;
     outlineOffset?: string;
 }
-export declare const Checkbox: React.FC<CheckboxProps<HTMLInputElement>>;
+export declare const Checkbox: React.FC<CheckboxProps>;
 export declare type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;
-export declare const CheckboxLabel: ({ ...props }: CheckboxLabelProps) => jsx.JSX.Element;
+export declare const CheckboxLabel: ({ ...props }: CheckboxLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/lib/Form/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAkB,UAAU,EAAC,MAAM,SAAS,CAAC;AAGpD,OAAO,EAAO,SAAS,EAAY,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmFD,UAAU,aAAa,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6D5C,CAAC;AAGF,oBAAY,kBAAkB,CAAC,CAAC,GAAG,eAAe,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEnE,eAAO,MAAM,aAAa,iBAAgB,kBAAkB,qDAS3D,CAAC"}

package/lib/Form/Checkbox.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -53,14 +35,32 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxLabel = exports.Checkbox = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = __importStar(require("react"));
-const Text_1 = require("../Text");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const react_1 = require("react");
+const React = __importStar(require("react"));
 const Input_1 = require("./Input");
+const Text_1 = require("../Text");
 const StyledLabel = (_a) => {
     var { disabled, markInvalid, aligncenter = false, labelBeforeCheckbox = false, children } = _a, props = __rest(_a, ["disabled", "markInvalid", "aligncenter", "labelBeforeCheckbox", "children"]);
-    return ((0, react_1.jsx)("label", Object.assign({ css: (theme) => (Object.assign(Object.assign(Object.assign(Object.assign({ [`.${Input_1.INPUT_CLASSNAME}:checked + &::before`]: {
+    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({ css: (theme) => (Object.assign(Object.assign(Object.assign(Object.assign({ [`.${Input_1.INPUT_CLASSNAME}:checked + &::before`]: {
                 background: `${disabled ? theme.Checkbox.disablecheckedBgColor : theme.general.primaryColor}`,
                 borderColor: theme.general.primaryColor,
             }, [`.${Input_1.INPUT_CLASSNAME}:checked + & > svg`]: {
@@ -86,29 +86,25 @@ const StyledLabel = (_a) => {
                 })), { borderRadius: '3px', boxSizing: 'border-box', content: '""', display: 'inline-block', width: '22px', height: '22px', lineHeight: 1.4, margin: '0 8px 0 0px', color: theme.general.color }) }), (labelBeforeCheckbox && {
             flexDirection: 'row-reverse',
             justifyContent: 'space-between',
-        })), { alignItems: 'center', position: 'relative', margin: '0 0 0 -16px', width: aligncenter ? 'auto' : '100%', lineHeight: 1.4, display: 'flex', opacity: disabled ? 0.56 : 1, cursor: disabled ? 'not-allowed' : 'pointer', borderRadius: '4px' })) }, props),
-        children,
-        (0, react_1.jsx)("svg", { width: "15", height: "13", viewBox: "0 0 16 13", xmlns: "http://www.w3.org/2000/svg" },
-            (0, react_1.jsx)("path", { d: "M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z" }))));
+        })), { alignItems: 'center', position: 'relative', margin: '0 0 0 -16px', width: aligncenter ? 'auto' : '100%', lineHeight: 1.4, display: 'flex', opacity: disabled ? 0.56 : 1, cursor: disabled ? 'not-allowed' : 'pointer', borderRadius: '4px' })) }, props, { children: [children, (0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "15", height: "13", viewBox: "0 0 16 13", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z" }) }))] })));
 };
-exports.Checkbox = react_2.default.forwardRef((_a, ref) => {
-    var { id = (0, react_2.useId)(), children, style, disabled, wrapperCSS = {}, markInvalid, aligncenter, labelBeforeCheckbox, outlineOffset = '0.4rem' } = _a, props = __rest(_a, ["id", "children", "style", "disabled", "wrapperCSS", "markInvalid", "aligncenter", "labelBeforeCheckbox", "outlineOffset"]);
-    return ((0, react_1.jsx)("div", { css: (theme) => (Object.assign({ alignItems: 'center', display: 'flex', justifyContent: 'flex-start', position: 'relative', left: '-0.3rem', [`.${Input_1.INPUT_CLASSNAME}:focus-visible + label`]: {
+exports.Checkbox = React.forwardRef((_a, ref) => {
+    var { id, children, style, disabled, wrapperCSS = {}, markInvalid, aligncenter, labelBeforeCheckbox, outlineOffset = '0.4rem' } = _a, props = __rest(_a, ["id", "children", "style", "disabled", "wrapperCSS", "markInvalid", "aligncenter", "labelBeforeCheckbox", "outlineOffset"]);
+    const inputId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ css: (theme) => (Object.assign({ alignItems: 'center', display: 'flex', justifyContent: 'flex-start', position: 'relative', left: '-0.3rem', [`.${Input_1.INPUT_CLASSNAME}:focus-visible + label`]: {
                 outline: `1px solid ${theme.general.primaryColor}`,
                 outlineOffset: outlineOffset,
-            } }, wrapperCSS)), style: style },
-        (0, react_1.jsx)("input", Object.assign({ type: "checkbox", id: id, style: {
-                height: '22px',
-                marginBottom: '0',
-                opacity: 0,
-                width: '22px',
-                cursor: disabled ? 'not-allowed' : 'pointer',
-            }, disabled: disabled, ref: ref, className: Input_1.INPUT_CLASSNAME }, props)),
-        (0, react_1.jsx)(StyledLabel, { htmlFor: id, disabled: disabled, markInvalid: markInvalid, aligncenter: aligncenter, labelBeforeCheckbox: labelBeforeCheckbox }, children)));
+            } }, wrapperCSS)), style: style }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ type: "checkbox", id: id !== null && id !== void 0 ? id : inputId, style: {
+                    height: '22px',
+                    marginBottom: '0',
+                    opacity: 0,
+                    width: '22px',
+                    cursor: disabled ? 'not-allowed' : 'pointer',
+                }, disabled: disabled, ref: ref, className: Input_1.INPUT_CLASSNAME }, props)), (0, jsx_runtime_1.jsx)(StyledLabel, Object.assign({ htmlFor: id, disabled: disabled, markInvalid: markInvalid, aligncenter: aligncenter, labelBeforeCheckbox: labelBeforeCheckbox }, { children: children }))] })));
 });
+exports.Checkbox.displayName = 'Checkbox';
 const CheckboxLabel = (_a) => {
     var props = __rest(_a, []);
-    return ((0, react_1.jsx)(Text_1.Text, Object.assign({ css: (theme) => (Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({}, props)))) }, props)));
+    return ((0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ css: (theme) => (Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({}, props)))) }, props)));
 };
 exports.CheckboxLabel = CheckboxLabel;
-//# sourceMappingURL=Checkbox.js.map

package/lib/Form/CodeInput.d.ts

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { InputProps } from './Input';
 export interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {
     autoFocus?: boolean;
@@ -7,4 +5,5 @@ export interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {
     markInvalid?: boolean;
     onCodeComplete?: (completeCode?: string) => void;
 }
-export declare const CodeInput: ({ style, digits, autoFocus, markInvalid, onCodeComplete, disabled, }: CodeInputProps) => jsx.JSX.Element;
+export declare const CodeInput: ({ style, digits, autoFocus, markInvalid, onCodeComplete, disabled, }: CodeInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeInput.d.ts.map

package/lib/Form/CodeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../src/Form/CodeInput.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAC,UAAU,EAAa,MAAM,SAAS,CAAC;AAwC/C,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,SAAS,yEAOnB,cAAc,qDAqGhB,CAAC"}

package/lib/Form/CodeInput.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -42,13 +24,31 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeInput = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = __importStar(require("react"));
-const util_1 = require("../util");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const react_1 = require("react");
+const React = __importStar(require("react"));
 const Input_1 = require("./Input");
 const Identity_1 = require("../Identity");
-const CodeInputWrapper = (props) => ((0, react_1.jsx)("div", Object.assign({ css: {
+const util_1 = require("../util");
+const CodeInputWrapper = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
         display: 'flex',
         justifyContent: 'center',
     } }, props)));
@@ -57,9 +57,10 @@ const digitInputStyle = (theme, props) => (Object.assign(Object.assign({}, (0, I
     }, '&:hover': {
         boxShadow: `0 0 0 1px ${Identity_1.COLOR_V2.GRAY_60}`,
     }, fontSize: '24px', lineHeight: '28px', borderRadius: '12px', padding: 0, textAlign: 'center', width: 'min(48px, 13vw)', height: '56px' }));
-const DigitInput = react_2.default.forwardRef((props, ref) => (0, react_1.jsx)("input", Object.assign({ ref: ref, css: (theme) => digitInputStyle(theme, props) }, props, { type: "tel" })));
+const DigitInput = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, css: (theme) => digitInputStyle(theme, props) }, props, { type: "tel" })));
+DigitInput.displayName = 'DigitInput';
 const CodeInput = ({ style, digits = 6, autoFocus = false, markInvalid, onCodeComplete = util_1.noop, disabled, }) => {
-    const [values, setValues] = (0, react_2.useState)(Array(digits).fill(''));
+    const [values, setValues] = (0, react_1.useState)(Array(digits).fill(''));
     const inputs = Array(digits);
     const forceSelection = (event) => {
         const target = event.target;
@@ -114,13 +115,16 @@ const CodeInput = ({ style, digits = 6, autoFocus = false, markInvalid, onCodeCo
             setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));
         }
     };
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const completeCode = values.join('');
         if (completeCode.length === digits) {
             onCodeComplete(completeCode);
         }
     }, [values]);
-    return ((0, react_1.jsx)(CodeInputWrapper, { style: style }, Array.from({ length: digits }, (_, index) => ((0, react_1.jsx)(DigitInput, { autoFocus: index === 0 && autoFocus, key: index, onPaste: event => handlePaste(index, event), onFocus: forceSelection, onMouseDown: forceSelectionPreventDefault, onTouchStart: forceSelectionPreventDefault, onKeyDown: event => handleKeyDown(index, event), onKeyUp: forceSelection, markInvalid: markInvalid, ref: node => (inputs[index] = node), value: values[index], onChange: () => { }, disabled: disabled })))));
+    return ((0, jsx_runtime_1.jsx)(CodeInputWrapper, Object.assign({ style: style }, { children: Array.from({ length: digits }, (_, index) => ((0, jsx_runtime_1.jsx)(DigitInput
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        , { 
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: index === 0 && autoFocus, onPaste: event => handlePaste(index, event), onFocus: forceSelection, onMouseDown: forceSelectionPreventDefault, onTouchStart: forceSelectionPreventDefault, onKeyDown: event => handleKeyDown(index, event), onKeyUp: forceSelection, markInvalid: markInvalid, ref: node => (inputs[index] = node), value: values[index], onChange: () => { }, disabled: disabled }, index))) })));
 };
 exports.CodeInput = CodeInput;
-//# sourceMappingURL=CodeInput.js.map

package/lib/Form/DropFileInput.d.ts

@@ -1,6 +1,5 @@
-/** @jsx jsx */
-import { CSSObject } from '@emotion/react';
 import { FC } from 'react';
+import { CSSObject } from '@emotion/react';
 import { Theme } from '../Layout';
 import { TextProps } from '../Text';
 export interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {
@@ -12,8 +11,9 @@ export interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {
     dropFileZoneWrapperCSS?: CSSObject;
 }
 export declare const dropFileWrapperStyle: CSSObject;
-export declare const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject;
-export declare const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject;
+export declare const dropFileZoneWrapperStyle: (theme: Theme, isDraggedOver: boolean) => CSSObject;
+export declare const dropFileZoneLabelStyle: (theme: Theme) => CSSObject;
 export declare const dropFileZoneHeadingStyle: CSSObject;
 export declare const dropFileZonDescriptionStyle: CSSObject;
 export declare const DropFileInput: FC<DropFileInputProps<HTMLInputElement>>;
+//# sourceMappingURL=DropFileInput.d.ts.map

package/lib/Form/DropFileInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropFileInput.d.ts","sourceRoot":"","sources":["../../src/Form/DropFileInput.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAW,EAAE,EAAwB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAU,MAAM,WAAW,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC5E,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,SAAS,CAAC;CACpC;AAYD,eAAO,MAAM,oBAAoB,EAAE,SAElC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,KAAK,SAe/E,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SASrD,CAAC;AAEH,eAAO,MAAM,wBAAwB,EAAE,SAGtC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,SAOzC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CA+GlE,CAAC"}

package/lib/Form/DropFileInput.js

@@ -1,4 +1,18 @@
 "use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropFileInput = exports.dropFileZonDescriptionStyle = exports.dropFileZoneHeadingStyle = exports.dropFileZoneLabelStyle = exports.dropFileZoneWrapperStyle = exports.dropFileWrapperStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2022 Wire Swiss GmbH
@@ -17,24 +31,9 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropFileInput = exports.dropFileZonDescriptionStyle = exports.dropFileZoneHeadingStyle = exports.dropFileZoneLabelStyle = exports.dropFileZoneWrapperStyle = exports.dropFileWrapperStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const Identity_1 = require("../Identity");
+const react_1 = require("react");
 const Icon_1 = require("../Icon");
+const Identity_1 = require("../Identity");
 const Layout_1 = require("../Layout");
 const visuallyHiddenStyles = {
     clip: 'rect(0 0 0 0)',
@@ -85,9 +84,9 @@ exports.dropFileZonDescriptionStyle = {
     color: Identity_1.COLOR.GRAY,
     whiteSpace: 'pre-line',
 };
-exports.DropFileInput = (0, react_2.forwardRef)((_a, ref) => {
+exports.DropFileInput = (0, react_1.forwardRef)((_a, ref) => {
     var { onFilesUploaded, onInvalidFilesDropError, dropFileZoneWrapperCSS, labelText, headingText, description, accept, multiple } = _a, inputProps = __rest(_a, ["onFilesUploaded", "onInvalidFilesDropError", "dropFileZoneWrapperCSS", "labelText", "headingText", "description", "accept", "multiple"]);
-    const [isDraggedOver, setIsDraggedOver] = (0, react_2.useState)(false);
+    const [isDraggedOver, setIsDraggedOver] = (0, react_1.useState)(false);
     const resetDraggedOver = () => setIsDraggedOver(false);
     const handleDragOver = (event) => {
         event.preventDefault();
@@ -125,15 +124,6 @@ exports.DropFileInput = (0, react_2.forwardRef)((_a, ref) => {
         }
         onFilesUploaded(Array.from(files));
     };
-    return ((0, react_1.jsx)("div", { css: exports.dropFileWrapperStyle },
-        (0, react_1.jsx)("div", { css: (theme) => (Object.assign(Object.assign({}, (0, exports.dropFileZoneWrapperStyle)(theme, isDraggedOver)), dropFileZoneWrapperCSS)), "data-testid": "dropzone", onDragOver: handleDragOver, onDragLeave: resetDraggedOver, onDrop: handleDrop },
-            (0, react_1.jsx)(Layout_1.FlexBox, { align: "center", justify: "center", flexWrap: "wrap", css: { maxWidth: '280px', margin: '0 auto' } },
-                (0, react_1.jsx)(Icon_1.UploadIcon, { css: { margin: '12px 0' } }),
-                (0, react_1.jsx)("div", { css: { maxWidth: '160px', margin: '0 25px' } },
-                    (0, react_1.jsx)("span", { css: exports.dropFileZoneHeadingStyle }, headingText),
-                    (0, react_1.jsx)("label", { "aria-label": `${headingText} ${labelText} (${description})`, css: (theme) => (0, exports.dropFileZoneLabelStyle)(theme) },
-                        (0, react_1.jsx)("span", null, labelText),
-                        (0, react_1.jsx)("input", Object.assign({ "data-testid": "file-input", ref: ref, accept: accept, multiple: multiple, css: visuallyHiddenStyles, onChange: handleChange, type: "file" }, inputProps)))))),
-        description && (0, react_1.jsx)("p", { css: exports.dropFileZonDescriptionStyle }, description)));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ css: exports.dropFileWrapperStyle }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => (Object.assign(Object.assign({}, (0, exports.dropFileZoneWrapperStyle)(theme, isDraggedOver)), dropFileZoneWrapperCSS)), "data-testid": "dropzone", onDragOver: handleDragOver, onDragLeave: resetDraggedOver, onDrop: handleDrop }, { children: (0, jsx_runtime_1.jsxs)(Layout_1.FlexBox, Object.assign({ align: "center", justify: "center", flexWrap: "wrap", css: { maxWidth: '280px', margin: '0 auto' } }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.UploadIcon, { css: { margin: '12px 0' } }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: { maxWidth: '160px', margin: '0 25px' } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ css: exports.dropFileZoneHeadingStyle }, { children: headingText })), (0, jsx_runtime_1.jsxs)("label", Object.assign({ "aria-label": `${headingText} ${labelText} (${description})`, css: (theme) => (0, exports.dropFileZoneLabelStyle)(theme) }, { children: [(0, jsx_runtime_1.jsx)("span", { children: labelText }), (0, jsx_runtime_1.jsx)("input", Object.assign({ "data-testid": "file-input", ref: ref, accept: accept, multiple: multiple, css: visuallyHiddenStyles, onChange: handleChange, type: "file" }, inputProps))] }))] }))] })) })), description && (0, jsx_runtime_1.jsx)("p", Object.assign({ css: exports.dropFileZonDescriptionStyle }, { children: description }))] })));
 });
-//# sourceMappingURL=DropFileInput.js.map
+exports.DropFileInput.displayName = 'DropFileInput';

package/lib/Form/ErrorMessage.d.ts

@@ -1,8 +1,8 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
+import { CSSObject } from '@emotion/react';
 import { FlexBoxProps, Theme } from '../Layout';
 declare type ErrorMessageProps<T = HTMLDivElement> = FlexBoxProps<T>;
 export declare const errorMessageStyle: <T>(theme: Theme, props: ErrorMessageProps<T>) => CSSObject;
 export declare const filterErrorMessageProps: (props: ErrorMessageProps) => Object;
-export declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => jsx.JSX.Element;
+export declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ErrorMessage.d.ts.map

package/lib/Form/ErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../src/Form/ErrorMessage.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAU,YAAY,EAAoC,KAAK,EAAC,MAAM,WAAW,CAAC;AAIzF,aAAK,iBAAiB,CAAC,CAAC,GAAG,cAAc,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,SAShF,CAAC;AAEH,eAAO,MAAM,uBAAuB,UAAW,iBAAiB,WAE/D,CAAC;AAEF,eAAO,MAAM,YAAY,2BAA0B,iBAAiB,qDAMnE,CAAC"}

package/lib/Form/ErrorMessage.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 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)
@@ -30,8 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = exports.filterErrorMessageProps = exports.errorMessageStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Identity_1 = require("../Identity");
 const Layout_1 = require("../Layout");
 const Text_1 = require("../Text");
@@ -47,8 +28,6 @@ const filterErrorMessageProps = (props) => {
 exports.filterErrorMessageProps = filterErrorMessageProps;
 const ErrorMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)(Layout_1.FlexBox, Object.assign({ css: (theme) => (0, exports.errorMessageStyle)(theme, props) }, props),
-        (0, react_1.jsx)(Text_1.Text, { color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 } }, children)));
+    return ((0, jsx_runtime_1.jsx)(Layout_1.FlexBox, Object.assign({ css: (theme) => (0, exports.errorMessageStyle)(theme, props) }, props, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 } }, { children: children })) })));
 };
 exports.ErrorMessage = ErrorMessage;
-//# sourceMappingURL=ErrorMessage.js.map

package/lib/Form/Form.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
-export declare const Form: (props: React.HTMLProps<HTMLFormElement>) => jsx.JSX.Element;
+import * as React from 'react';
+export declare const Form: (props: React.HTMLProps<HTMLFormElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Form.d.ts.map

package/lib/Form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,qDAW3D,CAAC"}

package/lib/Form/Form.js

@@ -1,27 +1,8 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Form = (props) => ((0, react_1.jsx)("form", Object.assign({ css: {
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Form = (props) => ((0, jsx_runtime_1.jsx)("form", Object.assign({ css: {
         display: 'flex',
         flexDirection: 'column',
         justifyContent: 'space-between',
@@ -29,4 +10,3 @@ const Form = (props) => ((0, react_1.jsx)("form", Object.assign({ css: {
         width: '100%',
     } }, props)));
 exports.Form = Form;
-//# sourceMappingURL=Form.js.map

package/lib/Form/Input.d.ts

@@ -1,7 +1,7 @@
-/** @jsx jsx */
+import { ReactElement } from 'react';
+import * as React from 'react';
 import { CSSObject } from '@emotion/react';
-import { Property } from 'csstype';
-import React, { ReactElement } from 'react';
+import type { Property } from 'csstype';
 import { Theme } from '../Layout';
 import { TextProps } from '../Text';
 export interface InputProps<T = HTMLInputElement> extends TextProps<T> {
@@ -16,3 +16,4 @@ export declare const inputStyle: <T>(theme: Theme, props: InputProps<T>, hasErro
 export declare const INPUT_CLASSNAME = "wireinput";
 export declare const INPUT_GROUP = "input-group";
 export declare const Input: React.FC<InputProps<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/lib/Form/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Form/Input.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAW,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAKtC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAChC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAGlC,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IAClD,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,SA6CvF,CAAC;AAEF,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,WAAW,gBAAgB,CAAC;AAWzC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CA2EvD,CAAC"}