@velora-dex/widget 0.0.15 → 0.0.17

package/dist/components/ui/sonner.js

@@ -1,10 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../_virtual/index.js';
+import { useLogger } from '../../widget/logger.js';
+import { TOASTER_LIFETIME } from '../../widget/constants.js';
 import { useWidgetConfig } from '../../widget/state/configAtom.js';
-import { toast, Toaster as Toaster$1 } from 'sonner';
+import { toast, useSonner, Toaster as Toaster$1 } from 'sonner';
 
 const Toaster = (t0) => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(8);
   let props;
   if ($[0] !== t0) {
     ({
@@ -16,6 +18,11 @@ const Toaster = (t0) => {
     props = $[1];
   }
   const widgetConfig = useWidgetConfig();
+  const {
+    toasts
+  } = useSonner();
+  const logger = useLogger("Toaster");
+  logger.once.log("toasts", toasts);
   let t1;
   if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
@@ -28,15 +35,33 @@ const Toaster = (t0) => {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== props || $[4] !== widgetConfig.theme) {
-    t2 = /* @__PURE__ */ jsx(Toaster$1, { className: "toaster group", style: t1, theme: widgetConfig.theme, ...props });
-    $[3] = props;
-    $[4] = widgetConfig.theme;
-    $[5] = t2;
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      unstyled: true,
+      duration: TOASTER_LIFETIME
+    };
+    t3 = {
+      loading: null,
+      success: null,
+      error: null
+    };
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== props || $[6] !== widgetConfig.theme) {
+    t4 = /* @__PURE__ */ jsx(Toaster$1, { className: "toaster group", style: t1, toastOptions: t2, icons: t3, theme: widgetConfig.theme, ...props });
+    $[5] = props;
+    $[6] = widgetConfig.theme;
+    $[7] = t4;
   } else {
-    t2 = $[5];
+    t4 = $[7];
   }
-  return t2;
+  return t4;
 };
 window.toast = toast;
 

package/dist/components/ui/sonner.js.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.js","sources":["../../../src/components/ui/sonner.tsx"],"sourcesContent":["import { useWidgetConfig } from \"@/widget/state/configAtom\";\nimport { Toaster as Sonner, type ToasterProps, toast } from \"sonner\";\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const widgetConfig = useWidgetConfig();\n  return (\n    <Sonner\n      className=\"toaster group\"\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n        } as React.CSSProperties\n      }\n      theme={widgetConfig.theme}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n\n// @ts-expect-error window\nwindow.toast = toast;\n"],"names":["Toaster","t0","$","_c","props","widgetConfig","useWidgetConfig","t1","Symbol","for","t2","theme","Sonner","window","toast"],"mappings":";;;;;AAGA,MAAMA,UAAUC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAA,GAAAG;AAAAA,KAAA,GAAAH,EAAAA;AAA0BC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,KAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,KAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AACzC,EAAA,MAAAG,eAAqBC,eAAAA,EAAgB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAKjCF,IAAAA,EAAAA,GAAA;AAAA,MAAA,aAAA,EACiB,gBAAA;AAAA,MAAgB,eAAA,EACd,2BAAA;AAAA,MAA2B,iBAAA,EACzB;AAAA,KAAe;AACnCL,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAE,KAAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,aAAAM,KAAAA,EAAA;AAPLD,IAAAA,EAAAA,mBAAA,GAAA,CAACE,SAAA,EAAA,EACW,SAAA,EAAA,eAAA,EAER,KAAA,EAAAL,IAMK,KAAA,EAAAF,YAAAA,CAAYM,KAAAA,EAAM,GACrBP,KAAAA,EAAK,CAAA;AACTF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,CAAA,CAAA,IAAAG,YAAAA,CAAAM,KAAAA;AAAAT,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAXFQ,EAAAA;AAWE;AAONG,MAAAA,CAAOC,KAAAA,GAAQA,KAAAA;;;;"}
+{"version":3,"file":"sonner.js","sources":["../../../src/components/ui/sonner.tsx"],"sourcesContent":["import { useLogger } from \"@/widget/logger\";\nimport { TOASTER_LIFETIME } from \"@/widget/constants\";\nimport { useWidgetConfig } from \"@/widget/state/configAtom\";\nimport { Toaster as Sonner, type ToasterProps, toast, useSonner } from \"sonner\";\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const widgetConfig = useWidgetConfig();\n  const { toasts } = useSonner();\n  const logger = useLogger(\"Toaster\");\n\n  logger.once.log(\"toasts\", toasts);\n\n  return (\n    <Sonner\n      className=\"toaster group\"\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        unstyled: true,\n        duration: TOASTER_LIFETIME,\n      }}\n      icons={{\n        loading: null,\n        success: null,\n        error: null,\n      }}\n      theme={widgetConfig.theme}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n\n// @ts-expect-error window\nwindow.toast = toast;\n"],"names":["Toaster","t0","$","_c","props","widgetConfig","useWidgetConfig","toasts","useSonner","logger","useLogger","once","log","t1","Symbol","for","t2","t3","unstyled","duration","TOASTER_LIFETIME","loading","success","error","t4","theme","Sonner","window","toast"],"mappings":";;;;;;;AAKA,MAAMA,UAAUC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAA,GAAAG;AAAAA,KAAA,GAAAH,EAAAA;AAA0BC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,KAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,KAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AACzC,EAAA,MAAAG,eAAqBC,eAAAA,EAAgB;AACrC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAmBC,SAAAA,EAAU;AAC7B,EAAA,MAAAC,MAAAA,GAAeC,UAAU,SAAS,CAAA;AAElCD,EAAAA,MAAAA,CAAME,IAAAA,CAAAC,GAAAA,CAAU,QAAA,EAAUL,MAAM,CAAA;AAAC,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAY,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAM3BF,IAAAA,EAAAA,GAAA;AAAA,MAAA,aAAA,EACiB,gBAAA;AAAA,MAAgB,eAAA,EACd,2BAAA;AAAA,MAA2B,iBAAA,EACzB;AAAA,KAAe;AACnCX,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAf,EAAA,CAAA,CAAA,KAAAY,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEWC,IAAAA,EAAAA,GAAA;AAAA,MAAAE,QAAAA,EAAA,IAAA;AAAA,MAAAC,QAAAA,EAAAC;AAAAA,KAAA;AAIPH,IAAAA,EAAAA,GAAA;AAAA,MAAAI,OAAAA,EAAA,IAAA;AAAA,MAAAC,OAAAA,EAAA,IAAA;AAAA,MAAAC,KAAAA,EAAA;AAAA,KAAA;AAINrB,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,MAAAe,EAAAA;AAAAA,GAAA,MAAA;AAAAD,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAAe,IAAAA,EAAAA,GAAAf,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAsB,EAAAA;AAAA,EAAA,IAAAtB,CAAAA,QAAAE,KAAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,aAAAoB,KAAAA,EAAA;AAjBHD,IAAAA,EAAAA,uBAACE,SAAA,EAAA,EACW,SAAA,EAAA,eAAA,EAER,OAAAb,EAAAA,EAMY,YAAA,EAAAG,EAAAA,EAIP,KAAA,EAAAC,EAAAA,EAKA,KAAA,EAAAZ,YAAAA,CAAYoB,KAAAA,EAAM,GACrBrB,KAAAA,EAAK,CAAA;AACTF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,CAAA,CAAA,IAAAG,YAAAA,CAAAoB,KAAAA;AAAAvB,IAAAA,CAAAA,MAAAsB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAtB,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OApBFsB,EAAAA;AAoBE;AAONG,MAAAA,CAAOC,KAAAA,GAAQA,KAAAA;;;;"}

