@cfxjs/sirius-next-common 0.0.0

package/dist/chunk-WDQ2AOIO.js

@@ -0,0 +1,61 @@
+import {
+  sendRequestENSInfo
+} from "./chunk-MCZT23D6.js";
+import {
+  isBase32Address
+} from "./chunk-6Z6JAP4R.js";
+import {
+  apiPrefix
+} from "./chunk-CJQCVR64.js";
+import {
+  useENSStore
+} from "./chunk-25QWXIAS.js";
+
+// src/utils/hooks/useENS.ts
+import { useEffect } from "react";
+import useSWR from "swr";
+var ensUrl = (ens, value) => {
+  if (!value)
+    return null;
+  if (typeof value === "string" && ens[value])
+    return null;
+  let url = null;
+  if (typeof value === "string" && isBase32Address(value)) {
+    url = `${apiPrefix}/ens/reverse/match?address=${value}`;
+  } else if (Array.isArray(value) && value.length) {
+    const validAddresses = value.filter((v) => isBase32Address(v) && !ens[v]);
+    if (validAddresses.length === 0)
+      return null;
+    const baseUrl = `${apiPrefix}/ens/reverse/match?`;
+    const maxQueryLength = 1800 - baseUrl.length;
+    const query = validAddresses.reduce((acc, curr, index) => {
+      const newPart = `${index === 0 ? "" : "&"}address=${curr}`;
+      if (acc.length + newPart.length > maxQueryLength) {
+        return acc;
+      }
+      return acc + newPart;
+    }, "");
+    if (query) {
+      url = baseUrl + query;
+    }
+  }
+  return url;
+};
+var useENS = (address) => {
+  const { ens, setENS } = useENSStore();
+  const url = ensUrl(ens, address);
+  const { data } = useSWR(url, () => sendRequestENSInfo(url), {
+    revalidateOnFocus: false
+  });
+  useEffect(() => {
+    if (data) {
+      setENS(data);
+    }
+  }, [data]);
+  return { ens };
+};
+
+export {
+  useENS
+};
+//# sourceMappingURL=chunk-WDQ2AOIO.js.map

