0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/Toast.js

@@ -1,206 +0,0 @@
-import { SECOND_MS as y } from "../../utils/time.js";
-import { styles as k } from "../styles.gen.js";
-import "../../constants.js";
-import { useTheme as I } from "./ThemeProvider.js";
-import { useWidgetProps as U } from "../../hooks/useWidgetProps.js";
-import { setGlobalRemovePersistentToast as E, setGlobalShowToast as A, setGlobalUpdatePersistentToast as D, setToastEnabled as L } from "../../toast.js";
-import { createContext as O, useCallback as h, useContext as $, useEffect as p, useRef as G, useState as _ } from "react";
-import { AnimatePresence as j, m as z } from "motion/react";
-import { createPortal as M } from "react-dom";
-import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { AlertCircle as W, CheckCircle as F, Info as S, X as V } from "lucide-react";
-var N = "https://trails.build/web-app-manifest-192x192.png", X = {
-  success: 3 * y,
-  error: 5 * y,
-  info: 5 * y
-}, P = O(null);
-function ne() {
-  const t = $(P);
-  if (!t) throw new Error("useToast must be used within ToastProvider");
-  return t;
-}
-var T = "persistent-toast";
-function ie({ children: t }) {
-  const [l, s] = _([]), { toast: o = !1 } = U();
-  p(() => {
-    L(o);
-  }, [o]);
-  const i = h((a, r, d = "info", f, b) => {
-    if (!o) return;
-    const m = f ?? X[d], g = b ?? N, w = `toast-${Date.now()}-${Math.random()}`, C = {
-      id: w,
-      title: a,
-      message: r,
-      type: d,
-      duration: m,
-      iconUrl: g
-    };
-    s((v) => [...v, C]), m > 0 && setTimeout(() => {
-      s((v) => v.filter((R) => R.id !== w));
-    }, m);
-  }, [o]), c = h((a, r, d = "info", f) => {
-    if (!o) return;
-    const b = {
-      id: T,
-      title: a,
-      message: r,
-      type: d,
-      duration: 0,
-      iconUrl: f ?? N,
-      isPersistent: !0
-    };
-    s((m) => [...m.filter((g) => g.id !== T), b]);
-  }, [o]), u = h(() => {
-    s((a) => a.filter((r) => r.id !== T));
-  }, []), n = h((a) => {
-    s((r) => r.filter((d) => d.id !== a));
-  }, []);
-  return p(() => {
-    A(i);
-  }, [i]), p(() => {
-    D(c);
-  }, [c]), p(() => {
-    E(u);
-  }, [u]), /* @__PURE__ */ x(P.Provider, {
-    value: {
-      toasts: l,
-      showToast: i,
-      updatePersistentToast: c,
-      removePersistentToast: u,
-      removeToast: n
-    },
-    children: [t, /* @__PURE__ */ e(q, {
-      toasts: l,
-      onRemove: n
-    })]
-  });
-}
-function q({ toasts: t, onRemove: l }) {
-  const s = G(null), [o, i] = _(null), { isDark: c } = I();
-  p(() => {
-    if (s.current && !s.current.shadowRoot) {
-      const n = s.current.attachShadow({ mode: "open" });
-      i(n);
-      const a = n;
-      if (typeof a.adoptedStyleSheets < "u") {
-        const r = new CSSStyleSheet();
-        r.replaceSync(k), a.adoptedStyleSheets = [r];
-      } else {
-        const r = document.createElement("style");
-        r.textContent = k, n.appendChild(r);
-      }
-    }
-  }, []);
-  const u = /* @__PURE__ */ e("div", {
-    className: `fixed top-4 right-4 z-[9999] flex flex-col gap-2 pointer-events-none ${c ? "dark" : ""}`,
-    children: /* @__PURE__ */ e(j, { children: t.map((n) => /* @__PURE__ */ e(B, {
-      toast: n,
-      onRemove: l
-    }, n.id)) })
-  });
-  return /* @__PURE__ */ e("div", {
-    ref: s,
-    style: {
-      position: "fixed",
-      top: 0,
-      right: 0,
-      zIndex: 99999
-    },
-    children: o ? M(u, o) : null
-  });
-}
-function B({ toast: t, onRemove: l }) {
-  const s = () => {
-    switch (t.type) {
-      case "success":
-        return /* @__PURE__ */ e(F, { className: "w-5 h-5 text-green-600 dark:text-green-400" });
-      case "error":
-        return /* @__PURE__ */ e(W, { className: "w-5 h-5 text-red-600 dark:text-red-400" });
-      case "info":
-        return /* @__PURE__ */ e(S, { className: "w-5 h-5 text-blue-600 dark:text-blue-400" });
-      default:
-        return /* @__PURE__ */ e(S, { className: "w-5 h-5 text-blue-600 dark:text-blue-400" });
-    }
-  }, o = t.isPersistent;
-  return /* @__PURE__ */ e(z.div, {
-    initial: {
-      opacity: 0,
-      y: -20,
-      x: 20
-    },
-    animate: {
-      opacity: 1,
-      y: 0,
-      x: 0
-    },
-    exit: {
-      opacity: 0,
-      x: 20
-    },
-    transition: {
-      duration: 0.3,
-      ease: [
-        0.4,
-        0,
-        0.2,
-        1
-      ]
-    },
-    className: "pointer-events-auto",
-    children: /* @__PURE__ */ e("div", {
-      className: `bg-white/95 dark:bg-gray-900/95 backdrop-blur-xl [box-shadow:0_10px_25px_-5px_rgba(0,0,0,0.08),0_8px_10px_-6px_rgba(0,0,0,0.08)] p-4 min-w-[340px] max-w-md border border-gray-200/50 dark:border-gray-700/50 [border-radius:var(--trails-widget-border-radius,16px)] ${o ? "ring-2 ring-blue-500/20 dark:ring-blue-400/20" : ""}`,
-      children: /* @__PURE__ */ x("div", {
-        className: "flex items-start gap-3",
-        children: [
-          t.iconUrl && /* @__PURE__ */ e("div", {
-            className: "flex-shrink-0",
-            children: /* @__PURE__ */ e("img", {
-              src: t.iconUrl,
-              alt: "App Icon",
-              className: "w-10 h-10 rounded-xl shadow-sm",
-              onError: (i) => {
-                i.currentTarget.style.display = "none";
-              }
-            })
-          }),
-          /* @__PURE__ */ x("div", {
-            className: "flex-1 min-w-0",
-            children: [
-              /* @__PURE__ */ x("div", {
-                className: "flex items-center gap-2 mb-0.5",
-                children: [/* @__PURE__ */ e("div", {
-                  className: "flex-shrink-0",
-                  children: s()
-                }), /* @__PURE__ */ e("h4", {
-                  className: "text-sm font-semibold text-gray-900 dark:text-white leading-snug",
-                  children: t.title
-                })]
-              }),
-              /* @__PURE__ */ e("p", {
-                className: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed",
-                children: t.message
-              }),
-              t.type === "error" && /* @__PURE__ */ e("a", {
-                href: "https://support.trails.build/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "mt-2 text-xs text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 hover:underline inline-block",
-                children: "Visit support"
-              })
-            ]
-          }),
-          /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: () => l(t.id),
-            className: "flex-shrink-0 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors rounded-full p-1 hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer",
-            children: /* @__PURE__ */ e(V, { className: "w-4 h-4" })
-          })
-        ]
-      })
-    })
-  }, t.id);
-}
-export {
-  ie as default,
-  ne as useToast
-};