package/dist/components/ui/switch.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Switch({ className, thumbClassName, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    thumbClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,2CAmBA;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/switch.js

@@ -5,46 +5,60 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { cn } from '../../lib/utils/index.js';
 
 function Switch(t0) {
-  const $ = distExports.c(9);
+  const $ = distExports.c(14);
   let className;
   let props;
+  let thumbClassName;
   if ($[0] !== t0) {
     ({
       className,
+      thumbClassName,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = props;
+    $[3] = thumbClassName;
   } else {
     className = $[1];
     props = $[2];
+    thumbClassName = $[3];
   }
   let t1;
-  if ($[3] !== className) {
+  if ($[4] !== className) {
     t1 = cn("peer data-[state=checked]:bg-secondary-shamrock-green-2 data-[state=unchecked]:bg-contrast-6 focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-contrast-6 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className);
-    $[3] = className;
-    $[4] = t1;
+    $[4] = className;
+    $[5] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[5];
   }
   let t2;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("bg-contrast-9 dark:data-[state=unchecked]:bg-contrast-1 pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") });
-    $[5] = t2;
+  if ($[6] !== thumbClassName) {
+    t2 = cn("bg-contrast-9 dark:data-[state=unchecked]:bg-contrast-1 pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0", thumbClassName);
+    $[6] = thumbClassName;
+    $[7] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[7];
   }
   let t3;
-  if ($[6] !== props || $[7] !== t1) {
-    t3 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: t1, ...props, children: t2 });
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t3;
+  if ($[8] !== t2) {
+    t3 = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: t2 });
+    $[8] = t2;
+    $[9] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[9];
   }
-  return t3;
+  let t4;
+  if ($[10] !== props || $[11] !== t1 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: t1, ...props, children: t3 });
+    $[10] = props;
+    $[11] = t1;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 }
 
 export { Switch };