package/dist/chunk-WDQ2AOIO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/hooks/useENS.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport useSWR from 'swr';\nimport { sendRequestENSInfo } from 'src/utils/request';\nimport { useENSStore } from '../../store';\nimport { ENSType } from '../../store/types';\nimport { isBase32Address } from '../address';\nimport { apiPrefix } from '../constants';\n\nconst ensUrl = (ens: ENSType, value: string | null | string[]) => {\n  if (!value) return null;\n  if (typeof value === 'string' && ens[value]) return null;\n\n  let url = null;\n\n  if (typeof value === 'string' && isBase32Address(value)) {\n    url = `${apiPrefix}/ens/reverse/match?address=${value}`;\n  } else if (Array.isArray(value) && value.length) {\n    const validAddresses = value.filter(v => isBase32Address(v) && !ens[v]);\n    if (validAddresses.length === 0) return null;\n\n    const baseUrl = `${apiPrefix}/ens/reverse/match?`;\n    const maxQueryLength = 1800 - baseUrl.length;\n\n    const query = validAddresses.reduce((acc, curr, index) => {\n      const newPart = `${index === 0 ? '' : '&'}address=${curr}`;\n      if (acc.length + newPart.length > maxQueryLength) {\n        return acc;\n      }\n      return acc + newPart;\n    }, '');\n\n    if (query) {\n      url = baseUrl + query;\n    }\n  }\n\n  return url;\n};\n\nexport const useENS = (address: string | null | string[]) => {\n  const { ens, setENS } = useENSStore();\n\n  const url = ensUrl(ens, address);\n\n  const { data } = useSWR(url, () => sendRequestENSInfo(url), {\n    revalidateOnFocus: false,\n  });\n\n  useEffect(() => {\n    if (data) {\n      setENS(data);\n    }\n  }, [data]);\n\n  return { ens };\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAOnB,IAAM,SAAS,CAAC,KAAc,UAAoC;AAChE,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,OAAO,UAAU,YAAY,IAAI,KAAK;AAAG,WAAO;AAEpD,MAAI,MAAM;AAEV,MAAI,OAAO,UAAU,YAAY,gBAAgB,KAAK,GAAG;AACvD,UAAM,GAAG,SAAS,8BAA8B,KAAK;AAAA,EACvD,WAAW,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ;AAC/C,UAAM,iBAAiB,MAAM,OAAO,OAAK,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACtE,QAAI,eAAe,WAAW;AAAG,aAAO;AAExC,UAAM,UAAU,GAAG,SAAS;AAC5B,UAAM,iBAAiB,OAAO,QAAQ;AAEtC,UAAM,QAAQ,eAAe,OAAO,CAAC,KAAK,MAAM,UAAU;AACxD,YAAM,UAAU,GAAG,UAAU,IAAI,KAAK,GAAG,WAAW,IAAI;AACxD,UAAI,IAAI,SAAS,QAAQ,SAAS,gBAAgB;AAChD,eAAO;AAAA,MACT;AACA,aAAO,MAAM;AAAA,IACf,GAAG,EAAE;AAEL,QAAI,OAAO;AACT,YAAM,UAAU;AAAA,IAClB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,IAAM,SAAS,CAAC,YAAsC;AAC3D,QAAM,EAAE,KAAK,OAAO,IAAI,YAAY;AAEpC,QAAM,MAAM,OAAO,KAAK,OAAO;AAE/B,QAAM,EAAE,KAAK,IAAI,OAAO,KAAK,MAAM,mBAAmB,GAAG,GAAG;AAAA,IAC1D,mBAAmB;AAAA,EACrB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,MAAM;AACR,aAAO,IAAI;AAAA,IACb;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,IAAI;AACf;","names":[]}

package/dist/chunk-WFCK7FPT.js

@@ -0,0 +1,60 @@
+// src/store/index.ts
+import { create } from "zustand";
+var useEnv = create((set) => ({
+  ENV_CONFIG: {},
+  SET_ENV_CONFIG: (env) => set({ ENV_CONFIG: env })
+}));
+var useI18n = create((set) => ({
+  translations: {},
+  setTranslations: (translations) => set({ translations })
+}));
+var useGlobalData = create((set) => ({
+  globalData: {},
+  setGlobalData: (data) => set({ globalData: data })
+}));
+var useENSStore = create((set) => ({
+  ens: {},
+  setENS: (newENS) => set((state) => ({
+    ens: {
+      ...state.ens,
+      ...newENS
+    }
+  }))
+}));
+var defaultGasPriceBundle = {
+  gasPriceInfo: {
+    min: 0,
+    tp50: 0,
+    max: 0
+  },
+  gasPriceMarket: {
+    min: 0,
+    tp25: 0,
+    tp50: 0,
+    tp75: 0,
+    max: 0
+  },
+  maxEpoch: 0,
+  minEpoch: 0,
+  maxTime: "0",
+  minTime: "0",
+  blockHeight: 0
+};
+var useGasPrice = create((set) => ({
+  gasPriceData: defaultGasPriceBundle,
+  setGasPrice: (data) => set({ gasPriceData: data })
+}));
+var getEnvConfig = () => useEnv.getState().ENV_CONFIG;
+var getTranslations = () => useI18n.getState().translations;
+
+export {
+  useEnv,
+  useI18n,
+  useGlobalData,
+  useENSStore,
+  defaultGasPriceBundle,
+  useGasPrice,
+  getEnvConfig,
+  getTranslations
+};
+//# sourceMappingURL=chunk-WFCK7FPT.js.map

package/dist/chunk-WFCK7FPT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/index.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { TranslationResource } from '@repo/i18n/types';\nimport {\n  EnvState,\n  I18nState,\n  GlobalDataType,\n  GlobalDataState,\n  ENSStore,\n  GasPriceDataState,\n  GasPriceBundle,\n} from './types';\n\nexport const useEnv = create<EnvState<any>>(set => ({\n  ENV_CONFIG: {},\n  SET_ENV_CONFIG: (env: any) => set({ ENV_CONFIG: env }),\n}));\n\nexport const useI18n = create<I18nState>(set => ({\n  translations: {} as TranslationResource,\n  setTranslations: (translations: TranslationResource) => set({ translations }),\n}));\n\nexport const useGlobalData = create<GlobalDataState>(set => ({\n  globalData: {} as GlobalDataType,\n  setGlobalData: (data: GlobalDataType) => set({ globalData: data }),\n}));\n\nexport const useENSStore = create<ENSStore>(set => ({\n  ens: {},\n  setENS: newENS =>\n    set(state => ({\n      ens: {\n        ...state.ens,\n        ...newENS,\n      },\n    })),\n}));\n\nexport const defaultGasPriceBundle: GasPriceBundle = {\n  gasPriceInfo: {\n    min: 0,\n    tp50: 0,\n    max: 0,\n  },\n  gasPriceMarket: {\n    min: 0,\n    tp25: 0,\n    tp50: 0,\n    tp75: 0,\n    max: 0,\n  },\n  maxEpoch: 0,\n  minEpoch: 0,\n  maxTime: '0',\n  minTime: '0',\n  blockHeight: 0,\n};\nexport const useGasPrice = create<GasPriceDataState>(set => ({\n  gasPriceData: defaultGasPriceBundle,\n  setGasPrice: (data: GasPriceBundle) => set({ gasPriceData: data }),\n}));\n\nexport const getEnvConfig = () => useEnv.getState().ENV_CONFIG;\nexport const getTranslations = () => useI18n.getState().translations;\n"],"mappings":";AAAA,SAAS,cAAc;AAYhB,IAAM,SAAS,OAAsB,UAAQ;AAAA,EAClD,YAAY,CAAC;AAAA,EACb,gBAAgB,CAAC,QAAa,IAAI,EAAE,YAAY,IAAI,CAAC;AACvD,EAAE;AAEK,IAAM,UAAU,OAAkB,UAAQ;AAAA,EAC/C,cAAc,CAAC;AAAA,EACf,iBAAiB,CAAC,iBAAsC,IAAI,EAAE,aAAa,CAAC;AAC9E,EAAE;AAEK,IAAM,gBAAgB,OAAwB,UAAQ;AAAA,EAC3D,YAAY,CAAC;AAAA,EACb,eAAe,CAAC,SAAyB,IAAI,EAAE,YAAY,KAAK,CAAC;AACnE,EAAE;AAEK,IAAM,cAAc,OAAiB,UAAQ;AAAA,EAClD,KAAK,CAAC;AAAA,EACN,QAAQ,YACN,IAAI,YAAU;AAAA,IACZ,KAAK;AAAA,MACH,GAAG,MAAM;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF,EAAE;AACN,EAAE;AAEK,IAAM,wBAAwC;AAAA,EACnD,cAAc;AAAA,IACZ,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,gBAAgB;AAAA,IACd,KAAK;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;AACO,IAAM,cAAc,OAA0B,UAAQ;AAAA,EAC3D,cAAc;AAAA,EACd,aAAa,CAAC,SAAyB,IAAI,EAAE,cAAc,KAAK,CAAC;AACnE,EAAE;AAEK,IAAM,eAAe,MAAM,OAAO,SAAS,EAAE;AAC7C,IAAM,kBAAkB,MAAM,QAAQ,SAAS,EAAE;","names":[]}

package/dist/chunk-WIAW4POL.js

@@ -0,0 +1,22 @@
+import {
+  Link
+} from "./chunk-N6V3EZQS.js";
+
+// src/components/Charts/BreadcrumbNav.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbNav = ({
+  breadcrumb
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "absolute right-0 flex z-10", children: breadcrumb.map(
+    (e, i, arr) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Link, { href: e.path, children: e.name }),
+      i < arr.length - 1 && /* @__PURE__ */ jsx("span", { className: "mx-2", children: "/" })
+    ] }, i)
+  ) });
+};
+var BreadcrumbNav_default = BreadcrumbNav;
+
+export {
+  BreadcrumbNav_default
+};
+//# sourceMappingURL=chunk-WIAW4POL.js.map

