@cfxjs/sirius-next-common 0.0.8 → 0.0.9-patch.1

package/dist/chunk-EED2CWB3.js

@@ -0,0 +1,141 @@
+import {
+  useENS
+} from "./chunk-4WXBNSCI.js";
+import {
+  ContractAddress,
+  ContractCreatedAddress,
+  CoreHexAddress,
+  InvalidAddress,
+  MyAddress,
+  PosAddress
+} from "./chunk-ICBCEIZZ.js";
+import {
+  RenderAddress
+} from "./chunk-6FTTLWSN.js";
+import {
+  formatAddress,
+  isCoreAddress,
+  isCoreContractAddress,
+  isZeroAddress
+} from "./chunk-WKT3L6C4.js";
+import {
+  getLabelInfo
+} from "./chunk-72WUTI2U.js";
+import {
+  getTranslations,
+  useGlobalData
+} from "./chunk-HRW4BUP4.js";
+
+// src/components/AddressContainer/CoreAddressContainer.tsx
+import { memo } from "react";
+import { withTranslation } from "react-i18next";
+import _ from "lodash";
+import { Fragment, jsx } from "react/jsx-runtime";
+var parseProps = (props, globalData) => {
+  const {
+    alias,
+    ensInfo,
+    t,
+    showAddressLabel,
+    showNametag,
+    nametagInfo,
+    showENSLabel
+  } = props;
+  const value = props.value || "";
+  const cfxAddress = formatAddress(value, "base32");
+  let ENSMap = ensInfo || {};
+  const translations = getTranslations();
+  let aliasLabel = alias;
+  if (!alias && isZeroAddress(cfxAddress)) {
+    aliasLabel = t(translations.general.zeroAddress);
+  }
+  let prefixIcon = null;
+  let officalNametag = null;
+  let addressLabel = null;
+  let ENSLabel = null;
+  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;
+  if (cfxAddress && showAddressLabel) {
+    const addressLabels = globalData?.["CONFLUX_SCAN_ADDRESS_LABELS" /* addressLabel */];
+    const gAddressLabel = addressLabels?.[cfxAddress];
+    if (gAddressLabel) {
+      const { label } = getLabelInfo(gAddressLabel, "tag");
+      addressLabel = label;
+    }
+  }
+  if (cfxAddress && showNametag) {
+    const nametags = nametagInfo?.[cfxAddress];
+    if (nametags) {
+      const nametag = nametags?.nametag ?? "";
+      const { label } = getLabelInfo(nametag, "nametag");
+      officalNametag = label;
+    }
+  }
+  if (showENSLabel && gENSLabel) {
+    const { label, icon } = getLabelInfo(gENSLabel, "ens");
+    ENSLabel = label;
+    prefixIcon = icon;
+  }
+  return {
+    alias: aliasLabel,
+    prefix: prefixIcon,
+    nametag: officalNametag,
+    addressLabel,
+    ENSLabel,
+    cfxAddress
+  };
+};
+var CoreAddressContainer = withTranslation()(
+  memo((props) => {
+    const { globalData } = useGlobalData();
+    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;
+    const { ens } = useENS(unnecessaryEns ? null : props.value);
+    if (!props.value && !props.contractCreated) {
+      return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+    }
+    const defaultProps = {
+      isFull: false,
+      isFullNameTag: false,
+      link: true,
+      isMe: false,
+      showIcon: true,
+      verify: false,
+      showAddressLabel: true,
+      showENSLabel: true,
+      showNametag: true,
+      ensInfo: ens
+    };
+    const mergeDefaultProps = _.assign({}, defaultProps, props);
+    const mergeParseProps = _.merge(
+      {},
+      mergeDefaultProps,
+      parseProps(mergeDefaultProps, globalData)
+    );
+    if (mergeParseProps.isPosAddress) {
+      return PosAddress(mergeParseProps);
+    }
+    if (!mergeParseProps.value && mergeParseProps.contractCreated) {
+      return ContractCreatedAddress({
+        ...mergeParseProps,
+        outputType: "base32"
+      });
+    }
+    if (mergeParseProps.isEspaceAddress) {
+      return CoreHexAddress(mergeParseProps);
+    }
+    if (!isCoreAddress(mergeParseProps.value)) {
+      return InvalidAddress(mergeParseProps);
+    }
+    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {
+      return ContractAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isMe) {
+      return MyAddress(mergeParseProps);
+    }
+    return RenderAddress(mergeParseProps);
+  })
+);
+
+export {
+  CoreAddressContainer
+};
+//# sourceMappingURL=chunk-EED2CWB3.js.map

