@velora-dex/widget 0.0.12 → 0.0.13

package/dist/components/widget/Drawer/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
-import { Drawer, DrawerHeader, DrawerTitle, DrawerClose, DrawerContent } from '../../ui/drawer.js';
+import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerPortal, DrawerContent } from '../../ui/drawer.js';
 import { useContainerAtom } from '../../../widget/state/containerAtom.js';
 import { XIcon } from 'lucide-react';
 
@@ -15,11 +15,12 @@ globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
   }
 };
 function ControlledDrawer(t0) {
-  const $ = distExports.c(16);
+  const $ = distExports.c(19);
   let _container;
   let children;
   let props;
   let showCloseButton;
+  let t1;
   let title;
   if ($[0] !== t0) {
     ({
@@ -27,6 +28,7 @@ function ControlledDrawer(t0) {
       container: _container,
       title,
       showCloseButton,
+      dismissible: t1,
       ...props
     } = t0);
     $[0] = t0;
@@ -34,51 +36,56 @@ function ControlledDrawer(t0) {
     $[2] = children;
     $[3] = props;
     $[4] = showCloseButton;
-    $[5] = title;
+    $[5] = t1;
+    $[6] = title;
   } else {
     _container = $[1];
     children = $[2];
     props = $[3];
     showCloseButton = $[4];
-    title = $[5];
+    t1 = $[5];
+    title = $[6];
   }
+  const dismissible = t1 === void 0 ? false : t1;
   const drawerContainer = useContainerAtom();
   const container = _container || drawerContainer;
-  let t1;
-  if ($[6] !== showCloseButton || $[7] !== title) {
-    t1 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+  let t2;
+  if ($[7] !== props || $[8] !== showCloseButton || $[9] !== title) {
+    t2 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx(DrawerTitle, { className: "font-medium text-lg text-contrast-4 dark:text-contrast-6", children: title }),
-      showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsx(XIcon, {}) })
+      showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) })
     ] }) });
-    $[6] = showCloseButton;
-    $[7] = title;
-    $[8] = t1;
+    $[7] = props;
+    $[8] = showCloseButton;
+    $[9] = title;
+    $[10] = t2;
   } else {
-    t1 = $[8];
+    t2 = $[10];
   }
-  let t2;
-  if ($[9] !== children || $[10] !== t1) {
-    t2 = /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", children: [
-      t1,
+  let t3;
+  if ($[11] !== children || $[12] !== t2) {
+    t3 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", children: [
+      t2,
       children
-    ] });
-    $[9] = children;
-    $[10] = t1;
-    $[11] = t2;
+    ] }) });
+    $[11] = children;
+    $[12] = t2;
+    $[13] = t3;
   } else {
-    t2 = $[11];
+    t3 = $[13];
   }
-  let t3;
-  if ($[12] !== container || $[13] !== props || $[14] !== t2) {
-    t3 = /* @__PURE__ */ jsx(Drawer, { ...props, container, children: t2 });
-    $[12] = container;
-    $[13] = props;
-    $[14] = t2;
-    $[15] = t3;
+  let t4;
+  if ($[14] !== container || $[15] !== dismissible || $[16] !== props || $[17] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t3 });
+    $[14] = container;
+    $[15] = dismissible;
+    $[16] = props;
+    $[17] = t3;
+    $[18] = t4;
   } else {
-    t3 = $[15];
+    t4 = $[18];
   }
-  return t3;
+  return t4;
 }
 
 export { ControlledDrawer };

package/dist/components/widget/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  showCloseButton?: boolean;\n};\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  showCloseButton,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer {...props} container={container}>\n      <DrawerContent className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\">\n        {(title || showCloseButton) && (\n          <DrawerHeader>\n            <div className=\"flex items-center justify-between\">\n              <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                {title}\n              </DrawerTitle>\n              {showCloseButton && (\n                <DrawerClose className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n                  <XIcon />\n                </DrawerClose>\n              )}\n            </div>\n          </DrawerHeader>\n        )}\n        {children}\n      </DrawerContent>\n    </Drawer>\n  );\n}\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","props","showCloseButton","title","container","drawerContainer","useContainerAtom","t1","t2","t3"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  showCloseButton?: boolean;\n};\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  showCloseButton,\n  dismissible = false,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\">\n          {(title || showCloseButton) && (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                  {title}\n                </DrawerTitle>\n                {showCloseButton && (\n                  <DrawerClose\n                    className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    onClick={props.onClose}\n                  >\n                    <XIcon />\n                  </DrawerClose>\n                )}\n              </div>\n            </DrawerHeader>\n          )}\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","props","showCloseButton","t1","title","container","dismissible","undefined","drawerContainer","useContainerAtom","t2","onClose","t3","t4"],"mappings":"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"}