package/dist/chunk-WIAW4POL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BreadcrumbNav.tsx"],"sourcesContent":["import { Link } from '../Link';\ninterface BreadcrumbItemType {\n  name: string;\n  path: string;\n}\nconst BreadcrumbNav = ({\n  breadcrumb,\n}: {\n  breadcrumb: BreadcrumbItemType[];\n}) => {\n  return (\n    <div className=\"absolute right-0 flex z-10\">\n      {breadcrumb.map(\n        (e: BreadcrumbItemType, i: number, arr: BreadcrumbItemType[]) => (\n          <div key={i}>\n            <Link href={e.path}>{e.name}</Link>\n            {i < arr.length - 1 && <span className=\"mx-2\">/</span>}\n          </div>\n        ),\n      )}\n    </div>\n  );\n};\n\nexport default BreadcrumbNav;\n"],"mappings":";;;;;AAcU,SACE,KADF;AATV,IAAM,gBAAgB,CAAC;AAAA,EACrB;AACF,MAEM;AACJ,SACE,oBAAC,SAAI,WAAU,8BACZ,qBAAW;AAAA,IACV,CAAC,GAAuB,GAAW,QACjC,qBAAC,SACC;AAAA,0BAAC,QAAK,MAAM,EAAE,MAAO,YAAE,MAAK;AAAA,MAC3B,IAAI,IAAI,SAAS,KAAK,oBAAC,UAAK,WAAU,QAAO,eAAC;AAAA,SAFvC,CAGV;AAAA,EAEJ,GACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/chunk-WLKMIQSZ.js

@@ -0,0 +1,22 @@
+import {
+  Link
+} from "./chunk-EXW5F6NL.js";
+
+// src/components/Charts/BreadcrumbNav.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbNav = ({
+  breadcrumb
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "absolute right-0 flex z-10", children: breadcrumb.map(
+    (e, i, arr) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Link, { href: e.path, children: e.name }),
+      i < arr.length - 1 && /* @__PURE__ */ jsx("span", { className: "mx-2", children: "/" })
+    ] }, i)
+  ) });
+};
+var BreadcrumbNav_default = BreadcrumbNav;
+
+export {
+  BreadcrumbNav_default
+};
+//# sourceMappingURL=chunk-WLKMIQSZ.js.map

