@velora-dex/widget 0.2.0 → 0.2.1

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

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { UnstyledInput } from '../../ui/input.js';
 import { NumericFormat } from 'react-number-format';
@@ -7,14 +7,13 @@ import { SelectTokenButton } from '../SelectToken/SelectTokenButton.js';
 import { Button } from '../../ui/button.js';
 import { YouGet } from '../YouGet/YouGet.js';
 import { Line } from '../Line/Line.js';
-import { EmptyInput } from './EmptyInput.js';
 import { cn } from '../../../lib/utils/index.js';
 import { InsufficientBalanceMessage } from '../Warning/InsufficientBalanceMessage.js';
 import { Skeleton } from '../../ui/skeleton.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
 
 const TokenInput = (t0) => {
-  const $ = distExports.c(59);
+  const $ = distExports.c(49);
   const {
     amount,
     onAmountChange,
@@ -38,193 +37,153 @@ const TokenInput = (t0) => {
     drawerContainer,
     classes
   } = t0;
-  if (!token) {
-    let t18;
-    if ($[0] !== classes || $[1] !== disabled || $[2] !== drawerContainer || $[3] !== onTokenSelect || $[4] !== tokenType) {
-      t18 = /* @__PURE__ */ jsx(EmptyInput, { tokenType, drawerContainer, onTokenSelect, classes, disabled });
-      $[0] = classes;
-      $[1] = disabled;
-      $[2] = drawerContainer;
-      $[3] = onTokenSelect;
-      $[4] = tokenType;
-      $[5] = t18;
-    } else {
-      t18 = $[5];
-    }
-    return t18;
-  }
   let t1;
-  if ($[6] !== usdEstimation) {
+  if ($[0] !== usdEstimation) {
     t1 = usdEstimation ? formatFiatPrice(Number(usdEstimation)) : usdEstimation === null ? "N/A" : void 0;
-    $[6] = usdEstimation;
-    $[7] = t1;
+    $[0] = usdEstimation;
+    $[1] = t1;
   } else {
-    t1 = $[7];
+    t1 = $[1];
   }
   let t2;
-  if ($[8] !== t1) {
+  if ($[2] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { children: t1 });
-    $[8] = t1;
-    $[9] = t2;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[3];
   }
   const usdEstimationEl = t2;
   let t3;
-  if ($[10] !== onMaxClick || $[11] !== showMaxButton || $[12] !== token || $[13] !== tokenBalanceUnit) {
-    t3 = tokenBalanceUnit ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  if ($[4] !== onMaxClick || $[5] !== showMaxButton || $[6] !== token || $[7] !== tokenBalanceUnit) {
+    t3 = tokenBalanceUnit && token ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("div", { children: `Balance: ${tokenBalanceUnit} ${token.symbol}` }),
       showMaxButton && /* @__PURE__ */ jsx(Button, { className: "h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase", onClick: onMaxClick, children: "max" })
     ] }) : null;
-    $[10] = onMaxClick;
-    $[11] = showMaxButton;
-    $[12] = token;
-    $[13] = tokenBalanceUnit;
-    $[14] = t3;
+    $[4] = onMaxClick;
+    $[5] = showMaxButton;
+    $[6] = token;
+    $[7] = tokenBalanceUnit;
+    $[8] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[8];
   }
   const balanceEl = t3;
-  const t4 = classes?.root;
-  const t5 = insufficientBalanceMessageProps?.shouldDisplay;
-  let t6;
-  if ($[15] !== t4 || $[16] !== t5) {
-    t6 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t4, {
-      "border-secondary-orange-peel-1": t5
-    });
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t6;
+  let t4;
+  if ($[9] !== label || $[10] !== networkSwitcherProps || $[11] !== token) {
+    t4 = !token ? null : networkSwitcherProps ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
+    $[9] = label;
+    $[10] = networkSwitcherProps;
+    $[11] = token;
+    $[12] = t4;
   } else {
-    t6 = $[17];
+    t4 = $[12];
   }
+  const chainEl = t4;
+  const t5 = classes?.root;
+  const t6 = token && insufficientBalanceMessageProps?.shouldDisplay;
   let t7;
-  if ($[18] !== label || $[19] !== networkSwitcherProps) {
-    t7 = networkSwitcherProps ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
-    $[18] = label;
-    $[19] = networkSwitcherProps;
-    $[20] = t7;
+  if ($[13] !== t5 || $[14] !== t6) {
+    t7 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t5, {
+      "border-secondary-orange-peel-1": t6
+    });
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
   } else {
-    t7 = $[20];
+    t7 = $[15];
   }
   let t8;
-  if ($[21] !== isLoading) {
-    t8 = isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
-    $[21] = isLoading;
-    $[22] = t8;
+  if ($[16] !== isLoading || $[17] !== token) {
+    t8 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
+    $[16] = isLoading;
+    $[17] = token;
+    $[18] = t8;
   } else {
-    t8 = $[22];
+    t8 = $[18];
   }
   let t9;
-  if ($[23] !== isLoading) {
-    t9 = cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
+  if ($[19] !== amount || $[20] !== disabled || $[21] !== isLoading || $[22] !== onAmountChange || $[23] !== onFocus || $[24] !== readOnly || $[25] !== token) {
+    t9 = token ? /* @__PURE__ */ jsx(NumericFormat, { className: cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
       hidden: isLoading
-    });
-    $[23] = isLoading;
-    $[24] = t9;
+    }), placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly }) : /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
+    $[19] = amount;
+    $[20] = disabled;
+    $[21] = isLoading;
+    $[22] = onAmountChange;
+    $[23] = onFocus;
+    $[24] = readOnly;
+    $[25] = token;
+    $[26] = t9;
   } else {
-    t9 = $[24];
+    t9 = $[26];
   }
   let t10;
