@velora-dex/widget 0.1.0-rc.2 → 0.1.1

package/dist/components/widget/Tabs/Tabs.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+import { TabsTrigger, TabsList, TabsContent, Tabs as Tabs$1 } from '@radix-ui/react-tabs';
+
+const defaultClasses = {
+  trigger: "data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5"
+};
+const Tabs = (t0) => {
+  const $ = distExports.c(21);
+  const {
+    defaultValue,
+    tabContents,
+    classes: tabsClasses
+  } = t0;
+  const t1 = tabsClasses?.root;
+  const t2 = tabsClasses?.listRoot;
+  const t3 = tabsClasses?.list;
+  let t4;
+  if ($[0] !== tabContents || $[1] !== tabsClasses?.trigger) {
+    let t52;
+    if ($[3] !== tabsClasses?.trigger) {
+      t52 = (t62) => {
+        const {
+          value,
+          label,
+          classes: itemClasses
+        } = t62;
+        return /* @__PURE__ */ jsx(TabsTrigger, { value, className: cn(defaultClasses.trigger, tabsClasses?.trigger, itemClasses?.trigger), children: label }, value);
+      };
+      $[3] = tabsClasses?.trigger;
+      $[4] = t52;
+    } else {
+      t52 = $[4];
+    }
+    t4 = tabContents.map(t52);
+    $[0] = tabContents;
+    $[1] = tabsClasses?.trigger;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  let t5;
+  if ($[5] !== t3 || $[6] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t3, children: t4 });
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t2 || $[9] !== t5) {
+    t6 = /* @__PURE__ */ jsx(TabsList, { className: t2, children: t5 });
+    $[8] = t2;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== tabContents || $[12] !== tabsClasses?.content) {
+    let t82;
+    if ($[14] !== tabsClasses?.content) {
+      t82 = (t9) => {
+        const {
+          value: value_0,
+          classes: itemClasses_0,
+          content
+        } = t9;
+        return /* @__PURE__ */ jsx(TabsContent, { value: value_0, className: cn(tabsClasses?.content, itemClasses_0?.content), children: content }, value_0);
+      };
+      $[14] = tabsClasses?.content;
+      $[15] = t82;
+    } else {
+      t82 = $[15];
+    }
+    t7 = tabContents.map(t82);
+    $[11] = tabContents;
+    $[12] = tabsClasses?.content;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[16] !== defaultValue || $[17] !== t1 || $[18] !== t6 || $[19] !== t7) {
+    t8 = /* @__PURE__ */ jsxs(Tabs$1, { defaultValue, className: t1, children: [
+      t6,
+      t7
+    ] });
+    $[16] = defaultValue;
+    $[17] = t1;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  return t8;
+};
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"names":["defaultClasses","trigger","Tabs","t0","$","_c","defaultValue","tabContents","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","value","label","itemClasses","cn","map","t7","content","t8","t9","value_0","itemClasses_0","RadixTabs"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TokenBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkDhD,CAAC"}
+{"version":3,"file":"TokenBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwEhD,CAAC"}

package/dist/components/widget/TokenBadge/TokenBadge.js

@@ -1,12 +1,14 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { NetworkIconSquare } from '../NetworkIcon/NetworkIconSquare.js';
 import { cn } from '../../../lib/utils/index.js';
 import { LockIcon } from 'lucide-react';
+import vlrURL from '../../../assets/vlr.svg.js';
 import TOKEN_IMG_PLACEHOLDER from './assets/placeholder.png.js';
+import { isVLR } from '../../../tokens/utils/brand.js';
 
 const TokenBadge = (t0) => {
-  const $ = distExports.c(25);
+  const $ = distExports.c(28);
   const {
     img,
     address,
@@ -16,79 +18,102 @@ const TokenBadge = (t0) => {
     imageLess,
     classes,
     lockIcon,
-    showNetworkIcon
+    showNetworkIcon,
+    amountPosition: t1
   } = t0;
-  const t1 = classes?.root;
+  const amountPosition = t1 === void 0 ? "left" : t1;
+  const isVLRToken = isVLR({
+    address
+  }, chainId);
+  const imgSrc = isVLRToken ? vlrURL : img;
   let t2;
-  if ($[0] !== t1) {
-    t2 = cn("flex items-center gap-2 font-geist-mono", t1);
-    $[0] = t1;
-    $[1] = t2;
+  if ($[0] !== amount || $[1] !== classes?.amount) {
+    t2 = amount !== void 0 && /* @__PURE__ */ jsx("div", { className: classes?.amount, children: amount });
+    $[0] = amount;
+    $[1] = classes?.amount;
+    $[2] = t2;
   } else {
-    t2 = $[1];
+    t2 = $[2];
   }
+  const amountEl = t2;
   let t3;
-  if ($[2] !== amount || $[3] !== classes?.amount) {
-    t3 = amount !== void 0 && /* @__PURE__ */ jsx("div", { className: classes?.amount, children: amount });
-    $[2] = amount;
-    $[3] = classes?.amount;
-    $[4] = t3;
+  if ($[3] !== address || $[4] !== chainId || $[5] !== classes?.logo || $[6] !== classes?.networkIcon || $[7] !== classes?.networkIconContainer || $[8] !== imageLess || $[9] !== imgSrc || $[10] !== showNetworkIcon) {
+    t3 = !imageLess && /* @__PURE__ */ jsxs("div", { className: cn("flex relative"), children: [
+      /* @__PURE__ */ jsx("img", { className: cn("size-[20px] overflow-hidden", classes?.logo), height: 20, width: 20, src: imgSrc ?? TOKEN_IMG_PLACEHOLDER, title: address, onError: _temp, alt: address }),
+      showNetworkIcon && /* @__PURE__ */ jsx("div", { className: cn("flex absolute bottom-[-1px] right-[-1px]", classes?.networkIconContainer), children: /* @__PURE__ */ jsx(NetworkIconSquare, { networkId: chainId, className: cn("size-[12px]", classes?.networkIcon), withBorder: true }) })
+    ] });
+    $[3] = address;
+    $[4] = chainId;
+    $[5] = classes?.logo;
+    $[6] = classes?.networkIcon;
+    $[7] = classes?.networkIconContainer;
+    $[8] = imageLess;
+    $[9] = imgSrc;
+    $[10] = showNetworkIcon;
+    $[11] = t3;
   } else {
-    t3 = $[4];
+    t3 = $[11];
   }
+  const imgEl = t3;
   let t4;
-  if ($[5] !== address || $[6] !== chainId || $[7] !== classes?.logo || $[8] !== classes?.networkIcon || $[9] !== classes?.networkIconContainer || $[10] !== imageLess || $[11] !== img || $[12] !== showNetworkIcon) {
-    t4 = !imageLess && /* @__PURE__ */ jsxs("div", { className: cn("flex relative"), children: [
-      /* @__PURE__ */ jsx("img", { className: cn(classes?.logo, "size-[20px]"), height: 20, width: 20, src: img ?? TOKEN_IMG_PLACEHOLDER, title: address, onError: _temp, alt: address }),
-      showNetworkIcon && /* @__PURE__ */ jsx("div", { className: cn("flex absolute bottom-[-1px] right-[-1px]", classes?.networkIconContainer), children: /* @__PURE__ */ jsx(NetworkIconSquare, { networkId: chainId, className: cn("size-[12px]", classes?.networkIcon), withBorder: true }) })
+  if ($[12] !== amountEl || $[13] !== amountPosition || $[14] !== imgEl) {
+    t4 = amountPosition === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      imgEl,
+      amountEl
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      amountEl,
+      imgEl
     ] });
-    $[5] = address;
-    $[6] = chainId;
-    $[7] = classes?.logo;
-    $[8] = classes?.networkIcon;
-    $[9] = classes?.networkIconContainer;
-    $[10] = imageLess;
-    $[11] = img;
-    $[12] = showNetworkIcon;
-    $[13] = t4;
+    $[12] = amountEl;
+    $[13] = amountPosition;
+    $[14] = imgEl;
+    $[15] = t4;
   } else {
-    t4 = $[13];
+    t4 = $[15];
   }
-  let t5;
-  if ($[14] !== classes?.symbol || $[15] !== symbol) {
-    t5 = symbol && /* @__PURE__ */ jsx("div", { className: classes?.symbol, children: symbol });
-    $[14] = classes?.symbol;
-    $[15] = symbol;
+  const amountAndImg = t4;
+  const t5 = classes?.root;
+  let t6;
+  if ($[16] !== t5) {
+    t6 = cn("flex items-center gap-2 font-geist-mono", t5);
     $[16] = t5;
+    $[17] = t6;
   } else {
-    t5 = $[16];
+    t6 = $[17];
   }
-  let t6;
-  if ($[17] !== lockIcon) {
-    t6 = lockIcon && /* @__PURE__ */ jsx(LockIcon, { className: "text-secondary-orange-peel-1" });
-    $[17] = lockIcon;
-    $[18] = t6;
+  let t7;
+  if ($[18] !== classes?.symbol || $[19] !== symbol) {
+    t7 = symbol && /* @__PURE__ */ jsx("div", { className: classes?.symbol, children: symbol });
+    $[18] = classes?.symbol;
+    $[19] = symbol;
+    $[20] = t7;
   } else {
-    t6 = $[18];
+    t7 = $[20];
   }
-  let t7;
-  if ($[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t3,
-      t4,
-      t5,
-      t6
+  let t8;
+  if ($[21] !== lockIcon) {
+    t8 = lockIcon && /* @__PURE__ */ jsx(LockIcon, { className: "text-secondary-orange-peel-1" });
+    $[21] = lockIcon;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== amountAndImg || $[24] !== t6 || $[25] !== t7 || $[26] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: t6, children: [
+      amountAndImg,
+      t7,
+      t8
     ] });
-    $[19] = t2;
-    $[20] = t3;
-    $[21] = t4;
-    $[22] = t5;
-    $[23] = t6;
-    $[24] = t7;
+    $[23] = amountAndImg;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = t9;
   } else {
-    t7 = $[24];
+    t9 = $[27];
   }
-  return t7;
+  return t9;
 };
 function _temp(e) {
   e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;

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

@@ -1 +1 @@
-{"version":3,"file":"TokenBadge.js","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n}) => {\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amount !== undefined && <div className={classes?.amount}>{amount}</div>}\n      {!imageLess && (\n        <div className={cn(\"flex relative\")}>\n          <img\n            className={cn(classes?.logo, \"size-[20px]\")}\n            // img can sometimes ignore height/width because of preflight.css reset\n            height={20}\n            width={20}\n            src={img ?? TOKEN_IMG_PLACEHOLDER}\n            title={address}\n            onError={(e) => {\n              e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n            }}\n            alt={address}\n          />\n          {showNetworkIcon && (\n            <div\n              className={cn(\n                \"flex absolute bottom-[-1px] right-[-1px]\",\n                classes?.networkIconContainer\n              )}\n            >\n              <NetworkIconSquare\n                networkId={chainId}\n                className={cn(\"size-[12px]\", classes?.networkIcon)}\n                withBorder\n              />\n            </div>\n          )}\n        </div>\n      )}\n      {symbol && <div className={classes?.symbol}>{symbol}</div>}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"names":["TokenBadge","t0","$","_c","img","address","chainId","amount","symbol","imageLess","classes","lockIcon","showNetworkIcon","t1","root","t2","cn","t3","undefined","t4","logo","networkIcon","networkIconContainer","TOKEN_IMG_PLACEHOLDER","_temp","t5","t6","t7","e","currentTarget","src"],"mappings":"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"}
+{"version":3,"file":"TokenBadge.js","sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  const amountEl = amount !== undefined && (\n    <div className={classes?.amount}>{amount}</div>\n  );\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && <div className={classes?.symbol}>{symbol}</div>}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"names":["TokenBadge","t0","$","_c","img","address","chainId","amount","symbol","imageLess","classes","lockIcon","showNetworkIcon","amountPosition","t1","undefined","isVLRToken","isVLR","imgSrc","vlrURL","t2","amountEl","t3","logo","networkIcon","networkIconContainer","cn","TOKEN_IMG_PLACEHOLDER","_temp","imgEl","t4","amountAndImg","t5","root","t6","t7","t8","t9","e","currentTarget","src"],"mappings":"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"}

package/dist/components/widget/TokenBadge/types.d.ts

@@ -9,5 +9,6 @@ export type TokenBadgeProps = {
     imageLess?: boolean;
     showNetworkIcon?: boolean;
     lockIcon?: boolean;
+    amountPosition?: "left" | "right";
 } & WithClasses<"root" | "amount" | "logo" | "symbol" | "networkIcon" | "networkIconContainer">;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/widget/TokenBadge/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CACb,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,sBAAsB,CAC/E,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenBadge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC,GAAG,WAAW,CACb,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,sBAAsB,CAC/E,CAAC"}

package/dist/components/widget/TokenInput/EmptyInput.d.ts

@@ -1,3 +1,3 @@
 import { TokenInputProps } from './types';
-export declare const EmptyInput: React.FC<Pick<TokenInputProps, "tokenType" | "drawerContainer">>;
+export declare const EmptyInput: React.FC<Pick<TokenInputProps, "tokenType" | "drawerContainer" | "onTokenSelect" | "classes">>;
 //# sourceMappingURL=EmptyInput.d.ts.map

package/dist/components/widget/TokenInput/EmptyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyInput.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,iBAAiB,CAAC,CAavD,CAAC"}
+{"version":3,"file":"EmptyInput.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,IAAI,CACF,eAAe,EACf,WAAW,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAC9D,CAmBF,CAAC"}

package/dist/components/widget/TokenInput/EmptyInput.js

@@ -1,33 +1,55 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { EmptySelectTokenButton } from '../SelectToken/SelectTokenButton.js';
+import { cn } from '../../../lib/utils/index.js';
 
 const EmptyInput = (t0) => {
-  const $ = distExports.c(4);
+  const $ = distExports.c(10);
   const {
     tokenType,
-    drawerContainer
+    drawerContainer,
+    onTokenSelect,
+    classes
   } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
+  const t1 = classes?.root;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t1);
     $[0] = t1;
+    $[1] = t2;
   } else {
-    t1 = $[0];
+    t2 = $[1];
   }
-  let t2;
-  if ($[1] !== drawerContainer || $[2] !== tokenType) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", children: [
-      t1,
-      /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer })
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== drawerContainer || $[4] !== onTokenSelect || $[5] !== tokenType) {
+    t4 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect });
+    $[3] = drawerContainer;
+    $[4] = onTokenSelect;
+    $[5] = tokenType;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t3,
+      t4
     ] });
-    $[1] = drawerContainer;
-    $[2] = tokenType;
-    $[3] = t2;
+    $[7] = t2;
+    $[8] = t4;
+    $[9] = t5;
   } else {
-    t2 = $[3];
+    t5 = $[9];
   }
-  return t2;
+  return t5;
 };
 
 export { EmptyInput };