package/dist/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\nimport { cn } from \"@/lib/utils/index\";\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer data-[state=checked]:bg-secondary-shamrock-green-2 data-[state=unchecked]:bg-contrast-6 focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-contrast-6 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"bg-contrast-9 dark:data-[state=unchecked]:bg-contrast-1 pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"names":["Switch","t0","$","_c","className","props","t1","cn","t2","Symbol","for","t3"],"mappings":";;;;;;AAKA,SAAAA,OAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAD,EAAAA,EAAA;AAAgB,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAJ,EAAAA;AAGoCC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAA,GAAA,MAAA;AAAAD,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAInCE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,uYACAH,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAGDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,gBAAA,KAAA,EAAA,EACY,aAAA,cAAA,EACC,SAAA,EAAAD,EAAAA,CACT,0NACF,CAAA,EAAC,CAAA;AACDL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAI,EAAAA,EAAA;AAbJK,IAAAA,EAAAA,+CACY,WAAA,EAAA,UACC,SAAA,EAAAL,EAAAA,KAIPD,KAAAA,EAEJG,QAAAA,EAAAA,EAAAA,EAMF,CAAA;AAAuBN,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAdvBS,EAAAA;AAcuB;;;;"}
+{"version":3,"file":"switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\nimport { cn } from \"@/lib/utils/index\";\n\nfunction Switch({\n  className,\n  thumbClassName,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  thumbClassName?: string;\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer data-[state=checked]:bg-secondary-shamrock-green-2 data-[state=unchecked]:bg-contrast-6 focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-contrast-6 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"bg-contrast-9 dark:data-[state=unchecked]:bg-contrast-1 pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\",\n          thumbClassName\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"names":["Switch","t0","$","_c","className","props","thumbClassName","t1","cn","t2","t3","t4"],"mappings":";;;;;;AAKA,SAAAA,OAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAC,cAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAD,EAAAA,EAAA;AAAgB,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAAE,cAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAAJ,EAAAA;AAMfC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,cAAAA;AAAAA,GAAA,MAAA;AAAAF,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,cAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAE,SAAAA,EAAA;AAIgBG,IAAAA,EAAAA,GAAAC,EAAAA,CACT,uYACAJ,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAI,cAAAA,EAAA;AAKYG,IAAAA,EAAAA,GAAAD,EAAAA,CACT,4NACAF,cACF,CAAA;AAACJ,IAAAA,CAAAA,MAAAI,cAAAA;AAAAJ,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAO,EAAAA,EAAA;AALHC,IAAAA,EAAAA,uBAAA,eAAA,CAAA,KAAA,EAAA,EACY,WAAA,EAAA,cAAA,EACC,WAAAD,EAAAA,EAGV,CAAA;AACDP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAG,KAAAA,IAAAH,CAAAA,SAAAK,EAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAQ,EAAAA,EAAA;AAdJC,IAAAA,EAAAA,+CACY,WAAA,EAAA,UACC,SAAA,EAAAJ,EAAAA,KAIPF,KAAAA,EAEJK,QAAAA,EAAAA,EAAAA,EAOF,CAAA;AAAuBR,IAAAA,CAAAA,OAAAG,KAAAA;AAAAH,IAAAA,CAAAA,OAAAK,EAAAA;AAAAL,IAAAA,CAAAA,OAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,OAAAS,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,EAAA,CAAA;AAAA;AAAA,EAAA,OAfvBS,EAAAA;AAeuB;;;;"}

package/dist/components/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAK5D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAmBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/tooltip.js

@@ -3,6 +3,7 @@ import { d as distExports } from '../../_virtual/index.js';
 import 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cn } from '../../lib/utils/index.js';