-  if ($[25] !== amount || $[26] !== disabled || $[27] !== onAmountChange || $[28] !== onFocus || $[29] !== readOnly || $[30] !== t9) {
-    t10 = /* @__PURE__ */ jsx(NumericFormat, { className: t9, placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly });
-    $[25] = amount;
-    $[26] = disabled;
-    $[27] = onAmountChange;
-    $[28] = onFocus;
-    $[29] = readOnly;
-    $[30] = t9;
-    $[31] = t10;
+  if ($[27] !== drawerContainer || $[28] !== onTokenSelect || $[29] !== token || $[30] !== tokenBadgePropsOverride || $[31] !== tokenType) {
+    t10 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect });
+    $[27] = drawerContainer;
+    $[28] = onTokenSelect;
+    $[29] = token;
+    $[30] = tokenBadgePropsOverride;
+    $[31] = tokenType;
+    $[32] = t10;
   } else {
-    t10 = $[31];
+    t10 = $[32];
   }
   let t11;
-  if ($[32] !== drawerContainer || $[33] !== onTokenSelect || $[34] !== token || $[35] !== tokenBadgePropsOverride || $[36] !== tokenType) {
-    t11 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect });
-    $[32] = drawerContainer;
-    $[33] = onTokenSelect;
-    $[34] = token;
-    $[35] = tokenBadgePropsOverride;
-    $[36] = tokenType;
-    $[37] = t11;
-  } else {
-    t11 = $[37];
-  }
-  let t12;
-  if ($[38] !== t10 || $[39] !== t11 || $[40] !== t8) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+  if ($[33] !== t10 || $[34] !== t8 || $[35] !== t9) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       t8,
-      t10,
-      t11
+      t9,
+      t10
     ] });
-    $[38] = t10;
-    $[39] = t11;
-    $[40] = t8;
-    $[41] = t12;
+    $[33] = t10;
+    $[34] = t8;
+    $[35] = t9;
+    $[36] = t11;
   } else {
-    t12 = $[41];
+    t11 = $[36];
   }
-  let t13;
-  if ($[42] !== balanceEl || $[43] !== usdEstimationEl) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
-      usdEstimationEl,
-      balanceEl
-    ] });
-    $[42] = balanceEl;
-    $[43] = usdEstimationEl;
-    $[44] = t13;
-  } else {
-    t13 = $[44];
-  }
-  let t14;
-  if ($[45] !== insufficientBalanceMessageProps) {
-    t14 = insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
-    $[45] = insufficientBalanceMessageProps;
-    $[46] = t14;
-  } else {
-    t14 = $[46];
-  }
-  let t15;
-  if ($[47] !== warningMessage) {
-    t15 = warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
-    $[47] = warningMessage;
-    $[48] = t15;
-  } else {
-    t15 = $[48];
-  }
-  let t16;
-  if ($[49] !== youGetProps) {
-    t16 = youGetProps && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
-      /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
+  let t12;
+  if ($[37] !== balanceEl || $[38] !== insufficientBalanceMessageProps || $[39] !== token || $[40] !== usdEstimationEl || $[41] !== warningMessage || $[42] !== youGetProps) {
+    t12 = token && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
+        usdEstimationEl,
+        balanceEl
+      ] }),
+      insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps }),
+      warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage }),
+      youGetProps && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
+        /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
+      ] })
     ] });