package/dist/components/widget/TokenInput/EmptyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyInput.js","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"sourcesContent":["import { EmptySelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const EmptyInput: React.FC<\n  Pick<TokenInputProps, \"tokenType\" | \"drawerContainer\">\n> = ({ tokenType, drawerContainer }) => {\n  return (\n    <div className=\"flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n        Receive\n      </div>\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n      />\n    </div>\n  );\n};\n"],"names":["EmptyInput","t0","$","_c","tokenType","drawerContainer","t1","Symbol","for","t2"],"mappings":";;;;AAGO,MAAMA,aAETC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAA8B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAK,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG7BF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAA+C,QAAA,EAAA,SAAA,EAE9D,CAAA;AAAMJ,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAG,mBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAHRK,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4JAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBAGA,GAAA,CAAC,sBAAA,EAAA,EACYF,SAAAA,EACMC,eAAAA,EAAe;AAAA,KAAA,EAEpC,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OARNO,EAAAA;AAQM;;;;"}
+{"version":3,"file":"EmptyInput.js","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"sourcesContent":["import { EmptySelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\n\nexport const EmptyInput: React.FC<\n  Pick<\n    TokenInputProps,\n    \"tokenType\" | \"drawerContainer\" | \"onTokenSelect\" | \"classes\"\n  >\n> = ({ tokenType, drawerContainer, onTokenSelect, classes }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n        Receive\n      </div>\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n      />\n    </div>\n  );\n};\n"],"names":["EmptyInput","t0","$","_c","tokenType","drawerContainer","onTokenSelect","classes","t1","root","t2","cn","t3","Symbol","for","t4","t5"],"mappings":";;;;;AAIO,MAAMA,aAKTC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAKG,EAAA,MAAAO,KAAAD,OAAAA,EAAOE,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAFJE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,8JACAH,EACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAW,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAA+C,QAAA,EAAA,SAAA,EAE9D,CAAA;AAAMV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAG,eAAAA,IAAAH,CAAAA,QAAAI,aAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,EAAA;AACNW,IAAAA,EAAAA,uBAAC,sBAAA,EAAA,EACYX,SAAAA,EACMC,eAAAA,EACFC,aAAAA,EAAa,CAAA;AAC5BJ,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAQ,MAAAR,CAAAA,QAAAa,EAAAA,EAAA;AAbJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAN,EAAAA,EAKXE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG;AAAAA,KAAAA,EAKF,CAAA;AAAMb,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAa,EAAAA;AAAAb,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAdNc,EAAAA;AAcM;;;;"}

package/dist/components/widget/TokenInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8HhD,CAAC"}