package/dist/chunk-WLKMIQSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/BreadcrumbNav.tsx"],"sourcesContent":["import { Link } from '../Link';\ninterface BreadcrumbItemType {\n  name: string;\n  path: string;\n}\nconst BreadcrumbNav = ({\n  breadcrumb,\n}: {\n  breadcrumb: BreadcrumbItemType[];\n}) => {\n  return (\n    <div className=\"absolute right-0 flex z-10\">\n      {breadcrumb.map(\n        (e: BreadcrumbItemType, i: number, arr: BreadcrumbItemType[]) => (\n          <div key={i}>\n            <Link href={e.path}>{e.name}</Link>\n            {i < arr.length - 1 && <span className=\"mx-2\">/</span>}\n          </div>\n        ),\n      )}\n    </div>\n  );\n};\n\nexport default BreadcrumbNav;\n"],"mappings":";;;;;AAcU,SACE,KADF;AATV,IAAM,gBAAgB,CAAC;AAAA,EACrB;AACF,MAEM;AACJ,SACE,oBAAC,SAAI,WAAU,8BACZ,qBAAW;AAAA,IACV,CAAC,GAAuB,GAAW,QACjC,qBAAC,SACC;AAAA,0BAAC,QAAK,MAAM,EAAE,MAAO,YAAE,MAAK;AAAA,MAC3B,IAAI,IAAI,SAAS,KAAK,oBAAC,UAAK,WAAU,QAAO,eAAC;AAAA,SAFvC,CAGV;AAAA,EAEJ,GACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/chunk-WM2V2ZCY.js

@@ -0,0 +1,100 @@
+import {
+  abbreviateString,
+  isBase32Address,
+  isPosAddress
+} from "./chunk-2TNEFW2L.js";
+import {
+  Tooltip
+} from "./chunk-IB7T4CUM.js";
+import {
+  getTranslations
+} from "./chunk-WFCK7FPT.js";
+
+// src/components/AddressContainer/addressView.tsx
+import SDK from "js-conflux-sdk";
+import { Translation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultPCMaxWidth = 138;
+var renderTooltipContent = (tooltipContent) => {
+  return Object.entries(tooltipContent).map(([key, { label, value }]) => {
+    if (value) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Translation, { children: (t) => t(label) }) }),
+        value
+      ] }, key);
+    }
+    return null;
+  }).filter(Boolean);
+};
+var RenderAddress = ({
+  cfxAddress,
+  alias,
+  hoverValue,
+  hrefAddress,
+  content,
+  link = "",
+  isFull = false,
+  isFullNameTag = false,
+  style = {},
+  maxWidth,
+  prefix = null,
+  suffix = null,
+  type = "pow",
+  addressLabel = "",
+  ENSLabel = "",
+  nametag = ""
+}) => {
+  const translations = getTranslations();
+  let href = typeof link === "string" ? link : `/${type === "pow" ? "address" : "pos/accounts"}/${hrefAddress || cfxAddress}`;
+  const name = content || ENSLabel || nametag || addressLabel || alias;
+  const calculatedMaxWidth = name && isFullNameTag ? 1e3 : isFull ? 430 : maxWidth || defaultPCMaxWidth;
+  const baseClassName = `w-[${calculatedMaxWidth}px] relative inline-flex flex-nowrap align-bottom cursor-default whitespace-nowrap overflow-hidden`;
+  const Wrapper = href ? "a" : "div";
+  const tooltipContent = {
+    ENSLabel: {
+      label: translations?.ens?.tip,
+      value: ENSLabel
+    },
+    nametag: {
+      label: translations?.nametag?.tip,
+      value: nametag
+    },
+    addressLabel: {
+      label: translations?.profile.address.myNameTag,
+      value: addressLabel
+    },
+    alias: {
+      label: translations?.profile.address.publicNameTag,
+      value: alias
+    }
+  };
+  const checksumAddress = cfxAddress && isBase32Address(cfxAddress) ? cfxAddress : cfxAddress && isPosAddress(cfxAddress) ? cfxAddress : SDK.format.checksumAddress(cfxAddress);
+  const cfxAddressLabel = typeof cfxAddress === "string" && !isFull ? abbreviateString(cfxAddress) : checksumAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    prefix,
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: /* @__PURE__ */ jsxs(Fragment, { children: [
+          renderTooltipContent(tooltipContent),
+          /* @__PURE__ */ jsx("div", { children: hoverValue || checksumAddress })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Wrapper,
+          {
+            className: baseClassName,
+            style,
+            ...href ? { href: String(href) } : {},
+            children: name || cfxAddressLabel
+          }
+        )
+      }
+    ),
+    suffix
+  ] });
+};
+
+export {
+  RenderAddress
+};
+//# sourceMappingURL=chunk-WM2V2ZCY.js.map

