@0xkey-io/react-wallet-kit 0.1.0

package/dist/components/auth/Passkey.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var Buttons = require('../design/Buttons.js');
+
+function PasskeyButtons(props) {
+  const {
+    onLogin,
+    onSignUp
+  } = props;
+  return jsxRuntime.jsxs("div", {
+    className: "flex w-full flex-col gap-2.5",
+    children: [jsxRuntime.jsxs(Buttons.ActionButton, {
+      name: "passkey-login-button",
+      onClick: onLogin,
+      className: "flex h-10 w-full items-center justify-center gap-2 border-modal-background-dark/15 bg-button-light py-2.5 text-sm text-inherit dark:border-modal-background-light/20 dark:bg-button-dark dark:text-white",
+      children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+        icon: freeSolidSvgIcons.faUserLock,
+        className: "shrink-0"
+      }), "Log in with passkey"]
+    }), jsxRuntime.jsx(Buttons.BaseButton, {
+      type: "button",
+      name: "passkey-signup-link",
+      onClick: onSignUp,
+      className: "w-full cursor-pointer border-none bg-transparent py-1 text-center text-sm font-medium text-primary-light hover:underline dark:text-primary-dark",
+      children: "Sign up with passkey"
+    })]
+  });
+}
+
+exports.PasskeyButtons = PasskeyButtons;
+//# sourceMappingURL=Passkey.js.map

package/dist/components/auth/Passkey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Passkey.js","sources":["../../../src/components/auth/Passkey.tsx"],"sourcesContent":[null],"names":["PasskeyButtons","props","onLogin","onSignUp","_jsxs","className","ActionButton","name","onClick","children","_jsx","FontAwesomeIcon","icon","faUserLock","BaseButton","type"],"mappings":";;;;;;;AASM,SAAUA,cAAcA,CAACC,KAA0B,EAAA;EACvD,MAAM;IAAEC,OAAO;AAAEC,IAAAA;AAAQ,GAAE,GAAGF,KAAK;EAEnC,OACEG,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8BAA8B;eAC3CD,eAAA,CAACE,oBAAY,EAAA;AACXC,MAAAA,IAAI,EAAC,sBAAsB;AAC3BC,MAAAA,OAAO,EAAEN,OAAO;AAChBG,MAAAA,SAAS,EAAC,0MAA0M;AAAAI,MAAAA,QAAA,EAAA,CAEpNC,cAAA,CAACC,gCAAe,EAAA;AAACC,QAAAA,IAAI,EAAEC,4BAAU;AAAER,QAAAA,SAAS,EAAC;OAAU,CAAG,EAAA,qBAAA;AAAA,KAAA,CAE7C,EACfK,cAAA,CAACI,kBAAU,EAAA;AACTC,MAAAA,IAAI,EAAC,QAAQ;AACbR,MAAAA,IAAI,EAAC,qBAAqB;AAC1BC,MAAAA,OAAO,EAAEL,QAAQ;AACjBE,MAAAA,SAAS,EAAC,iJAAiJ;AAAAI,MAAAA,QAAA,EAAA;AAAA,KAAA,CAGhJ;AAAA,GAAA,CACT;AAEV;;;;"}

package/dist/components/auth/Passkey.mjs

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUserLock } from '@fortawesome/free-solid-svg-icons';
+import { ActionButton, BaseButton } from '../design/Buttons.mjs';
+
+function PasskeyButtons(props) {
+  var onLogin = props.onLogin,
+    onSignUp = props.onSignUp;
+  return jsxs("div", {
+    className: "flex w-full flex-col gap-2.5",
+    children: [jsxs(ActionButton, {
+      name: "passkey-login-button",
+      onClick: onLogin,
+      className: "flex h-10 w-full items-center justify-center gap-2 border-modal-background-dark/15 bg-button-light py-2.5 text-sm text-inherit dark:border-modal-background-light/20 dark:bg-button-dark dark:text-white",
+      children: [jsx(FontAwesomeIcon, {
+        icon: faUserLock,
+        className: "shrink-0"
+      }), "Log in with passkey"]
+    }), jsx(BaseButton, {
+      type: "button",
+      name: "passkey-signup-link",
+      onClick: onSignUp,
+      className: "w-full cursor-pointer border-none bg-transparent py-1 text-center text-sm font-medium text-primary-light hover:underline dark:text-primary-dark",
+      children: "Sign up with passkey"
+    })]
+  });
+}
+
+export { PasskeyButtons };
+//# sourceMappingURL=Passkey.mjs.map

