@velora-dex/widget 0.3.10 → 0.3.11-dev.1

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

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+
+const InputContainer = (t0) => {
+  const $ = distExports.c(11);
+  let className;
+  let divProps;
+  let insufficientBalanceMessageProps;
+  let token;
+  if ($[0] !== t0) {
+    ({
+      token,
+      insufficientBalanceMessageProps,
+      className,
+      ...divProps
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = divProps;
+    $[3] = insufficientBalanceMessageProps;
+    $[4] = token;
+  } else {
+    className = $[1];
+    divProps = $[2];
+    insufficientBalanceMessageProps = $[3];
+    token = $[4];
+  }
+  const t1 = token && insufficientBalanceMessageProps?.shouldDisplay;
+  let t2;
+  if ($[5] !== className || $[6] !== t1) {
+    t2 = 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", className, {
+      "border-secondary-orange-peel-1": t1
+    });
+    $[5] = className;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== divProps || $[9] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: t2, ...divProps });
+    $[8] = divProps;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
+};
+
+export { InputContainer };
+//# sourceMappingURL=InputContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\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        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"names":["InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","cn","t3"],"mappings":";;;;AAGO,MAAMA,iBAAiBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,QAAAA;AAAA,EAAA,IAAAC,+BAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAM,KAAAA;AAAAA,MAAAD,+BAAAA;AAAAA,MAAAF,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAJ,EAAAA;AAMOC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,QAAAA;AAAAH,IAAAA,CAAAA,MAAAI,+BAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,KAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAH,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,QAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,+BAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAAK,IAAAA,KAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAQ1B,EAAA,MAAAM,EAAAA,GAAAD,SAASD,+BAAAA,EAA+BG,aAAAA;AAAe,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,QAAAM,EAAAA,EAAA;AALlDE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,6JACAP,SAAAA,EACA;AAAA,MAAA,gCAAA,EAEII;AAAAA,KAEN,CAAA;AAACN,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,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,KAAAG,YAAAH,CAAAA,QAAAQ,EAAAA,EAAA;AARHE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAF,EAAAA,EAOV,GACGL,QAAAA,EAAQ,CAAA;AACPH,IAAAA,CAAAA,MAAAG,QAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,OAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVPU,EAAAA;AAUO;;;;"}

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