package/dist/components/widget/Informative/Informative.d.ts

@@ -0,0 +1,7 @@
+import { WithClasses } from '../../../types/withClasses';
+export declare const Informative: ({ title, description, icon, classes, }: {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+} & WithClasses<"root">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Informative.d.ts.map

package/dist/components/widget/Informative/Informative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Informative.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Informative/Informative.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,WAAW,GAAI,wCAKzB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,GAAG,WAAW,CAAC,MAAM,CAAC,4CAyBtB,CAAC"}

package/dist/components/widget/Informative/Informative.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '../../../lib/utils/index.js';
+import { Share2 } from 'lucide-react';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const Informative = ({
+  title,
+  description,
+  icon = /* @__PURE__ */ jsx(Share2, { className: "text-primary-azul-1", size: 24 }),
+  classes
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative bg-contrast-8 dark:bg-transparent border-1 rounded-md border-primary-azul-1 flex flex-col gap-3", classes?.root), children: [
+    title && /* @__PURE__ */ jsx("div", { className: "absolute left-[-1px] top-[-1px] bg-primary-azul-1 border-1 rounded-md border-primary-azul-1 text-nowrap text-xs font-semibold text-contrast-7 py-1 px-3 z-10", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pr-[16px] pb-[12px] pl-[12px] pt-[12px]", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("text-xs text-contrast-3 dark:text-contrast-8", {
+        "pt-6": title
+      }), children: description }),
+      /* @__PURE__ */ jsx("div", { children: icon })
+    ] })
+  ] });
+};
+
+export { Informative };
+//# sourceMappingURL=Informative.js.map

package/dist/components/widget/Informative/Informative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Informative.js","sources":["../../../../src/components/widget/Informative/Informative.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { Share2 } from \"lucide-react\";\n\nexport const Informative = ({\n  title,\n  description,\n  icon = <Share2 className=\"text-primary-azul-1\" size={24} />,\n  classes,\n}: {\n  title?: string;\n  description?: string;\n  icon?: React.ReactNode;\n} & WithClasses<\"root\">) => {\n  return (\n    <div\n      className={cn(\n        \"relative bg-contrast-8 dark:bg-transparent border-1 rounded-md border-primary-azul-1 flex flex-col gap-3\",\n        classes?.root\n      )}\n    >\n      {title && (\n        <div className=\"absolute left-[-1px] top-[-1px] bg-primary-azul-1 border-1 rounded-md border-primary-azul-1 text-nowrap text-xs font-semibold text-contrast-7 py-1 px-3 z-10\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex items-center gap-3 pr-[16px] pb-[12px] pl-[12px] pt-[12px]\">\n        <div\n          className={cn(\"text-xs text-contrast-3 dark:text-contrast-8\", {\n            \"pt-6\": title,\n          })}\n        >\n          {description}\n        </div>\n        <div>{icon}</div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Informative","title","description","icon","classes","cn","root"],"mappings":";;;;;;;;;;;;;;AAIO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC,KAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,qBAAA,EAAsB,MAAM,EAAA,EAAG,CAAA;AAAA,EACxDC;AAKoB,CAAA,KAAM;AAC1B,EAAA,4BACG,KAAA,EAAA,EACC,SAAA,EAAWC,GACT,0GAAA,EACAD,OAAAA,EAASE,IACX,CAAA,EAECL,QAAAA,EAAAA;AAAAA,IAAAA,KAAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8JAAA,EACZA,QAAAA,EAAAA,KAAAA,EACH,CAAA;AAAA,oBAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EACC,SAAA,EAAWI,EAAAA,CAAG,8CAAA,EAAgD;AAAA,QAC5D,MAAA,EAAQJ;AAAAA,OACT,GAEAC,QAAAA,EAAAA,WAAAA,EACH,CAAA;AAAA,sBACA,GAAA,CAAC,SAAKC,QAAAA,EAAAA,IAAAA,EAAK;AAAA,KAAA,EACb;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/widget/PoweredBy/PoweredBy.d.ts