package/dist/chunk-WM2V2ZCY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressView.tsx"],"sourcesContent":["import SDK from 'js-conflux-sdk';\nimport { Translation } from 'react-i18next';\nimport { Tooltip } from '../Tooltip';\nimport {\n  abbreviateString,\n  isBase32Address,\n  isPosAddress,\n} from '../../utils/address';\nimport { getTranslations } from '../../store';\nimport { TooltipContent, RenderAddressProps } from './types';\n\nconst defaultPCMaxWidth = 138;\n\nconst renderTooltipContent = (tooltipContent: TooltipContent) => {\n  return Object.entries(tooltipContent)\n    .map(([key, { label, value }]) => {\n      if (value) {\n        return (\n          <div key={key}>\n            <span>\n              <Translation>{t => t(label)}</Translation>\n            </span>\n            {value}\n          </div>\n        );\n      }\n      return null;\n    })\n    .filter(Boolean);\n};\n\nexport const RenderAddress = ({\n  cfxAddress,\n  alias,\n  hoverValue,\n  hrefAddress,\n  content,\n  link = '',\n  isFull = false,\n  isFullNameTag = false,\n  style = {},\n  maxWidth,\n  prefix = null,\n  suffix = null,\n  type = 'pow',\n  addressLabel = '',\n  ENSLabel = '',\n  nametag = '',\n}: RenderAddressProps) => {\n  const translations = getTranslations();\n\n  let href =\n    typeof link === 'string'\n      ? link\n      : `/${type === 'pow' ? 'address' : 'pos/accounts'}/${hrefAddress || cfxAddress}`;\n\n  const name = content || ENSLabel || nametag || addressLabel || alias;\n\n  const calculatedMaxWidth =\n    name && isFullNameTag ? 1000 : isFull ? 430 : maxWidth || defaultPCMaxWidth;\n  const baseClassName = `w-[${calculatedMaxWidth}px] relative inline-flex flex-nowrap align-bottom cursor-default whitespace-nowrap overflow-hidden`;\n\n  const Wrapper = href ? 'a' : 'div';\n\n  const tooltipContent = {\n    ENSLabel: {\n      label: (translations as any)?.ens?.tip,\n      value: ENSLabel,\n    },\n    nametag: {\n      label: translations?.nametag?.tip,\n      value: nametag,\n    },\n    addressLabel: {\n      label: translations?.profile.address.myNameTag,\n      value: addressLabel,\n    },\n    alias: {\n      label: translations?.profile.address.publicNameTag,\n      value: alias,\n    },\n  };\n\n  const checksumAddress =\n    cfxAddress && isBase32Address(cfxAddress)\n      ? cfxAddress\n      : cfxAddress && isPosAddress(cfxAddress)\n        ? cfxAddress\n        : SDK.format.checksumAddress(cfxAddress);\n\n  const cfxAddressLabel =\n    typeof cfxAddress === 'string' && !isFull\n      ? abbreviateString(cfxAddress)\n      : checksumAddress;\n\n  return (\n    <div className=\"inline-flex\">\n      {prefix}\n      <Tooltip\n        title={\n          <>\n            {renderTooltipContent(tooltipContent)}\n            <div>{hoverValue || checksumAddress}</div>\n          </>\n        }\n      >\n        <Wrapper\n          className={baseClassName}\n          style={style}\n          {...(href ? { href: String(href) } : {})}\n        >\n          {name || cfxAddressLabel}\n        </Wrapper>\n      </Tooltip>\n      {suffix}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,mBAAmB;AAiBlB,SAkFA,UAhFI,KAFJ;AAPV,IAAM,oBAAoB;AAE1B,IAAM,uBAAuB,CAAC,mBAAmC;AAC/D,SAAO,OAAO,QAAQ,cAAc,EACjC,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,MAAM,CAAC,MAAM;AAChC,QAAI,OAAO;AACT,aACE,qBAAC,SACC;AAAA,4BAAC,UACC,8BAAC,eAAa,iBAAK,EAAE,KAAK,GAAE,GAC9B;AAAA,QACC;AAAA,WAJO,GAKV;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AACnB;AAEO,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU;AACZ,MAA0B;AACxB,QAAM,eAAe,gBAAgB;AAErC,MAAI,OACF,OAAO,SAAS,WACZ,OACA,IAAI,SAAS,QAAQ,YAAY,cAAc,IAAI,eAAe,UAAU;AAElF,QAAM,OAAO,WAAW,YAAY,WAAW,gBAAgB;AAE/D,QAAM,qBACJ,QAAQ,gBAAgB,MAAO,SAAS,MAAM,YAAY;AAC5D,QAAM,gBAAgB,MAAM,kBAAkB;AAE9C,QAAM,UAAU,OAAO,MAAM;AAE7B,QAAM,iBAAiB;AAAA,IACrB,UAAU;AAAA,MACR,OAAQ,cAAsB,KAAK;AAAA,MACnC,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,OAAO,cAAc,SAAS;AAAA,MAC9B,OAAO;AAAA,IACT;AAAA,IACA,cAAc;AAAA,MACZ,OAAO,cAAc,QAAQ,QAAQ;AAAA,MACrC,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,OAAO,cAAc,QAAQ,QAAQ;AAAA,MACrC,OAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,kBACJ,cAAc,gBAAgB,UAAU,IACpC,aACA,cAAc,aAAa,UAAU,IACnC,aACA,IAAI,OAAO,gBAAgB,UAAU;AAE7C,QAAM,kBACJ,OAAO,eAAe,YAAY,CAAC,SAC/B,iBAAiB,UAAU,IAC3B;AAEN,SACE,qBAAC,SAAI,WAAU,eACZ;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iCACG;AAAA,+BAAqB,cAAc;AAAA,UACpC,oBAAC,SAAK,wBAAc,iBAAgB;AAAA,WACtC;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX;AAAA,YACC,GAAI,OAAO,EAAE,MAAM,OAAO,IAAI,EAAE,IAAI,CAAC;AAAA,YAErC,kBAAQ;AAAA;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/chunk-WML236LE.js

@@ -0,0 +1,30 @@
+import {
+  ActionButton
+} from "./chunk-6UM5Y3SL.js";
+import {
+  IconButton
+} from "./chunk-27GSITHB.js";
+import {
+  BaseButton
+} from "./chunk-3GGF3ULC.js";
+
+// src/components/Button/index.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var ComponentMap = {
+  default: BaseButton,
+  icon: IconButton,
+  action: ActionButton
+};
+var Button = forwardRef(
+  ({ type = "default", ...props }, ref) => {
+    const Component = ComponentMap[type];
+    return /* @__PURE__ */ jsx(Component, { ref, ...props });
+  }
+);
+var Button_default = Button;
+
+export {
+  Button_default
+};
+//# sourceMappingURL=chunk-WML236LE.js.map

package/dist/chunk-WML236LE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { BaseButton, BaseButtonProps } from './BaseButton';\nimport { IconButton } from './IconButton';\nimport { ActionButton } from './ActionButton';\n\ntype ButtonType = 'default' | 'icon' | 'action';\n\ninterface ButtonProps extends BaseButtonProps {\n  type?: ButtonType;\n  color?: 'default' | 'primary';\n  size?: 'default' | 'small';\n}\n\nconst ComponentMap: Record<\n  ButtonType,\n  typeof BaseButton | typeof IconButton | typeof ActionButton\n> = {\n  default: BaseButton,\n  icon: IconButton,\n  action: ActionButton,\n};\n\nconst Button = forwardRef<unknown, ButtonProps>(\n  ({ type = 'default', ...props }, ref) => {\n    const Component = ComponentMap[type];\n    return <Component ref={ref} {...props} />;\n  },\n);\n\nexport default Button;\n\nexport { BaseButton } from './BaseButton';\nexport { IconButton } from './IconButton';\nexport { ActionButton } from './ActionButton';\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,kBAAkB;AAyBhB;AAZX,IAAM,eAGF;AAAA,EACF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AACV;AAEA,IAAM,SAAS;AAAA,EACb,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACvC,UAAM,YAAY,aAAa,IAAI;AACnC,WAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AAAA,EACzC;AACF;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/chunk-X34QEZHK.js

@@ -0,0 +1,61 @@
+import {
+  trackEvent
+} from "./chunk-IM77KPX5.js";
+
+// src/components/Link/index.tsx
+import React from "react";
+import { Link as RouterLink, useHistory } from "react-router-dom";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Link = React.memo(
+  ({ className, href, children, state, ga = null, afterClick, ...others }) => {
+    const history = useHistory();
+    const handleClick = (e) => {
+      e.preventDefault();
+      if (ga) {
+        trackEvent(ga);
+      }
+      if (!href || href.startsWith("javascript:"))
+        return;
+      if (/^http/.test(href)) {
+        window.open(href, "_blank", "noopener,noreferrer");
+      } else if (e.metaKey || e.ctrlKey) {
+        window.open(`${window.location.origin}${href}`, "_blank");
+      } else {
+        history.push(href, state);
+      }
+      afterClick?.();
+    };
+    if (href && /^http/.test(href)) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: clsx("link inline-flex", className),
+          href,
+          onClick: handleClick,
+          ...others,
+          children
+        }
+      );
+    } else {
+      return /* @__PURE__ */ jsx(
+        RouterLink,
+        {
+          className: clsx("link inline-flex", className),
+          to: {
+            pathname: href,
+            state
+          },
+          onClick: handleClick,
+          ...others,
+          children
+        }
+      );
+    }
+  }
+);
+
+export {
+  Link
+};
+//# sourceMappingURL=chunk-X34QEZHK.js.map