@@ -0,0 +1,6 @@
+import { TokenInputProps } from './types';
+import { SelectTokenButtonProps } from '../SelectToken/types';
+export declare const InputField: ({ token, isLoading, disabled, amount, onAmountChange, onFocus, readOnly, tokenBadgePropsOverride, tokenType, drawerContainer, onTokenSelect, networkSwitcherProps, selectTokenButtonProps, }: Pick<TokenInputProps, "token" | "isLoading" | "disabled" | "amount" | "onAmountChange" | "onFocus" | "readOnly" | "tokenBadgePropsOverride" | "tokenType" | "drawerContainer" | "onTokenSelect" | "networkSwitcherProps"> & {
+    selectTokenButtonProps?: SelectTokenButtonProps["buttonProps"];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,eAAO,MAAM,UAAU,GAAI,8LAcxB,IAAI,CACL,eAAe,EACb,OAAO,GACP,WAAW,GACX,UAAU,GACV,QAAQ,GACR,gBAAgB,GAChB,SAAS,GACT,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,iBAAiB,GACjB,eAAe,GACf,sBAAsB,CACzB,GAAG;IACF,sBAAsB,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAChE,4CA2CA,CAAC"}

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

@@ -0,0 +1,84 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { Skeleton } from '../../ui/skeleton.js';
+import { NumericFormat } from 'react-number-format';
+import { UnstyledInput } from '../../ui/input.js';
+import { SelectTokenButton } from '../SelectToken/SelectTokenButton.js';
+import { cn } from '../../../lib/utils/index.js';
+
+const InputField = (t0) => {
+  const $ = distExports.c(23);
+  const {
+    token,
+    isLoading,
+    disabled,
+    amount,
+    onAmountChange,
+    onFocus,
+    readOnly,
+    tokenBadgePropsOverride,
+    tokenType,
+    drawerContainer,
+    onTokenSelect,
+    networkSwitcherProps,
+    selectTokenButtonProps
+  } = t0;
+  let t1;
+  if ($[0] !== isLoading || $[1] !== token) {
+    t1 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
+    $[0] = isLoading;
+    $[1] = token;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== amount || $[4] !== disabled || $[5] !== isLoading || $[6] !== onAmountChange || $[7] !== onFocus || $[8] !== readOnly || $[9] !== token) {
+    t2 = 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
+    }), 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" });
+    $[3] = amount;
+    $[4] = disabled;
+    $[5] = isLoading;
+    $[6] = onAmountChange;
+    $[7] = onFocus;
+    $[8] = readOnly;
+    $[9] = token;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const t3 = networkSwitcherProps?.networks;
+  let t4;
+  if ($[11] !== drawerContainer || $[12] !== onTokenSelect || $[13] !== selectTokenButtonProps || $[14] !== t3 || $[15] !== token || $[16] !== tokenBadgePropsOverride || $[17] !== tokenType) {
+    t4 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect, selectableChains: t3, buttonProps: selectTokenButtonProps });
+    $[11] = drawerContainer;
+    $[12] = onTokenSelect;
+    $[13] = selectTokenButtonProps;
+    $[14] = t3;
+    $[15] = token;
+    $[16] = tokenBadgePropsOverride;
+    $[17] = tokenType;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  let t5;
+  if ($[19] !== t1 || $[20] !== t2 || $[21] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      t1,
+      t2,
+      t4
+    ] });
+    $[19] = t1;
+    $[20] = t2;
+    $[21] = t4;
+    $[22] = t5;
+  } else {
+    t5 = $[22];
+  }
+  return t5;
+};
+
+export { InputField };
+//# sourceMappingURL=InputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sources":["../../../../src/components/widget/TokenInput/InputField.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { NumericFormat } from \"react-number-format\";\nimport { UnstyledInput } from \"@/components/ui/input\";\nimport { SelectTokenButton } from \"../SelectToken/SelectTokenButton\";\nimport { cn } from \"@/lib/utils\";\nimport type { SelectTokenButtonProps } from \"../SelectToken/types\";\n\nexport const InputField = ({\n  token,\n  isLoading,\n  disabled,\n  amount,\n  onAmountChange,\n  onFocus,\n  readOnly,\n  tokenBadgePropsOverride,\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  networkSwitcherProps,\n  selectTokenButtonProps,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"isLoading\"\n  | \"disabled\"\n  | \"amount\"\n  | \"onAmountChange\"\n  | \"onFocus\"\n  | \"readOnly\"\n  | \"tokenBadgePropsOverride\"\n  | \"tokenType\"\n  | \"drawerContainer\"\n  | \"onTokenSelect\"\n  | \"networkSwitcherProps\"\n> & {\n  selectTokenButtonProps?: SelectTokenButtonProps[\"buttonProps\"];\n}) => {\n  return (\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        selectableChains={networkSwitcherProps?.networks}\n        buttonProps={selectTokenButtonProps}\n      />\n    </div>\n  );\n};\n"],"names":["InputField","t0","$","_c","token","isLoading","disabled","amount","onAmountChange","onFocus","readOnly","tokenBadgePropsOverride","tokenType","drawerContainer","onTokenSelect","networkSwitcherProps","selectTokenButtonProps","t1","t2","cn","hidden","UnstyledInput","t3","networks","t4","t5"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import { TokenInputProps } from './types';
+export declare const InputFooter: ({ token, amount, usdEstimation, insufficientBalanceMessageProps, warningMessage, bottomElement, youGetProps, firstRowSecondEl, }: Pick<TokenInputProps, "token" | "amount" | "usdEstimation" | "insufficientBalanceMessageProps" | "warningMessage" | "bottomElement" | "youGetProps"> & {
+    firstRowSecondEl?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=InputFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/InputFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyE/C,eAAO,MAAM,WAAW,GAAI,kIASzB,IAAI,CACL,eAAe,EACb,OAAO,GACP,QAAQ,GACR,eAAe,GACf,iCAAiC,GACjC,gBAAgB,GAChB,eAAe,GACf,aAAa,CAChB,GAAG;IACF,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,mDAmBA,CAAC"}

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

@@ -0,0 +1,206 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
+import { Line } from '../Line/Line.js';
+import { InsufficientBalanceMessage } from '../Warning/InsufficientBalanceMessage.js';
+import { YouGet } from '../YouGet/YouGet.js';
+
+const UsdEstimation = ({
+  usdEstimation,
+  amount
+}) => {
+  if (usdEstimation === null) return "N/A";
+  if (!Number(amount) || !Number(usdEstimation)) return;
+  return formatFiatPrice(Number(usdEstimation));
+};
+const FirstRow = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    usdEstimation,
+    secondEl,
+    amount
+  } = t0;
+  let t1;
+  if ($[0] !== amount || $[1] !== usdEstimation) {
+    t1 = /* @__PURE__ */ jsx(UsdEstimation, { usdEstimation, amount });
+    $[0] = amount;
+    $[1] = usdEstimation;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== secondEl) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "ml-auto", children: secondEl });
+    $[3] = secondEl;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5", children: [
+      t1,
+      t2
+    ] });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const SecondRow = (t0) => {
+  const $ = distExports.c(4);
+  const {
+    warningMessage,
+    insufficientBalanceMessageProps
+  } = t0;
+  if (insufficientBalanceMessageProps?.shouldDisplay) {
+    let t1;
+    if ($[0] !== insufficientBalanceMessageProps) {
+      t1 = /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
+      $[0] = insufficientBalanceMessageProps;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
+  if (warningMessage) {
+    let t1;
+    if ($[2] !== warningMessage) {
+      t1 = /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
+      $[2] = warningMessage;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
+  }
+  return null;
+};
+const Divider = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const ThirdRow = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    bottomElement,
+    youGetProps
+  } = t0;
+  if (bottomElement) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsx(Divider, {});
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] !== bottomElement) {
+      t2 = /* @__PURE__ */ jsxs("div", { children: [
+        t1,
+        bottomElement
+      ] });
+      $[1] = bottomElement;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    return t2;
+  }
+  if (youGetProps) {
+    let t1;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsx(Divider, {});
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== youGetProps) {
+      t2 = /* @__PURE__ */ jsxs("div", { children: [
+        t1,
+        /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
+      ] });
+      $[4] = youGetProps;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    return t2;
+  }
+  return null;
+};
+const InputFooter = (t0) => {
+  const $ = distExports.c(14);
+  const {
+    token,
+    amount,
+    usdEstimation,
+    insufficientBalanceMessageProps,
+    warningMessage,
+    bottomElement,
+    youGetProps,
+    firstRowSecondEl
+  } = t0;
+  if (!token) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== amount || $[1] !== firstRowSecondEl || $[2] !== usdEstimation) {
+    t1 = /* @__PURE__ */ jsx(FirstRow, { usdEstimation, secondEl: firstRowSecondEl, amount });
+    $[0] = amount;
+    $[1] = firstRowSecondEl;
+    $[2] = usdEstimation;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== insufficientBalanceMessageProps || $[5] !== warningMessage) {
+    t2 = /* @__PURE__ */ jsx(SecondRow, { insufficientBalanceMessageProps, warningMessage });
+    $[4] = insufficientBalanceMessageProps;
+    $[5] = warningMessage;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== bottomElement || $[8] !== youGetProps) {
+    t3 = /* @__PURE__ */ jsx(ThirdRow, { bottomElement, youGetProps });
+    $[7] = bottomElement;
+    $[8] = youGetProps;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== t1 || $[11] !== t2 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t1,
+      t2,
+      t3
+    ] });
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+
+export { InputFooter };
+//# sourceMappingURL=InputFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputFooter.js","sources":["../../../../src/components/widget/TokenInput/InputFooter.tsx"],"sourcesContent":["import { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Line } from \"../Line/Line\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { YouGet } from \"../YouGet/YouGet\";\nimport type { TokenInputProps } from \"./types\";\n\nconst UsdEstimation = ({\n  usdEstimation,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\">) => {\n  if (usdEstimation === null) return \"N/A\";\n\n  if (!Number(amount) || !Number(usdEstimation)) return;\n\n  return formatFiatPrice(Number(usdEstimation));\n};\n\nconst FirstRow = ({\n  usdEstimation,\n  secondEl,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5\">\n      <UsdEstimation usdEstimation={usdEstimation} amount={amount} />\n      <div className=\"ml-auto\">{secondEl}</div>\n    </div>\n  );\n};\n\nconst SecondRow = ({\n  warningMessage,\n  insufficientBalanceMessageProps,\n}: Pick<\n  TokenInputProps,\n  \"warningMessage\" | \"insufficientBalanceMessageProps\"\n>) => {\n  if (insufficientBalanceMessageProps?.shouldDisplay)\n    return <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />;\n\n  if (warningMessage)\n    return (\n      <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n        {warningMessage}\n      </div>\n    );\n\n  return null;\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n\nconst ThirdRow = ({\n  bottomElement,\n  youGetProps,\n}: Pick<TokenInputProps, \"bottomElement\" | \"youGetProps\">) => {\n  if (bottomElement)\n    return (\n      <div>\n        <Divider />\n        {bottomElement}\n      </div>\n    );\n\n  if (youGetProps)\n    return (\n      <div>\n        <Divider />\n        <YouGet {...youGetProps} />\n      </div>\n    );\n\n  return null;\n};\n\nexport const InputFooter = ({\n  token,\n  amount,\n  usdEstimation,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  bottomElement,\n  youGetProps,\n  firstRowSecondEl,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"amount\"\n  | \"usdEstimation\"\n  | \"insufficientBalanceMessageProps\"\n  | \"warningMessage\"\n  | \"bottomElement\"\n  | \"youGetProps\"\n> & {\n  firstRowSecondEl?: React.ReactNode;\n}) => {\n  if (!token) {\n    return null;\n  }\n\n  return (\n    <>\n      <FirstRow\n        usdEstimation={usdEstimation}\n        secondEl={firstRowSecondEl}\n        amount={amount}\n      />\n      <SecondRow\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n      />\n      <ThirdRow bottomElement={bottomElement} youGetProps={youGetProps} />\n    </>\n  );\n};\n"],"names":["UsdEstimation","usdEstimation","amount","Number","formatFiatPrice","FirstRow","t0","$","_c","secondEl","t1","t2","t3","SecondRow","warningMessage","insufficientBalanceMessageProps","shouldDisplay","Divider","Symbol","for","ThirdRow","bottomElement","youGetProps","InputFooter","token","firstRowSecondEl","t4"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import { TokenInputProps } from './types';
+export declare const InputHeader: ({ token, label, networkSwitcherProps, secondEl, }: Pick<TokenInputProps, "label" | "networkSwitcherProps" | "token"> & {
+    secondEl?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/InputHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAe/C,eAAO,MAAM,WAAW,GAAI,mDAKzB,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,sBAAsB,GAAG,OAAO,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAWA,CAAC"}

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

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { NetworkSwitcherDropdown } from '../NetworkSwitcher/NetworkSwitcherDropdown.js';
+
+const ChainSelector = (t0) => {
+  const $ = distExports.c(4);
+  const {
+    label,
+    networkSwitcherProps,
+    token
+  } = t0;
+  let t1;
+  if ($[0] !== label || $[1] !== networkSwitcherProps || $[2] !== token) {
+    t1 = !token ? null : networkSwitcherProps && !networkSwitcherProps.hidden ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
+    $[0] = label;
+    $[1] = networkSwitcherProps;
+    $[2] = token;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+const InputHeader = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    token,
+    label,
+    networkSwitcherProps,
+    secondEl
+  } = t0;
+  let t1;
+  if ($[0] !== label || $[1] !== networkSwitcherProps || $[2] !== token) {
+    t1 = /* @__PURE__ */ jsx(ChainSelector, { label, networkSwitcherProps, token });
+    $[0] = label;
+    $[1] = networkSwitcherProps;
+    $[2] = token;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== secondEl || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-contrast-5", children: [
+      t1,
+      secondEl
+    ] });
+    $[4] = secondEl;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+};
+
+export { InputHeader };
+//# sourceMappingURL=InputHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputHeader.js","sources":["../../../../src/components/widget/TokenInput/InputHeader.tsx"],"sourcesContent":["import { NetworkSwitcherDropdown } from \"../NetworkSwitcher/NetworkSwitcherDropdown\";\nimport type { TokenInputProps } from \"./types\";\n\nconst ChainSelector = ({\n  label,\n  networkSwitcherProps,\n  token,\n}: Pick<TokenInputProps, \"label\" | \"networkSwitcherProps\" | \"token\">) => {\n  return !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\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\nexport const InputHeader = ({\n  token,\n  label,\n  networkSwitcherProps,\n  secondEl,\n}: Pick<TokenInputProps, \"label\" | \"networkSwitcherProps\" | \"token\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5\">\n      <ChainSelector\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n      />\n      {secondEl}\n    </div>\n  );\n};\n"],"names":["ChainSelector","t0","$","_c","label","networkSwitcherProps","token","t1","hidden","InputHeader","secondEl","t2"],"mappings":";;;;AAGA,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAI6C,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,CAAAA,CAAA,CAAA,CAAA,KAAAE,KAAAA,IAAAF,CAAAA,QAAAG,oBAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAI,KAAAA,EAAA;AAC3DC,IAAAA,EAAAA,IAACD,QAAD,IAAA,GAAgBD,oBAAAA,IAAA,CACpBA,oBAAAA,CAAoBG,MAAAA,uBACpB,uBAAA,EAAA,EAAuB,GAAKH,sBAA8BD,MAAAA,EAAAA,KAAAA,EAAK,IAC9DA,KAAAA,mBACF,GAAA,UAAe,SAAA,EAAA,8CAAA,EAAgDA,iBAAM,CAAA,GADnE,IAAA;AAEIF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,oBAAAA;AAAAH,IAAAA,CAAAA,MAAAI,KAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OALDK,EAAAA;AAKC,CAAA;AAGH,MAAME,cAAcR,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAG,KAAAA;AAAAA,IAAAF,KAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAK;AAAAA,GAAA,GAAAT,EAAAA;AAO3B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,CAAAA,CAAA,CAAA,CAAA,KAAAE,KAAAA,IAAAF,CAAAA,QAAAG,oBAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAI,KAAAA,EAAA;AAGKC,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACQH,KAAAA,EACeC,oBAAAA,EACfC,KAAAA,EAAK,CAAA;AACZJ,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,oBAAAA;AAAAH,IAAAA,CAAAA,MAAAI,KAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAQ,YAAAR,CAAAA,QAAAK,EAAAA,EAAA;AALJI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,iEAAA,EACbJ,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAKCG;AAAAA,KAAAA,EACH,CAAA;AAAMR,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAPNS,EAAAA;AAOM;;;;"}