package/dist/widget/components/TokenDisplayNonSelectable.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-interface TokenDisplayNonSelectableProps {
-    symbol: string;
-    imageUrl?: string;
-    chainId: number;
-    contractAddress: string;
-    chainName?: string;
-}
-export declare const TokenDisplayNonSelectable: React.FC<TokenDisplayNonSelectableProps>;
-export {};
-//# sourceMappingURL=TokenDisplayNonSelectable.d.ts.map

package/dist/widget/components/TokenDisplayNonSelectable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenDisplayNonSelectable.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TokenDisplayNonSelectable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,8BAA8B;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CA2B/B,CAAA"}

package/dist/widget/components/TokenDisplayNonSelectable.js

@@ -1,30 +0,0 @@
-import n from "./TokenImage.js";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-var m = ({ symbol: t, imageUrl: a, chainId: i, contractAddress: s, chainName: r }) => /* @__PURE__ */ e("div", {
-  className: "relative max-w-[120px]",
-  children: /* @__PURE__ */ l("div", {
-    className: "flex items-center space-x-1.5 trails-bg-card trails-border-radius-input px-2.5 py-1.5 border trails-border-primary",
-    children: [/* @__PURE__ */ e("div", {
-      className: "flex items-center flex-shrink-0",
-      children: /* @__PURE__ */ e(n, {
-        symbol: t,
-        imageUrl: a,
-        chainId: i,
-        contractAddress: s,
-        size: 28
-      })
-    }), /* @__PURE__ */ l("div", {
-      className: "flex flex-col items-start min-w-0 overflow-hidden",
-      children: [/* @__PURE__ */ e("span", {
-        className: "font-bold trails-text-primary text-sm leading-tight truncate max-w-full text-left",
-        children: t
-      }), r && /* @__PURE__ */ e("span", {
-        className: "text-xs trails-text-muted leading-tight truncate max-w-full text-left",
-        children: r
-      })]
-    })]
-  })
-});
-export {
-  m as TokenDisplayNonSelectable
-};

