@multiplatform.one/web3 5.0.27

package/dist/cjs/connectkit/components/BalanceButton/index.native.js

@@ -0,0 +1,223 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BalanceButton_exports = {};
+__export(BalanceButton_exports, {
+  Balance: () => Balance,
+  default: () => BalanceButton_default
+});
+module.exports = __toCommonJS(BalanceButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_query = require("@tanstack/react-query");
+var import_styled = __toESM(require("./../../styles/styled/index.native.js"));
+var import_styled_components = require("styled-components");
+var import_framer_motion = require("framer-motion");
+var import_wagmi = require("wagmi");
+var import_viem = require("viem");
+var import_useIsMounted = __toESM(require("../../hooks/useIsMounted.native.js"));
+var import_Chain = __toESM(require("../Common/Chain/index.native.js"));
+var import_chainConfigs = require("../../constants/chainConfigs.native.js");
+var import_ThemedButton = __toESM(require("../Common/ThemedButton/index.native.js"));
+var import_utils = require("../../utils/index.native.js");
+var import_useChains = require("../../hooks/useChains.native.js");
+var import_useChainIsSupported = require("../../hooks/useChainIsSupported.native.js");
+var Container = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+`;
+var PlaceholderKeyframes = import_styled_components.keyframes`
+  0%,100%{ opacity: 0.1; transform: scale(0.75); }
+  50%{ opacity: 0.75; transform: scale(1.2) }
+`;
+var PulseContainer = import_styled.default.div`
+  pointer-events: none;
+  user-select: none;
+  padding: 0 5px;
+  span {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0 2px;
+    width: 3px;
+    height: 3px;
+    border-radius: 4px;
+    background: currentColor;
+    animation: ${PlaceholderKeyframes} 1000ms ease infinite both;
+  }
+`;
+var Balance = function Balance2(param) {
+  var {
+    hideIcon,
+    hideSymbol
+  } = param;
+  var isMounted = (0, import_useIsMounted.default)();
+  var [isInitial, setIsInitial] = (0, import_react.useState)(true);
+  var {
+    address,
+    chain
+  } = (0, import_wagmi.useAccount)();
+  var chains = (0, import_useChains.useChains)();
+  var isChainSupported = (0, import_useChainIsSupported.useChainIsSupported)(chain === null || chain === void 0 ? void 0 : chain.id);
+  var queryClient = (0, import_react_query.useQueryClient)();
+  var {
+    data: blockNumber
+  } = (0, import_wagmi.useBlockNumber)({
+    watch: true
+  });
+  var {
+    data: rawBalance,
+    queryKey
+  } = (0, import_wagmi.useBalance)({
+    address,
+    chainId: chain === null || chain === void 0 ? void 0 : chain.id
+  });
+  var balance = rawBalance ? {
+    ...rawBalance,
+    formatted: (0, import_viem.formatUnits)(rawBalance.value, rawBalance.decimals)
+  } : void 0;
+  (0, import_react.useEffect)(function () {
+    if (blockNumber !== null && blockNumber !== void 0 ? blockNumber : 0 % 5 === 0) queryClient.invalidateQueries({
+      queryKey
+    });
+  }, [blockNumber, queryKey]);
+  var currentChain = import_chainConfigs.chainConfigs.find(function (c) {
+    return c.id === (chain === null || chain === void 0 ? void 0 : chain.id);
+  });
+  var state = `${!isMounted || (balance === null || balance === void 0 ? void 0 : balance.formatted) === void 0 ? `balance-loading` : `balance-${currentChain === null || currentChain === void 0 ? void 0 : currentChain.id}-${balance === null || balance === void 0 ? void 0 : balance.formatted}`}`;
+  (0, import_react.useEffect)(function () {
+    setIsInitial(false);
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      position: "relative"
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+      initial: false,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+        initial: (balance === null || balance === void 0 ? void 0 : balance.formatted) !== void 0 && isInitial ? {
+          opacity: 1
+        } : {
+          opacity: 0,
+          position: "absolute",
+          top: 0,
+          left: 0,
+          bottom: 0
+        },
+        animate: {
+          opacity: 1,
+          position: "relative"
+        },
+        exit: {
+          opacity: 0,
+          position: "absolute",
+          top: 0,
+          left: 0,
+          bottom: 0
+        },
+        transition: {
+          duration: 0.4,
+          ease: [0.25, 1, 0.5, 1],
+          delay: 0.4
+        },
+        children: !address || !isMounted || (balance === null || balance === void 0 ? void 0 : balance.formatted) === void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Container, {
+          children: [!hideIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Chain.default, {
+            id: chain === null || chain === void 0 ? void 0 : chain.id
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            style: {
+              minWidth: 32
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(PulseContainer, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+                style: {
+                  animationDelay: "0ms"
+                }
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+                style: {
+                  animationDelay: "50ms"
+                }
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+                style: {
+                  animationDelay: "100ms"
+                }
+              })]
+            })
+          })]
+        }) : !isChainSupported ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Container, {
+          children: [!hideIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Chain.default, {
+            id: chain === null || chain === void 0 ? void 0 : chain.id
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            style: {
+              minWidth: 32
+            },
+            children: "???"
+          })]
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Container, {
+          children: [!hideIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Chain.default, {
+            id: chain === null || chain === void 0 ? void 0 : chain.id
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            style: {
+              minWidth: 32
+            },
+            children: (0, import_utils.nFormatter)(Number(balance === null || balance === void 0 ? void 0 : balance.formatted))
+          }), !hideSymbol && ` ${balance === null || balance === void 0 ? void 0 : balance.symbol}`]
+        })
+      }, state)
+    })
+  });
+};
+var BalanceButton = function BalanceButton2(param) {
+  var {
+    theme,
+    mode,
+    customTheme,
+    hideIcon,
+    hideSymbol
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemedButton.default, {
+    duration: 0.4,
+    variant: "secondary",
+    theme,
+    mode,
+    customTheme,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Balance, {
+      hideIcon,
+      hideSymbol
+    })
+  });
+};
+var BalanceButton_default = BalanceButton;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/BalanceButton/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BalanceButton_exports","__export","Balance","default","BalanceButton_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_react_query","import_styled","import_styled_components","import_framer_motion","import_wagmi","import_viem","import_useIsMounted","import_Chain","import_chainConfigs","import_ThemedButton","import_utils","import_useChains","import_useChainIsSupported","Container","motion","div","PlaceholderKeyframes","keyframes","PulseContainer","Balance2","param","hideIcon","hideSymbol","isMounted","isInitial","setIsInitial","useState","address","chain","useAccount","chains","useChains","isChainSupported","useChainIsSupported","id","queryClient","useQueryClient","data","blockNumber","useBlockNumber","watch","rawBalance","queryKey","useBalance","chainId","balance","formatted","formatUnits","decimals","useEffect","invalidateQueries","currentChain","chainConfigs","find","c","state","jsx","style","position","children","AnimatePresence","initial","opacity","top","left","bottom","animate","exit","transition","duration","ease","delay","jsxs"],"sources":["../../../../../src/connectkit/components/BalanceButton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/Common/Alert/index.cjs

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Alert_exports = {};
+__export(Alert_exports, {
+  default: () => Alert_default
+});
+module.exports = __toCommonJS(Alert_exports);
+var import_styles = require("./styles.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Alert = ({
+  children,
+  error,
+  icon
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.AlertContainer, {
+    $error: error,
+    children: [icon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.IconContainer, {
+      children: icon
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      children
+    })]
+  });
+};
+Alert.displayName = "Alert";
+var Alert_default = Alert;

package/dist/cjs/connectkit/components/Common/Alert/index.native.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Alert_exports = {};
+__export(Alert_exports, {
+  default: () => Alert_default
+});
+module.exports = __toCommonJS(Alert_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles.native.js");
+var Alert = function Alert2(param) {
+  var {
+    children,
+    error,
+    icon
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.AlertContainer, {
+    $error: error,
+    children: [icon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.IconContainer, {
+      children: icon
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      children
+    })]
+  });
+};
+Alert.displayName = "Alert";
+var Alert_default = Alert;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/Common/Alert/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Alert_exports","__export","default","Alert_default","module","exports","import_jsx_runtime","require","import_styles","Alert","Alert2","param","children","error","icon","jsxs","AlertContainer","$error","jsx","IconContainer"],"sources":["../../../../../../src/connectkit/components/Common/Alert/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAA8C,CAAAK,aAAA;AAI1C,IAAAM,kBAAA,GAAAC,OAAA;AAFJ,IAAAC,aAAiB,GAAAD,OAAU,qBAAO,CAAK;AACrC,IAAAE,KACE,YAAAC,OAAAC,KAAA;EACG;IAAAC,QAAQ;IAAAC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EAAqB,OAC9B,mBAAAL,kBAAA,CAACS,IAAA,EAAAP,aAAc,CAAAQ,cAAA;IAAAC,MACjB,EAAAJ,KAAA;IAEJD,QAAA,GACME,IAAA,mBAAc,IAAAR,kBAAA,CAAAY,GAAA,EAAAV,aAAA,CAAAW,aAAA;MAEbP,QAAA,EAAAE","ignoreList":[]}

package/dist/cjs/connectkit/components/Common/Alert/styles.cjs

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  AlertContainer: () => AlertContainer,
+  IconContainer: () => IconContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_framer_motion = require("framer-motion");
+var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.cjs"));
+var import_styled_components = require("styled-components");
+const AlertContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  gap: 8px;
+  position: relative;
+  border-radius: 9px;
+  margin: 0 auto;
+  padding: 10px;
+  text-align: left;
+  font-size: 14px;
+  line-height: 17px;
+  font-weight: 400;
+  max-width: 260px;
+  min-width: 100%;
+
+  border-radius: var(--ck-alert-border-radius, 12px);
+  color: var(--ck-alert-color, var(--ck-body-color-muted));
+  background: var(--ck-alert-background, var(--ck-body-background-secondary));
+  box-shadow: var(--ck-alert-box-shadow, var(--ck-body-box-shadow));
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    padding: 16px;
+    font-size: 16px;
+    line-height: 21px;
+    border-radius: 24px;
+    text-align: center;
+  }
+
+  ${$error => {
+  if ($error) return import_styled_components.css`
+        color: #fff;
+        background: var(--ck-body-color-danger, red);
+      `;
+}}
+`;
+const IconContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+`;

package/dist/cjs/connectkit/components/Common/Alert/styles.native.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  AlertContainer: () => AlertContainer,
+  IconContainer: () => IconContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_framer_motion = require("framer-motion");
+var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.native.js"));
+var import_styled_components = require("styled-components");
+var AlertContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  gap: 8px;
+  position: relative;
+  border-radius: 9px;
+  margin: 0 auto;
+  padding: 10px;
+  text-align: left;
+  font-size: 14px;
+  line-height: 17px;
+  font-weight: 400;
+  max-width: 260px;
+  min-width: 100%;
+
+  border-radius: var(--ck-alert-border-radius, 12px);
+  color: var(--ck-alert-color, var(--ck-body-color-muted));
+  background: var(--ck-alert-background, var(--ck-body-background-secondary));
+  box-shadow: var(--ck-alert-box-shadow, var(--ck-body-box-shadow));
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    padding: 16px;
+    font-size: 16px;
+    line-height: 21px;
+    border-radius: 24px;
+    text-align: center;
+  }
+
+  ${function ($error) {
+  if ($error) return import_styled_components.css`
+        color: #fff;
+        background: var(--ck-body-color-danger, red);
+      `;
+}}
+`;
+var IconContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/cjs/connectkit/components/Common/Alert/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","AlertContainer","IconContainer","module","exports","import_styled","__toESM","require","import_framer_motion","import_defaultTheme","import_styled_components","default","motion","div","mobileWidth","$error","css"],"sources":["../../../../../../src/connectkit/components/Common/Alert/styles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAmB,CAAAK,cAAA;AACnB,IAAAM,aAAA,GAAAC,OAAuB,CAAAC,OAAA;AACvB,IAAAC,oBAAA,GAAyBD,OAAA;AACzB,IAAAE,mBAAA,GAAAH,OAAoB,CAAAC,OAAA;AAEb,IAAAG,wBAAuB,GAAAH,OAAA,oBAAO;AAAU,IAAAN,cAAA,OAAAI,aAAA,CAAAM,OAAA,EAAAH,oBAAA,CAAAI,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBgB,uCAAAJ,mBAAA,CAAAE,OAAA,CAAAG,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3D,cAAIC,MAAA;EACF,IAAAA,MAAO,SAAAL,wBAAA,CAAAM,GAAA;AAAA;AAAA;AAAA;AAIX,CAAC;AAAA;AAGI,IAAAd,aAAM,OAAAG,aAAgB,CAAAM,OAAA,EAAAH,oBAAO,CAAAI,MAAA,CAAAC,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/cjs/connectkit/components/Common/Alert/types.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/connectkit/components/Common/Alert/types.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.native.js.map

package/dist/cjs/connectkit/components/Common/Alert/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../../../../../src/connectkit/components/Common/Alert/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}