package/dist/chunk-EED2CWB3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/CoreAddressContainer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { WithTranslation, withTranslation } from 'react-i18next';\nimport _ from 'lodash';\nimport {\n  formatAddress,\n  isCoreAddress,\n  isCoreContractAddress,\n  isZeroAddress,\n  convertCheckSum,\n} from '../../utils/address';\nimport { useGlobalData, getTranslations } from '../../store';\nimport { LOCALSTORAGE_KEYS_MAP } from '../../utils/constants';\nimport { getLabelInfo } from './label';\nimport { useENS } from '../../utils/hooks/useENS';\n\nimport { RenderAddress } from './addressView';\nimport {\n  ContractCreatedAddress,\n  CoreHexAddress,\n  InvalidAddress,\n  ContractAddress,\n  MyAddress,\n  PosAddress,\n} from './addressSwitcher';\nimport { GlobalDataType } from 'src/store/types';\nimport { CoreAddressContainerProps } from './types';\n\nconst parseProps = (\n  props: CoreAddressContainerProps & WithTranslation,\n  globalData: GlobalDataType,\n) => {\n  const {\n    alias,\n    ensInfo,\n    t,\n    showAddressLabel,\n    showNametag,\n    nametagInfo,\n    showENSLabel,\n  } = props;\n  const value: string = props.value || '';\n  const cfxAddress = formatAddress(value, 'base32');\n\n  let ENSMap = ensInfo || {};\n\n  const translations = getTranslations();\n\n  let aliasLabel = alias;\n  if (!alias && isZeroAddress(cfxAddress)) {\n    aliasLabel = t(translations.general.zeroAddress);\n  }\n\n  let prefixIcon: React.ReactNode = null;\n  // official name tag\n  let officalNametag: React.ReactNode = null;\n  // private name tag\n  let addressLabel: React.ReactNode = null;\n  // ens name tag\n  let ENSLabel: React.ReactNode = null;\n  // global ens name tag\n  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;\n\n  if (cfxAddress && showAddressLabel) {\n    // global private name tag\n    const addressLabels = globalData?.[LOCALSTORAGE_KEYS_MAP.addressLabel];\n    const gAddressLabel = addressLabels?.[cfxAddress];\n\n    if (gAddressLabel) {\n      const { label } = getLabelInfo(gAddressLabel, 'tag');\n      addressLabel = label;\n    }\n  }\n\n  if (cfxAddress && showNametag) {\n    const nametags = nametagInfo?.[cfxAddress];\n\n    if (nametags) {\n      const nametag = nametags?.nametag ?? '';\n      const { label } = getLabelInfo(nametag, 'nametag');\n      officalNametag = label;\n    }\n  }\n\n  if (showENSLabel && gENSLabel) {\n    const { label, icon } = getLabelInfo(gENSLabel, 'ens');\n    ENSLabel = label;\n    prefixIcon = icon;\n  }\n\n  return {\n    alias: aliasLabel,\n    prefix: prefixIcon,\n    nametag: officalNametag,\n    addressLabel,\n    ENSLabel,\n    cfxAddress,\n  };\n};\n\nexport const CoreAddressContainer = withTranslation()(\n  memo((props: CoreAddressContainerProps & WithTranslation) => {\n    const { globalData } = useGlobalData();\n\n    // If the interface returns Ens content, there is no need to obtain it separately, or disable the display of Ens content (in most cases on the list page).\n    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;\n    const { ens } = useENS(unnecessaryEns ? null : props.value);\n\n    // If a txn receipt has no 'to' address or 'contractCreated', show -- for temp\n    if (!props.value && !props.contractCreated) {\n      return <>--</>;\n    }\n\n    const defaultProps = {\n      isFull: false,\n      isFullNameTag: false,\n      link: true,\n      isMe: false,\n      showIcon: true,\n      verify: false,\n      showAddressLabel: true,\n      showENSLabel: true,\n      showNametag: true,\n      ensInfo: ens,\n    };\n\n    const mergeDefaultProps = _.assign({}, defaultProps, props);\n\n    const mergeParseProps = _.merge(\n      {},\n      mergeDefaultProps,\n      parseProps(mergeDefaultProps, globalData),\n    );\n\n    if (mergeParseProps.isPosAddress) {\n      return PosAddress(mergeParseProps);\n    }\n\n    if (!mergeParseProps.value && mergeParseProps.contractCreated) {\n      return ContractCreatedAddress({\n        ...mergeParseProps,\n        outputType: 'base32',\n      });\n    }\n\n    if (mergeParseProps.isEspaceAddress) {\n      return CoreHexAddress(mergeParseProps);\n    }\n\n    if (!isCoreAddress(mergeParseProps.value)) {\n      return InvalidAddress(mergeParseProps);\n    }\n\n    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {\n      return ContractAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isMe) {\n      return MyAddress(mergeParseProps);\n    }\n\n    return RenderAddress(mergeParseProps);\n  }),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAA0B,uBAAuB;AACjD,OAAO,OAAO;AA2GD;AAlFb,IAAM,aAAa,CACjB,OACA,eACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,QAAgB,MAAM,SAAS;AACrC,QAAM,aAAa,cAAc,OAAO,QAAQ;AAEhD,MAAI,SAAS,WAAW,CAAC;AAEzB,QAAM,eAAe,gBAAgB;AAErC,MAAI,aAAa;AACjB,MAAI,CAAC,SAAS,cAAc,UAAU,GAAG;AACvC,iBAAa,EAAE,aAAa,QAAQ,WAAW;AAAA,EACjD;AAEA,MAAI,aAA8B;AAElC,MAAI,iBAAkC;AAEtC,MAAI,eAAgC;AAEpC,MAAI,WAA4B;AAEhC,QAAM,YAAY,cAAc,OAAO,UAAU,GAAG;AAEpD,MAAI,cAAc,kBAAkB;AAElC,UAAM,gBAAgB,6DAA+C;AACrE,UAAM,gBAAgB,gBAAgB,UAAU;AAEhD,QAAI,eAAe;AACjB,YAAM,EAAE,MAAM,IAAI,aAAa,eAAe,KAAK;AACnD,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,cAAc,aAAa;AAC7B,UAAM,WAAW,cAAc,UAAU;AAEzC,QAAI,UAAU;AACZ,YAAM,UAAU,UAAU,WAAW;AACrC,YAAM,EAAE,MAAM,IAAI,aAAa,SAAS,SAAS;AACjD,uBAAiB;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,gBAAgB,WAAW;AAC7B,UAAM,EAAE,OAAO,KAAK,IAAI,aAAa,WAAW,KAAK;AACrD,eAAW;AACX,iBAAa;AAAA,EACf;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,IAAM,uBAAuB,gBAAgB;AAAA,EAClD,KAAK,CAAC,UAAuD;AAC3D,UAAM,EAAE,WAAW,IAAI,cAAc;AAGrC,UAAM,iBAAiB,MAAM,WAAW,MAAM,iBAAiB;AAC/D,UAAM,EAAE,IAAI,IAAI,OAAO,iBAAiB,OAAO,MAAM,KAAK;AAG1D,QAAI,CAAC,MAAM,SAAS,CAAC,MAAM,iBAAiB;AAC1C,aAAO,gCAAE,gBAAE;AAAA,IACb;AAEA,UAAM,eAAe;AAAA,MACnB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAEA,UAAM,oBAAoB,EAAE,OAAO,CAAC,GAAG,cAAc,KAAK;AAE1D,UAAM,kBAAkB,EAAE;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACA,WAAW,mBAAmB,UAAU;AAAA,IAC1C;AAEA,QAAI,gBAAgB,cAAc;AAChC,aAAO,WAAW,eAAe;AAAA,IACnC;AAEA,QAAI,CAAC,gBAAgB,SAAS,gBAAgB,iBAAiB;AAC7D,aAAO,uBAAuB;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAEA,QAAI,gBAAgB,iBAAiB;AACnC,aAAO,eAAe,eAAe;AAAA,IACvC;AAEA,QAAI,CAAC,cAAc,gBAAgB,KAAK,GAAG;AACzC,aAAO,eAAe,eAAe;AAAA,IACvC;AAEA,QAAI,sBAAsB,gBAAgB,UAAU,GAAG;AACrD,aAAO,gBAAgB,eAAe;AAAA,IACxC;AAEA,QAAI,gBAAgB,MAAM;AACxB,aAAO,UAAU,eAAe;AAAA,IAClC;AAEA,WAAO,cAAc,eAAe;AAAA,EACtC,CAAC;AACH;","names":[]}

package/dist/chunk-EOMPNXYW.js

@@ -0,0 +1,141 @@
+import {
+  useENS
+} from "./chunk-NRTH44GV.js";
+import {
+  ContractAddress,
+  ContractCreatedAddress,
+  CoreHexAddress,
+  InvalidAddress,
+  MyAddress,
+  PosAddress
+} from "./chunk-X3BV2HV3.js";
+import {
+  RenderAddress
+} from "./chunk-KGJUIHQK.js";
+import {
+  formatAddress,
+  isCoreAddress,
+  isCoreContractAddress,
+  isZeroAddress
+} from "./chunk-IM3YUUBE.js";
+import {
+  getLabelInfo
+} from "./chunk-X73K44QV.js";
+import {
+  getTranslations,
+  useGlobalData
+} from "./chunk-QKQG47IV.js";
+
+// src/components/AddressContainer/CoreAddressContainer.tsx
+import { memo } from "react";
+import { withTranslation } from "react-i18next";
+import _ from "lodash";
+import { Fragment, jsx } from "react/jsx-runtime";
+var parseProps = (props, globalData) => {
+  const {
+    alias,
+    ensInfo,
+    t,
+    showAddressLabel,
+    showNametag,
+    nametagInfo,
+    showENSLabel
+  } = props;
+  const value = props.value || "";
+  const cfxAddress = formatAddress(value, "base32");
+  let ENSMap = ensInfo || {};
+  const translations = getTranslations();
+  let aliasLabel = alias;
+  if (!alias && isZeroAddress(cfxAddress)) {
+    aliasLabel = t(translations.general.zeroAddress);
+  }
+  let prefixIcon = null;
+  let officalNametag = null;
+  let addressLabel = null;
+  let ENSLabel = null;
+  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;
+  if (cfxAddress && showAddressLabel) {
+    const addressLabels = globalData?.["CONFLUX_SCAN_ADDRESS_LABELS" /* addressLabel */];
+    const gAddressLabel = addressLabels?.[cfxAddress];
+    if (gAddressLabel) {
+      const { label } = getLabelInfo(gAddressLabel, "tag");
+      addressLabel = label;
+    }
+  }
+  if (cfxAddress && showNametag) {
+    const nametags = nametagInfo?.[cfxAddress];
+    if (nametags) {
+      const nametag = nametags?.nametag ?? "";
+      const { label } = getLabelInfo(nametag, "nametag");
+      officalNametag = label;
+    }
+  }
+  if (showENSLabel && gENSLabel) {
+    const { label, icon } = getLabelInfo(gENSLabel, "ens");
+    ENSLabel = label;
+    prefixIcon = icon;
+  }
+  return {
+    alias: aliasLabel,
+    prefix: prefixIcon,
+    nametag: officalNametag,
+    addressLabel,
+    ENSLabel,
+    cfxAddress
+  };
+};
+var CoreAddressContainer = withTranslation()(
+  memo((props) => {
+    const { globalData } = useGlobalData();
+    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;
+    const { ens } = useENS(unnecessaryEns ? null : props.value);
+    if (!props.value && !props.contractCreated) {
+      return /* @__PURE__ */ jsx(Fragment, { children: "--" });
+    }
+    const defaultProps = {
+      isFull: false,
+      isFullNameTag: false,
+      link: true,
+      isMe: false,
+      showIcon: true,
+      verify: false,
+      showAddressLabel: true,
+      showENSLabel: true,
+      showNametag: true,
+      ensInfo: ens
+    };
+    const mergeDefaultProps = _.assign({}, defaultProps, props);
+    const mergeParseProps = _.merge(
+      {},
+      mergeDefaultProps,
+      parseProps(mergeDefaultProps, globalData)
+    );
+    if (mergeParseProps.isPosAddress) {
+      return PosAddress(mergeParseProps);
+    }
+    if (!mergeParseProps.value && mergeParseProps.contractCreated) {
+      return ContractCreatedAddress({
+        ...mergeParseProps,
+        outputType: "base32"
+      });
+    }
+    if (mergeParseProps.isEspaceAddress) {
+      return CoreHexAddress(mergeParseProps);
+    }
+    if (!isCoreAddress(mergeParseProps.value)) {
+      return InvalidAddress(mergeParseProps);
+    }
+    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {
+      return ContractAddress(mergeParseProps);
+    }
+    if (mergeParseProps.isMe) {
+      return MyAddress(mergeParseProps);
+    }
+    return RenderAddress(mergeParseProps);
+  })
+);
+
+export {
+  CoreAddressContainer
+};
+//# sourceMappingURL=chunk-EOMPNXYW.js.map

package/dist/chunk-EOMPNXYW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/CoreAddressContainer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { WithTranslation, withTranslation } from 'react-i18next';\nimport _ from 'lodash';\nimport {\n  formatAddress,\n  isCoreAddress,\n  isCoreContractAddress,\n  isZeroAddress,\n  convertCheckSum,\n} from '../../utils/address';\nimport { useGlobalData, getTranslations } from '../../store';\nimport { LOCALSTORAGE_KEYS_MAP } from '../../utils/constants';\nimport { getLabelInfo } from './label';\nimport { useENS } from '../../utils/hooks/useENS';\n\nimport { RenderAddress } from './addressView';\nimport {\n  ContractCreatedAddress,\n  CoreHexAddress,\n  InvalidAddress,\n  ContractAddress,\n  MyAddress,\n  PosAddress,\n} from './addressSwitcher';\nimport { GlobalDataType } from 'src/store/types';\nimport { CoreAddressContainerProps } from './types';\n\nconst parseProps = (\n  props: CoreAddressContainerProps & WithTranslation,\n  globalData: GlobalDataType,\n) => {\n  const {\n    alias,\n    ensInfo,\n    t,\n    showAddressLabel,\n    showNametag,\n    nametagInfo,\n    showENSLabel,\n  } = props;\n  const value: string = props.value || '';\n  const cfxAddress = formatAddress(value, 'base32');\n\n  let ENSMap = ensInfo || {};\n\n  const translations = getTranslations();\n\n  let aliasLabel = alias;\n  if (!alias && isZeroAddress(cfxAddress)) {\n    aliasLabel = t(translations.general.zeroAddress);\n  }\n\n  let prefixIcon: React.ReactNode = null;\n  // official name tag\n  let officalNametag: React.ReactNode = null;\n  // private name tag\n  let addressLabel: React.ReactNode = null;\n  // ens name tag\n  let ENSLabel: React.ReactNode = null;\n  // global ens name tag\n  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;\n\n  if (cfxAddress && showAddressLabel) {\n    // global private name tag\n    const addressLabels = globalData?.[LOCALSTORAGE_KEYS_MAP.addressLabel];\n    const gAddressLabel = addressLabels?.[cfxAddress];\n\n    if (gAddressLabel) {\n      const { label } = getLabelInfo(gAddressLabel, 'tag');\n      addressLabel = label;\n    }\n  }\n\n  if (cfxAddress && showNametag) {\n    const nametags = nametagInfo?.[cfxAddress];\n\n    if (nametags) {\n      const nametag = nametags?.nametag ?? '';\n      const { label } = getLabelInfo(nametag, 'nametag');\n      officalNametag = label;\n    }\n  }\n\n  if (showENSLabel && gENSLabel) {\n    const { label, icon } = getLabelInfo(gENSLabel, 'ens');\n    ENSLabel = label;\n    prefixIcon = icon;\n  }\n\n  return {\n    alias: aliasLabel,\n    prefix: prefixIcon,\n    nametag: officalNametag,\n    addressLabel,\n    ENSLabel,\n    cfxAddress,\n  };\n};\n\nexport const CoreAddressContainer = withTranslation()(\n  memo((props: CoreAddressContainerProps & WithTranslation) => {\n    const { globalData } = useGlobalData();\n\n    // If the interface returns Ens content, there is no need to obtain it separately, or disable the display of Ens content (in most cases on the list page).\n    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;\n    const { ens } = useENS(unnecessaryEns ? null : props.value);\n\n    // If a txn receipt has no 'to' address or 'contractCreated', show -- for temp\n    if (!props.value && !props.contractCreated) {\n      return <>--</>;\n    }\n\n    const defaultProps = {\n      isFull: false,\n      isFullNameTag: false,\n      link: true,\n      isMe: false,\n      showIcon: true,\n      verify: false,\n      showAddressLabel: true,\n      showENSLabel: true,\n      showNametag: true,\n      ensInfo: ens,\n    };\n\n    const mergeDefaultProps = _.assign({}, defaultProps, props);\n\n    const mergeParseProps = _.merge(\n      {},\n      mergeDefaultProps,\n      parseProps(mergeDefaultProps, globalData),\n    );\n\n    if (mergeParseProps.isPosAddress) {\n      return PosAddress(mergeParseProps);\n    }\n\n    if (!mergeParseProps.value && mergeParseProps.contractCreated) {\n      return ContractCreatedAddress({\n        ...mergeParseProps,\n        outputType: 'base32',\n      });\n    }\n\n    if (mergeParseProps.isEspaceAddress) {\n      return CoreHexAddress(mergeParseProps);\n    }\n\n    if (!isCoreAddress(mergeParseProps.value)) {\n      return InvalidAddress(mergeParseProps);\n    }\n\n    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {\n      return ContractAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isMe) {\n      return MyAddress(mergeParseProps);\n    }\n\n    return RenderAddress(mergeParseProps);\n  }),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAA0B,uBAAuB;AACjD,OAAO,OAAO;AA2GD;AAlFb,IAAM,aAAa,CACjB,OACA,eACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,QAAgB,MAAM,SAAS;AACrC,QAAM,aAAa,cAAc,OAAO,QAAQ;AAEhD,MAAI,SAAS,WAAW,CAAC;AAEzB,QAAM,eAAe,gBAAgB;AAErC,MAAI,aAAa;AACjB,MAAI,CAAC,SAAS,cAAc,UAAU,GAAG;AACvC,iBAAa,EAAE,aAAa,QAAQ,WAAW;AAAA,EACjD;AAEA,MAAI,aAA8B;AAElC,MAAI,iBAAkC;AAEtC,MAAI,eAAgC;AAEpC,MAAI,WAA4B;AAEhC,QAAM,YAAY,cAAc,OAAO,UAAU,GAAG;AAEpD,MAAI,cAAc,kBAAkB;AAElC,UAAM,gBAAgB,6DAA+C;AACrE,UAAM,gBAAgB,gBAAgB,UAAU;AAEhD,QAAI,eAAe;AACjB,YAAM,EAAE,MAAM,IAAI,aAAa,eAAe,KAAK;AACnD,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,cAAc,aAAa;AAC7B,UAAM,WAAW,cAAc,UAAU;AAEzC,QAAI,UAAU;AACZ,YAAM,UAAU,UAAU,WAAW;AACrC,YAAM,EAAE,MAAM,IAAI,aAAa,SAAS,SAAS;AACjD,uBAAiB;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,gBAAgB,WAAW;AAC7B,UAAM,EAAE,OAAO,KAAK,IAAI,aAAa,WAAW,KAAK;AACrD,eAAW;AACX,iBAAa;AAAA,EACf;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,IAAM,uBAAuB,gBAAgB;AAAA,EAClD,KAAK,CAAC,UAAuD;AAC3D,UAAM,EAAE,WAAW,IAAI,cAAc;AAGrC,UAAM,iBAAiB,MAAM,WAAW,MAAM,iBAAiB;AAC/D,UAAM,EAAE,IAAI,IAAI,OAAO,iBAAiB,OAAO,MAAM,KAAK;AAG1D,QAAI,CAAC,MAAM,SAAS,CAAC,MAAM,iBAAiB;AAC1C,aAAO,gCAAE,gBAAE;AAAA,IACb;AAEA,UAAM,eAAe;AAAA,MACnB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAEA,UAAM,oBAAoB,EAAE,OAAO,CAAC,GAAG,cAAc,KAAK;AAE1D,UAAM,kBAAkB,EAAE;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACA,WAAW,mBAAmB,UAAU;AAAA,IAC1C;AAEA,QAAI,gBAAgB,cAAc;AAChC,aAAO,WAAW,eAAe;AAAA,IACnC;AAEA,QAAI,CAAC,gBAAgB,SAAS,gBAAgB,iBAAiB;AAC7D,aAAO,uBAAuB;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAEA,QAAI,gBAAgB,iBAAiB;AACnC,aAAO,eAAe,eAAe;AAAA,IACvC;AAEA,QAAI,CAAC,cAAc,gBAAgB,KAAK,GAAG;AACzC,aAAO,eAAe,eAAe;AAAA,IACvC;AAEA,QAAI,sBAAsB,gBAAgB,UAAU,GAAG;AACrD,aAAO,gBAAgB,eAAe;AAAA,IACxC;AAEA,QAAI,gBAAgB,MAAM;AACxB,aAAO,UAAU,eAAe;AAAA,IAClC;AAEA,WAAO,cAAc,eAAe;AAAA,EACtC,CAAC;AACH;","names":[]}

package/dist/chunk-ESE4IOXB.js

@@ -0,0 +1,101 @@
+import {
+  useBreakpoint
+} from "./chunk-TOKKKTFG.js";
+import {
+  Tooltip
+} from "./chunk-L7LRX5XU.js";
+import {
+  selectText
+} from "./chunk-7SH3YCJ7.js";
+
+// src/components/Text/index.tsx
+import React from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var getTypeColor = (type) => {
+  const colors = {
+    default: "inherit",
+    primary: "#7cd77b",
+    secondary: "#666",
+    success: "#7cd77b",
+    warning: "#ffc438",
+    error: "#e15c56"
+  };
+  return colors[type] || colors.default;
+};
+var Text = React.memo(
+  ({
+    className,
+    children,
+    maxWidth,
+    maxCount,
+    hoverValue,
+    hoverValueMaxCount: outerHoverValueMaxCount,
+    tag = "p",
+    type = "default",
+    hideTooltip = false,
+    ...props
+  }) => {
+    const Component = tag;
+    const bp = useBreakpoint();
+    let child = children;
+    if (maxWidth === void 0 && maxCount && typeof children === "string") {
+      child = String.prototype.substr.call(children, 0, maxCount) + "...";
+    }
+    let textContent = hoverValue || children;
+    if (bp === "s" && typeof textContent === "string") {
+      const hoverValueMaxCount = outerHoverValueMaxCount || 34;
+      let textContentCopy = textContent;
+      let newTextContent = [];
+      let count = 0;
+      while (textContentCopy.length > hoverValueMaxCount) {
+        newTextContent.push(
+          /* @__PURE__ */ jsx("span", { children: textContentCopy.substr(0, hoverValueMaxCount) }, count)
+        );
+        newTextContent.push(/* @__PURE__ */ jsx("br", {}, `br${count}`));
+        textContentCopy = textContentCopy.substr(hoverValueMaxCount);
+        if (count > 3) {
+          textContentCopy = textContentCopy.substr(0, hoverValueMaxCount - 3) + "...";
+        }
+      }
+      newTextContent.push(/* @__PURE__ */ jsx("span", { children: textContentCopy }, ++count));
+      textContent = newTextContent;
+    }
+    const tooltipText = !hideTooltip && React.createElement(
+      "div",
+      {
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          selectText(e.currentTarget);
+        }
+      },
+      textContent
+    );
+    const p = { title: tooltipText };
+    return React.createElement(Tooltip, p, [
+      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          className: clsx(
+            "sirius-text truncate vertical-bottom",
+            "all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae",
+            className
+          ),
+          style: {
+            maxWidth,
+            display: maxWidth === void 0 ? "inherit" : "inline-block",
+            color: getTypeColor(type)
+          },
+          ...props,
+          children: child
+        }
+      ) }, "text")
+    ]);
+  }
+);
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-ESE4IOXB.js.map