@@ -0,0 +1,2 @@
+export declare const PoweredBy: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PoweredBy.d.ts.map

package/dist/components/widget/PoweredBy/PoweredBy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CASrB,CAAC"}

package/dist/components/widget/PoweredBy/PoweredBy.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { ReactComponent as ForwardRef } from './assets/velora.svg.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const PoweredBy = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxs("div", { className: "flex gap-[4.5px] items-center justify-center mt-4", children: [
+      /* @__PURE__ */ jsx(ForwardRef, { className: "dark:fill-contrast-5" }),
+      /* @__PURE__ */ jsx("div", { className: "text-[10px] text-contrast-6 font-geist-mono", children: "Powered by Velora Exchange" })
+    ] });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+
+export { PoweredBy };
+//# sourceMappingURL=PoweredBy.js.map

package/dist/components/widget/PoweredBy/PoweredBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.js","sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n  return (\n    <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n      <VeloraSVG className=\"dark:fill-contrast-5\" />\n      <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n        Powered by Velora Exchange\n      </div>\n    </div>\n  );\n};\n"],"names":["PoweredBy","$","_c","t0","Symbol","for","VeloraSVG"],"mappings":";;;;;;;;;;;;;;AAEO,MAAMA,YAAYA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAErBF,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,mDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAACG,UAAA,EAAA,EAAoB,WAAA,sBAAA;sBACrB,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,6CAAA,EAA8C,QAAA,EAAA,4BAAA,EAE7D;AAAA,KAAA,EACF,CAAA;AAAML,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OALNE,EAAAA;AAKM;;;;"}

package/dist/components/widget/PoweredBy/assets/velora.svg.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+
+const SvgVelora = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 12, viewBox: "0 0 14 12", fill: "#CDCBD2", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9599 2.68126C13.459 -0.418843 10.6103 -0.361613 9.34087 0.856994C8.32976 0.434305 6.92357 0.273147 5.56388 0.583081C4.94132 0.714222 4.95766 0.665889 4.39196 0.408491C3.8039 0.105003 2.67314 -0.246414 1.55675 0.243452C-0.202939 1.1323 1.37316 3.67821 1.37316 3.67821C1.1106 4.00802 0.707227 4.26588 0.378334 4.4382C0.0822494 4.59333 -0.0833114 4.94293 0.0425579 5.25253C1.75208 9.45741 5.06505 11.4224 7.01423 11.9794C7.2909 12.0585 7.57138 11.9026 7.67995 11.6362L8.36454 9.95637C8.44094 9.76888 8.66091 9.68724 8.84264 9.77657C10.1285 10.4086 11.696 10.9927 12.6425 9.52622C13.1952 8.63032 13.7706 7.08661 13.3618 6.08865C12.953 5.09068 12.4478 4.54966 12.2279 3.98149C12.1059 3.66629 12.5199 3.484 12.4185 3.25723C12.2415 2.99857 11.9599 2.68126 11.9599 2.68126Z" }), /* @__PURE__ */ React.createElement("path", { d: "M9.80334 1.02855C10.074 0.784656 10.9426 0.344269 11.6034 0.57681C10.7634 0.616216 10.553 1.43488 9.80334 1.02855Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M1.41302 5.38152C1.28102 4.93276 0.948354 4.47643 0.389915 4.93145C1.53071 7.91286 3.55158 9.50225 3.55158 9.50225C2.47557 8.37327 1.77461 6.45423 1.41302 5.38152Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M6.13515 7.43024C6.69192 7.91871 7.73839 7.95135 9.31381 7.88845C8.59753 8.28747 7.42997 8.27433 7.42997 8.27433C7.95734 8.63128 9.04017 9.04692 10.1557 9.10624C11.2712 9.16556 12.0901 8.86896 12.0884 7.86142C12.0884 6.81037 10.2604 5.64274 6.13515 7.43024Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M13.0982 6.78511C12.8755 6.94086 12.6234 7.33688 12.5462 7.82277C12.2113 9.80037 13.2573 7.84397 13.0982 6.78511Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M9.03533 9.30787C9.90139 9.76785 11.6276 10.5483 12.313 9.23951L12.2297 9.15303C12.2226 9.14567 12.2117 9.14369 12.2025 9.14814C11.4683 9.50334 10.3406 9.63165 9.03533 9.30787Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M9.70539 4.14376C9.90837 4.70385 10.1612 5.35044 10.3837 5.76776C10.5077 6.00042 10.7473 6.13342 11.0093 6.16371C12.1465 6.29518 12.503 6.18962 12.727 6.0875C12.8282 6.04138 12.8832 5.92723 12.8213 5.83487C12.8213 5.83487 11.939 4.36619 11.5028 3.79365C11.2636 3.44376 10.9797 3.08205 11.7434 3.09575C9.62686 0.906267 7.68872 0.555232 5.43582 1.04929C4.99772 1.13536 4.75858 1.07224 4.30519 0.844643C3.82116 0.599835 3.13245 0.322508 2.24286 0.47933C2.87584 0.89267 3.40037 1.54258 3.76702 2.10959C4.22717 2.8212 5.00737 3.34388 5.85262 3.28104L8.06148 3.1168C8.75072 3.06556 9.46996 3.49413 9.70539 4.14376Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M6.71715 3.653L5.04228 3.75366C1.81487 3.99363 3.43054 7.60437 7.36482 6.52554C9.49704 5.94085 9.8389 5.55361 9.38707 4.51307C9.31796 4.38868 9.18025 4.31802 9.03802 4.32351C7.98438 4.36416 7.38732 4.10972 7.1565 3.8734C7.0387 3.75279 6.88547 3.64288 6.71715 3.653Z", fill: "white" }));
+const ForwardRef = forwardRef(SvgVelora);
+
+export { ForwardRef as ReactComponent };
+//# sourceMappingURL=velora.svg.js.map