package/dist/widget/components/TokenImage.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-interface TokenImageProps {
-    imageUrl?: string | null;
-    symbol?: string | null;
-    chainId?: number | null;
-    contractAddress?: string | null;
-    size?: number;
-}
-export declare const TokenImage: React.FC<TokenImageProps>;
-export default TokenImage;
-//# sourceMappingURL=TokenImage.d.ts.map

package/dist/widget/components/TokenImage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenImage.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TokenImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoHhD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/widget/components/TokenImage.js

@@ -1,96 +0,0 @@
-import { logger as d } from "../../logger/index.js";
-import { getChainInfo as w } from "../../chains.js";
-import E from "./ChainImage.js";
-import { getCommonTokenImageUrl as H } from "../../tokens.js";
-import { useEffect as I, useMemo as $, useRef as N, useState as s } from "react";
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-function C(o, e, t, n) {
-  const r = H({
-    symbol: e,
-    chainId: t,
-    contractAddress: n
-  });
-  return r || (o ? o.replace("/small/", "/large/") : null);
-}
-var R = ({ imageUrl: o, symbol: e, chainId: t, contractAddress: n, size: r = 24 }) => {
-  const [m, g] = s(!1), [u, f] = s(null), h = N(null), c = t ? w(t) : null, l = $(() => C(o, e, t, n), [
-    o,
-    e,
-    t,
-    n
-  ]);
-  I(() => {
-    h.current !== l && (f(null), g(!1), h.current = l);
-  }, [l]);
-  const p = e?.[0]?.toUpperCase() || "?", x = (v) => {
-    const i = v.currentTarget;
-    f({
-      width: i.naturalWidth,
-      height: i.naturalHeight
-    }), d.console.log("[TokenImage] Image loaded", {
-      effectiveImageUrl: l,
-      naturalWidth: i.naturalWidth,
-      naturalHeight: i.naturalHeight,
-      symbol: e,
-      chainId: t,
-      contractAddress: n
-    });
-  }, k = () => {
-    m || (d.console.error("[TokenImage] Image load error", {
-      effectiveImageUrl: l,
-      imageUrl: o,
-      symbol: e,
-      chainId: t,
-      contractAddress: n
-    }), g(!0));
-  }, T = !l || m || u !== null && u.width <= 1 && u.height <= 1;
-  return /* @__PURE__ */ j("div", {
-    className: `rounded-full flex items-center justify-center text-sm relative m-0 ${e !== "ETH" ? "bg-gray-400 dark:bg-gray-900" : ""}`,
-    style: {
-      minWidth: r,
-      minHeight: r,
-      maxWidth: r,
-      maxHeight: r,
-      width: r,
-      height: r,
-      backgroundColor: e === "ETH" ? "#627eeb" : void 0
-    },
-    title: `${e}${t ? ` on ${c?.name || "chain"} (${t})` : ""}`,
-    children: [T ? /* @__PURE__ */ a("div", {
-      className: "absolute w-full h-full rounded-full flex items-center justify-center",
-      title: e?.length && e.length > 1 ? `Token: ${e}` : "",
-      children: /* @__PURE__ */ a("span", {
-        className: "text-white font-medium text-xs",
-        children: p
-      })
-    }) : /* @__PURE__ */ a("img", {
-      src: l,
-      alt: e || "Token",
-      loading: "lazy",
-      className: "absolute w-full h-full rounded-full object-contain",
-      onLoad: x,
-      onError: k,
-      title: `Token: ${e}`,
-      style: {
-        width: r,
-        height: r
-      }
-    }), t && /* @__PURE__ */ a("div", {
-      className: "absolute",
-      style: {
-        right: "-2%",
-        bottom: "-2%"
-      },
-      children: /* @__PURE__ */ a("div", {
-        className: "border-1 border-white dark:border-black rounded-full",
-        children: /* @__PURE__ */ a(E, {
-          chainId: t,
-          size: Math.round(r * 0.4)
-        })
-      })
-    })]
-  });
-};
-export {
-  R as default
-};