package/dist/chunk-ESE4IOXB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Tooltip } from '../Tooltip';\nimport { selectText } from '../../utils';\nimport { useBreakpoint } from '../../utils/media';\n\ntype NormalTypes =\n  | 'default'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'primary';\n\ntype TextProps = {\n  children?: React.ReactNode;\n  maxWidth?: string;\n  maxCount?: number;\n  hoverValue?: React.ReactNode;\n  hoverValueMaxCount?: number;\n  tag?: 'p' | 'span';\n  type?: NormalTypes;\n  hideTooltip?: boolean;\n};\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof TextProps>;\n\nconst getTypeColor = (type: NormalTypes) => {\n  const colors: { [key in NormalTypes]: string } = {\n    default: 'inherit',\n    primary: '#7cd77b',\n    secondary: '#666',\n    success: '#7cd77b',\n    warning: '#ffc438',\n    error: '#e15c56',\n  };\n\n  return colors[type] || colors.default;\n};\n\n// note:\n// 1. maxWidth priority is higher than maxCount\n// 2. maxCount only apply to string\n// 3. if hoverValue is provided, use hoverValue as Tooltip text, otherwise use children\n//    if text of prop tooltip is provided, use as Tooltip text\nexport const Text = React.memo(\n  ({\n    className,\n    children,\n    maxWidth,\n    maxCount,\n    hoverValue,\n    hoverValueMaxCount: outerHoverValueMaxCount,\n    tag = 'p',\n    type = 'default',\n    hideTooltip = false,\n    ...props\n  }: NativeAttrs & TextProps) => {\n    const Component = tag;\n    const bp = useBreakpoint();\n    let child: React.ReactNode = children;\n    if (maxWidth === undefined && maxCount && typeof children === 'string') {\n      child = String.prototype.substr.call(children, 0, maxCount) + '...';\n    }\n\n    let textContent = hoverValue || children;\n    // 控制移动端字符串类型 tooltip 的长度\n    // 这里有个问题，就是截断的位置可能是一个完整的单词，暂时没有办法处理，如果为了避免这种情况，需要由外面传入前对内容进行处理，比如设置固定宽度小于 24rem\n    // @todo 后续可以试下读取文本长度，动态设置容器宽度值的方式，可以避免截断位置的问题\n    if (bp === 's' && typeof textContent === 'string') {\n      const hoverValueMaxCount = outerHoverValueMaxCount || 34; // default text count is 36\n      let textContentCopy: string = textContent;\n      let newTextContent: Array<React.ReactNode> = [];\n      let count = 0;\n      while (textContentCopy.length > hoverValueMaxCount) {\n        newTextContent.push(\n          <span key={count}>\n            {textContentCopy.substr(0, hoverValueMaxCount)}\n          </span>,\n        );\n        newTextContent.push(<br key={`br${count}`} />);\n        textContentCopy = textContentCopy.substr(hoverValueMaxCount);\n        // 防止文本过长的情况\n        if (count > 3) {\n          textContentCopy =\n            textContentCopy.substr(0, hoverValueMaxCount - 3) + '...';\n        }\n      }\n      newTextContent.push(<span key={++count}>{textContentCopy}</span>);\n      textContent = newTextContent;\n    }\n    const tooltipText =\n      !hideTooltip &&\n      React.createElement(\n        'div',\n        {\n          onClick: e => {\n            e.preventDefault();\n            e.stopPropagation();\n            selectText(e.currentTarget);\n          },\n        },\n        textContent,\n      );\n\n    const p = { title: tooltipText };\n    return React.createElement(Tooltip, p, [\n      <span key=\"text\">\n        <Component\n          className={clsx(\n            'sirius-text truncate vertical-bottom',\n            'all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae',\n            className,\n          )}\n          style={{\n            maxWidth,\n            display: maxWidth === undefined ? 'inherit' : 'inline-block',\n            color: getTypeColor(type),\n          }}\n          {...props}\n        >\n          {child}\n        </Component>\n      </span>,\n    ]);\n  },\n);\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AA0EP;AAjDV,IAAM,eAAe,CAAC,SAAsB;AAC1C,QAAM,SAA2C;AAAA,IAC/C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAEA,SAAO,OAAO,IAAI,KAAK,OAAO;AAChC;AAOO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,GAAG;AAAA,EACL,MAA+B;AAC7B,UAAM,YAAY;AAClB,UAAM,KAAK,cAAc;AACzB,QAAI,QAAyB;AAC7B,QAAI,aAAa,UAAa,YAAY,OAAO,aAAa,UAAU;AACtE,cAAQ,OAAO,UAAU,OAAO,KAAK,UAAU,GAAG,QAAQ,IAAI;AAAA,IAChE;AAEA,QAAI,cAAc,cAAc;AAIhC,QAAI,OAAO,OAAO,OAAO,gBAAgB,UAAU;AACjD,YAAM,qBAAqB,2BAA2B;AACtD,UAAI,kBAA0B;AAC9B,UAAI,iBAAyC,CAAC;AAC9C,UAAI,QAAQ;AACZ,aAAO,gBAAgB,SAAS,oBAAoB;AAClD,uBAAe;AAAA,UACb,oBAAC,UACE,0BAAgB,OAAO,GAAG,kBAAkB,KADpC,KAEX;AAAA,QACF;AACA,uBAAe,KAAK,oBAAC,UAAQ,KAAK,OAAS,CAAE;AAC7C,0BAAkB,gBAAgB,OAAO,kBAAkB;AAE3D,YAAI,QAAQ,GAAG;AACb,4BACE,gBAAgB,OAAO,GAAG,qBAAqB,CAAC,IAAI;AAAA,QACxD;AAAA,MACF;AACA,qBAAe,KAAK,oBAAC,UAAoB,6BAAV,EAAE,KAAwB,CAAO;AAChE,oBAAc;AAAA,IAChB;AACA,UAAM,cACJ,CAAC,eACD,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,OAAK;AACZ,YAAE,eAAe;AACjB,YAAE,gBAAgB;AAClB,qBAAW,EAAE,aAAa;AAAA,QAC5B;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEF,UAAM,IAAI,EAAE,OAAO,YAAY;AAC/B,WAAO,MAAM,cAAc,SAAS,GAAG;AAAA,MACrC,oBAAC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,SAAS,aAAa,SAAY,YAAY;AAAA,YAC9C,OAAO,aAAa,IAAI;AAAA,UAC1B;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH,KAfQ,MAgBV;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/chunk-EVCNR7M7.js

