ddok-modal 1.0.0

package/dist/wallets/metamask/FoxRiveAnimation.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const FoxRiveAnimation: () => React.JSX.Element | null;
+//# sourceMappingURL=FoxRiveAnimation.d.ts.map

package/dist/wallets/metamask/FoxRiveAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoxRiveAnimation.d.ts","sourceRoot":"","sources":["../../../src/wallets/metamask/FoxRiveAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyDnD,eAAO,MAAM,gBAAgB,gCAuF5B,CAAC"}

package/dist/wallets/metamask/MetamaskModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CustomWalletModalProps } from '../../types';
+import './styles.css';
+declare const MetamaskModal: React.FC<CustomWalletModalProps>;
+export default MetamaskModal;
+//# sourceMappingURL=MetamaskModal.d.ts.map

package/dist/wallets/metamask/MetamaskModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetamaskModal.d.ts","sourceRoot":"","sources":["../../../src/wallets/metamask/MetamaskModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAIrD,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgbnD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/wallets/metamask/assets/metamask-fox.svg

@@ -0,0 +1,24 @@
+<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.7077 32.7522L25.1688 30.5174L19.4833 33.9008L15.5167 33.8991L9.82793 30.5174L2.29225 32.7522L0 25.0489L2.29225 16.4993L0 9.27094L2.29225 0.312256L14.0674 7.31554H20.9326L32.7077 0.312256L35 9.27094L32.7077 16.4993L35 25.0489L32.7077 32.7522Z" fill="#FF5C16"/>
+<path d="M2.29395 0.312256L14.0691 7.32047L13.6008 12.1301L2.29395 0.312256Z" fill="#FF5C16"/>
+<path d="M9.82959 25.0522L15.0106 28.9811L9.82959 30.5175V25.0522Z" fill="#FF5C16"/>
+<path d="M14.5966 18.5565L13.6009 12.1333L7.22692 16.5009L7.22363 16.4993V16.5025L7.24335 20.9983L9.82809 18.5565H9.82974H14.5966Z" fill="#FF5C16"/>
+<path d="M32.7077 0.312256L20.9326 7.32047L21.3993 12.1301L32.7077 0.312256Z" fill="#FF5C16"/>
+<path d="M25.1722 25.0522L19.9912 28.9811L25.1722 30.5175V25.0522Z" fill="#FF5C16"/>
+<path d="M27.7766 16.5025H27.7783H27.7766V16.4993L27.775 16.5009L21.401 12.1333L20.4053 18.5565H25.1722L27.7586 20.9983L27.7766 16.5025Z" fill="#FF5C16"/>
+<path d="M9.82793 30.5175L2.29225 32.7522L0 25.0522H9.82793V30.5175Z" fill="#E34807"/>
+<path d="M14.5947 18.5549L16.0341 27.8406L14.0393 22.6777L7.23975 20.9984L9.82613 18.5549H14.593H14.5947Z" fill="#E34807"/>
+<path d="M25.1721 30.5175L32.7078 32.7522L35.0001 25.0522H25.1721V30.5175Z" fill="#E34807"/>
+<path d="M20.4053 18.5549L18.9658 27.8406L20.9607 22.6777L27.7602 20.9984L25.1722 18.5549H20.4053Z" fill="#E34807"/>
+<path d="M0 25.0488L2.29225 16.4993H7.22183L7.23991 20.9967L14.0394 22.676L16.0343 27.8389L15.0089 28.976L9.82793 25.0472H0V25.0488Z" fill="#FF8D5D"/>
+<path d="M35.0001 25.0488L32.7078 16.4993H27.7783L27.7602 20.9967L20.9607 22.676L18.9658 27.8389L19.9912 28.976L25.1722 25.0472H35.0001V25.0488Z" fill="#FF8D5D"/>
+<path d="M20.9325 7.31543H17.4999H14.0673L13.6006 12.1251L16.0342 27.834H18.9656L21.4008 12.1251L20.9325 7.31543Z" fill="#FF8D5D"/>
+<path d="M2.29225 0.312256L0 9.27094L2.29225 16.4993H7.22183L13.5991 12.1301L2.29225 0.312256Z" fill="#661800"/>
+<path d="M13.17 20.4199H10.9369L9.72095 21.6062L14.0409 22.6727L13.17 20.4182V20.4199Z" fill="#661800"/>
+<path d="M32.7077 0.312256L34.9999 9.27094L32.7077 16.4993H27.7781L21.4009 12.1301L32.7077 0.312256Z" fill="#661800"/>
+<path d="M21.833 20.4199H24.0694L25.2853 21.6079L20.9604 22.676L21.833 20.4182V20.4199Z" fill="#661800"/>
+<path d="M19.4817 30.8362L19.9911 28.9794L18.9658 27.8423H16.0327L15.0073 28.9794L15.5167 30.8362" fill="#661800"/>
+<path d="M19.4816 30.8359V33.9021H15.5166V30.8359H19.4816Z" fill="#C0C4CD"/>
+<path d="M9.82959 30.5142L15.52 33.9008V30.8346L15.0106 28.9778L9.82959 30.5142Z" fill="#E7EBF6"/>
+<path d="M25.1721 30.5142L19.4817 33.9008V30.8346L19.9911 28.9778L25.1721 30.5142Z" fill="#E7EBF6"/>
+</svg>

