@wireapp/react-ui-kit 9.0.0 → 9.0.1

package/lib/Identity/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/Identity/colors.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;AAEH,kDAA0B;AAI1B,MAAM,KAAK,GAAG,EAAE,CAAC;AACjB,MAAM,OAAO,GAAG,GAAG,CAAC;AAEpB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE;IAC/C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;CACnB;AAED,SAAS,KAAK,CAAC,KAAiB,EAAE,MAAM,GAAG,IAAI;IAC7C,OAAO,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAA,eAAK,EAAC,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC;AACtE,CAAC;AAED,SAAS,IAAI,CAAC,KAAiB,EAAE,MAAc;IAC7C,OAAO,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAA,eAAK,EAAC,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC;AACtE,CAAC;AAED,SAAS,MAAM,CAAC,KAAiB,EAAE,MAAc;IAC/C,OAAO,IAAA,eAAK,EAAC,KAAK,CAAC;SAChB,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC;SAChB,QAAQ,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,GAA2B;IACzC,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,UAAU,GAA2B,EAAE,CAAC;AAC9C,MAAM,WAAW,GAA2B,EAAE,CAAC;AAC/C,MAAM,YAAY,GAA2B,EAAE,CAAC;AAEhD,MAAM,CAAC,OAAO,CAAC;IACb,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,IAAI,EAAE,UAAU,CAAC,IAAI;IACrB,KAAK,EAAE,UAAU,CAAC,KAAK;CACxB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IAC1B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;QAC9B,UAAU,CAAC,GAAG,GAAG,WAAW,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC3D,WAAW,CAAC,GAAG,GAAG,YAAY,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IAClD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;QAC9B,YAAY,CAAC,GAAG,GAAG,WAAW,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC;IACjD,IAAI,EAAE,UAAU,CAAC,cAAc;IAC/B,IAAI,EAAE,UAAU,CAAC,cAAc;IAC/B,IAAI,EAAE,UAAU,CAAC,cAAc;CAChC,CAAC;AAEW,QAAA,KAAK,2FACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,eAAe,KAClB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM;IACN,KAAK;IACL,IAAI,IACJ"}

package/lib/Identity/index.js