package/dist/chunk-X34QEZHK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { PropsWithChildren, MouseEvent } from 'react';\nimport { Link as RouterLink, useHistory } from 'react-router-dom';\nimport { TrackEventParams, trackEvent } from '../../utils/ga';\nimport clsx from 'clsx';\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string;\n  href?: string;\n  state?: any; // Consider typing this more strictly if possible\n  ga?: TrackEventParams;\n  afterClick?: VoidFunction;\n}\n\nexport const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n  ({ className, href, children, state, ga = null, afterClick, ...others }) => {\n    const history = useHistory();\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      e.preventDefault();\n      if (ga) {\n        trackEvent(ga);\n      }\n\n      if (!href || href.startsWith('javascript:')) return;\n\n      if (/^http/.test(href)) {\n        window.open(href, '_blank', 'noopener,noreferrer');\n      } else if (e.metaKey || e.ctrlKey) {\n        window.open(`${window.location.origin}${href}`, '_blank');\n      } else {\n        history.push(href, state);\n      }\n      afterClick?.();\n    };\n\n    if (href && /^http/.test(href)) {\n      return (\n        <a\n          className={clsx('link inline-flex', className)}\n          href={href}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </a>\n      );\n    } else {\n      return (\n        <RouterLink\n          className={clsx('link inline-flex', className)}\n          to={{\n            pathname: href,\n            state: state,\n          }}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </RouterLink>\n      );\n    }\n  },\n);\n\n// react-router-dom v6\n// import React, { PropsWithChildren, MouseEvent } from 'react';\n// import { Link as RouterLink, useNavigate } from 'react-router-dom';\n\n// interface LinkProps {\n//   className: string;\n//   href: string;\n//   state?: any;\n// }\n\n// export const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n//   ({ className, href, children, state, ...others }) => {\n//     const navigate = useNavigate();\n\n//     const handleClick = (e: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => {\n//       e.preventDefault();\n\n//       if (!href) return;\n\n//       if (/^http/.test(href)) {\n//         window.open(href, '_blank', 'noopener,noreferrer');\n//       } else if (e.metaKey || e.ctrlKey) {\n//         window.open(`${window.location.origin}${href}`, '_blank');\n//       } else {\n//         navigate(href, { state });\n//       }\n//     };\n\n//     if (/^http/.test(href)) {\n//       return (\n//         <a href={href} onClick={handleClick} {...others}>\n//           {children}\n//         </a>\n//       );\n//     } else {\n//       return (\n//         <RouterLink className={className} to={href} state={state} onClick={handleClick} {...others}>\n//           {children}\n//         </RouterLink>\n//       );\n//     }\n//   }\n// );\n"],"mappings":";;;;;AAAA,OAAO,WAA8C;AACrD,SAAS,QAAQ,YAAY,kBAAkB;AAE/C,OAAO,UAAU;AAkCT;AAxBD,IAAM,OAA+C,MAAM;AAAA,EAChE,CAAC,EAAE,WAAW,MAAM,UAAU,OAAO,KAAK,MAAM,YAAY,GAAG,OAAO,MAAM;AAC1E,UAAM,UAAU,WAAW;AAE3B,UAAM,cAAc,CAAC,MAAqC;AACxD,QAAE,eAAe;AACjB,UAAI,IAAI;AACN,mBAAW,EAAE;AAAA,MACf;AAEA,UAAI,CAAC,QAAQ,KAAK,WAAW,aAAa;AAAG;AAE7C,UAAI,QAAQ,KAAK,IAAI,GAAG;AACtB,eAAO,KAAK,MAAM,UAAU,qBAAqB;AAAA,MACnD,WAAW,EAAE,WAAW,EAAE,SAAS;AACjC,eAAO,KAAK,GAAG,OAAO,SAAS,MAAM,GAAG,IAAI,IAAI,QAAQ;AAAA,MAC1D,OAAO;AACL,gBAAQ,KAAK,MAAM,KAAK;AAAA,MAC1B;AACA,mBAAa;AAAA,IACf;AAEA,QAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG;AAC9B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,oBAAoB,SAAS;AAAA,UAC7C;AAAA,UACA,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ,OAAO;AACL,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,oBAAoB,SAAS;AAAA,UAC7C,IAAI;AAAA,YACF,UAAU;AAAA,YACV;AAAA,UACF;AAAA,UACA,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-X4Y3E73B.js