package/dist/wallets/metamask/styles.css

@@ -0,0 +1,369 @@
+/* 
+ * MetaMask Modal Styles - ALL SCOPED to .wallet-connect-modal-container
+ * This ensures no style leakage to the host project
+ */
+
+/* Font import - must be global but safe */
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
+
+/* Light Theme Variables - SCOPED to container */
+.wallet-connect-modal-container[data-theme="light"],
+.wallet-connect-modal-container [data-theme="light"] {
+  --bg-primary: #ffffff;
+  --bg-secondary: #ffffff;
+  --bg-shadow: rgba(0, 0, 0, 0.4);
+
+  --text-primary: #000000;
+  --text-secondary: #3b3b3b;
+  --text-placeholder: #858b9a;
+
+  --border-primary: #b7bbc8;
+  --border-focus: #000000;
+
+  --button-disabled-bg: rgba(0, 0, 0, 0.5);
+  --button-active-bg: #000000;
+  --button-text: #ffffff;
+
+  --link-primary: #4459ff;
+  --link-text: #000000;
+}
+
+/* Dark Theme Variables - SCOPED to container */
+.wallet-connect-modal-container[data-theme="dark"],
+.wallet-connect-modal-container [data-theme="dark"] {
+  --bg-primary: #1a1a1a;
+  --bg-secondary: #121314;
+  --bg-shadow: rgba(0, 0, 0, 0.4);
+
+  --text-primary: #ffffff;
+  --text-secondary: #cccccc;
+  --text-placeholder: #888888;
+
+  --border-primary: #858b9a;
+  --border-focus: #ffffff;
+
+  --button-disabled-bg: rgba(255, 255, 255, 0.5);
+  --button-active-bg: #ffffff;
+  --button-text: #121314;
+
+  --link-primary: #6b7fff;
+  --link-text: #ffffff;
+}
+
+/* All selectors scoped to container */
+.wallet-connect-modal-container .metamask-card {
+  background: var(--bg-secondary);
+  border-radius: 0;
+  width: 100%;
+  max-width: 400px;
+  position: relative;
+  overflow: hidden;
+  height: 600px;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  box-shadow: 0px 0px 5px var(--bg-shadow);
+
+  box-sizing: border-box !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.wallet-connect-modal-container .metamask-font-regular {
+  font-family: "Geist", sans-serif !important;
+}
+
+.wallet-connect-modal-container .logo-input-wrapper {
+  padding: 0px 16px;
+}
+
+.wallet-connect-modal-container .logo-section {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 15px;
+  margin-top: 70px;
+}
+
+.wallet-connect-modal-container .logo-section svg {
+  width: 180px;
+  height: 180px;
+}
+
+.wallet-connect-modal-container .logo-image {
+  width: 180px;
+  height: auto;
+}
+
+.wallet-connect-modal-container[data-theme="dark"] .logo-section svg,
+.wallet-connect-modal-container [data-theme="dark"] .logo-section svg {
+  color: white;
+}
+.wallet-connect-modal-container[data-theme="light"] .logo-section svg,
+.wallet-connect-modal-container [data-theme="light"] .logo-section svg {
+  color: black;
+}
+
+.wallet-connect-modal-container .logo-text {
+  font-size: 48px;
+  font-weight: 900;
+  color: var(--text-primary);
+  line-height: 1.1;
+  letter-spacing: -1px;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+    sans-serif;
+}
+
+.wallet-connect-modal-container .unlock-form {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.wallet-connect-modal-container .input-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.wallet-connect-modal-container .input-wrapper .error-text {
+  margin-top: 4px;
+  color: #ff7584;
+  font-size: 14px;
+}
+.wallet-connect-modal-container .input-wrapper .error-input {
+  border: 1px solid #ff7584;
+}
+
+.wallet-connect-modal-container .password-input {
+  width: 100%;
+  padding: 16px 20px;
+  background: transparent;
+  border: 1px solid var(--border-primary);
+  border-radius: 8px;
+  color: var(--text-primary);
+  font-size: 16px;
+  outline: none;
+  transition: border-color 0.3s;
+  height: 48px;
+}
+
+.wallet-connect-modal-container .password-input::-moz-placeholder {
+  color: var(--text-placeholder);
+}
+
+.wallet-connect-modal-container .password-input::placeholder {
+  color: var(--text-placeholder);
+}
+
+.wallet-connect-modal-container .password-input:focus {
+  border: 1px solid var(--border-focus);
+}
+
+.wallet-connect-modal-container .unlock-button {
+  width: 100%;
+  padding: 16px;
+  background: var(--button-disabled-bg);
+  cursor: no-drop;
+  color: var(--button-text);
+  border: none;
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  transition: background 0.3s, color 0.3s;
+  height: 48px;
+}
+
+.wallet-connect-modal-container .unlock-button.active {
+  background: var(--button-active-bg);
+  color: var(--button-text);
+  cursor: pointer;
+}
+
+.wallet-connect-modal-container .forgot-link {
+  background: none;
+  border: none;
+  text-align: center;
+  color: var(--link-primary);
+  text-decoration: none;
+  font-size: 16px;
+  margin-top: 8px;
+  cursor: pointer;
+  padding: 0;
+  width: 100%;
+  font-weight: 500;
+}
+
+.wallet-connect-modal-container .forgot-link:hover {
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 5px;
+}
+
+.wallet-connect-modal-container .support-text {
+  text-align: center;
+  color: var(--text-secondary);
+  font-size: 16px;
+  margin-top: 8px;
+  font-weight: 500;
+}
+
+.wallet-connect-modal-container .support-link {
+  background: none;
+  border: none;
+  color: var(--link-primary);
+  text-decoration: none;
+  cursor: pointer;
+  padding: 0;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.wallet-connect-modal-container .support-link:hover {
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 5px;
+}
+
+.wallet-connect-modal-container .animation-wrapper {
+  width: 100%;
+  height: 150px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
+  margin-bottom: 1px;
+}
+
+.wallet-connect-modal-container .animation-wrapper > div {
+  width: 100% !important;
+  height: 150px !important;
+}
+
+.wallet-connect-modal-container .loader-wrapper {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.8);
+
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10000;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.wallet-connect-modal-container .loader {
+  width: 50px;
+  aspect-ratio: 1;
+  display: grid;
+  border-radius: 50%;
+  background: linear-gradient(
+        0deg,
+        rgba(109, 109, 109, 0.5) 30%,
+        #18181800 0 70%,
+        rgb(20, 20, 20) 0
+      )
+      50%/8% 100%,
+    linear-gradient(
+        90deg,
+        rgba(75, 75, 75, 0.25) 30%,
+        #0000 0 70%,
+        rgb(0 0 0/75%) 0
+      )
+      50%/100% 8%;
+  background-repeat: no-repeat;
+  animation: metamask-l23 1s infinite steps(12);
+}
+.wallet-connect-modal-container .loader::before,
+.wallet-connect-modal-container .loader::after {
+  content: "";
+  grid-area: 1/1;
+  border-radius: 50%;
+  background: inherit;
+  opacity: 0.915;
+  transform: rotate(30deg);
+}
+.wallet-connect-modal-container .loader::after {
+  opacity: 0.83;
+  transform: rotate(60deg);
+}
+@keyframes metamask-l23 {
+  100% {
+    transform: rotate(1turn);
+  }
+}
+
+@media (max-width: 768px) {
+  .wallet-connect-modal-container .metamask-card {
+    max-width: 380px;
+  }
+
+  .wallet-connect-modal-container .logo-text {
+    font-size: 40px;
+  }
+}
+
+@media (max-width: 480px) {
+  .wallet-connect-modal-container .logo-input-wrapper {
+    padding: 0px 15px;
+  }
+
+  .wallet-connect-modal-container .logo-text {
+    font-size: 36px;
+  }
+
+  .wallet-connect-modal-container .password-input,
+  .wallet-connect-modal-container .unlock-button {
+    padding: 14px 16px;
+    font-size: 15px;
+  }
+}
+
+.wallet-connect-modal-container .loading-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  gap: 30px;
+}
+.wallet-connect-modal-container .loading-fox {
+  width: 150px;
+  height: 150px;
+  animation: metamask-pulse 1.5s ease-in-out infinite;
+}
+@keyframes metamask-pulse {
+  0%,
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.05);
+    opacity: 0.8;
+  }
+}
+.wallet-connect-modal-container .spinner {
+  width: 30px;
+  height: 30px;
+  border: 4px solid transparent;
+  border-top: 4px solid #ff7f00;
+  border-right: 4px solid #ff7f00;
+  border-bottom: 4px solid #ff7f00;
+  border-radius: 50%;
+  animation: metamask-spin 0.8s linear infinite;
+}
+@keyframes metamask-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/wallets/phantom/PhantomModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CustomWalletModalProps } from '../../types';
+import './styles.css';
+declare const PhantomModal: React.FC<CustomWalletModalProps>;
+export default PhantomModal;
+//# sourceMappingURL=PhantomModal.d.ts.map

package/dist/wallets/phantom/PhantomModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhantomModal.d.ts","sourceRoot":"","sources":["../../../src/wallets/phantom/PhantomModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,cAAc,CAAC;AAYtB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAielD,CAAC;AAEF,eAAe,YAAY,CAAC"}