-    $[49] = youGetProps;
-    $[50] = t16;
+    $[37] = balanceEl;
+    $[38] = insufficientBalanceMessageProps;
+    $[39] = token;
+    $[40] = usdEstimationEl;
+    $[41] = warningMessage;
+    $[42] = youGetProps;
+    $[43] = t12;
   } else {
-    t16 = $[50];
+    t12 = $[43];
   }
-  let t17;
-  if ($[51] !== t12 || $[52] !== t13 || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t6 || $[57] !== t7) {
-    t17 = /* @__PURE__ */ jsxs("div", { className: t6, children: [
-      t7,
-      t12,
-      t13,
-      t14,
-      t15,
-      t16
+  let t13;
+  if ($[44] !== chainEl || $[45] !== t11 || $[46] !== t12 || $[47] !== t7) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
+      chainEl,
+      t11,
+      t12
     ] });
-    $[51] = t12;
-    $[52] = t13;
-    $[53] = t14;
-    $[54] = t15;
-    $[55] = t16;
-    $[56] = t6;
-    $[57] = t7;
-    $[58] = t17;
+    $[44] = chainEl;
+    $[45] = t11;
+    $[46] = t12;
+    $[47] = t7;
+    $[48] = t13;
   } else {
-    t17 = $[58];
+    t13 = $[48];
   }
-  return t17;
+  return t13;
 };
 
 export { TokenInput };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { EmptyInput } from \"./EmptyInput\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  if (!token) {\n    return (\n      <EmptyInput\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        classes={classes}\n        disabled={disabled}\n      />\n    );\n  }\n\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl = tokenBalanceUnit ? (\n    <div className=\"flex items-center gap-2\">\n      <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n      {showMaxButton && (\n        <Button\n          className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n          onClick={onMaxClick}\n        >\n          max\n        </Button>\n      )}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {networkSwitcherProps ? (\n        <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n      ) : label ? (\n        <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">\n          {label}\n        </div>\n      ) : null}\n      <div className=\"flex items-center justify-between gap-2\">\n        {isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n            }\n          )}\n          placeholder=\"0\"\n          disabled={disabled}\n          value={amount}\n          onValueChange={onAmountChange}\n          onFocus={onFocus}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          readOnly={readOnly}\n        />\n\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n        {usdEstimationEl}\n        {balanceEl}\n      </div>\n      {insufficientBalanceMessageProps && (\n        <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n      )}\n      {warningMessage && (\n        <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n          {warningMessage}\n        </div>\n      )}\n      {youGetProps && (\n        <div>\n          <Line className=\"mt-[16px] mb-[17.5px]\" />\n          <YouGet {...youGetProps} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","root","t5","shouldDisplay","t6","cn","t7","t8","t9","hidden","t10","UnstyledInput","t11","t12","t13","t14","t15","t16","t17"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl =\n    tokenBalanceUnit && token ? (\n      <div className=\"flex items-center gap-2\">\n        <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n        {showMaxButton && (\n          <Button\n            className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n            onClick={onMaxClick}\n          >\n            max\n          </Button>\n        )}\n      </div>\n    ) : null;\n\n  const chainEl = !token ? null : networkSwitcherProps ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {chainEl}\n      <div className=\"flex items-center justify-between gap-2\">\n        {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        {token ? (\n          <NumericFormat\n            className={cn(\n              \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n              {\n                hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n                // it doesn't trigger when we have a value on the first render\n              }\n            )}\n            placeholder=\"0\"\n            disabled={disabled}\n            value={amount}\n            onValueChange={onAmountChange}\n            onFocus={onFocus}\n            allowNegative={false}\n            allowLeadingZeros={false}\n            customInput={UnstyledInput}\n            thousandSeparator\n            readOnly={readOnly}\n          />\n        ) : (\n          <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n            Receive\n          </div>\n        )}\n\n        {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n        />\n      </div>\n      {token && (\n        <>\n          <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n            {usdEstimationEl}\n            {balanceEl}\n          </div>\n          {insufficientBalanceMessageProps && (\n            <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n          )}\n          {warningMessage && (\n            <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n              {warningMessage}\n            </div>\n          )}\n          {youGetProps && (\n            <div>\n              <Line className=\"mt-[16px] mb-[17.5px]\" />\n              <YouGet {...youGetProps} />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","chainEl","t5","root","t6","shouldDisplay","t7","cn","t8","t9","hidden","UnstyledInput","t10","t11","t12","t13"],"mappings":"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"}