@@ -0,0 +1,150 @@
+import {
+  Spin
+} from "./chunk-XCKMXAL2.js";
+import {
+  cn
+} from "./chunk-LKVGVLCW.js";
+
+// src/components/Modal/index.tsx
+import { useEffect, useCallback, useMemo } from "react";
+import ReactDOM from "react-dom";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Backdrop = ({
+  onClick,
+  children,
+  className
+}) => /* @__PURE__ */ jsx("div", { className, onClick, children });
+var ModalContent = ({
+  containerClassName,
+  closable,
+  onClose,
+  children,
+  loading,
+  modalStyles
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("relative bg-[#FFF] rounded shadow-lg", containerClassName),
+    tabIndex: -1,
+    style: modalStyles,
+    children: /* @__PURE__ */ jsxs(Spin, { spinning: loading, children: [
+      closable && /* @__PURE__ */ jsx(X, { className: "h-4 w-4 absolute right-5 top-5", onClick: onClose }),
+      /* @__PURE__ */ jsx("div", { className: "p-4", children })
+    ] })
+  }
+);
+var useEventListener = (eventName, handler, active) => {
+  useEffect(() => {
+    if (active) {
+      const eventListener = (event) => handler(event);
+      document.addEventListener(eventName, eventListener);
+      return () => {
+        document.removeEventListener(eventName, eventListener);
+      };
+    }
+  }, [eventName, handler, active]);
+};
+var Modal = ({
+  open,
+  closeOnEsc = true,
+  closable = true,
+  preventScroll = true,
+  backdropClassName = "",
+  containerClassName = "",
+  onOpen = () => {
+  },
+  onClose,
+  children,
+  width = "600px",
+  maskClosable = true,
+  centered = true,
+  loading = false
+}) => {
+  useEffect(() => {
+    if (open) {
+      onOpen?.();
+      if (preventScroll) {
+        document.body.style.overflow = "hidden";
+      }
+    } else {
+      if (preventScroll) {
+        document.body.style.overflow = "";
+      }
+    }
+    return () => {
+      if (preventScroll) {
+        document.body.style.overflow = "";
+      }
+    };
+  }, [open, onOpen, preventScroll]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape" && closeOnEsc && onClose) {
+        onClose?.();
+      }
+    },
+    [closeOnEsc, onClose]
+  );
+  const handleClickOutside = useCallback(() => {
+    if (onClose && maskClosable) {
+      onClose?.();
+    }
+  }, [onClose, maskClosable]);
+  const handleBackdropClick = useCallback(
+    (event) => {
+      if (maskClosable && event.target === event.currentTarget && onClose) {
+        onClose?.();
+      }
+    },
+    [maskClosable, onClose]
+  );
+  const modalStyles = useMemo(
+    () => ({
+      width: typeof width === "string" ? width : `${width}px`,
+      margin: centered ? "auto" : void 0
+    }),
+    [width, centered]
+  );
+  useEventListener(
+    "keydown",
+    handleKeyDown,
+    open && closeOnEsc
+  );
+  useEventListener(
+    "mousedown",
+    handleClickOutside,
+    open && maskClosable
+  );
+  if (!open)
+    return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      Backdrop,
+      {
+        onClick: handleBackdropClick,
+        className: cn(
+          "fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000",
+          backdropClassName
+        ),
+        children: /* @__PURE__ */ jsx(
+          ModalContent,
+          {
+            containerClassName,
+            closable,
+            onClose,
+            children,
+            loading,
+            modalStyles
+          }
+        )
+      }
+    ),
+    document.body
+  );
+};
+
+export {
+  Modal
+};
+//# sourceMappingURL=chunk-EVCNR7M7.js.map