+import { useContainerAtom } from '../../widget/state/containerAtom.js';
 
 function TooltipProvider(t0) {
   const $ = distExports.c(6);
@@ -77,7 +78,7 @@ function TooltipTrigger(t0) {
   return t1;
 }
 function TooltipContent(t0) {
-  const $ = distExports.c(13);
+  const $ = distExports.c(16);
   let children;
   let className;
   let props;
@@ -101,6 +102,7 @@ function TooltipContent(t0) {
     t1 = $[4];
   }
   const sideOffset = t1 === void 0 ? 0 : t1;
+  const container = useContainerAtom();
   let t2;
   if ($[5] !== className) {
     t2 = cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className);
@@ -118,10 +120,10 @@ function TooltipContent(t0) {
   }
   let t4;
   if ($[8] !== children || $[9] !== props || $[10] !== sideOffset || $[11] !== t2) {
-    t4 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset, className: t2, ...props, children: [
+    t4 = /* @__PURE__ */ jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset, className: t2, ...props, children: [
       children,
       t3
-    ] }) });
+    ] });
     $[8] = children;
     $[9] = props;
     $[10] = sideOffset;
@@ -130,7 +132,16 @@ function TooltipContent(t0) {
   } else {
     t4 = $[12];
   }
-  return t4;
+  let t5;
+  if ($[13] !== container || $[14] !== t4) {
+    t5 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container, children: t4 });
+    $[13] = container;
+    $[14] = t4;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
 }
 
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["TooltipProvider","t0","$","_c","props","t1","delayDuration","undefined","t2","Tooltip","TooltipTrigger","TooltipContent","children","className","sideOffset","cn","t3","Symbol","for","t4"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@/lib/utils\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  const container = useContainerAtom();\n\n  return (\n    <TooltipPrimitive.Portal container={container}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["TooltipProvider","t0","$","_c","props","t1","delayDuration","undefined","t2","Tooltip","TooltipTrigger","TooltipContent","children","className","sideOffset","container","useContainerAtom","cn","t3","Symbol","for","t4","t5"],"mappings":"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"}

package/dist/components/web3/AccountButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountButton.d.ts","sourceRoot":"","sources":["../../../src/components/web3/AccountButton.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,+CA+BzB,CAAC"}
+{"version":3,"file":"AccountButton.d.ts","sourceRoot":"","sources":["../../../src/components/web3/AccountButton.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa,+CA2CzB,CAAC"}

package/dist/components/web3/AccountButton.js

@@ -8,11 +8,15 @@ import { ControlledDrawer } from '../widget/Drawer/index.js';
 import { ConnectWalletsContainer } from './ConnectWallets/index.js';
 import { useDrawerControls } from '../widget/Drawer/state/useDrawerControls.js';
 import { useContainerAtom } from '../../widget/state/containerAtom.js';
+import { ConnectedWallet } from './ConnectedWallet/ConnectedWallet.js';
+import { useState } from 'react';
+import { useIsDappMode } from '../../widget/state/externalProviderAtom.js';
 
 const AccountButton = () => {
-  const $ = distExports.c(15);
+  const $ = distExports.c(19);
   const {
-    address
+    address,
+    connector: activeConnector
   } = useAccount();
   const t0 = useDrawerControls();
   let drawerProps;
@@ -30,49 +34,93 @@ const AccountButton = () => {
     onOpen = $[2];
   }
   const drawerContainer = useContainerAtom();
+  const isDappMode = useIsDappMode();
   let t1;
-  if ($[3] !== address || $[4] !== onOpen) {
-    t1 = address && /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "rounded-[17px] h-[24px] text-contrast-1 dark:text-contrast-7", onClick: onOpen, children: [
+  if ($[3] !== address || $[4] !== isDappMode || $[5] !== onOpen) {
+    t1 = address && /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "rounded-[17px] h-[24px] text-contrast-1 dark:text-contrast-7 disabled:cursor-pointer disabled:opacity-100", disabled: isDappMode, onClick: onOpen, children: [
       /* @__PURE__ */ jsx(Wallet, { className: "size-4" }),
       /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: shortenAddress(address) })
     ] });
     $[3] = address;
-    $[4] = onOpen;
-    $[5] = t1;
+    $[4] = isDappMode;
+    $[5] = onOpen;
+    $[6] = t1;
   } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== drawerProps.onClose) {
-    t2 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
-    $[6] = drawerProps.onClose;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
+    t1 = $[6];
   }