package/dist/configurator/Configurator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AAwOA,eAAO,MAAM,YAAY,+CA2RxB,CAAC"}
+{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AAsPA,eAAO,MAAM,YAAY,+CA+RxB,CAAC"}

package/dist/configurator/components/FormPropsInputs.d.ts

@@ -1,4 +1,4 @@
-import { FormInputProps } from '../../core/inputs/state/setTokenByAddressAtom';
+import { FormInputProps } from '../../core/inputs/state/types';
 export declare const FormProps: ({ input, onInputChange, }: {
     input: FormInputProps;
     onInputChange: (input: FormInputProps) => void;

package/dist/configurator/components/FormPropsInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAahF,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CAqJA,CAAC"}
+{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAahE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CAqJA,CAAC"}

package/dist/core/ConnectWalletDrawerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWalletDrawerButton.d.ts","sourceRoot":"","sources":["../../src/core/ConnectWalletDrawerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAOhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,SAAS,CACV,GAAG;IACF,eAAe,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,eAAe,EACf,GAAG,WAAW,EACf,EAAE,8BAA8B,2CA4BhC"}
+{"version":3,"file":"ConnectWalletDrawerButton.d.ts","sourceRoot":"","sources":["../../src/core/ConnectWalletDrawerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAQhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,SAAS,CACV,GAAG;IACF,eAAe,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,eAAe,EACf,GAAG,WAAW,EACf,EAAE,8BAA8B,2CA4ChC"}

package/dist/core/ConnectWalletDrawerButton.js

@@ -6,9 +6,10 @@ import { useIsDappMode } from './state/externalProviderAtom.js';
 import { ControlledDrawer } from '../components/widget/Drawer/index.js';
 import { ConnectWalletsContainer } from '../components/web3/ConnectWallets/index.js';
 import { cn } from '../lib/utils/index.js';
+import { useWidgetEvents } from './state/widgetEventsAtom.js';
 
 function ConnectWalletDrawerButton(t0) {
-  const $ = distExports.c(19);
+  const $ = distExports.c(22);
   const {
     drawerContainer,
     ...buttonProps
@@ -38,52 +39,73 @@ function ConnectWalletDrawerButton(t0) {
     onOpen = $[3];
   }
   const isDappMode = useIsDappMode();
+  const {
+    onConnectWalletClick
+  } = useWidgetEvents();
+  const disabled = (isDappMode ? !onConnectWalletClick : false) || buttonProps.disabled;
+  const action = !isDappMode ? onOpen : void 0;
   const T0 = Button;
   const t3 = "cta";
   const t4 = "lg";
   const t5 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-  const t6 = isDappMode || buttonProps.disabled;
+  let t6;
+  if ($[4] !== action || $[5] !== onConnectWalletClick) {
+    t6 = () => {
+      onConnectWalletClick?.({
+        event: {
+          name: "ConnectWallet:click",
+          params: {}
+        }
+      });
+      action?.();
+    };
+    $[4] = action;
+    $[5] = onConnectWalletClick;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
   let t7;
-  if ($[4] !== T0 || $[5] !== buttonProps || $[6] !== onOpen || $[7] !== t5 || $[8] !== t6) {
-    t7 = /* @__PURE__ */ jsx(T0, { variant: t3, radius: t4, ...buttonProps, className: t5, onClick: onOpen, disabled: t6, children: "Connect Wallet" });
-    $[4] = T0;
-    $[5] = buttonProps;
-    $[6] = onOpen;
-    $[7] = t5;
-    $[8] = t6;
-    $[9] = t7;
+  if ($[7] !== T0 || $[8] !== buttonProps || $[9] !== disabled || $[10] !== t5 || $[11] !== t6) {
+    t7 = /* @__PURE__ */ jsx(T0, { variant: t3, radius: t4, ...buttonProps, className: t5, onClick: t6, disabled, children: "Connect Wallet" });
+    $[7] = T0;
+    $[8] = buttonProps;
+    $[9] = disabled;
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = t7;
   } else {
-    t7 = $[9];
+    t7 = $[12];
   }
   let t8;
-  if ($[10] !== drawerProps.onClose) {
+  if ($[13] !== drawerProps.onClose) {
     t8 = /* @__PURE__ */ jsx(ConnectWalletsContainer, { onComplete: drawerProps.onClose });
-    $[10] = drawerProps.onClose;
-    $[11] = t8;
+    $[13] = drawerProps.onClose;
+    $[14] = t8;
   } else {
-    t8 = $[11];
+    t8 = $[14];
   }
   let t9;
-  if ($[12] !== drawerContainer || $[13] !== drawerProps || $[14] !== t8) {
+  if ($[15] !== drawerContainer || $[16] !== drawerProps || $[17] !== t8) {
     t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, title: "Connect Your Wallet", container: drawerContainer, showCloseButton: true, children: t8 });
-    $[12] = drawerContainer;
-    $[13] = drawerProps;
-    $[14] = t8;
-    $[15] = t9;
+    $[15] = drawerContainer;
+    $[16] = drawerProps;
+    $[17] = t8;
+    $[18] = t9;
   } else {
-    t9 = $[15];
+    t9 = $[18];
   }
   let t10;
-  if ($[16] !== t7 || $[17] !== t9) {
+  if ($[19] !== t7 || $[20] !== t9) {
     t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
       t7,
       t9
     ] });
-    $[16] = t7;
-    $[17] = t9;
-    $[18] = t10;
+    $[19] = t7;
+    $[20] = t9;
+    $[21] = t10;
   } else {
-    t10 = $[18];
+    t10 = $[21];
   }
   return t10;
 }

package/dist/core/ConnectWalletDrawerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWalletDrawerButton.js","sources":["../../src/core/ConnectWalletDrawerButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useIsDappMode } from \"./state/externalProviderAtom\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"@/components/web3/ConnectWallets\";\nimport { cn } from \"@/lib/utils\";\n\ntype ConnectWalletDrawerButtonProps = Omit<\n  React.ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  drawerContainer?: HTMLDivElement | null;\n};\n\nexport function ConnectWalletDrawerButton({\n  drawerContainer,\n  ...buttonProps\n}: ConnectWalletDrawerButtonProps) {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"connect-wallet-drawer\",\n  });\n  const isDappMode = useIsDappMode();\n\n  return (\n    <>\n      <Button\n        variant=\"cta\"\n        radius=\"lg\"\n        {...buttonProps}\n        className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n        onClick={onOpen}\n        disabled={isDappMode || buttonProps.disabled}\n      >\n        Connect Wallet\n      </Button>\n      <ControlledDrawer\n        {...drawerProps}\n        title=\"Connect Your Wallet\"\n        container={drawerContainer}\n        showCloseButton\n      >\n        <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"names":["ConnectWalletDrawerButton","t0","$","_c","drawerContainer","buttonProps","t1","Symbol","for","drawerId","t2","useDrawerControls","drawerProps","onOpen","isDappMode","useIsDappMode","T0","Button","t3","t4","t5","cn","className","t6","disabled","t7","t8","onClose","t9","t10"],"mappings":"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"}
+{"version":3,"file":"ConnectWalletDrawerButton.js","sources":["../../src/core/ConnectWalletDrawerButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useDrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { useIsDappMode } from \"./state/externalProviderAtom\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { ConnectWalletsContainer } from \"@/components/web3/ConnectWallets\";\nimport { cn } from \"@/lib/utils\";\nimport { useWidgetEvents } from \"./state/widgetEventsAtom\";\n\ntype ConnectWalletDrawerButtonProps = Omit<\n  React.ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  drawerContainer?: HTMLDivElement | null;\n};\n\nexport function ConnectWalletDrawerButton({\n  drawerContainer,\n  ...buttonProps\n}: ConnectWalletDrawerButtonProps) {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"connect-wallet-drawer\",\n  });\n  const isDappMode = useIsDappMode();\n\n  const { onConnectWalletClick } = useWidgetEvents();\n\n  const disabled =\n    // either in dapp mode and no onConnectWalletClick event is provided\n    // or the button is disabled via props (this should never happen if not connected)\n    (isDappMode ? !onConnectWalletClick : false) || buttonProps.disabled;\n  const action = !isDappMode ? onOpen : undefined;\n\n  return (\n    <>\n      <Button\n        variant=\"cta\"\n        radius=\"lg\"\n        {...buttonProps}\n        className={cn(\"w-full mt-4 h-[48px] text-md\", buttonProps.className)}\n        onClick={() => {\n          onConnectWalletClick?.({\n            event: {\n              name: \"ConnectWallet:click\",\n              params: {},\n            },\n          });\n          action?.();\n        }}\n        disabled={disabled}\n      >\n        Connect Wallet\n      </Button>\n      <ControlledDrawer\n        {...drawerProps}\n        title=\"Connect Your Wallet\"\n        container={drawerContainer}\n        showCloseButton\n      >\n        <ConnectWalletsContainer onComplete={drawerProps.onClose} />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"names":["ConnectWalletDrawerButton","t0","$","_c","drawerContainer","buttonProps","t1","Symbol","for","drawerId","t2","useDrawerControls","drawerProps","onOpen","isDappMode","useIsDappMode","onConnectWalletClick","useWidgetEvents","disabled","action","undefined","T0","Button","t3","t4","t5","cn","className","t6","event","name","params","t7","t8","onClose","t9","t10"],"mappings":";;;;;;;;;;AAeO,SAAAA,0BAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAmC,EAAA,MAAA;AAAA,IAAAC,eAAAA;AAAAA,IAAA,GAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGT,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAK,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACsBF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,QAAAA,EACzC;AAAA,KACZ;AAACP,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAFkC,EAAA,MAAAQ,EAAAA,GAAAC,kBAAkBL,EAEpD,CAAA;AAAC,EAAA,IAAAM,WAAAA;AAAA,EAAA,IAAAC,MAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAQ,EAAAA,EAAA;AAFF,IAAA,CAAA;AAAA,MAAAG,MAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAmCF,EAAAA;AAEhCR,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAU,WAAAA;AAAAV,IAAAA,CAAAA,MAAAW,MAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,WAAAA,GAAAV,EAAA,CAAA,CAAA;AAAAW,IAAAA,MAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AACH,EAAA,MAAAY,aAAmBC,aAAAA,EAAc;AAEjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAiCC,eAAAA,EAAgB;AAEjD,EAAA,MAAAC,QAAAA,GAAAA,CAGGJ,UAAAA,GAAA,CAAcE,oBAAAA,GAAd,UAA+CX,WAAAA,CAAWa,QAAAA;AAC7D,EAAA,MAAAC,MAAAA,GAAe,CAACL,UAAAA,GAADD,MAAAA,GAAAO,MAAAA;AAIV,EAAA,MAAAC,EAAAA,GAAAC,MAAAA;AACS,EAAA,MAAAC,EAAAA,GAAA,KAAA;AACD,EAAA,MAAAC,EAAAA,GAAA,IAAA;AAEI,EAAA,MAAAC,EAAAA,GAAAC,EAAAA,CAAG,8BAAA,EAAgCrB,WAAAA,CAAWsB,SAAU,CAAA;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAA1B,EAAA,CAAA,CAAA,KAAAiB,UAAAjB,CAAAA,QAAAc,oBAAAA,EAAA;AAC3DY,IAAAA,EAAAA,GAAAA,MAAA;AACPZ,MAAAA,oBAAAA,GAAuB;AAAA,QAAAa,KAAAA,EACd;AAAA,UAAAC,IAAAA,EACC,qBAAA;AAAA,UAAqBC,QACnB;AAAC;AACX,OACD,CAAA;AACDZ,MAAAA,MAAAA,IAAS;AAAA,IAAC,CAAA;AACXjB,IAAAA,CAAAA,MAAAiB,MAAAA;AAAAjB,IAAAA,CAAAA,MAAAc,oBAAAA;AAAAd,IAAAA,CAAAA,MAAA0B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA1B,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA8B,EAAAA;AAAA,EAAA,IAAA9B,EAAA,CAAA,CAAA,KAAAmB,MAAAnB,CAAAA,CAAA,CAAA,MAAAG,WAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAgB,QAAAA,IAAAhB,EAAA,EAAA,CAAA,KAAAuB,MAAAvB,CAAAA,SAAA0B,EAAAA,EAAA;AAbHI,IAAAA,EAAAA,uBAAC,EAAA,EAAA,EACS,OAAA,EAAAT,EAAAA,EACD,MAAA,EAAAC,EAAAA,EAAI,GACPnB,WAAAA,EACO,SAAA,EAAAoB,EAAAA,EACF,OAAA,EAAAG,EAAAA,EASCV,UACX,QAAA,EAAA,gBAAA,EAED,CAAA;AAAShB,IAAAA,CAAAA,MAAAmB,EAAAA;AAAAnB,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAgB,QAAAA;AAAAhB,IAAAA,CAAAA,OAAAuB,EAAAA;AAAAvB,IAAAA,CAAAA,OAAA0B,EAAAA;AAAA1B,IAAAA,CAAAA,OAAA8B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA9B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA+B,EAAAA;AAAA,EAAA,IAAA/B,CAAAA,CAAA,EAAA,CAAA,KAAAU,WAAAA,CAAAsB,OAAAA,EAAA;AAOPD,IAAAA,EAAAA,mBAAA,GAAA,CAAC,uBAAA,EAAA,EAAoC,UAAA,EAAArB,WAAAA,CAAWsB,OAAAA,EAAQ,CAAA;AAAIhC,IAAAA,CAAAA,CAAA,EAAA,IAAAU,WAAAA,CAAAsB,OAAAA;AAAAhC,IAAAA,CAAAA,OAAA+B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA/B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAiC,EAAAA;AAAA,EAAA,IAAAjC,CAAAA,CAAA,EAAA,CAAA,KAAAE,eAAAA,IAAAF,CAAAA,SAAAU,WAAAA,IAAAV,CAAAA,CAAA,EAAA,CAAA,KAAA+B,EAAAA,EAAA;AAN9DE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,gBAAA,EAAA,EAAgB,GACXvB,WAAAA,EACE,KAAA,EAAA,uBACKR,SAAAA,EAAAA,eAAAA,EACX,eAAA,EAAA,IAAA,EAEA6B,QAAAA,EAAAA,EAAAA,EACF,CAAA;AAAmB/B,IAAAA,CAAAA,OAAAE,eAAAA;AAAAF,IAAAA,CAAAA,OAAAU,WAAAA;AAAAV,IAAAA,CAAAA,OAAA+B,EAAAA;AAAA/B,IAAAA,CAAAA,OAAAiC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAkC,GAAAA;AAAA,EAAA,IAAAlC,EAAA,EAAA,CAAA,KAAA8B,MAAA9B,CAAAA,SAAAiC,EAAAA,EAAA;AA1BrBC,IAAAA,GAAAA,oCACEJ,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAkBAG;AAAAA,KAAAA,EAOmB,CAAA;AAClBjC,IAAAA,CAAAA,OAAA8B,EAAAA;AAAA9B,IAAAA,CAAAA,OAAAiC,EAAAA;AAAAjC,IAAAA,CAAAA,OAAAkC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAlC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OA3BHkC,GAAAA;AA2BG;;;;"}

package/dist/core/button/hooks/useWidgetButtonExtraProps.d.ts

@@ -10,6 +10,7 @@ type UseExtraPropsReturn = {
     disabled: boolean;
     labelOverride?: string;
     className?: string;
+    isConnected: boolean;
 };
 export declare function useWidgetButtonExtraProps({ tokenFrom, tokenTo, }: Omit<UseExtraPropsInput, "tradeMode">): UseExtraPropsReturn;
 export declare function useLimitButtonExtraProps({ tokenFrom, tokenTo, tradeMode, }: MarkOptional<UseExtraPropsInput, "tradeMode">): UseExtraPropsReturn;

package/dist/core/button/hooks/useWidgetButtonExtraProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetButtonExtraProps.d.ts","sourceRoot":"","sources":["../../../../src/core/button/hooks/useWidgetButtonExtraProps.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAOlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAmDlD,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AACF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,OAAO,GACR,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,mBAAmB,CA8B7D;AAED,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,YAAY,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,mBAAmB,CAoBrE;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAO,GACR,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,mBAAmB,CAkB7D"}
+{"version":3,"file":"useWidgetButtonExtraProps.d.ts","sourceRoot":"","sources":["../../../../src/core/button/hooks/useWidgetButtonExtraProps.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAOlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAwDlD,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AACF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,OAAO,GACR,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,mBAAmB,CAsC7D;AAED,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,YAAY,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,mBAAmB,CA4BrE;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAO,GACR,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,mBAAmB,CAkB7D"}