package/dist/chunk-EVCNR7M7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { X } from 'lucide-react';\nimport { Spin } from '../Spin';\nimport { cn } from '../../utils';\n\ninterface ModalProps {\n  open: boolean;\n  closeOnEsc?: boolean;\n  closable?: boolean;\n  preventScroll?: boolean;\n  backdropClassName?: string;\n  containerClassName?: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  width?: string | number;\n  maskClosable?: boolean;\n  centered?: boolean;\n  loading?: boolean;\n}\n\ninterface ModalContentProps {\n  containerClassName: string;\n  closable: boolean;\n  onClose?: VoidFunction;\n  children?: React.ReactNode;\n  loading?: boolean;\n  modalStyles: React.CSSProperties;\n}\n\ninterface BackdropProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  className: string;\n  children?: React.ReactNode;\n}\n\nconst Backdrop: React.FC<BackdropProps> = ({\n  onClick,\n  children,\n  className,\n}) => (\n  <div className={className} onClick={onClick}>\n    {children}\n  </div>\n);\n\nconst ModalContent = ({\n  containerClassName,\n  closable,\n  onClose,\n  children,\n  loading,\n  modalStyles,\n}: ModalContentProps) => (\n  <div\n    className={cn('relative bg-[#FFF] rounded shadow-lg', containerClassName)}\n    tabIndex={-1}\n    style={modalStyles}\n  >\n    <Spin spinning={loading}>\n      {closable && (\n        <X className=\"h-4 w-4 absolute right-5 top-5\" onClick={onClose} />\n      )}\n      <div className=\"p-4\">{children}</div>\n    </Spin>\n  </div>\n);\n\nconst useEventListener = (\n  eventName: string,\n  handler: (event: Event) => void,\n  active: boolean,\n) => {\n  useEffect(() => {\n    if (active) {\n      const eventListener = (event: Event) => handler(event);\n\n      document.addEventListener(eventName, eventListener);\n      return () => {\n        document.removeEventListener(eventName, eventListener);\n      };\n    }\n  }, [eventName, handler, active]);\n};\n\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  closeOnEsc = true,\n  closable = true,\n  preventScroll = true,\n  backdropClassName = '',\n  containerClassName = '',\n  onOpen = () => {},\n  onClose,\n  children,\n  width = '600px',\n  maskClosable = true,\n  centered = true,\n  loading = false,\n}) => {\n  useEffect(() => {\n    if (open) {\n      onOpen?.();\n      if (preventScroll) {\n        document.body.style.overflow = 'hidden';\n      }\n    } else {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    }\n    return () => {\n      if (preventScroll) {\n        document.body.style.overflow = '';\n      }\n    };\n  }, [open, onOpen, preventScroll]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEsc && onClose) {\n        onClose?.();\n      }\n    },\n    [closeOnEsc, onClose],\n  );\n\n  const handleClickOutside = useCallback(() => {\n    if (onClose && maskClosable) {\n      onClose?.();\n    }\n  }, [onClose, maskClosable]);\n\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      if (maskClosable && event.target === event.currentTarget && onClose) {\n        onClose?.();\n      }\n    },\n    [maskClosable, onClose],\n  );\n\n  const modalStyles: React.CSSProperties = useMemo(\n    () => ({\n      width: typeof width === 'string' ? width : `${width}px`,\n      margin: centered ? 'auto' : undefined,\n    }),\n    [width, centered],\n  );\n\n  useEventListener(\n    'keydown',\n    handleKeyDown as (event: Event) => void,\n    open && closeOnEsc,\n  );\n  useEventListener(\n    'mousedown',\n    handleClickOutside as (event: Event) => void,\n    open && maskClosable,\n  );\n\n  if (!open) return null;\n\n  return ReactDOM.createPortal(\n    <Backdrop\n      onClick={handleBackdropClick}\n      className={cn(\n        'fixed inset-0 bg-[#000] bg-opacity-25 flex items-center justify-center z-10000',\n        backdropClassName,\n      )}\n    >\n      <ModalContent\n        containerClassName={containerClassName}\n        closable={closable}\n        onClose={onClose}\n        children={children}\n        loading={loading}\n        modalStyles={modalStyles}\n      />\n    </Backdrop>,\n    document.body,\n  );\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;;AAAA,SAAgB,WAAW,aAAa,eAAe;AACvD,OAAO,cAAc;AACrB,SAAS,SAAS;AAwChB,cAkBE,YAlBF;AALF,IAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,SAAI,WAAsB,SACxB,UACH;AAGF,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,wCAAwC,kBAAkB;AAAA,IACxE,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,+BAAC,QAAK,UAAU,SACb;AAAA,kBACC,oBAAC,KAAE,WAAU,kCAAiC,SAAS,SAAS;AAAA,MAElE,oBAAC,SAAI,WAAU,OAAO,UAAS;AAAA,OACjC;AAAA;AACF;AAGF,IAAM,mBAAmB,CACvB,WACA,SACA,WACG;AACH,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,YAAM,gBAAgB,CAAC,UAAiB,QAAQ,KAAK;AAErD,eAAS,iBAAiB,WAAW,aAAa;AAClD,aAAO,MAAM;AACX,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,SAAS,MAAM,CAAC;AACjC;AAEA,IAAM,QAA8B,CAAC;AAAA,EACnC;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU;AACZ,MAAM;AACJ,YAAU,MAAM;AACd,QAAI,MAAM;AACR,eAAS;AACT,UAAI,eAAe;AACjB,iBAAS,KAAK,MAAM,WAAW;AAAA,MACjC;AAAA,IACF,OAAO;AACL,UAAI,eAAe;AACjB,iBAAS,KAAK,MAAM,WAAW;AAAA,MACjC;AAAA,IACF;AACA,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,iBAAS,KAAK,MAAM,WAAW;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,aAAa,CAAC;AAEhC,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAyB;AACxB,UAAI,MAAM,QAAQ,YAAY,cAAc,SAAS;AACnD,kBAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,YAAY,OAAO;AAAA,EACtB;AAEA,QAAM,qBAAqB,YAAY,MAAM;AAC3C,QAAI,WAAW,cAAc;AAC3B,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,SAAS,YAAY,CAAC;AAE1B,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAAwD;AACvD,UAAI,gBAAgB,MAAM,WAAW,MAAM,iBAAiB,SAAS;AACnE,kBAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,cAAc,OAAO;AAAA,EACxB;AAEA,QAAM,cAAmC;AAAA,IACvC,OAAO;AAAA,MACL,OAAO,OAAO,UAAU,WAAW,QAAQ,GAAG;AAAA,MAC9C,QAAQ,WAAW,SAAS;AAAA,IAC9B;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV;AAEA,MAAI,CAAC;AAAM,WAAO;AAElB,SAAO,SAAS;AAAA,IACd;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AACF;","names":[]}