@multiplatform.one/connectkit 6.0.0

package/dist/esm/components/Common/CustomQRCode/index.native.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QRCodeContainer, LogoContainer, LogoIcon, QRPlaceholder, QRCodeContent } from "./styles.native.js";
+import Tooltip from "../Tooltip/index.native.js";
+import { AnimatePresence, motion } from "framer-motion";
+import { QRCode } from "./QRCode.native.js";
+import useWindowSize from "../../../hooks/useWindowSize.native.js";
+function CustomQRCode(param) {
+  var {
+    value,
+    image,
+    imageBackground,
+    imagePosition = "center",
+    tooltipMessage
+  } = param;
+  var windowSize = useWindowSize();
+  var Logo = windowSize.width > 920 && tooltipMessage ? /* @__PURE__ */_jsx(Tooltip, {
+    xOffset: 139,
+    yOffset: 5,
+    delay: 0.1,
+    message: tooltipMessage,
+    children: image
+  }) : image;
+  return /* @__PURE__ */_jsx(QRCodeContainer, {
+    children: /* @__PURE__ */_jsxs(QRCodeContent, {
+      children: [image && /* @__PURE__ */_jsx(LogoContainer, {
+        children: /* @__PURE__ */_jsx(LogoIcon, {
+          $wcLogo: imagePosition !== "center",
+          style: {
+            background: imagePosition === "center" ? imageBackground : void 0
+          },
+          children: Logo
+        })
+      }), /* @__PURE__ */_jsx(AnimatePresence, {
+        initial: false,
+        children: value ? /* @__PURE__ */_jsx(motion.div, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0,
+            position: "absolute",
+            inset: [0, 0]
+          },
+          transition: {
+            duration: 0.2
+          },
+          children: /* @__PURE__ */_jsx(QRCode, {
+            uri: value,
+            size: 288,
+            ecl: "M",
+            clearArea: !!(imagePosition === "center" && image)
+          })
+        }, value) : /* @__PURE__ */_jsxs(QRPlaceholder, {
+          initial: {
+            opacity: 0.1
+          },
+          animate: {
+            opacity: 0.1
+          },
+          exit: {
+            opacity: 0,
+            position: "absolute",
+            inset: [0, 0]
+          },
+          transition: {
+            duration: 0.2
+          },
+          children: [/* @__PURE__ */_jsx("span", {}), /* @__PURE__ */_jsx("span", {}), /* @__PURE__ */_jsx("span", {}), /* @__PURE__ */_jsx("div", {})]
+        })
+      })]
+    })
+  });
+}
+CustomQRCode.displayName = "CustomQRCode";
+var CustomQRCode_default = CustomQRCode;
+export { CustomQRCode_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/Common/CustomQRCode/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","QRCodeContainer","LogoContainer","LogoIcon","QRPlaceholder","QRCodeContent","Tooltip","AnimatePresence","motion","QRCode","useWindowSize","CustomQRCode","param","value","image","imageBackground","imagePosition","tooltipMessage","windowSize","Logo","width","xOffset","yOffset","delay","message","children","$wcLogo","style","background","initial","div","opacity","animate","exit","position","inset","transition","duration","uri","size","ecl","clearArea"],"sources":["../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA,QAAe,mBAAU;AAEnD,SAAOC,eAAa,EAAAC,aAAA,EAAAC,QAAA,EAAAC,aAAA,EAAAC,aAAA;AACpB,OAAAC,OAAS,kCAAiB;AAE1B,SAASC,eAAc,EAAAC,MAAA;AACvB,SAAOC,MAAA,4BAAmB;AAapB,OAAAC,aA0CM,MA1CN;AAXN,SAASC,aAAaC,KAAA;EACpB;IAAAC,KAAA;IAAAC,KAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAL,KAAA;EACA,IAAAM,UAAA,GAAAR,aAAA;EACA,IAAAS,IAAA,GAAAD,UAAA,CAAAE,KAAA,UAAAH,cAAA,kBAAAnB,IAAA,CAAAQ,OAAA;IACAe,OAAA;IACAC,OAAA;IACoBC,KAAA;IACpBC,OAAM,EAAAP,cAAa;IAEnBQ,QAAM,EAAAX;EASN,KAAAA,KACE;EAEK,sBACChB,IAAA,CAAAG,eAAC;IACCwB,QAAC,iBAAAzB,KAAA,CAAAK,aAAA;MAAAoB,QAAA,GACCX,KAAA,IAAS,eAAAhB,IAAkB,CAAAI,aAAA;QAC3BuB,QAAO,iBAAA3B,IAAA,CAAAK,QAAA;UACLuB,OAAA,EAAAV,aAAY,aAAkB;UAChCW,KAAA;YAECC,UAAA,EAAAZ,aAAA,gBAAAD,eAAA;UAAA;UAELU,QAAA,EAAAN;QAGF;MAEK,mBAAArB,IAAA,CAAAS,eAAA;QAECsB,OAAS,EAAE;QACXJ,QAAS,EAAEZ,KAAA,GAAS,eAAEf,IAAA,CAAAU,MAAA,CAAAsB,GAAA;UACtBD,OAAQ;YACRE,OAAY;UACV;UACFC,OAAA;YAEAD,OAAA;UAAC;UAAAE,IAAA;YACCF,OAAK;YACLG,QAAM;YACNC,KAAI,GACJ,GAA4C;UAC9C;UAbKC,UAAA;YAgBPC,QAAA;UAAC;UAAAZ,QAAA,iBAAA3B,IAAA,CAAAW,MAAA;YACC6B,GAAS,EAAEzB,KAAA;YACX0B,IAAS,EAAE;YACLC,GAAE;YACRC,SAAY,KAAAzB,aAAA,iBAAAF,KAAA;UACV;QACF,GAAAD,KAAA,mBAAAb,KAAA,CAAAI,aAAA;UAEAyB,OAAA;YAAAE,OAAA;UACA;UACAC,OAAA;YACAD,OAAA;UAAK;UAAAE,IAAA;YAGXF,OAAA;YAEJG,QAAA;YAEJC,KAAA,GACa,GAEN","ignoreList":[]}

package/dist/esm/components/Common/CustomQRCode/styles.mjs

@@ -0,0 +1,151 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.mjs";
+import { css, keyframes } from "styled-components";
+const QRCodeContainer = styled(motion.div)`
+  z-index: 3;
+  position: relative;
+  overflow: hidden;
+  height: 0;
+  padding-bottom: 100% !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 1px 0 2px;
+  border-radius: var(--ck-qr-border-radius, 24px);
+  background: var(--ck-qr-background, transparent);
+  box-shadow: 0 0 0 1px var(--ck-qr-border-color);
+  backface-visibility: hidden;
+  svg {
+    display: block;
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+  }
+`;
+const QRCodeContent = styled(motion.div)`
+  position: absolute;
+  inset: 13px;
+  svg {
+    width: 100% !important;
+    height: auto !important;
+  }
+`;
+const PlaceholderKeyframes = keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+const QRPlaceholder = styled(motion.div)`
+  --color: var(--ck-qr-dot-color);
+  --bg: var(--ck-qr-background, var(--ck-body-background));
+
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > div {
+    z-index: 4;
+    position: relative;
+    width: 28%;
+    height: 28%;
+    border-radius: 20px;
+    background: var(--bg);
+    box-shadow: 0 0 0 7px var(--bg);
+  }
+  > span {
+    z-index: 4;
+    position: absolute;
+    background: var(--color);
+    border-radius: 12px;
+    width: 13.25%;
+    height: 13.25%;
+    box-shadow: 0 0 0 4px var(--bg);
+    &:before {
+      content: "";
+      position: absolute;
+      inset: 9px;
+      border-radius: 3px;
+      box-shadow: 0 0 0 4px var(--bg);
+    }
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+    }
+    &:nth-child(3) {
+      bottom: 0;
+      left: 0;
+    }
+  }
+  &:before {
+    z-index: 3;
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: repeat;
+    background-size: 1.888% 1.888%;
+    background-image: radial-gradient(var(--color) 41%, transparent 41%);
+  }
+  &:after {
+    z-index: 5;
+    content: "";
+    position: absolute;
+    inset: 0;
+    transform: scale(1.5) rotate(45deg);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 50%,
+      rgba(255, 255, 255, 1),
+      rgba(255, 255, 255, 0)
+    );
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+  }
+`;
+const LogoContainer = styled(motion.div)`
+  z-index: 6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: translateY(50%) scale(0.9999); // Shifting fix
+`;
+const LogoIcon = styled(motion.div)`
+  z-index: 6;
+  position: absolute;
+  left: 50%;
+  overflow: hidden;
+
+  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
+
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  ${props => props.$wcLogo ? css`
+          width: 29%;
+          height: 20.5%;
+        ` : css`
+          width: 28%;
+          height: 28%;
+          border-radius: 17px;
+          &:before {
+            pointer-events: none;
+            z-index: 2;
+            content: "";
+            position: absolute;
+            inset: 0;
+            border-radius: inherit;
+            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
+          }
+        `}
+`;
+export { LogoContainer, LogoIcon, PlaceholderKeyframes, QRCodeContainer, QRCodeContent, QRPlaceholder };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/components/Common/CustomQRCode/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","css","keyframes","QRCodeContainer","div","QRCodeContent","PlaceholderKeyframes","QRPlaceholder","LogoContainer","LogoIcon","props","$wcLogo"],"sources":["../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AACnB,SAASC,GAAA,EAAKC,SAAA,QAAiB;AAExB,MAAMC,eAAA,GAAkBH,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBzC,MAAMC,aAAA,GAAgBL,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC,MAAME,oBAAA,GAAuBJ,SAAA;AAAA;AAAA;AAAA;AAI7B,MAAMK,aAAA,GAAgBP,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAoE7BE,oBAAoB;AAAA;AAAA;AAI9B,MAAME,aAAA,GAAgBR,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvC,MAAMK,QAAA,GAAWT,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAepCM,KAAA,IACDA,KAAA,CAAMC,OAAA,GACFV,GAAA;AAAA;AAAA;AAAA,YAIAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAaC;AAAA","ignoreList":[]}

package/dist/esm/components/Common/CustomQRCode/styles.native.js

@@ -0,0 +1,153 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.native.js";
+import { css, keyframes } from "styled-components";
+var QRCodeContainer = styled(motion.div)`
+  z-index: 3;
+  position: relative;
+  overflow: hidden;
+  height: 0;
+  padding-bottom: 100% !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 1px 0 2px;
+  border-radius: var(--ck-qr-border-radius, 24px);
+  background: var(--ck-qr-background, transparent);
+  box-shadow: 0 0 0 1px var(--ck-qr-border-color);
+  backface-visibility: hidden;
+  svg {
+    display: block;
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+  }
+`;
+var QRCodeContent = styled(motion.div)`
+  position: absolute;
+  inset: 13px;
+  svg {
+    width: 100% !important;
+    height: auto !important;
+  }
+`;
+var PlaceholderKeyframes = keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+var QRPlaceholder = styled(motion.div)`
+  --color: var(--ck-qr-dot-color);
+  --bg: var(--ck-qr-background, var(--ck-body-background));
+
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > div {
+    z-index: 4;
+    position: relative;
+    width: 28%;
+    height: 28%;
+    border-radius: 20px;
+    background: var(--bg);
+    box-shadow: 0 0 0 7px var(--bg);
+  }
+  > span {
+    z-index: 4;
+    position: absolute;
+    background: var(--color);
+    border-radius: 12px;
+    width: 13.25%;
+    height: 13.25%;
+    box-shadow: 0 0 0 4px var(--bg);
+    &:before {
+      content: "";
+      position: absolute;
+      inset: 9px;
+      border-radius: 3px;
+      box-shadow: 0 0 0 4px var(--bg);
+    }
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+    }
+    &:nth-child(3) {
+      bottom: 0;
+      left: 0;
+    }
+  }
+  &:before {
+    z-index: 3;
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: repeat;
+    background-size: 1.888% 1.888%;
+    background-image: radial-gradient(var(--color) 41%, transparent 41%);
+  }
+  &:after {
+    z-index: 5;
+    content: "";
+    position: absolute;
+    inset: 0;
+    transform: scale(1.5) rotate(45deg);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 50%,
+      rgba(255, 255, 255, 1),
+      rgba(255, 255, 255, 0)
+    );
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+  }
+`;
+var LogoContainer = styled(motion.div)`
+  z-index: 6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: translateY(50%) scale(0.9999); // Shifting fix
+`;
+var LogoIcon = styled(motion.div)`
+  z-index: 6;
+  position: absolute;
+  left: 50%;
+  overflow: hidden;
+
+  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
+
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  ${function (props) {
+  return props.$wcLogo ? css`
+          width: 29%;
+          height: 20.5%;
+        ` : css`
+          width: 28%;
+          height: 28%;
+          border-radius: 17px;
+          &:before {
+            pointer-events: none;
+            z-index: 2;
+            content: "";
+            position: absolute;
+            inset: 0;
+            border-radius: inherit;
+            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
+          }
+        `;
+}}
+`;
+export { LogoContainer, LogoIcon, PlaceholderKeyframes, QRCodeContainer, QRCodeContent, QRPlaceholder };
+//# sourceMappingURL=styles.native.js.map

package/dist/esm/components/Common/CustomQRCode/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","css","keyframes","QRCodeContainer","div","QRCodeContent","PlaceholderKeyframes","QRPlaceholder","LogoContainer","LogoIcon","props","$wcLogo"],"sources":["../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AACnB,SAASC,GAAA,EAAKC,SAAA,QAAiB;AAExB,IAAAC,eAAM,GAAAH,MAAkB,CAAAD,MAAO,CAAAK,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBzC,IAAAC,aAAM,GAAAL,MAAgB,CAAAD,MAAO,CAAAK,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC,IAAAE,oBAAM,GAAAJ,SAAuB;AAAA;AAAA;AAAA;AAI7B,IAAAK,aAAM,GAAAP,MAAgB,CAAAD,MAAO,CAAAK,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAoE7BE,oBAAoB;AAAA;AAAA;AAI9B,IAAAE,aAAM,GAAAR,MAAgB,CAAAD,MAAO,CAAAK,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvC,IAAAK,QAAM,GAAAT,MAAW,CAAAD,MAAO,CAAAK,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAerC,UAACM,KACD;EACI,OAAAA,KAAA,CAAAC,OAAA,GAAAV,GAAA;AAAA;AAAA;AAIA,YAAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaC","ignoreList":[]}

package/dist/esm/components/Common/CustomQRCode/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/components/Common/CustomQRCode/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/components/Common/CustomQRCode/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/components/Common/CustomQRCode/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/components/Common/DynamicContainer/index.mjs

@@ -0,0 +1,33 @@
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+const DynamicContainer = ({
+  id,
+  children
+}) => {
+  return /* @__PURE__ */jsx("div", {
+    style: {
+      position: "relative"
+    },
+    children: /* @__PURE__ */jsx(motion.div, {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      exit: {
+        opacity: 0,
+        position: "absolute",
+        top: 0,
+        left: 0
+      },
+      transition: {
+        duration: 0.3
+      },
+      children
+    }, id)
+  });
+};
+var DynamicContainer_default = DynamicContainer;
+export { DynamicContainer_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/Common/DynamicContainer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","jsx","DynamicContainer","id","children","style","position","div","initial","opacity","animate","exit","top","left","transition","duration","DynamicContainer_default"],"sources":["../../../../../src/components/Common/DynamicContainer/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAOjB,SAAAC,GAAA;AAHN,MAAMC,gBAAA,GAAoDA,CAAC;EAAEC,EAAA;EAAIC;AAAS,MAAM;EAC9E,OACE,eAAAH,GAAA,CAAC;IAAII,KAAA,EAAO;MAAEC,QAAA,EAAU;IAAW;IACjCF,QAAA,iBAAAH,GAAA,CAACD,MAAA,CAAOO,GAAA,EAAP;MAECC,OAAA,EAAS;QAAEC,OAAA,EAAS;MAAE;MACtBC,OAAA,EAAS;QAAED,OAAA,EAAS;MAAE;MACtBE,IAAA,EAAM;QAAEF,OAAA,EAAS;QAAGH,QAAA,EAAU;QAAYM,GAAA,EAAK;QAAGC,IAAA,EAAM;MAAE;MAC1DC,UAAA,EAAY;QAAEC,QAAA,EAAU;MAAI;MAE3BX;IAAA,GANID,EAOP;EAAA,CACF;AAEJ;AACA,IAAOa,wBAAA,GAAQd,gBAAA","ignoreList":[]}

package/dist/esm/components/Common/DynamicContainer/index.native.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { motion } from "framer-motion";
+var DynamicContainer = function DynamicContainer2(param) {
+  var {
+    id,
+    children
+  } = param;
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      position: "relative"
+    },
+    children: /* @__PURE__ */_jsx(motion.div, {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      exit: {
+        opacity: 0,
+        position: "absolute",
+        top: 0,
+        left: 0
+      },
+      transition: {
+        duration: 0.3
+      },
+      children
+    }, id)
+  });
+};
+var DynamicContainer_default = DynamicContainer;
+export { DynamicContainer_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/Common/DynamicContainer/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","React","motion","DynamicContainer","DynamicContainer2","param","id","children","style","position","div","initial","opacity","animate"],"sources":["../../../../../src/components/Common/DynamicContainer/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAc;AAOjB,OAAAC,KAAA;AAHN,SAAMC,MAAA,uBAA2D;AAC/D,IAAAC,gBACE,YAACC,iBAAaA,CAAAC,KAAA,EAAU;EACtB,IAAC;IAAAC,EAAA;IAAOC;EAAA,IAAAF,KAAA;EAAA,OAAP,eAAAL,IAAA;IAAAQ,KAEC;MACAC,QAAA,EAAS;IAAa;IACoCF,QAC1D,iBAAwBP,IAAI,CAAAE,MAAA,CAAAQ,GAAA;MAE3BC,OAAA;QAAAC,OAAA;MANI;MAQTC,OAAA;QAEJD,OAAA;MACO","ignoreList":[]}

package/dist/esm/components/Common/FitText/index.mjs

@@ -0,0 +1,35 @@
+import React from "react";
+import useFitText from "../../../hooks/useFitText.mjs";
+import { jsx } from "react/jsx-runtime";
+const FitText = ({
+  children
+}) => {
+  const [ready, setReady] = React.useState(false);
+  const {
+    fontSize,
+    ref: textRef
+  } = useFitText({
+    logLevel: "none",
+    maxFontSize: 100,
+    minFontSize: 70,
+    onStart: () => setReady(true),
+    onFinish: () => setReady(true)
+  });
+  return /* @__PURE__ */jsx("div", {
+    ref: textRef,
+    style: {
+      visibility: ready ? "visible" : "hidden",
+      fontSize: `${fontSize}%`,
+      maxHeight: "100%",
+      maxWidth: "100%",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    children
+  });
+};
+FitText.displayName = "FitText";
+var FitText_default = FitText;
+export { FitText_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/Common/FitText/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useFitText","jsx","FitText","children","ready","setReady","useState","fontSize","ref","textRef","logLevel","maxFontSize","minFontSize","onStart","onFinish","style","visibility","maxHeight","maxWidth","display","justifyContent","alignItems","displayName","FitText_default"],"sources":["../../../../../src/components/Common/FitText/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,OAAOC,UAAA,MAAgB;AAYnB,SAAAC,GAAA;AAVJ,MAAMC,OAAA,GAAUA,CAAC;EAAEC;AAAS,MAAqC;EAC/D,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIN,KAAA,CAAMO,QAAA,CAAS,KAAK;EAC9C,MAAM;IAAEC,QAAA;IAAUC,GAAA,EAAKC;EAAQ,IAAIT,UAAA,CAAW;IAC5CU,QAAA,EAAU;IACVC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,OAAA,EAASA,CAAA,KAAMR,QAAA,CAAS,IAAI;IAC5BS,QAAA,EAAUA,CAAA,KAAMT,QAAA,CAAS,IAAI;EAC/B,CAAC;EACD,OACE,eAAAJ,GAAA,CAAC;IACCO,GAAA,EAAKC,OAAA;IACLM,KAAA,EAAO;MACLC,UAAA,EAAYZ,KAAA,GAAQ,YAAY;MAChCG,QAAA,EAAU,GAAGA,QAAQ;MACrBU,SAAA,EAAW;MACXC,QAAA,EAAU;MACVC,OAAA,EAAS;MACTC,cAAA,EAAgB;MAChBC,UAAA,EAAY;IACd;IAEClB;EAAA,CACH;AAEJ;AACAD,OAAA,CAAQoB,WAAA,GAAc;AAEtB,IAAOC,eAAA,GAAQrB,OAAA","ignoreList":[]}

package/dist/esm/components/Common/FitText/index.native.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import useFitText from "../../../hooks/useFitText.native.js";
+var FitText = function FitText2(param) {
+  var {
+    children
+  } = param;
+  var [ready, setReady] = React.useState(false);
+  var {
+    fontSize,
+    ref: textRef
+  } = useFitText({
+    logLevel: "none",
+    maxFontSize: 100,
+    minFontSize: 70,
+    onStart: function onStart() {
+      return setReady(true);
+    },
+    onFinish: function onFinish() {
+      return setReady(true);
+    }
+  });
+  return /* @__PURE__ */_jsx("div", {
+    ref: textRef,
+    style: {
+      visibility: ready ? "visible" : "hidden",
+      fontSize: `${fontSize}%`,
+      maxHeight: "100%",
+      maxWidth: "100%",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    children
+  });
+};
+FitText.displayName = "FitText";
+var FitText_default = FitText;
+export { FitText_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/Common/FitText/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","React","useFitText","FitText","FitText2","param","children","ready","setReady","useState","fontSize","ref","textRef","logLevel","maxFontSize","minFontSize","onStart","onFinish","style","visibility","maxHeight","maxWidth","display","justifyContent","alignItems"],"sources":["../../../../../src/components/Common/FitText/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAClB,OAAOC,KAAA,aAAgB;AAYnB,OAAAC,UAAA;AAVJ,IAAAC,OAAM,YAAaC,QAASA,CAAAC,KAAqC;EAC/D;IAAMC;EAAQ,IAAAD,KAAQ;EACtB,KAAAE,KAAQ,EAAAC,QAAU,IAAKP,KAAA,CAAAQ,QAAY;EAAW,IAC5C;IAAAC,QAAU;IAAAC,GAAA,EAAAC;EAAA,IAAAV,UAAA;IACVW,QAAA,QAAa;IACbC,WAAA,EAAa;IACbC,WAAS,IAAM;IACfC,OAAA,WAAgBA,OAASA,CAAA;MAC1B,OAAAR,QAAA;IACD;IACGS,QAAA,WAAAA,SAAA;MAAA,OAAAT,QAAA;IAAA;EACM;EACE,OACL,eAAYR,IAAQ;IAAYW,GAAA,EAChCC,OAAA;IAAqBM,KACrB;MAAWC,UACX,EAAUZ,KAAA;MAAAG,QACV,KAASA,QAAA;MAAAU,SACT;MAAgBC,QAChB,QAAY;MACdC,OAAA;MAECC,cAAA;MAAAC,UAAA;IACH;IAEJlB;EACA;AAEA","ignoreList":[]}

package/dist/esm/components/Common/LazyImage/index.mjs

@@ -0,0 +1,39 @@
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+const LazyImage = ({
+  src,
+  alt,
+  width,
+  height
+}) => {
+  const imageRef = useRef(null);
+  const [loaded, setLoaded] = useState(true);
+  useEffect(() => {
+    if (!(imageRef.current && imageRef.current.complete && imageRef.current.naturalHeight !== 0)) {
+      setLoaded(false);
+    }
+  }, [src]);
+  return /* @__PURE__ */jsx("div", {
+    style: {
+      width,
+      height,
+      background: "rgba(0,0,0,0.02)",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.02)"
+    },
+    children: /* @__PURE__ */jsx("img", {
+      ref: imageRef,
+      src,
+      alt,
+      width,
+      height,
+      onLoad: () => setLoaded(true),
+      style: {
+        transition: "opacity 0.2s ease",
+        opacity: loaded ? 1 : 0
+      }
+    })
+  });
+};
+var LazyImage_default = LazyImage;
+export { LazyImage_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/Common/LazyImage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","jsx","LazyImage","src","alt","width","height","imageRef","loaded","setLoaded","current","complete","naturalHeight","style","background","boxShadow","children","ref","onLoad","transition","opacity","LazyImage_default"],"sources":["../../../../../src/components/Common/LazyImage/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,SAAA,EAAWC,MAAA,EAAQC,QAAA,QAAgB;AA0B7C,SAAAC,GAAA;AAxBN,MAAMC,SAAA,GAKDA,CAAC;EAAEC,GAAA;EAAKC,GAAA;EAAKC,KAAA;EAAOC;AAAO,MAAM;EACpC,MAAMC,QAAA,GAAWR,MAAA,CAAY,IAAI;EACjC,MAAM,CAACS,MAAA,EAAQC,SAAS,IAAIT,QAAA,CAAS,IAAI;EAEzCF,SAAA,CAAU,MAAM;IACd,IAAI,EAAES,QAAA,CAASG,OAAA,IAAWH,QAAA,CAASG,OAAA,CAAQC,QAAA,IAAYJ,QAAA,CAASG,OAAA,CAAQE,aAAA,KAAkB,IAAI;MAC5FH,SAAA,CAAU,KAAK;IACjB;EACF,GAAG,CAACN,GAAG,CAAC;EAER,OACE,eAAAF,GAAA,CAAC;IACCY,KAAA,EAAO;MACLR,KAAA;MACAC,MAAA;MACAQ,UAAA,EAAY;MACZC,SAAA,EAAW;IACb;IAEAC,QAAA,iBAAAf,GAAA,CAAC;MACCgB,GAAA,EAAKV,QAAA;MACLJ,GAAA;MACAC,GAAA;MACAC,KAAA;MACAC,MAAA;MACAY,MAAA,EAAQA,CAAA,KAAMT,SAAA,CAAU,IAAI;MAC5BI,KAAA,EAAO;QAAEM,UAAA,EAAY;QAAqBC,OAAA,EAASZ,MAAA,GAAS,IAAI;MAAE;IAAA,CACpE;EAAA,CACF;AAEJ;AAEA,IAAOa,iBAAA,GAAQnB,SAAA","ignoreList":[]}

package/dist/esm/components/Common/LazyImage/index.native.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+var LazyImage = function LazyImage2(param) {
+  var {
+    src,
+    alt,
+    width,
+    height
+  } = param;
+  var imageRef = useRef(null);
+  var [loaded, setLoaded] = useState(true);
+  useEffect(function () {
+    if (!(imageRef.current && imageRef.current.complete && imageRef.current.naturalHeight !== 0)) {
+      setLoaded(false);
+    }
+  }, [src]);
+  return /* @__PURE__ */_jsx("div", {
+    style: {
+      width,
+      height,
+      background: "rgba(0,0,0,0.02)",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.02)"
+    },
+    children: /* @__PURE__ */_jsx("img", {
+      ref: imageRef,
+      src,
+      alt,
+      width,
+      height,
+      onLoad: function onLoad() {
+        return setLoaded(true);
+      },
+      style: {
+        transition: "opacity 0.2s ease",
+        opacity: loaded ? 1 : 0
+      }
+    })
+  });
+};
+var LazyImage_default = LazyImage;
+export { LazyImage_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/components/Common/LazyImage/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","React","useEffect","useRef","useState","LazyImage","LazyImage2","param","src","alt","width","height","imageRef","loaded","setLoaded","current","complete","naturalHeight","style","background","boxShadow","children","ref","onLoad","transition","opacity"],"sources":["../../../../../src/components/Common/LazyImage/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAW,QAAQ,mBAAgB;AA0B7C,OAAAC,KAAA,IAAAC,SAAA,EAAAC,MAAA,EAAAC,QAAA;AAxBN,IAAAC,SAAM,YAKEC,UAAUA,CAAAC,KAAO;EACvB;IAAMC,GAAA;IAAAC,GAAA;IAAAC,KAAW;IAAAC;EAAgB,IAAAJ,KAAA;EACjC,IAAAK,QAAO,GAAQT,MAAA,KAAS;EAExB,KAAAU,MAAU,EAAAC,SAAM,IAAAV,QAAA;EACdF,SAAM,aAAS;IACb,MAAAU,QAAU,CAAAG,OAAK,IAAAH,QAAA,CAAAG,OAAA,CAAAC,QAAA,IAAAJ,QAAA,CAAAG,OAAA,CAAAE,aAAA;MACjBH,SAAA;IACF;EAEA,IACGN,GAAA;EAAA,OACC,eAAOR,IAAA;IAAAkB,KACL;MAAAR,KACA;MAAAC,MACA;MAAYQ,UACZ,oBAAW;MACbC,SAAA;IAAA;IAEAC,QAAC,iBAAArB,IAAA;MAAAsB,GAAA,EAAAV,QAAA;MAAAJ,GAAA;MACMC,GAAA;MACLC,KACA;MAAAC,MACA;MAAAY,MACA,WAAAA,OAAA;QAAA,OACAT,SAAc;MAAc;MACsCI,KAAA;QACpEM,UAAA;QAAAC,OAAA,EAAAZ,MAAA;MACF;IAEJ;EAEA,EAAO","ignoreList":[]}