package/dist/widget/components/TokenList.d.ts

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { Token } from '../../tokens.js';
-import { FundMethod } from '../../transactionIntent/types.js';
-interface TokenListProps {
-    onContinue: (selectedToken: Token) => void;
-    onBack?: () => void;
-    targetAmountUsd?: number | null;
-    targetAmountUsdFormatted?: string | null;
-    onError: (error: Error | string | null) => void;
-    recentTokens?: Token[];
-    onRecentTokenSelect?: (token: Token) => void;
-    fundMethod?: FundMethod | null;
-    renderInline?: boolean;
-    onNavigateToFundMethods?: () => void;
-    onShowChainList?: () => void;
-    onNavigateToSwitchWallet?: () => void;
-}
-export declare const TokenList: React.FC<TokenListProps>;
-export default TokenList;
-//# sourceMappingURL=TokenList.d.ts.map

package/dist/widget/components/TokenList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenList.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TokenList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAO5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAIlE,UAAU,cAAc;IACtB,UAAU,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAA;CACtC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8E9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/widget/components/TokenList.js

@@ -1,45 +0,0 @@
-import { useOriginSelectedToken as C } from "../../hooks/useOriginSelectedToken.js";
-import { useViewManager as d } from "../../hooks/useViewManager.js";
-import { ScreenHeader as v } from "./ScreenHeader.js";
-import { useTokenList as N } from "../../hooks/useTokenList.js";
-import { TokenSelector as x } from "./TokenSelector.js";
-import { ChainList as y } from "./ChainList.js";
-import { useState as B } from "react";
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-var I = [], M = ({ onContinue: e, onBack: f, targetAmountUsd: n, targetAmountUsdFormatted: i, onError: o, recentTokens: h = I, onRecentTokenSelect: m, fundMethod: s, onNavigateToFundMethods: T, onShowChainList: r, onNavigateToSwitchWallet: p }) => {
-  const { mode: a } = d(), { setSelectedToken: S } = C(), [k, c] = B(!1), u = (l) => {
-    S(l), e(l);
-  }, { showInsufficientBalance: w } = N({
-    onContinue: e,
-    targetAmountUsd: n,
-    onError: o,
-    fundMethod: s
-  }), L = () => {
-    r ? r() : c(!0);
-  };
-  return k ? /* @__PURE__ */ t(y, { onBack: () => c(!1) }) : /* @__PURE__ */ E("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ t(v, {
-      onBack: f,
-      headerContent: a === "fund" ? "Fund with any token" : n ? a === "earn" ? `Deposit ${i} with:` : `Pay ${i} with:` : "Select Token"
-    }), /* @__PURE__ */ t(x, {
-      onTokenSelect: u,
-      targetAmountUsd: n,
-      targetAmountUsdFormatted: i,
-      onError: o,
-      recentTokens: h,
-      onRecentTokenSelect: m,
-      fundMethod: s,
-      onNavigateToFundMethods: T,
-      showContinueButton: !0,
-      onContinue: e,
-      showInsufficientBalance: w,
-      chainListScreen: !0,
-      onNavigateToChainList: L,
-      onNavigateToSwitchWallet: p
-    })]
-  });
-};
-export {
-  M as default
-};

package/dist/widget/components/TokenSelector.d.ts

@@ -1,32 +0,0 @@
-import { Address } from 'ox';
-import { default as React } from 'react';
-import { Token } from '../../tokens.js';
-import { FundMethod } from '../../transactionIntent/types.js';
-interface TokenSelectorProps {
-    onTokenSelect: (selectedToken: Token) => void;
-    targetAmountUsd?: number | null;
-    targetAmountUsdFormatted?: string | null;
-    onError: (error: Error | string | null) => void;
-    recentTokens?: Token[];
-    onRecentTokenSelect?: (token: Token) => void;
-    fundMethod?: FundMethod | null;
-    onNavigateToFundMethods?: () => void;
-    showContinueButton?: boolean;
-    selectedToken?: Token | null;
-    onContinue?: (selectedToken: Token) => void;
-    showInsufficientBalance?: boolean;
-    compactMode?: boolean;
-    allSupportedTokens?: boolean;
-    allowedTokens?: Token[] | null;
-    allowedTokenKeys?: string[] | null;
-    allowedTokenRestrictedChainIds?: number[] | null;
-    allowedChainIds?: number[] | null;
-    chainListScreen?: boolean;
-    onNavigateToChainList?: () => void;
-    onNavigateToSwitchWallet?: () => void;
-    accountAddress?: Address.Address | null;
-    accountHeaderLabel?: string;
-}
-export declare const TokenSelector: React.FC<TokenSelectorProps>;
-export {};
-//# sourceMappingURL=TokenSelector.d.ts.map

package/dist/widget/components/TokenSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TokenSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAqWlE,UAAU,kBAAkB;IAC1B,aAAa,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,CAAA;IAC7C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAC5B,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,CAAA;IAC3C,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAClC,8BAA8B,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAChD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAA;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2iBtD,CAAA"}