package/dist/components/auth/Passkey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Passkey.mjs","sources":["../../../src/components/auth/Passkey.tsx"],"sourcesContent":[null],"names":["PasskeyButtons","props","onLogin","onSignUp","_jsxs","className","ActionButton","name","onClick","children","_jsx","FontAwesomeIcon","icon","faUserLock","BaseButton","type"],"mappings":";;;;;AASM,SAAUA,cAAcA,CAACC,KAA0B,EAAA;AACvD,EAAA,IAAQC,OAAO,GAAeD,KAAK,CAA3BC,OAAO;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAEzB,OACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8BAA8B;eAC3CD,IAAA,CAACE,YAAY,EAAA;AACXC,MAAAA,IAAI,EAAC,sBAAsB;AAC3BC,MAAAA,OAAO,EAAEN,OAAO;AAChBG,MAAAA,SAAS,EAAC,0MAA0M;AAAAI,MAAAA,QAAA,EAAA,CAEpNC,GAAA,CAACC,eAAe,EAAA;AAACC,QAAAA,IAAI,EAAEC,UAAU;AAAER,QAAAA,SAAS,EAAC;OAAU,CAAG,EAAA,qBAAA;AAAA,KAAA,CAE7C,EACfK,GAAA,CAACI,UAAU,EAAA;AACTC,MAAAA,IAAI,EAAC,QAAQ;AACbR,MAAAA,IAAI,EAAC,qBAAqB;AAC1BC,MAAAA,OAAO,EAAEL,QAAQ;AACjBE,MAAAA,SAAS,EAAC,iJAAiJ;AAAAI,MAAAA,QAAA,EAAA;AAAA,KAAA,CAGhJ;AAAA,GAAA,CACT;AAEV;;;;"}

package/dist/components/auth/Phone.d.ts