@@ -0,0 +1,107 @@
+import {
+  publishRequestError
+} from "./chunk-V5QBEPMZ.js";
+
+// src/utils/request.ts
+import qs from "qs";
+var TIMEOUT_TIMESTAMP = 6e4;
+var checkStatus = (response) => {
+  if (response.status >= 200 && response.status < 300 || response.status === 600) {
+    return response;
+  } else {
+    const error = new Error(response.statusText);
+    error.name = "HttpError";
+    error.status = response.status;
+    error.response = response;
+    throw error;
+  }
+};
+var parseJSON = async (response) => {
+  const contentType = response.headers.get("content-type");
+  if (contentType && contentType.includes("application/json")) {
+    return response.json();
+  } else {
+    return response;
+  }
+};
+var fetchWithAbort = (url, options = {}) => {
+  const controller = new AbortController();
+  const opts = { ...options, signal: controller.signal };
+  const timeout = options.timeout || TIMEOUT_TIMESTAMP;
+  let timeoutId;
+  const promise = new Promise((resolve, reject) => {
+    timeoutId = setTimeout(() => {
+      controller.abort();
+      publishRequestError(
+        { url, code: 408, message: "Request timeout" },
+        "http"
+      );
+      reject(new Error("Request timeout"));
+    }, timeout);
+    window.fetch(url, opts).then(checkStatus).then(parseJSON).then((data) => resolve(data)).catch((error) => {
+      if (error.name === "AbortError") {
+        publishRequestError(
+          { url, code: 0, message: "Fetch aborted" },
+          "http"
+        );
+        reject(new Error("Fetch aborted"));
+      } else {
+        publishRequestError(
+          { url, code: error.status, message: error.message },
+          "http"
+        );
+        reject(error);
+      }
+    }).finally(() => clearTimeout(timeoutId));
+  });
+  return {
+    promise,
+    abort: () => {
+      clearTimeout(timeoutId);
+      controller.abort();
+    }
+  };
+};
+var fetch = (url, options = {}) => {
+  const { promise } = fetchWithAbort(url, options);
+  return promise;
+};
+var sendRequestChart = async (config) => {
+  try {
+    const res = await fetch(
+      `${config.url}?${qs.stringify(config.query)}`,
+      {
+        method: config.type || "GET",
+        body: config.body,
+        headers: config.headers,
+        signal: config.signal
+      }
+    );
+    const data = res.data || res.result || {};
+    data.list = [...data.list || []].reverse();
+    return data;
+  } catch (error) {
+    console.error("Request failed", error);
+    throw error;
+  }
+};
+var sendRequestENSInfo = async (url) => {
+  if (!url)
+    return {};
+  try {
+    const res = await fetch(url, {
+      method: "GET"
+    });
+    return res.data.map;
+  } catch (error) {
+    console.error("Request failed", error);
+    throw error;
+  }
+};
+
+export {
+  fetch,
+  sendRequestChart,
+  sendRequestENSInfo
+};
+//# sourceMappingURL=chunk-X4Y3E73B.js.map