package/dist/components/widget/PoweredBy/assets/velora.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"velora.svg.js","sources":["../../../../../src/components/widget/PoweredBy/assets/velora.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgVelora = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 14, height: 12, viewBox: \"0 0 14 12\", fill: \"#CDCBD2\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M11.9599 2.68126C13.459 -0.418843 10.6103 -0.361613 9.34087 0.856994C8.32976 0.434305 6.92357 0.273147 5.56388 0.583081C4.94132 0.714222 4.95766 0.665889 4.39196 0.408491C3.8039 0.105003 2.67314 -0.246414 1.55675 0.243452C-0.202939 1.1323 1.37316 3.67821 1.37316 3.67821C1.1106 4.00802 0.707227 4.26588 0.378334 4.4382C0.0822494 4.59333 -0.0833114 4.94293 0.0425579 5.25253C1.75208 9.45741 5.06505 11.4224 7.01423 11.9794C7.2909 12.0585 7.57138 11.9026 7.67995 11.6362L8.36454 9.95637C8.44094 9.76888 8.66091 9.68724 8.84264 9.77657C10.1285 10.4086 11.696 10.9927 12.6425 9.52622C13.1952 8.63032 13.7706 7.08661 13.3618 6.08865C12.953 5.09068 12.4478 4.54966 12.2279 3.98149C12.1059 3.66629 12.5199 3.484 12.4185 3.25723C12.2415 2.99857 11.9599 2.68126 11.9599 2.68126Z\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.80334 1.02855C10.074 0.784656 10.9426 0.344269 11.6034 0.57681C10.7634 0.616216 10.553 1.43488 9.80334 1.02855Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.41302 5.38152C1.28102 4.93276 0.948354 4.47643 0.389915 4.93145C1.53071 7.91286 3.55158 9.50225 3.55158 9.50225C2.47557 8.37327 1.77461 6.45423 1.41302 5.38152Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.13515 7.43024C6.69192 7.91871 7.73839 7.95135 9.31381 7.88845C8.59753 8.28747 7.42997 8.27433 7.42997 8.27433C7.95734 8.63128 9.04017 9.04692 10.1557 9.10624C11.2712 9.16556 12.0901 8.86896 12.0884 7.86142C12.0884 6.81037 10.2604 5.64274 6.13515 7.43024Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M13.0982 6.78511C12.8755 6.94086 12.6234 7.33688 12.5462 7.82277C12.2113 9.80037 13.2573 7.84397 13.0982 6.78511Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.03533 9.30787C9.90139 9.76785 11.6276 10.5483 12.313 9.23951L12.2297 9.15303C12.2226 9.14567 12.2117 9.14369 12.2025 9.14814C11.4683 9.50334 10.3406 9.63165 9.03533 9.30787Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.70539 4.14376C9.90837 4.70385 10.1612 5.35044 10.3837 5.76776C10.5077 6.00042 10.7473 6.13342 11.0093 6.16371C12.1465 6.29518 12.503 6.18962 12.727 6.0875C12.8282 6.04138 12.8832 5.92723 12.8213 5.83487C12.8213 5.83487 11.939 4.36619 11.5028 3.79365C11.2636 3.44376 10.9797 3.08205 11.7434 3.09575C9.62686 0.906267 7.68872 0.555232 5.43582 1.04929C4.99772 1.13536 4.75858 1.07224 4.30519 0.844643C3.82116 0.599835 3.13245 0.322508 2.24286 0.47933C2.87584 0.89267 3.40037 1.54258 3.76702 2.10959C4.22717 2.8212 5.00737 3.34388 5.85262 3.28104L8.06148 3.1168C8.75072 3.06556 9.46996 3.49413 9.70539 4.14376Z\", fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.71715 3.653L5.04228 3.75366C1.81487 3.99363 3.43054 7.60437 7.36482 6.52554C9.49704 5.94085 9.8389 5.55361 9.38707 4.51307C9.31796 4.38868 9.18025 4.31802 9.03802 4.32351C7.98438 4.36416 7.38732 4.10972 7.1565 3.8734C7.0387 3.75279 6.88547 3.64288 6.71715 3.653Z\", fill: \"white\" }));\nconst ForwardRef = forwardRef(SvgVelora);\nexport { ForwardRef as ReactComponent };\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,GAAG,CAAC;AACnB,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,GAAG;AACL,CAAC,EAAE,GAAG,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,GAAG,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,mwBAAmwB,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,oHAAoH,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,qKAAqK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,mQAAmQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,mHAAmH,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,kLAAkL,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,kmBAAkmB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2QAA2Q,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC3wG,MAAC,UAAU,GAAG,UAAU,CAAC,SAAS;;;;"}