@@ -0,0 +1,41 @@
+"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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Animation"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./AvatarGrid"), exports);
+__exportStar(require("./colors"), exports);
+__exportStar(require("./colors-v2"), exports);
+__exportStar(require("./Logo"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Identity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Identity/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB"}

package/lib/Identity/motions.js

@@ -0,0 +1,85 @@
+"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.defaultTransition = exports.ANIMATION = exports.EASE = exports.DURATION = void 0;
+const react_1 = require("@emotion/react");
+// https://motion.wire.com/_guidelines_/rules.html
+/**
+ * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.
+ */
+exports.DURATION = {
+    DEFAULT: 550,
+    EXTRA_LONG: 2400,
+    PROACTIVE_FAST: 150,
+    PROACTIVE_SLOW: 350,
+    SYSTEM: 700,
+};
+/**
+ * The rule of thumb is using Quart Out when animating only the object's opacity,
+ * otherwise use Expo Out ease.
+ */
+exports.EASE = {
+    EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',
+    QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
+};
+exports.ANIMATION = {
+    bottomUpMovement: (0, react_1.keyframes) `
+    0% {
+      transform: translateY(100%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  `,
+    fadeIn: (0, react_1.keyframes) `
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  `,
+    rotate: (0, react_1.keyframes) `
+    0% {
+      transform: rotate(0);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  `,
+    topDownMovement: (0, react_1.keyframes) `
+    0% {
+      transform: translateY(-100%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  `,
+    topDownMovementLight: (0, react_1.keyframes) `
+    0% {
+      transform: translateY(-20%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  `,
+};
+exports.defaultTransition = 'all 0.24s';
+//# sourceMappingURL=motions.js.map

package/lib/Identity/motions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motions.js","sourceRoot":"","sources":["../../src/Identity/motions.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,0CAAyC;AAEzC,kDAAkD;AAElD;;GAEG;AACU,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,GAAG;IACnB,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF;;;GAGG;AACU,QAAA,IAAI,GAAG;IAClB,WAAW,EAAE,gCAAgC;IAC7C,KAAK,EAAE,oCAAoC;CAC5C,CAAC;AAEW,QAAA,SAAS,GAAG;IACvB,gBAAgB,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAO1B;IACD,MAAM,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAOhB;IACD,MAAM,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAOhB;IACD,eAAe,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAOzB;IACD,oBAAoB,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAO9B;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAG,WAAW,CAAC"}

package/lib/Layout/Box.js

@@ -0,0 +1,33 @@
+"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.Box = exports.boxStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Identity_1 = require("../Identity");
+const boxStyle = props => ({
+    border: `2px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
+    borderRadius: '8px',
+    padding: '16px 32px',
+});
+exports.boxStyle = boxStyle;
+const Box = (props) => (0, react_1.jsx)("div", Object.assign({ css: (0, exports.boxStyle)(props) }, props));
+exports.Box = Box;
+//# sourceMappingURL=Box.js.map

package/lib/Layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Layout/Box.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAI3B,MAAM,QAAQ,GAAyC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtE,MAAM,EAAE,aAAa,gBAAK,CAAC,eAAe,EAAE;IAC5C,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AAJU,QAAA,QAAQ,YAIlB;AAEI,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAApE,QAAA,GAAG,OAAiE"}

package/lib/Layout/Column.js

@@ -0,0 +1,46 @@
+"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.Column = exports.Columns = exports.filterColumnsProps = void 0;
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../mediaQueries");
+const util_1 = require("../util");
+const sizes_1 = require("./sizes");
+const filterColumnsProps = (props) => {
+    return (0, util_1.filterProps)(props, ['query']);
+};
+exports.filterColumnsProps = filterColumnsProps;
+const columnsStyle = ({ query = mediaQueries_1.QueryKeys.MOBILE }) => ({
+    display: 'flex',
+    marginLeft: `-${sizes_1.GUTTER}px`,
+    [mediaQueries_1.media[query]]: { flexDirection: 'column' },
+});
+const Columns = (props) => (0, react_1.jsx)("div", Object.assign({ css: columnsStyle(props) }, (0, exports.filterColumnsProps)(props)));
+exports.Columns = Columns;
+const columnStyle = props => ({
+    display: 'block',
+    flexBasis: '0',
+    flexGrow: 1,
+    flexShrink: 1,
+    marginLeft: `${sizes_1.GUTTER}px`,
+});
+const Column = (props) => (0, react_1.jsx)("div", Object.assign({ css: columnStyle(props) }, props));
+exports.Column = Column;
+//# sourceMappingURL=Column.js.map

package/lib/Layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/Layout/Column.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,kDAAiD;AACjD,kCAAoC;AACpC,mCAA+B;AAMxB,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;IACxD,OAAO,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,kBAAkB,sBAE7B;AAEF,MAAM,YAAY,GAA6C,CAAC,EAAC,KAAK,GAAG,wBAAS,CAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;IAC9F,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,IAAI,cAAM,IAAI;IAC1B,CAAC,oBAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAC,aAAa,EAAE,QAAQ,EAAC;CAC1C,CAAC,CAAC;AAEI,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,IAAM,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAI,CAAC;AAApG,QAAA,OAAO,WAA6F;AAIjH,MAAM,WAAW,GAA4C,KAAK,CAAC,EAAE,CAAC,CAAC;IACrE,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,GAAG,cAAM,IAAI;CAC1B,CAAC,CAAC;AAEI,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAA7E,QAAA,MAAM,UAAuE"}

package/lib/Layout/Container.js

@@ -0,0 +1,58 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContainerXXS = exports.ContainerXS = exports.ContainerSM = exports.ContainerMD = exports.ContainerLG = exports.Container = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = __importDefault(require("react"));
+const mediaQueries_1 = require("../mediaQueries");
+const util_1 = require("../util");
+const sizes_1 = require("./sizes");
+const LEVEL = {
+    lg: sizes_1.WIDTH.DESKTOP_MAX,
+    md: sizes_1.WIDTH.TABLET_MAX,
+    sm: sizes_1.WIDTH.TABLET_MIN,
+    xs: sizes_1.WIDTH.MOBILE,
+    xxs: sizes_1.WIDTH.TINY,
+};
+const containerStyle = ({ centerText = false, level = undefined, verticalCenter = false, }) => ({
+    margin: verticalCenter ? 'auto' : '0 auto',
+    maxWidth: level ? `${LEVEL[level]}px` : undefined,
+    position: 'relative',
+    textAlign: centerText ? 'center' : 'left',
+    width: '100%',
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: level
+        ? undefined
+        : {
+            padding: 0,
+            width: `${sizes_1.WIDTH.DESKTOP_MIN - sizes_1.GUTTER * 2}px`,
+        },
+});
+const filterContainerProps = (props) => (0, util_1.filterProps)(props, ['centerText', 'level', 'verticalCenter']);
+exports.Container = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("div", Object.assign({ ref: ref, css: containerStyle(props) }, filterContainerProps(props)))));
+exports.ContainerLG = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'lg' }, props))));
+exports.ContainerMD = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'md' }, props))));
+exports.ContainerSM = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'sm' }, props))));
+exports.ContainerXS = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xs' }, props))));
+exports.ContainerXXS = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xxs' }, props))));
+//# sourceMappingURL=Container.js.map

package/lib/Layout/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/Layout/Container.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,kDAA0B;AAE1B,kDAAiD;AACjD,kCAAoC;AACpC,mCAAsC;AAgBtC,MAAM,KAAK,GAAU;IACnB,EAAE,EAAE,aAAK,CAAC,WAAW;IACrB,EAAE,EAAE,aAAK,CAAC,UAAU;IACpB,EAAE,EAAE,aAAK,CAAC,UAAU;IACpB,EAAE,EAAE,aAAK,CAAC,MAAM;IAChB,GAAG,EAAE,aAAK,CAAC,IAAI;CAChB,CAAC;AAEF,MAAM,cAAc,GAA+C,CAAC,EAClE,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE,CAAC,CAAC;IACL,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;IAC1C,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;IACjD,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;IACzC,KAAK,EAAE,MAAM;IACb,CAAC,oBAAK,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK;QAC/B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,GAAG,aAAK,CAAC,WAAW,GAAG,cAAM,GAAG,CAAC,IAAI;SAC7C;CACN,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzG,QAAA,SAAS,GAA6B,eAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAClH,wCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,IAAM,oBAAoB,CAAC,KAAK,CAAC,EAAI,CAC/E,CAAC,CAAC;AAIU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CACjD,CAAC,CAAC"}

package/lib/Layout/Content.js

@@ -0,0 +1,33 @@
+"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.Content = exports.contentStyle = void 0;
+const react_1 = require("@emotion/react");
+const sizes_1 = require("./sizes");
+const contentStyle = props => ({
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: 1,
+    padding: `0 ${sizes_1.GUTTER}px`,
+});
+exports.contentStyle = contentStyle;
+const Content = (props) => (0, react_1.jsx)("div", Object.assign({ css: (0, exports.contentStyle)(props) }, props));
+exports.Content = Content;
+//# sourceMappingURL=Content.js.map

package/lib/Layout/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../src/Layout/Content.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,mCAA+B;AAIxB,MAAM,YAAY,GAA6C,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9E,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,KAAK,cAAM,IAAI;CACzB,CAAC,CAAC;AALU,QAAA,YAAY,gBAKtB;AAEI,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAhF,QAAA,OAAO,WAAyE"}

package/lib/Layout/FlexBox.js

@@ -0,0 +1,40 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2017 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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexBox = exports.filterFlexBoxProps = exports.flexBoxStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = __importDefault(require("react"));
+const util_1 = require("../util");
+const flexBoxStyle = ({ align = 'flex-start', column = false, justify = 'flex-start', flexWrap = 'nowrap', }) => ({
+    alignItems: align,
+    display: 'flex',
+    flexDirection: column ? 'column' : 'row',
+    flexWrap: flexWrap,
+    justifyContent: justify,
+});
+exports.flexBoxStyle = flexBoxStyle;
+const filterFlexBoxProps = (props) => (0, util_1.filterProps)(props, ['align', 'column', 'justify', 'flexWrap']);
+exports.filterFlexBoxProps = filterFlexBoxProps;
+exports.FlexBox = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("div", Object.assign({ ref: ref, css: (0, exports.flexBoxStyle)(props) }, (0, exports.filterFlexBoxProps)(props)))));
+//# sourceMappingURL=FlexBox.js.map

package/lib/Layout/FlexBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexBox.js","sourceRoot":"","sources":["../../src/Layout/FlexBox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,kDAA0B;AAE1B,kCAAoC;AAS7B,MAAM,YAAY,GAA6C,CAAC,EACrE,KAAK,GAAG,YAAY,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,YAAY,EACtB,QAAQ,GAAG,QAAQ,GACpB,EAAE,EAAE,CAAC,CAAC;IACL,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;IACxC,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,OAAO;CACxB,CAAC,CAAC;AAXU,QAAA,YAAY,gBAWtB;AAEI,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE,CACxD,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;AADpD,QAAA,kBAAkB,sBACkC;AAEpD,QAAA,OAAO,GAA2B,eAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5G,wCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,IAAM,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAI,CAC3E,CAAC,CAAC"}

package/lib/Layout/Footer.js

@@ -0,0 +1,26 @@
+"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.Footer = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Footer = (props) => (0, react_1.jsx)("footer", Object.assign({}, props));
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.js.map

package/lib/Layout/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Layout/Footer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAK5B,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,6CAAY,KAAK,EAAI,CAAC;AAAvD,QAAA,MAAM,UAAiD"}

package/lib/Layout/Header.js

@@ -0,0 +1,33 @@
+"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.Header = exports.headerStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const headerStyle = props => ({
+    alignItems: 'center',
+    display: 'flex',
+    height: '64px',
+    justifyContent: 'space-between',
+});
+exports.headerStyle = headerStyle;
+const Header = (props) => (0, react_1.jsx)("header", Object.assign({ css: (0, exports.headerStyle)(props) }, props));
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/lib/Layout/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/Layout/Header.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAKvC,MAAM,WAAW,GAA4C,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5E,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AALU,QAAA,WAAW,eAKrB;AAEI,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,2CAAQ,GAAG,EAAE,IAAA,mBAAW,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAhF,QAAA,MAAM,UAA0E"}

package/lib/Layout/MatchMedia.js

@@ -0,0 +1,85 @@
+"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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IsTabletUp = exports.IsTabletDown = exports.IsTablet = exports.IsMobileUp = exports.IsMobileDown = exports.IsMobile = exports.IsDesktopXL = exports.IsDesktop = exports.MatchMedia = exports.useMatchMedia = void 0;
+/** @jsx jsx */
+/* @jsxFrag React.Fragment */
+const react_1 = require("@emotion/react");
+const react_2 = __importStar(require("react"));
+const mediaQueries_1 = require("../mediaQueries");
+const useMatchMedia = (query) => {
+    const matchMedia = (0, react_2.useMemo)(() => window.matchMedia(`(${query})`), [query]);
+    const [isMatching, setIsMatching] = (0, react_2.useState)(matchMedia.matches);
+    const updateMatching = (event) => {
+        setIsMatching(event.matches);
+    };
+    (0, react_2.useEffect)(() => {
+        matchMedia.addEventListener('change', updateMatching);
+        return () => matchMedia.removeEventListener('change', updateMatching);
+    }, [matchMedia]);
+    return isMatching;
+};
+exports.useMatchMedia = useMatchMedia;
+const MatchMedia = ({ query, children, not }) => {
+    const matchQuery = (0, exports.useMatchMedia)(mediaQueries_1.QUERY[query] || query);
+    const isMatching = not ? !matchQuery : matchQuery;
+    return isMatching ? (0, react_1.jsx)(react_2.default.Fragment, null, children) : null;
+};
+exports.MatchMedia = MatchMedia;
+const IsDesktop = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP }, props));
+exports.IsDesktop = IsDesktop;
+const IsDesktopXL = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP_XL }, props));
+exports.IsDesktopXL = IsDesktopXL;
+const IsMobile = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE }, props));
+exports.IsMobile = IsMobile;
+const IsMobileDown = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_DOWN }, props));
+exports.IsMobileDown = IsMobileDown;
+const IsMobileUp = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_UP }, props));
+exports.IsMobileUp = IsMobileUp;
+const IsTablet = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET }, props));
+exports.IsTablet = IsTablet;
+const IsTabletDown = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_DOWN }, props));
+exports.IsTabletDown = IsTabletDown;
+const IsTabletUp = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_UP }, props));
+exports.IsTabletUp = IsTabletUp;
+//# sourceMappingURL=MatchMedia.js.map

package/lib/Layout/MatchMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchMedia.js","sourceRoot":"","sources":["../../src/Layout/MatchMedia.tsx"],"names":[],"mappings":"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"}

package/lib/Layout/Spacer.js

@@ -0,0 +1,28 @@
+"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.Spacer = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+function Spacer({ size = 8, vertical = false }) {
+    return (0, react_1.jsx)("div", { style: vertical ? { display: 'inline-block', width: size } : { height: size } });
+}
+exports.Spacer = Spacer;
+//# sourceMappingURL=Spacer.js.map

package/lib/Layout/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/Layout/Spacer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAQnC,SAAgB,MAAM,CAAC,EAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAc;IAC9D,OAAO,0BAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,GAAI,CAAC;AAC5F,CAAC;AAFD,wBAEC"}

package/lib/Layout/StyledApp.js

@@ -0,0 +1,51 @@
+"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)
+        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.StyledApp = void 0;
+const react_1 = require("@emotion/react");
+const GlobalStyle_1 = require("../GlobalStyle");
+const util_1 = require("../util");
+const Theme_1 = require("./Theme");
+const styledAppContainerStyle = (theme, { backgroundColor = theme.general.backgroundColor }) => ({
+    background: backgroundColor,
+    transition: 'background 0.15s',
+});
+const filterStyledAppProps = (props) => (0, util_1.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
+const StyledAppContainer = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => styledAppContainerStyle(theme, props) }, filterStyledAppProps(props))));
+const StyledApp = (_a) => {
+    var { themeId = Theme_1.THEME_ID.LIGHT, theme, children } = _a, props = __rest(_a, ["themeId", "theme", "children"]);
+    return ((0, react_1.jsx)(Theme_1.ThemeProvider, { theme: theme ? theme : Theme_1.themes[themeId] },
+        (0, react_1.jsx)(StyledAppContainer, Object.assign({}, props),
+            (0, react_1.jsx)(GlobalStyle_1.GlobalStyle, null),
+            children)));
+};
+exports.StyledApp = StyledApp;
+//# sourceMappingURL=StyledApp.js.map

package/lib/Layout/StyledApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledApp.js","sourceRoot":"","sources":["../../src/Layout/StyledApp.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAIH,0CAA8C;AAE9C,gDAA2C;AAC3C,kCAAoC;AACpC,mCAA+D;AAkB/D,MAAM,uBAAuB,GAGZ,CAAC,KAAK,EAAE,EAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,EAAC,EAAE,EAAE,CAAC,CAAC;IAC9E,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,kBAAkB;CAC/B,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAC9D,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAE9D,MAAM,kBAAkB,GAAG,CAAC,KAA6D,EAAE,EAAE,CAAC,CAC5F,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,oBAAoB,CAAC,KAAK,CAAC,EAAI,CACvG,CAAC;AAEK,MAAM,SAAS,GAA6B,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAC,OAAO,GAAG,gBAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,KAAK,cAApD,gCAAqD,CAAD;IAAM,OAAA,CAC5G,iBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAM,CAAC,OAAO,CAAC;QACnD,iBAAC,kBAAkB,oBAAK,KAAK;YAC3B,iBAAC,yBAAW,OAAG;YACd,QAAQ,CACU,CACP,CACjB,CAAA;CAAA,CAAC;AAPW,QAAA,SAAS,aAOpB"}