+  const t2 = address ? "Connected Wallet" : "Connect Your Wallet";
   let t3;
-  if ($[8] !== drawerContainer || $[9] !== drawerProps || $[10] !== t2) {
-    t3 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, title: "Connect Your Wallet", showCloseButton: true, children: t2 });
-    $[8] = drawerContainer;
-    $[9] = drawerProps;
-    $[10] = t2;
-    $[11] = t3;
+  if ($[7] !== activeConnector || $[8] !== address || $[9] !== drawerProps.onClose) {
+    t3 = address && activeConnector ? /* @__PURE__ */ jsx(ConnectedWalletContent, { account: address, activeConnector, closeDrawer: drawerProps.onClose }) : /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
+    $[7] = activeConnector;
+    $[8] = address;
+    $[9] = drawerProps.onClose;
+    $[10] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[10];
   }
   let t4;
-  if ($[12] !== t1 || $[13] !== t3) {
-    t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  if ($[11] !== drawerContainer || $[12] !== drawerProps || $[13] !== t2 || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, title: t2, showCloseButton: true, children: t3 });
+    $[11] = drawerContainer;
+    $[12] = drawerProps;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== t1 || $[17] !== t4) {
+    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
       t1,
-      t3
+      t4
     ] });
-    $[12] = t1;
-    $[13] = t3;
-    $[14] = t4;
+    $[16] = t1;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+};
+const ConnectedWalletContent = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    account,
+    activeConnector,
+    closeDrawer
+  } = t0;
+  const [screen, setScreen] = useState("account");
+  if (screen === "connect-another") {
+    let t12;
+    if ($[0] !== closeDrawer) {
+      t12 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: closeDrawer });
+      $[0] = closeDrawer;
+      $[1] = t12;
+    } else {
+      t12 = $[1];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => setScreen("connect-another");
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== account || $[4] !== activeConnector || $[5] !== closeDrawer) {
+    t2 = /* @__PURE__ */ jsx(ConnectedWallet, { account, activeConnector, onDismiss: closeDrawer, onConnectAnother: t1 });
+    $[3] = account;
+    $[4] = activeConnector;
+    $[5] = closeDrawer;
+    $[6] = t2;
   } else {
-    t4 = $[14];
+    t2 = $[6];
   }
-  return t4;
+  return t2;
 };
 
 export { AccountButton };