@@ -0,0 +1,6 @@
+interface PhoneNumberInputProps {
+    onContinue?: (phone: string, formattedPhone: string) => void;
+}
+export declare function PhoneNumberInput(props: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Phone.d.ts.map

package/dist/components/auth/Phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Phone.tsx"],"names":[],"mappings":"AAOA,UAAU,qBAAqB;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA4E5D"}

package/dist/components/auth/Phone.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Buttons = require('../design/Buttons.js');
+var Inputs = require('../design/Inputs.js');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var clsx = require('clsx');
+var Hook = require('../../providers/client/Hook.js');
+
+function PhoneNumberInput(props) {
+  const {
+    config
+  } = Hook.useZeroXKey();
+  const {
+    onContinue
+  } = props;
+  const [phone, setPhone] = react.useState("");
+  const [formattedPhone, setFormattedPhone] = react.useState("");
+  const [isValid, setIsValid] = react.useState(false);
+  const [loading, setLoading] = react.useState(false);
+  const useContinueButton = config?.ui?.preferLargeActionButtons ?? false;
+  const handleContinue = async () => {
+    if (isValid && onContinue) {
+      setLoading(true);
+      try {
+        await Promise.resolve(onContinue(phone, formattedPhone));
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+  const buttonDisabled = !isValid;
+  const buttonClass = clsx("transition-all duration-300", (isValid || useContinueButton) && "bg-primary-light dark:bg-primary-dark hover:bg-primary-light/90 dark:hover:bg-primary-dark/90 text-primary-text-light dark:text-primary-text-dark");
+  return jsxRuntime.jsxs("div", {
+    className: clsx("w-full items-center justify-center space-y-3", useContinueButton ? "flex flex-col" : "flex flex-row"),
+    children: [jsxRuntime.jsxs("div", {
+      className: clsx("w-full", !useContinueButton && "relative flex items-center"),
+      children: [jsxRuntime.jsx(Inputs.PhoneInputBox, {
+        value: phone,
+        onChange: (raw, formatted, valid) => {
+          setPhone(raw);
+          setFormattedPhone(formatted);
+          setIsValid(valid);
+        },
+        onEnter: handleContinue
+      }), !useContinueButton && jsxRuntime.jsx(Buttons.IconButton, {
+        icon: freeSolidSvgIcons.faArrowRight,
+        onClick: handleContinue,
+        disabled: buttonDisabled,
+        loading: loading,
+        className: clsx("absolute right-2 w-6 h-6", buttonClass),
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark"
+      })]
+    }), useContinueButton && jsxRuntime.jsx(Buttons.ActionButton, {
+      onClick: handleContinue,
+      disabled: buttonDisabled,
+      loading: loading,
+      className: clsx("w-full", buttonClass),
+      spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+      children: "Continue"
+    })]
+  });
+}
+
+exports.PhoneNumberInput = PhoneNumberInput;
+//# sourceMappingURL=Phone.js.map

package/dist/components/auth/Phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.js","sources":["../../../src/components/auth/Phone.tsx"],"sourcesContent":[null],"names":["PhoneNumberInput","props","config","useZeroXKey","onContinue","phone","setPhone","useState","formattedPhone","setFormattedPhone","isValid","setIsValid","loading","setLoading","useContinueButton","ui","preferLargeActionButtons","handleContinue","Promise","resolve","buttonDisabled","buttonClass","clsx","_jsxs","className","children","_jsx","PhoneInputBox","value","onChange","raw","formatted","valid","onEnter","IconButton","icon","faArrowRight","onClick","disabled","spinnerClassName","ActionButton"],"mappings":";;;;;;;;;;AAWM,SAAUA,gBAAgBA,CAACC,KAA4B,EAAA;EAC3D,MAAM;AAAEC,IAAAA;GAAQ,GAAGC,gBAAW,EAAE;EAChC,MAAM;AAAEC,IAAAA;AAAU,GAAE,GAAGH,KAAK;EAC5B,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGF,cAAQ,CAAC,EAAE,CAAC;EACxD,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGJ,cAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGN,cAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMO,iBAAiB,GAAGZ,MAAM,EAAEa,EAAE,EAAEC,wBAAwB,IAAI,KAAK;AAEvE,EAAA,MAAMC,cAAc,GAAG,YAAW;IAChC,IAAIP,OAAO,IAAIN,UAAU,EAAE;MACzBS,UAAU,CAAC,IAAI,CAAC;MAChB,IAAI;QACF,MAAMK,OAAO,CAACC,OAAO,CAACf,UAAU,CAACC,KAAK,EAAEG,cAAc,CAAC,CAAC;AAC1D,MAAA,CAAC,SAAS;QACRK,UAAU,CAAC,KAAK,CAAC;AACnB,MAAA;AACF,IAAA;EACF,CAAC;EAED,MAAMO,cAAc,GAAG,CAACV,OAAO;AAE/B,EAAA,MAAMW,WAAW,GAAGC,IAAI,CACtB,6BAA6B,EAC7B,CAACZ,OAAO,IAAII,iBAAiB,KAC3B,mJAAmJ,CACtJ;EAED,OACES;IACEC,SAAS,EAAEF,IAAI,CACb,8CAA8C,EAC9CR,iBAAiB,GAAG,eAAe,GAAG,eAAe,CACtD;AAAAW,IAAAA,QAAA,EAAA,CAEDF,eAAA,CAAA,KAAA,EAAA;MACEC,SAAS,EAAEF,IAAI,CACb,QAAQ,EACR,CAACR,iBAAiB,IAAI,4BAA4B,CACnD;AAAAW,MAAAA,QAAA,EAAA,CAEDC,cAAA,CAACC,oBAAa,EAAA;AACZC,QAAAA,KAAK,EAAEvB,KAAK;AACZwB,QAAAA,QAAQ,EAAEA,CAACC,GAAG,EAAEC,SAAS,EAAEC,KAAK,KAAI;UAClC1B,QAAQ,CAACwB,GAAG,CAAC;UACbrB,iBAAiB,CAACsB,SAAS,CAAC;UAC5BpB,UAAU,CAACqB,KAAK,CAAC;QACnB,CAAC;AACDC,QAAAA,OAAO,EAAEhB;OAAc,CACvB,EAED,CAACH,iBAAiB,IACjBY,eAACQ,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAEC,8BAAY;AAClBC,QAAAA,OAAO,EAAEpB,cAAc;AACvBqB,QAAAA,QAAQ,EAAElB,cAAc;AACxBR,QAAAA,OAAO,EAAEA,OAAO;AAChBY,QAAAA,SAAS,EAAEF,IAAI,CAAC,0BAA0B,EAAED,WAAW,CAAC;AACxDkB,QAAAA,gBAAgB,EAAC;QAEpB;AAAA,KAAA,CACG,EAELzB,iBAAiB,IAChBY,cAAA,CAACc,oBAAY,EAAA;AACXH,MAAAA,OAAO,EAAEpB,cAAc;AACvBqB,MAAAA,QAAQ,EAAElB,cAAc;AACxBR,MAAAA,OAAO,EAAEA,OAAO;AAChBY,MAAAA,SAAS,EAAEF,IAAI,CAAC,QAAQ,EAAED,WAAW,CAAC;AACtCkB,MAAAA,gBAAgB,EAAC,qDAAqD;;MAIzE;AAAA,GAAA,CACG;AAEV;;;;"}

package/dist/components/auth/Phone.mjs

@@ -0,0 +1,92 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { IconButton, ActionButton } from '../design/Buttons.mjs';
+import { PhoneInputBox } from '../design/Inputs.mjs';
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons';
+import clsx from 'clsx';
+import { useZeroXKey } from '../../providers/client/Hook.mjs';
+
+function PhoneNumberInput(props) {
+  var _config$ui$preferLarg, _config$ui;
+  var _useZeroXKey = useZeroXKey(),
+    config = _useZeroXKey.config;
+  var onContinue = props.onContinue;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    phone = _useState2[0],
+    setPhone = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formattedPhone = _useState4[0],
+    setFormattedPhone = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isValid = _useState6[0],
+    setIsValid = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var useContinueButton = (_config$ui$preferLarg = config === null || config === void 0 ? void 0 : (_config$ui = config.ui) === null || _config$ui === void 0 ? void 0 : _config$ui.preferLargeActionButtons) !== null && _config$ui$preferLarg !== void 0 ? _config$ui$preferLarg : false;
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            if (!(isValid && onContinue)) {
+              _context.n = 3;
+              break;
+            }
+            setLoading(true);
+            _context.p = 1;
+            _context.n = 2;
+            return Promise.resolve(onContinue(phone, formattedPhone));
+          case 2:
+            _context.p = 2;
+            setLoading(false);
+            return _context.f(2);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1,, 2, 3]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var buttonDisabled = !isValid;
+  var buttonClass = clsx("transition-all duration-300", (isValid || useContinueButton) && "bg-primary-light dark:bg-primary-dark hover:bg-primary-light/90 dark:hover:bg-primary-dark/90 text-primary-text-light dark:text-primary-text-dark");
+  return jsxs("div", {
+    className: clsx("w-full items-center justify-center space-y-3", useContinueButton ? "flex flex-col" : "flex flex-row"),
+    children: [jsxs("div", {
+      className: clsx("w-full", !useContinueButton && "relative flex items-center"),
+      children: [jsx(PhoneInputBox, {
+        value: phone,
+        onChange: function onChange(raw, formatted, valid) {
+          setPhone(raw);
+          setFormattedPhone(formatted);
+          setIsValid(valid);
+        },
+        onEnter: handleContinue
+      }), !useContinueButton && jsx(IconButton, {
+        icon: faArrowRight,
+        onClick: handleContinue,
+        disabled: buttonDisabled,
+        loading: loading,
+        className: clsx("absolute right-2 w-6 h-6", buttonClass),
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark"
+      })]
+    }), useContinueButton && jsx(ActionButton, {
+      onClick: handleContinue,
+      disabled: buttonDisabled,
+      loading: loading,
+      className: clsx("w-full", buttonClass),
+      spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+      children: "Continue"
+    })]
+  });
+}
+
+export { PhoneNumberInput };
+//# sourceMappingURL=Phone.mjs.map

package/dist/components/auth/Phone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.mjs","sources":["../../../src/components/auth/Phone.tsx"],"sourcesContent":[null],"names":["PhoneNumberInput","props","_config$ui$preferLarg","_config$ui","_useZeroXKey","useZeroXKey","config","onContinue","_useState","useState","_useState2","_slicedToArray","phone","setPhone","_useState3","_useState4","formattedPhone","setFormattedPhone","_useState5","_useState6","isValid","setIsValid","_useState7","_useState8","loading","setLoading","useContinueButton","ui","preferLargeActionButtons","handleContinue","_ref","_asyncToGenerator","_regenerator","m","_callee","w","_context","p","n","Promise","resolve","f","a","apply","arguments","buttonDisabled","buttonClass","clsx","_jsxs","className","children","_jsx","PhoneInputBox","value","onChange","raw","formatted","valid","onEnter","IconButton","icon","faArrowRight","onClick","disabled","spinnerClassName","ActionButton"],"mappings":"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"}

package/dist/components/auth/Wallet.d.ts

@@ -0,0 +1,34 @@
+import type { WalletProvider } from "@0xkey-io/core";
+interface WalletAuthButtonProps {
+    onContinue: () => Promise<void>;
+}
+export declare function WalletAuthButton(props: WalletAuthButtonProps): import("react/jsx-runtime").JSX.Element;
+interface ExternalWalletChainSelectorProps {
+    providers: WalletProvider[];
+    onDisconnect?: ((provider: WalletProvider) => Promise<void>) | undefined;
+    onSelect: (provider: WalletProvider) => Promise<void>;
+}
+export declare function ExternalWalletChainSelector(props: ExternalWalletChainSelectorProps): import("react/jsx-runtime").JSX.Element;
+interface ExternalWalletSelectorProps {
+    onDisconnect?: ((provider: WalletProvider) => Promise<void>) | undefined;
+    onSelect: (provider: WalletProvider) => Promise<void>;
+}
+export declare function ExternalWalletSelector(props: ExternalWalletSelectorProps): import("react/jsx-runtime").JSX.Element;
+interface DisconnectWalletScreenProps {
+    provider: WalletProvider;
+    onDisconnect: (provider: WalletProvider) => Promise<void>;
+}
+export declare function DisconnectWalletScreen(props: DisconnectWalletScreenProps): import("react/jsx-runtime").JSX.Element;
+interface ConnectedIndicatorProps {
+    isPinging?: boolean;
+}
+export declare function ConnectedIndicator(props: ConnectedIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export interface WalletConnectScreenProps {
+    provider: WalletProvider;
+    successPageDuration: number | undefined;
+    onAction: (provider: WalletProvider) => Promise<void>;
+    onDisconnect?: (provider: WalletProvider) => Promise<void>;
+}
+export declare function WalletConnectScreen(props: WalletConnectScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Wallet.d.ts.map

package/dist/components/auth/Wallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wallet.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Wallet.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAQrD,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AACD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA0B5D;AAaD,UAAU,gCAAgC;IACxC,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IACzE,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AACD,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,2CAwHxC;AAED,UAAU,2BAA2B;IACnC,YAAY,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IACzE,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AACD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA6JxE;AAED,UAAU,2BAA2B;IACnC,QAAQ,EAAE,cAAc,CAAC;IACzB,YAAY,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3D;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAsDxE;AAED,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAUhE;AAqCD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,cAAc,CAAC;IACzB,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA6PlE"}