package/dist/components/widget/TokenInput/common/Balance.d.ts

@@ -0,0 +1,3 @@
+import { TokenInputProps } from '../types';
+export declare const Balance: ({ tokenBalanceUnit, token, }: Pick<TokenInputProps, "tokenBalanceUnit" | "token">) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Balance.d.ts.map

package/dist/components/widget/TokenInput/common/Balance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Balance.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TokenInput/common/Balance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,OAAO,GAAI,8BAGrB,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,OAAO,CAAC,mDAIrD,CAAC"}

package/dist/components/widget/TokenInput/common/Balance.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+
+const Balance = (t0) => {
+  const $ = distExports.c(3);
+  const {
+    tokenBalanceUnit,
+    token
+  } = t0;
+  let t1;
+  if ($[0] !== token || $[1] !== tokenBalanceUnit) {
+    t1 = tokenBalanceUnit && token ? /* @__PURE__ */ jsx("div", { className: "text-right", children: `Balance: ${tokenBalanceUnit} ${token.symbol}` }) : null;
+    $[0] = token;
+    $[1] = tokenBalanceUnit;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+
+export { Balance };
+//# sourceMappingURL=Balance.js.map

package/dist/components/widget/TokenInput/common/Balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Balance.js","sources":["../../../../../src/components/widget/TokenInput/common/Balance.tsx"],"sourcesContent":["import type { TokenInputProps } from \"../types\";\n\nexport const Balance = ({\n  tokenBalanceUnit,\n  token,\n}: Pick<TokenInputProps, \"tokenBalanceUnit\" | \"token\">) => {\n  return tokenBalanceUnit && token ? (\n    <div className=\"text-right\">{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n  ) : null;\n};\n"],"names":["Balance","t0","$","_c","tokenBalanceUnit","token","t1","symbol"],"mappings":";;;AAEO,MAAMA,UAAUC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAG8B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAE,gBAAAA,EAAA;AAC7CE,IAAAA,EAAAA,GAAAF,gBAAAA,IAAAC,KAAAA,mBACL,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,YAAA,wBAA0BD,gBAAgB,CAAA,CAAA,EAAIC,KAAAA,CAAKE,MAAO,CAAA,CAAA,EAAG,CAAA,GADvE,IAAA;AAECL,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAE,gBAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAFDI,EAAAA;AAEC;;;;"}