package/dist/components/web3/AccountButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountButton.js","sources":["../../../src/components/web3/AccountButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { useAccount } from \"wagmi\";\nimport { Wallet } from \"lucide-react\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"./ConnectWallets\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\n\nexport const AccountButton = () => {\n  const { address } = useAccount();\n  const { onOpen, ...drawerProps } = useDrawerControls();\n  const drawerContainer = useContainerAtom();\n\n  // have to render ControlledDrawer always, otherwise on AccountButton mount it auto-opens,\n  // because of memoization of previous result by react-compiler.\n  // and \"use no memo\" is ignored for some reason\n\n  return (\n    <>\n      {address && (\n        <Button\n          variant=\"outline\"\n          className=\"rounded-[17px] h-[24px] text-contrast-1 dark:text-contrast-7\"\n          onClick={onOpen}\n        >\n          <Wallet className=\"size-4\" />\n          <span className=\"text-sm font-medium\">{shortenAddress(address)}</span>\n        </Button>\n      )}\n      <ControlledDrawer\n        {...drawerProps}\n        container={drawerContainer}\n        title=\"Connect Your Wallet\"\n        showCloseButton\n      >\n        <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n      </ControlledDrawer>\n    </>\n  );\n};\n"],"names":["AccountButton","$","_c","address","useAccount","t0","useDrawerControls","drawerProps","onOpen","drawerContainer","useContainerAtom","t1","shortenAddress","t2","onClose","t3","t4"],"mappings":"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"}
+{"version":3,"file":"AccountButton.js","sources":["../../../src/components/web3/AccountButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { useAccount, type Connector } from \"wagmi\";\nimport { Wallet } from \"lucide-react\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"./ConnectWallets\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\nimport { ConnectedWallet } from \"./ConnectedWallet/ConnectedWallet\";\nimport { useState } from \"react\";\nimport type { Address } from \"viem\";\nimport { useIsDappMode } from \"@/widget/state/externalProviderAtom\";\n\nexport const AccountButton = () => {\n  const { address, connector: activeConnector } = useAccount();\n  const { onOpen, ...drawerProps } = useDrawerControls();\n  const drawerContainer = useContainerAtom();\n\n  // have to render ControlledDrawer always, otherwise on AccountButton mount it auto-opens,\n  // because of memoization of previous result by react-compiler.\n  // and \"use no memo\" is ignored for some reason\n\n  const isDappMode = useIsDappMode();\n\n  return (\n    <>\n      {address && (\n        <Button\n          variant=\"outline\"\n          //                                                                      unset disabled styles\n          className=\"rounded-[17px] h-[24px] text-contrast-1 dark:text-contrast-7 disabled:cursor-pointer disabled:opacity-100\"\n          disabled={isDappMode} // disallow to disconnect or switch wallet if in dapp mode\n          onClick={onOpen}\n        >\n          <Wallet className=\"size-4\" />\n          <span className=\"text-sm font-medium\">{shortenAddress(address)}</span>\n        </Button>\n      )}\n      <ControlledDrawer\n        {...drawerProps}\n        container={drawerContainer}\n        title={address ? \"Connected Wallet\" : \"Connect Your Wallet\"}\n        showCloseButton\n      >\n        {address && activeConnector ? (\n          <ConnectedWalletContent\n            account={address}\n            activeConnector={activeConnector}\n            closeDrawer={drawerProps.onClose}\n          />\n        ) : (\n          <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n        )}\n      </ControlledDrawer>\n    </>\n  );\n};\n\nconst ConnectedWalletContent = ({\n  account,\n  activeConnector,\n  closeDrawer,\n}: {\n  account: Address;\n  activeConnector: Connector;\n  closeDrawer: () => void;\n}) => {\n  const [screen, setScreen] = useState<\"account\" | \"connect-another\">(\n    \"account\"\n  );\n\n  if (screen === \"connect-another\")\n    return <ConnectWalletsContainer onComplete={closeDrawer} />;\n\n  return (\n    <ConnectedWallet\n      account={account}\n      activeConnector={activeConnector}\n      onDismiss={closeDrawer}\n      onConnectAnother={() => setScreen(\"connect-another\")}\n    />\n  );\n};\n"],"names":["AccountButton","$","_c","address","connector","activeConnector","useAccount","t0","useDrawerControls","drawerProps","onOpen","drawerContainer","useContainerAtom","isDappMode","useIsDappMode","t1","shortenAddress","t2","t3","onClose","t4","t5","ConnectedWalletContent","account","closeDrawer","screen","setScreen","useState","Symbol","for"],"mappings":"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"}

package/dist/components/web3/ConnectExternalProvider/AutoconnectExternal.d.ts

@@ -0,0 +1,2 @@
+export declare function AutoconnectExternalProvider(): null;
+//# sourceMappingURL=AutoconnectExternal.d.ts.map

package/dist/components/web3/ConnectExternalProvider/AutoconnectExternal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoconnectExternal.d.ts","sourceRoot":"","sources":["../../../../src/components/web3/ConnectExternalProvider/AutoconnectExternal.tsx"],"names":[],"mappings":"AAMA,wBAAgB,2BAA2B,SA0C1C"}

package/dist/components/web3/ConnectExternalProvider/AutoconnectExternal.js

@@ -0,0 +1,92 @@
+import { d as distExports } from '../../../_virtual/index.js';
+import { useExternalProvider } from '../../../widget/state/externalProviderAtom.js';
+import { useConnect, useDisconnect, useAccount, injected } from 'wagmi';
+import { useRef, useLayoutEffect, useEffect } from 'react';
+
+const EXTERNAL_CONNECTOR_ID = "external_provider_from_App";
+function AutoconnectExternalProvider() {
+  const $ = distExports.c(14);
+  const externalProvider = useExternalProvider();
+  const {
+    connect
+  } = useConnect();
+  const {
+    disconnect
+  } = useDisconnect();
+  const {
+    connector: currentConnector
+  } = useAccount();
+  const connectorIsExternal = currentConnector?.id === EXTERNAL_CONNECTOR_ID;
+  let t0;
+  if ($[0] !== connectorIsExternal || $[1] !== disconnect) {
+    t0 = () => {
+      if (connectorIsExternal) {
+        disconnect();
+      }
+    };
+    $[0] = connectorIsExternal;
+    $[1] = disconnect;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const disconnectExternalRef = useRef(t0);
+  let t1;
+  let t2;
+  if ($[3] !== connectorIsExternal || $[4] !== disconnect) {
+    t1 = () => {
+      disconnectExternalRef.current = () => {
+        if (connectorIsExternal) {
+          disconnect();
+        }
+      };
+    };
+    t2 = [connectorIsExternal, disconnect];
+    $[3] = connectorIsExternal;
+    $[4] = disconnect;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useLayoutEffect(t1, t2);
+  let t3;
+  if ($[7] !== connect || $[8] !== externalProvider) {
+    t3 = () => {
+      if (externalProvider === null) {
+        disconnectExternalRef.current();
+        return;
+      }
+      connect({
+        connector: injected({
+          target: {
+            id: EXTERNAL_CONNECTOR_ID,
+            name: "External",
+            provider: externalProvider
+          }
+        })
+      });
+    };
+    $[7] = connect;
+    $[8] = externalProvider;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== connect || $[11] !== disconnect || $[12] !== externalProvider) {
+    t4 = [externalProvider, connect, disconnect];
+    $[10] = connect;
+    $[11] = disconnect;
+    $[12] = externalProvider;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  useEffect(t3, t4);
+  return null;
+}
+
+export { AutoconnectExternalProvider };
+//# sourceMappingURL=AutoconnectExternal.js.map

package/dist/components/web3/ConnectExternalProvider/AutoconnectExternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoconnectExternal.js","sources":["../../../../src/components/web3/ConnectExternalProvider/AutoconnectExternal.tsx"],"sourcesContent":["import { useExternalProvider } from \"@/widget/state/externalProviderAtom\";\nimport { injected, useAccount, useConnect, useDisconnect } from \"wagmi\";\nimport { useEffect, useLayoutEffect, useRef } from \"react\";\n\nconst EXTERNAL_CONNECTOR_ID = \"external_provider_from_App\";\n\nexport function AutoconnectExternalProvider() {\n  const externalProvider = useExternalProvider();\n\n  const { connect } = useConnect();\n  const { disconnect } = useDisconnect();\n  const { connector: currentConnector } = useAccount();\n\n  const connectorIsExternal = currentConnector?.id === EXTERNAL_CONNECTOR_ID;\n  const disconnectExternalRef = useRef(() => {\n    // take care not to just disconnect a potantially not-extenral provider,\n    // just because external provider=null now\n    if (connectorIsExternal) {\n      disconnect();\n    }\n  });\n\n  useLayoutEffect(() => {\n    disconnectExternalRef.current = () => {\n      if (connectorIsExternal) {\n        disconnect();\n      }\n    };\n  }, [connectorIsExternal, disconnect]);\n\n  useEffect(() => {\n    // disconnect previous external provider if provider=null now\n    if (externalProvider === null) {\n      disconnectExternalRef.current();\n      return;\n    }\n    connect({\n      connector: injected({\n        target: {\n          id: EXTERNAL_CONNECTOR_ID,\n          name: \"External\",\n          provider: externalProvider,\n        },\n      }),\n    });\n  }, [externalProvider, connect, disconnect]);\n\n  return null;\n}\n"],"names":["EXTERNAL_CONNECTOR_ID","AutoconnectExternalProvider","$","_c","externalProvider","useExternalProvider","connect","useConnect","disconnect","useDisconnect","connector","currentConnector","useAccount","connectorIsExternal","id","t0","disconnectExternalRef","useRef","t1","t2","current","useLayoutEffect","t3","injected","target","name","provider","t4","useEffect"],"mappings":"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"}

package/dist/components/web3/ConnectWallets/index.js

@@ -122,7 +122,7 @@ function ConnectWalletsContainer(t0) {
   }
   let t4;
   if ($[16] !== t2 || $[17] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "w-[460px]", children: [
+    t4 = /* @__PURE__ */ jsxs("div", { className: "max-w-[460px]", children: [
       t2,
       t3
     ] });