package/dist/components/widget/ReceiverAddress/ReceiverAddress.js

@@ -18,7 +18,7 @@ globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
   }
 };
 const ReceiverAddress = (t0) => {
-  const $ = distExports.c(21);
+  const $ = distExports.c(20);
   const {
     classes
   } = t0;
@@ -27,90 +27,86 @@ const ReceiverAddress = (t0) => {
   } = useReceiverAddress();
   const t1 = useDrawerControls();
   let drawerProps;
-  let onClose;
   let onOpen;
   if ($[0] !== t1) {
     ({
-      onClose,
       onOpen,
       ...drawerProps
     } = t1);
     $[0] = t1;
     $[1] = drawerProps;
-    $[2] = onClose;
-    $[3] = onOpen;
+    $[2] = onOpen;
   } else {
     drawerProps = $[1];
-    onClose = $[2];
-    onOpen = $[3];
+    onOpen = $[2];
   }
   let t2;
-  if ($[4] !== onClose) {
-    t2 = /* @__PURE__ */ jsx(ReceiverAddressContent, { onClose });
-    $[4] = onClose;
-    $[5] = t2;
+  if ($[3] !== drawerProps.onClose) {
+    t2 = /* @__PURE__ */ jsx(ReceiverAddressContent, { onClose: drawerProps.onClose });
+    $[3] = drawerProps.onClose;
+    $[4] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[4];
   }
   let t3;
-  if ($[6] !== drawerProps || $[7] !== t2) {
+  if ($[5] !== drawerProps || $[6] !== t2) {
     t3 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Receiver's Address", showCloseButton: true, children: t2 });
-    $[6] = drawerProps;
-    $[7] = t2;
-    $[8] = t3;
+    $[5] = drawerProps;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[7];
   }
   const drawer = t3;
   const t4 = classes?.root;
   let t5;
-  if ($[9] !== t4) {
+  if ($[8] !== t4) {
     t5 = cn("bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]", t4);
-    $[9] = t4;
-    $[10] = t5;
+    $[8] = t4;
+    $[9] = t5;
   } else {
-    t5 = $[10];
+    t5 = $[9];
   }
   let t6;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx("div", { className: "text-contrast-4 dark:text-contrast-6 text-xs", children: "Receiving Address" });
-    $[11] = t6;
+    $[10] = t6;
   } else {
-    t6 = $[11];
+    t6 = $[10];
   }
   let t7;
-  if ($[12] !== onOpen || $[13] !== shortAddress) {
+  if ($[11] !== onOpen || $[12] !== shortAddress) {
     t7 = shortAddress ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("div", { className: "text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]", children: shortAddress }),
       /* @__PURE__ */ jsx(SquarePen, { size: 12, className: "text-primary-azul-1 cursor-pointer", onClick: onOpen })
     ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-azul-1 cursor-pointer", onClick: onOpen, children: "Add a receiving address" });
-    $[12] = onOpen;
-    $[13] = shortAddress;
-    $[14] = t7;
+    $[11] = onOpen;
+    $[12] = shortAddress;
+    $[13] = t7;
   } else {
-    t7 = $[14];
+    t7 = $[13];
   }
   let t8;
-  if ($[15] !== drawer || $[16] !== t7) {
+  if ($[14] !== drawer || $[15] !== t7) {
     t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       t6,
       t7,
       drawer
     ] });
-    $[15] = drawer;
-    $[16] = t7;
-    $[17] = t8;
+    $[14] = drawer;
+    $[15] = t7;
+    $[16] = t8;
   } else {
-    t8 = $[17];
+    t8 = $[16];
   }
   let t9;
-  if ($[18] !== t5 || $[19] !== t8) {
+  if ($[17] !== t5 || $[18] !== t8) {
     t9 = /* @__PURE__ */ jsx("div", { className: t5, children: t8 });
-    $[18] = t5;
-    $[19] = t8;
-    $[20] = t9;
+    $[17] = t5;
+    $[18] = t8;
+    $[19] = t9;
   } else {
-    t9 = $[20];
+    t9 = $[19];
   }
   return t9;
 };

package/dist/components/widget/ReceiverAddress/ReceiverAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReceiverAddress.js","sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\nimport { useReceiverAddress } from \"./state/receiverAddressAtom\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({ classes }: ReceiverAddressProps) => {\n  const { shortAddress } = useReceiverAddress();\n\n  const { onClose, onOpen, ...drawerProps } = useDrawerControls();\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Receiver's Address\"\n      showCloseButton\n    >\n      <ReceiverAddressContent onClose={onClose} />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n          Receiving Address\n        </div>\n        {shortAddress ? (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n              {shortAddress}\n            </div>\n            <SquarePen\n              size={12}\n              className=\"text-primary-azul-1 cursor-pointer\"\n              onClick={onOpen}\n            />\n          </div>\n        ) : (\n          <div\n            className=\"text-xs text-primary-azul-1 cursor-pointer\"\n            onClick={onOpen}\n          >\n            Add a receiving address\n          </div>\n        )}\n        {drawer}\n      </div>\n    </div>\n  );\n};\n"],"names":["ReceiverAddress","t0","$","_c","classes","shortAddress","useReceiverAddress","t1","useDrawerControls","drawerProps","onClose","onOpen","t2","t3","drawer","t4","root","t5","cn","t6","Symbol","for","t7","t8","t9"],"mappings":"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"}
+{"version":3,"file":"ReceiverAddress.js","sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\nimport { useReceiverAddress } from \"./state/receiverAddressAtom\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({ classes }: ReceiverAddressProps) => {\n  const { shortAddress } = useReceiverAddress();\n\n  const { onOpen, ...drawerProps } = useDrawerControls();\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Receiver's Address\"\n      showCloseButton\n    >\n      <ReceiverAddressContent onClose={drawerProps.onClose} />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n          Receiving Address\n        </div>\n        {shortAddress ? (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n              {shortAddress}\n            </div>\n            <SquarePen\n              size={12}\n              className=\"text-primary-azul-1 cursor-pointer\"\n              onClick={onOpen}\n            />\n          </div>\n        ) : (\n          <div\n            className=\"text-xs text-primary-azul-1 cursor-pointer\"\n            onClick={onOpen}\n          >\n            Add a receiving address\n          </div>\n        )}\n        {drawer}\n      </div>\n    </div>\n  );\n};\n"],"names":["ReceiverAddress","t0","$","_c","classes","shortAddress","useReceiverAddress","t1","useDrawerControls","drawerProps","onOpen","t2","onClose","t3","drawer","t4","root","t5","cn","t6","Symbol","for","t7","t8","t9"],"mappings":"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"}

package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js

@@ -1,6 +1,6 @@
 import { d as distExports } from '../../../../_virtual/index.js';
 import { shortenAddress } from '../../../../lib/utils/index.js';
-import { atom, useAtomValue, useAtom } from 'jotai';
+import { atom, useAtom, useAtomValue } from 'jotai';
 
 globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
   cache: /* @__PURE__ */ new Map(),