package/dist/chunk-X4Y3E73B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/request.ts"],"sourcesContent":["import qs from 'qs';\nimport { publishRequestError } from './index';\n\ninterface FetchWithAbortType<T> {\n  promise: Promise<T>;\n  abort: () => void;\n}\n\ninterface FetchOptions extends RequestInit {\n  timeout?: number;\n}\n\nconst TIMEOUT_TIMESTAMP = 60000;\n\nconst checkStatus = (response: Response) => {\n  if (\n    (response.status >= 200 && response.status < 300) ||\n    response.status === 600\n  ) {\n    return response;\n  } else {\n    const error = new Error(response.statusText);\n    error.name = 'HttpError';\n    (error as any).status = response.status;\n    (error as any).response = response;\n    throw error;\n  }\n};\n\nconst parseJSON = async (response: Response) => {\n  const contentType = response.headers.get('content-type');\n  if (contentType && contentType.includes('application/json')) {\n    return response.json();\n  } else {\n    return response;\n  }\n};\n\nconst fetchWithAbort = <T>(\n  url: string,\n  options: FetchOptions = {},\n): FetchWithAbortType<T> => {\n  const controller = new AbortController();\n  const opts: FetchOptions = { ...options, signal: controller.signal };\n  const timeout = options.timeout || TIMEOUT_TIMESTAMP;\n\n  let timeoutId: ReturnType<typeof setTimeout>;\n  const promise: Promise<T> = new Promise((resolve, reject) => {\n    timeoutId = setTimeout(() => {\n      controller.abort();\n      publishRequestError(\n        { url, code: 408, message: 'Request timeout' },\n        'http',\n      );\n      reject(new Error('Request timeout'));\n    }, timeout);\n\n    window\n      .fetch(url, opts)\n      .then(checkStatus)\n      .then(parseJSON)\n      .then(data => resolve(data as T))\n      .catch(error => {\n        if (error.name === 'AbortError') {\n          publishRequestError(\n            { url, code: 0, message: 'Fetch aborted' },\n            'http',\n          );\n          reject(new Error('Fetch aborted'));\n        } else {\n          publishRequestError(\n            { url, code: (error as any).status, message: error.message },\n            'http',\n          );\n          reject(error);\n        }\n      })\n      .finally(() => clearTimeout(timeoutId));\n  });\n\n  return {\n    promise,\n    abort: () => {\n      clearTimeout(timeoutId);\n      controller.abort();\n    },\n  };\n};\n\nexport const fetch = <T>(\n  url: string,\n  options: FetchOptions = {},\n): Promise<T> => {\n  const { promise } = fetchWithAbort<T>(url, options);\n  return promise;\n};\n\ntype RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';\ninterface QueryParams {\n  [key: string]: string;\n}\ninterface Config {\n  url: string;\n  query: QueryParams;\n  type?: RequestMethod;\n  body?: any;\n  headers?: Headers;\n  signal?: AbortSignal;\n}\n\ninterface CustomResponse {\n  code: number;\n  data: any;\n  result: any;\n  message: string;\n  status: string;\n}\nexport const sendRequestChart = async (config: Config) => {\n  try {\n    const res: CustomResponse = await fetch(\n      `${config.url}?${qs.stringify(config.query)}`,\n      {\n        method: config.type || 'GET',\n        body: config.body,\n        headers: config.headers,\n        signal: config.signal,\n      },\n    );\n    const data = res.data || res.result || {};\n    data.list = [...(data.list || [])].reverse();\n    return data;\n  } catch (error) {\n    console.error('Request failed', error);\n    throw error;\n  }\n};\n\nexport const sendRequestENSInfo = async (url?: string | null) => {\n  if (!url) return {};\n  try {\n    // await new Promise(resolve => setTimeout(resolve, 10000));\n    // const res = {\n    //   data: {\n    //     map: {}\n    //   }\n    // }\n    const res: CustomResponse = await fetch(url, {\n      method: 'GET',\n    });\n\n    return res.data.map;\n  } catch (error) {\n    console.error('Request failed', error);\n    throw error;\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-XCKMXAL2.js

@@ -0,0 +1,57 @@
+// src/components/Spin/index.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Spin = ({
+  children,
+  spinning = true,
+  size = "default",
+  ...rest
+}) => {
+  const fontSize = size === "small" ? "text-20px" : "text-40px";
+  if (!children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "opacity-100 inline-block static text-center align-middle",
+        ...rest,
+        children: spinning && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              "relative w-1em h-1em flex-center text-[var(--theme-color-primary)]",
+              fontSize
+            ),
+            children: /* @__PURE__ */ jsx("span", { className: "i-line-md:loading-loop" })
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ...rest, children: [
+    spinning && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "absolute top-0 left-0 z-4 w-full h-full opacity-100 flex-center text-[var(--theme-color-primary)]",
+          fontSize
+        ),
+        children: /* @__PURE__ */ jsx("span", { className: "i-line-md:loading-loop" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "relative transition-opacity-300",
+          spinning && "clear-both overflow-hidden opacity-50 pointer-events-none select-none"
+        ),
+        children
+      }
+    )
+  ] });
+};
+
+export {
+  Spin
+};
+//# sourceMappingURL=chunk-XCKMXAL2.js.map

package/dist/chunk-XCKMXAL2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spin/index.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC, ComponentProps } from 'react';\n\ninterface SpinProps extends ComponentProps<'div'> {\n  size?: 'default' | 'small';\n  spinning?: boolean;\n}\n\nexport const Spin: FC<SpinProps> = ({\n  children,\n  spinning = true,\n  size = 'default',\n  ...rest\n}) => {\n  const fontSize = size === 'small' ? 'text-20px' : 'text-40px';\n  if (!children) {\n    return (\n      <div\n        className=\"opacity-100 inline-block static text-center align-middle\"\n        {...rest}\n      >\n        {spinning && (\n          <div\n            className={clsx(\n              'relative w-1em h-1em flex-center text-[var(--theme-color-primary)]',\n              fontSize,\n            )}\n          >\n            <span className=\"i-line-md:loading-loop\"></span>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return (\n    <div className=\"relative\" {...rest}>\n      {spinning && (\n        <div\n          className={clsx(\n            'absolute top-0 left-0 z-4 w-full h-full opacity-100 flex-center text-[var(--theme-color-primary)]',\n            fontSize,\n          )}\n        >\n          <span className=\"i-line-md:loading-loop\"></span>\n        </div>\n      )}\n      <div\n        className={clsx(\n          'relative transition-opacity-300',\n          spinning &&\n            'clear-both overflow-hidden opacity-50 pointer-events-none select-none',\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";AAAA,OAAO,UAAU;AA4BL,cAOR,YAPQ;AApBL,IAAM,OAAsB,CAAC;AAAA,EAClC;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,SAAS,UAAU,cAAc;AAClD,MAAI,CAAC,UAAU;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACT,GAAG;AAAA,QAEH,sBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,8BAAC,UAAK,WAAU,0BAAyB;AAAA;AAAA,QAC3C;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SACE,qBAAC,SAAI,WAAU,YAAY,GAAG,MAC3B;AAAA,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEA,8BAAC,UAAK,WAAU,0BAAyB;AAAA;AAAA,IAC3C;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YACE;AAAA,QACJ;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}