package/dist/components/widget/TokenInput/common/MaxButtons.d.ts

@@ -0,0 +1,3 @@
+import { TokenInputProps } from '../types';
+export declare const MaxButtons: ({ maxButtonOptions, }: Pick<TokenInputProps, "maxButtonOptions">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MaxButtons.d.ts.map

package/dist/components/widget/TokenInput/common/MaxButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxButtons.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TokenInput/common/MaxButtons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,UAAU,GAAI,uBAExB,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,4CAc3C,CAAC"}

package/dist/components/widget/TokenInput/common/MaxButtons.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+
+const MaxButtons = (t0) => {
+  const $ = distExports.c(4);
+  const {
+    maxButtonOptions
+  } = t0;
+  let t1;
+  if ($[0] !== maxButtonOptions) {
+    t1 = maxButtonOptions?.map(_temp);
+    $[0] = maxButtonOptions;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "flex items-end gap-1", children: t1 });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+function _temp(t0) {
+  const {
+    variant,
+    onClick
+  } = t0;
+  return /* @__PURE__ */ jsx(Button, { className: "h-[18px] px-[7px] py-0 text-[10px] font-medium text-contrast-4 dark:text-contrast-6 bg-transparent hover:bg-transparent hover:text-primary-azul-1 dark:hover:text-primary-azul-1 border border-contrast-5 hover:border-primary-azul-1 uppercase", onClick, children: variant }, variant);
+}
+
+export { MaxButtons };
+//# sourceMappingURL=MaxButtons.js.map

package/dist/components/widget/TokenInput/common/MaxButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxButtons.js","sources":["../../../../../src/components/widget/TokenInput/common/MaxButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { TokenInputProps } from \"../types\";\n\nexport const MaxButtons = ({\n  maxButtonOptions,\n}: Pick<TokenInputProps, \"maxButtonOptions\">) => {\n  return (\n    <div className=\"flex items-end gap-1\">\n      {maxButtonOptions?.map(({ variant, onClick }) => (\n        <Button\n          className=\"h-[18px] px-[7px] py-0 text-[10px] font-medium text-contrast-4 dark:text-contrast-6 bg-transparent hover:bg-transparent hover:text-primary-azul-1 dark:hover:text-primary-azul-1 border border-contrast-5 hover:border-primary-azul-1 uppercase\"\n          onClick={onClick}\n          key={variant}\n        >\n          {variant}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"names":["MaxButtons","t0","$","_c","maxButtonOptions","t1","map","_temp","t2","variant","onClick"],"mappings":";;;;AAGO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAEiB,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,gBAAAA,EAAA;AAGrCC,IAAAA,EAAAA,GAAAD,gBAAAA,EAAgBE,IAAMC,KAQtB,CAAA;AAACL,IAAAA,CAAAA,MAAAE,gBAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAG,EAAAA,EAAA;AATJG,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,sBAAA,EACZH,QAAAA,EAAAA,EAAAA,EASH,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,EAAAA;AAAAH,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVNM,EAAAA;AAUM;AAdgB,SAAAD,MAAAN,EAAAA,EAAA;AAKI,EAAA,MAAA;AAAA,IAAAQ,OAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAT,EAAAA;AAAoB,EAAA,2BACzC,MAAA,EAAA,EACW,SAAA,EAAA,iPAAA,EACDS,OAAAA,EAGRD,qBAFIA,OAGP,CAAA;AAAS;;;;"}

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;AAS/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0IhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+FhD,CAAC"}