@velora-dex/widget 0.0.23 → 0.1.0-rc.1

package/dist/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListBody.js","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.tsx"],"sourcesContent":["import type { Token, TokenMaybeWithUsdBalance } from \"@/tokens/state/types\";\nimport { useDialogAtom } from \"../../state/dialogAtom\";\nimport { RowVirtualizerFixed } from \"@/components/widget/RowVirtualizer/RowVirtualizerFixed\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatUnits } from \"viem\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\n\nexport const TokenListBody: React.FC<{\n  tokenRows: TokenMaybeWithUsdBalance[];\n  onSelect: (token: Token) => void;\n}> = ({ tokenRows, onSelect }) => {\n  const { closeDialog } = useDialogAtom();\n\n  return (\n    <RowVirtualizerFixed<TokenMaybeWithUsdBalance>\n      rowHeight={56}\n      containerClassName=\"h-[336px] w-full\" // 336px = 6 rows * 56 rowHeight\n      rows={tokenRows}\n      rowRenderer={({ row }) => {\n        const formattedBalance = row.balance\n          ? formatUnits(BigInt(row.balance), row.decimals)\n          : undefined;\n\n        const balanceToDisplay = formattedBalance\n          ? toDecimalTrimmed(formattedBalance)\n          : \"0\";\n\n        const formattedUsdBalance = row.usdBalance\n          ? formatFiatPrice(row.usdBalance)\n          : undefined;\n\n        const usdBalanceToDisplay =\n          formattedUsdBalance === undefined\n            ? \"$0\" // no usd prices or token.balance is zero\n            : formattedUsdBalance === \"$0.00\"\n              ? \"<$0.01\" // usd balance is less than 0.01\n              : formattedUsdBalance;\n\n        return (\n          <div\n            className=\"px-[24px] hover:bg-contrast-9 dark:hover:bg-contrast-2 h-full flex items-center gap-2 hover:cursor-pointer\"\n            onClick={() => {\n              onSelect(row);\n              closeDialog();\n            }}\n          >\n            <TokenBadge\n              address={row.address}\n              img={row.img}\n              chainId={row.network}\n              showNetworkIcon\n              classes={{ logo: \"size-[24px]\" }}\n            />\n            <div className=\"w-full\">\n              <div className=\"flex items-center justify-between text-sm text-contrast-3\">\n                <div className=\"dark:text-contrast-6 font-medium\">\n                  {row.symbol}\n                </div>\n                <div className=\"font-geist-mono dark:text-contrast-7 font-medium\">\n                  {balanceToDisplay}\n                </div>\n              </div>\n              <div className=\"text-contrast-5 dark:text-contrast-5 flex items-center justify-between text-[10px]\">\n                <div>{row.name}</div>\n                <div className=\"font-geist-mono\">{usdBalanceToDisplay}</div>\n              </div>\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n};\n"],"names":["TokenListBody","t0","$","_c","tokenRows","onSelect","closeDialog","useDialogAtom","t1","t2","row","formattedBalance","balance","formatUnits","BigInt","decimals","undefined","balanceToDisplay","toDecimalTrimmed","formattedUsdBalance","usdBalance","formatFiatPrice","usdBalanceToDisplay","address","img","network","logo","symbol","name"],"mappings":"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"}
+{"version":3,"file":"TokenListBody.js","sources":["../../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenListBody/TokenListBody.tsx"],"sourcesContent":["import type { Token, TokenMaybeWithUsdBalance } from \"@/tokens/state/types\";\nimport { useDialogAtom } from \"../../state/dialogAtom\";\nimport { RowVirtualizerFixed } from \"@/components/widget/RowVirtualizer/RowVirtualizerFixed\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatUnits } from \"viem\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { cn } from \"@/lib/utils\";\n\ntype TokenListBodyProps = {\n  tokenRows: TokenMaybeWithUsdBalance[];\n  onSelect: (token: Token) => void;\n  visibleRows?: number;\n  className?: string;\n};\n\nexport const TokenListBody = ({\n  tokenRows,\n  onSelect,\n  visibleRows,\n  className,\n}: TokenListBodyProps) => {\n  const { closeDialog } = useDialogAtom();\n\n  return (\n    <RowVirtualizerFixed<TokenMaybeWithUsdBalance>\n      rowHeight={56}\n      visibleRows={visibleRows} // 56*6 = 336px, to fit into fullCover drawer (when container has padding, + search field + TokenCloud)\n      containerClassName={cn(\n        \"w-full [scrollbar-gutter:stable_both-edges]\",\n        className\n      )}\n      rows={tokenRows}\n      rowRenderer={({ row }) => {\n        const formattedBalance = row.balance\n          ? formatUnits(BigInt(row.balance), row.decimals)\n          : undefined;\n\n        const balanceToDisplay = formattedBalance\n          ? toDecimalTrimmed(formattedBalance)\n          : \"0\";\n\n        const formattedUsdBalance = row.usdBalance\n          ? formatFiatPrice(row.usdBalance)\n          : undefined;\n\n        const usdBalanceToDisplay =\n          formattedUsdBalance === undefined\n            ? \"$0\" // no usd prices or token.balance is zero\n            : formattedUsdBalance === \"$0.00\"\n              ? \"<$0.01\" // usd balance is less than 0.01\n              : formattedUsdBalance;\n\n        return (\n          <div className=\"h-full px-[11px]\">\n            <div\n              className=\"px-2 rounded-sm hover:bg-contrast-9 dark:hover:bg-contrast-2 h-full flex items-center gap-2 hover:cursor-pointer\"\n              onClick={() => {\n                onSelect(row);\n                closeDialog();\n              }}\n            >\n              <TokenBadge\n                address={row.address}\n                img={row.img}\n                chainId={row.network}\n                showNetworkIcon\n                classes={{ logo: \"size-[24px]\" }}\n              />\n              <div className=\"w-full\">\n                <div className=\"flex items-center justify-between text-sm text-contrast-3\">\n                  <div className=\"dark:text-contrast-6 font-medium\">\n                    {row.symbol}\n                  </div>\n                  <div className=\"font-geist-mono dark:text-contrast-7 font-medium\">\n                    {balanceToDisplay}\n                  </div>\n                </div>\n                <div className=\"text-contrast-5 dark:text-contrast-5 flex items-center justify-between text-[10px]\">\n                  <div>{row.name}</div>\n                  <div className=\"font-geist-mono\">{usdBalanceToDisplay}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n};\n"],"names":["TokenListBody","t0","$","_c","tokenRows","onSelect","visibleRows","className","closeDialog","useDialogAtom","t1","cn","t2","t3","row","formattedBalance","balance","formatUnits","BigInt","decimals","undefined","balanceToDisplay","toDecimalTrimmed","formattedUsdBalance","usdBalance","formatFiatPrice","usdBalanceToDisplay","address","img","network","logo","symbol","name"],"mappings":"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"}

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js

@@ -50,7 +50,7 @@ const TokenSearch = (t0) => {
   }
   let t5;
   if ($[9] !== onChange || $[10] !== t4 || $[11] !== value) {
-    t5 = /* @__PURE__ */ jsx("div", { className: "px-6 py-1", children: /* @__PURE__ */ jsx(Input, { value, onChange, className: "h-[48px] pl-[42px] pr-[86px]", placeholder: "Search by name or address", startAdornment: t1, endAdornment: t4 }) });
+    t5 = /* @__PURE__ */ jsx("div", { className: "px-6", children: /* @__PURE__ */ jsx(Input, { value, onChange, className: "h-[48px] pl-[42px] pr-[86px]", placeholder: "Search by name or address", startAdornment: t1, endAdornment: t4 }) });
     $[9] = onChange;
     $[10] = t4;
     $[11] = value;

package/dist/components/widget/Dialog/SelectTokenDialog/TokenSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.js","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { SearchIcon, X } from \"lucide-react\";\nimport { Input } from \"@/components/ui/input\";\nimport { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n}) => {\n  return (\n    <div className=\"px-6 py-1\">\n      <Input\n        value={value}\n        onChange={onChange}\n        className=\"h-[48px] pl-[42px] pr-[86px]\"\n        placeholder=\"Search by name or address\"\n        startAdornment={\n          <SearchIcon\n            className=\"stroke-contrast-5 dark:stroke-contrast-4\"\n            size={20}\n          />\n        }\n        endAdornment={\n          <div className=\"flex items-center gap-2\">\n            {!!value && (\n              <X\n                onClick={clearSearch}\n                cursor=\"pointer\"\n                size={20}\n                className=\"text-contrast-5 dark:text-contrast-6\"\n              />\n            )}\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          </div>\n        }\n      />\n    </div>\n  );\n};\n"],"names":["TokenSearch","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","t1","Symbol","for","t2","t3","t4","t5"],"mappings":"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"}
+{"version":3,"file":"TokenSearch.js","sources":["../../../../../src/components/widget/Dialog/SelectTokenDialog/TokenSearch.tsx"],"sourcesContent":["import { SearchIcon, X } from \"lucide-react\";\nimport { Input } from \"@/components/ui/input\";\nimport { CompactNetworkSwitcher } from \"@/components/widget/NetworkSwitcher/CompactNetworkSwitcher\";\nimport type { TokenSearchProps } from \"./types\";\n\nexport const TokenSearch: React.FC<TokenSearchProps> = ({\n  value,\n  onChange,\n  clearSearch,\n  compactNetworkSwitcherProps,\n}) => {\n  return (\n    <div className=\"px-6\">\n      <Input\n        value={value}\n        onChange={onChange}\n        className=\"h-[48px] pl-[42px] pr-[86px]\"\n        placeholder=\"Search by name or address\"\n        startAdornment={\n          <SearchIcon\n            className=\"stroke-contrast-5 dark:stroke-contrast-4\"\n            size={20}\n          />\n        }\n        endAdornment={\n          <div className=\"flex items-center gap-2\">\n            {!!value && (\n              <X\n                onClick={clearSearch}\n                cursor=\"pointer\"\n                size={20}\n                className=\"text-contrast-5 dark:text-contrast-6\"\n              />\n            )}\n            <CompactNetworkSwitcher {...compactNetworkSwitcherProps} />\n          </div>\n        }\n      />\n    </div>\n  );\n};\n"],"names":["TokenSearch","t0","$","_c","value","onChange","clearSearch","compactNetworkSwitcherProps","t1","Symbol","for","t2","t3","t4","t5"],"mappings":"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"}

package/dist/components/widget/Dialog/state/dialogAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogAtom.js","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"sourcesContent":["import { atom, useAtom } from \"jotai\";\nimport type { dialogByType } from \"../dialogByType\";\nimport type { SelectTokenDialogProps } from \"../SelectTokenDialog/types\";\nimport { useMemo } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\ntype DialogPropsWithoutUnknown<\n  DType extends string,\n  DTypeProps,\n> = unknown extends DTypeProps\n  ? unknown\n  : {\n      dialogProps: {\n        [key in DType]: DTypeProps;\n      };\n    };\n\ntype DialogType = keyof typeof dialogByType;\n\ntype PermissibleDialogState = {\n  dialogType: DialogType;\n  dialogProps?: {\n    [key in DialogType]?: React.ComponentProps<(typeof dialogByType)[key]>;\n  };\n};\n\n// makes a union with exactly matching `{dialogType, dialogProps: {[dialogType]: dialogTypeProps}}`,\n// so that setDialog can only be used with one specific dialogType per call\ntype FilledDialogState = {\n  [Type in DialogType]: Prettify<\n    {\n      dialogType: Type;\n    } & DialogPropsWithoutUnknown<\n      Type,\n      React.ComponentProps<(typeof dialogByType)[Type]>\n    >\n  >;\n}[DialogType];\n\ntype DialogState = FilledDialogState | null;\n\nconst dialogAtom = atom<DialogState>(null);\n\ntype UseDialogAtomResult = {\n  // allow to destructure without \"dialogType\" in dialog.dialogProps checks\n  dialog: PermissibleDialogState | null;\n  showSelectTokenDialog: (props: SelectTokenDialogProps) => void;\n  showConnectWalletDialog: () => void;\n  showReceiverAddressDialog: () => void;\n  closeDialog: () => void;\n};\n\nexport const useDialogAtom = (): UseDialogAtomResult => {\n  const [dialog, setDialog] = useAtom(dialogAtom);\n\n  const {\n    closeDialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n  } = useMemo(() => {\n    const closeDialog = () => {\n      setDialog(null);\n    };\n\n    const showSelectTokenDialog = (props: SelectTokenDialogProps) => {\n      setDialog({\n        dialogType: \"selectToken\",\n        dialogProps: {\n          selectToken: props,\n        },\n      });\n    };\n\n    const showConnectWalletDialog = () => {\n      setDialog({\n        dialogType: \"connectWallet\",\n      });\n    };\n\n    const showReceiverAddressDialog = () => {\n      setDialog({\n        dialogType: \"receiverAddress\",\n      });\n    };\n\n    return {\n      closeDialog,\n      showSelectTokenDialog,\n      showConnectWalletDialog,\n      showReceiverAddressDialog,\n    };\n  }, [setDialog]);\n\n  return {\n    dialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n    closeDialog,\n  };\n};\n"],"names":["dialogAtom","atom","useDialogAtom","$","_c","dialog","setDialog","useAtom","t0","t1","closeDialog","t2","props","dialogType","dialogProps","selectToken","showSelectTokenDialog","t3","showConnectWalletDialog","t4","showReceiverAddressDialog","t5","closeDialog_0","showSelectTokenDialog_0","showConnectWalletDialog_0","showReceiverAddressDialog_0","t6"],"mappings":"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"}
+{"version":3,"file":"dialogAtom.js","sources":["../../../../../src/components/widget/Dialog/state/dialogAtom.ts"],"sourcesContent":["import { atom, useAtom } from \"jotai\";\nimport type { dialogByType } from \"../dialogByType\";\nimport type { SelectTokenDialogProps } from \"../SelectTokenDialog/types\";\nimport { useMemo } from \"react\";\nimport type { Prettify } from \"ts-essentials\";\n\ntype DialogPropsWithoutUnknown<\n  DType extends string,\n  DTypeProps,\n> = unknown extends DTypeProps\n  ? unknown\n  : {\n      dialogProps: {\n        [key in DType]: DTypeProps;\n      };\n    };\n\ntype DialogType = keyof typeof dialogByType;\n\ntype PermissibleDialogState = {\n  dialogType: DialogType;\n  dialogProps?: {\n    [key in DialogType]?: React.ComponentProps<(typeof dialogByType)[key]>;\n  };\n};\n\n// makes a union with exactly matching `{dialogType, dialogProps: {[dialogType]: dialogTypeProps}}`,\n// so that setDialog can only be used with one specific dialogType per call\ntype FilledDialogState = {\n  [Type in DialogType]: Prettify<\n    {\n      dialogType: Type;\n    } & DialogPropsWithoutUnknown<\n      Type,\n      React.ComponentProps<(typeof dialogByType)[Type]>\n    >\n  >;\n}[DialogType];\n\ntype DialogState = FilledDialogState | null;\n\nconst dialogAtom = atom<DialogState>(null);\n\ntype UseDialogAtomResult = {\n  // allow to destructure without \"dialogType\" in dialog.dialogProps checks\n  dialog: PermissibleDialogState | null;\n  showSelectTokenDialog: (props: SelectTokenDialogProps) => void;\n  showConnectWalletDialog: () => void;\n  showReceiverAddressDialog: () => void;\n  closeDialog: () => void;\n};\n\nexport const useDialogAtom = (): UseDialogAtomResult => {\n  const [dialog, setDialog] = useAtom(dialogAtom);\n\n  const {\n    closeDialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n  } = useMemo(() => {\n    const closeDialog = () => {\n      setDialog(null);\n    };\n\n    const showSelectTokenDialog = (props: SelectTokenDialogProps) => {\n      setDialog({\n        dialogType: \"selectToken\",\n        dialogProps: {\n          selectToken: props,\n        },\n      });\n    };\n\n    const showConnectWalletDialog = () => {\n      setDialog({\n        dialogType: \"connectWallet\",\n      });\n    };\n\n    const showReceiverAddressDialog = () => {\n      setDialog({\n        dialogType: \"receiverAddress\",\n      });\n    };\n\n    return {\n      closeDialog,\n      showSelectTokenDialog,\n      showConnectWalletDialog,\n      showReceiverAddressDialog,\n    };\n  }, [setDialog]);\n\n  return {\n    dialog,\n    showSelectTokenDialog,\n    showConnectWalletDialog,\n    showReceiverAddressDialog,\n    closeDialog,\n  };\n};\n"],"names":["dialogAtom","atom","useDialogAtom","$","_c","dialog","setDialog","useAtom","t0","t1","closeDialog","t2","props","dialogType","dialogProps","selectToken","showSelectTokenDialog","t3","showConnectWalletDialog","t4","showReceiverAddressDialog","t5","closeDialog_0","showSelectTokenDialog_0","showConnectWalletDialog_0","showReceiverAddressDialog_0","t6"],"mappings":"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"}

package/dist/components/widget/Drawer/Overlay.d.ts

@@ -0,0 +1,9 @@
+type DrawerOverlayProps = {
+    open: boolean;
+    onClick?: () => void;
+    closeDrawerOnClick?: boolean;
+    className?: string;
+};
+export declare function InWidgetDrawerOverlay({ open, onClick, closeDrawerOnClick, className, }: DrawerOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Overlay.d.ts.map

package/dist/components/widget/Drawer/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/Overlay.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,kBAAyB,EACzB,SAAS,GACV,EAAE,kBAAkB,2CAuBpB"}

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

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { cn } from '../../../lib/utils/index.js';
+import { openDrawerAtom } from './state/useDrawerControls.js';
+import { useSetAtom } from 'jotai';
+
+function InWidgetDrawerOverlay(t0) {
+  const $ = distExports.c(12);
+  const {
+    open,
+    onClick,
+    closeDrawerOnClick: t1,
+    className
+  } = t0;
+  const closeDrawerOnClick = t1 === void 0 ? true : t1;
+  const setOpenDrawer = useSetAtom(openDrawerAtom);
+  const t2 = !open;
+  const t3 = !open;
+  let t4;
+  if ($[0] !== className || $[1] !== open || $[2] !== t2 || $[3] !== t3) {
+    t4 = cn("absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl", {
+      "opacity-0": t2,
+      "opacity-75": open,
+      "pointer-events-none": t3
+    }, className);
+    $[0] = className;
+    $[1] = open;
+    $[2] = t2;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== closeDrawerOnClick || $[6] !== onClick || $[7] !== setOpenDrawer) {
+    t5 = () => {
+      if (closeDrawerOnClick) {
+        setOpenDrawer(null);
+      }
+      onClick?.();
+    };
+    $[5] = closeDrawerOnClick;
+    $[6] = onClick;
+    $[7] = setOpenDrawer;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t4 || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsx("div", { className: t4, onClick: t5 });
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
+}
+
+export { InWidgetDrawerOverlay };
+//# sourceMappingURL=Overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../../src/components/widget/Drawer/Overlay.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { openDrawerAtom } from \"./state/useDrawerControls\";\nimport { useSetAtom } from \"jotai\";\n\ntype DrawerOverlayProps = {\n  open: boolean;\n  onClick?: () => void;\n  closeDrawerOnClick?: boolean;\n  className?: string;\n};\n// Used when Partial Drawer is open,\n// darkens the Widget in the background,\n// onClick closes the Partial Drawer\nexport function InWidgetDrawerOverlay({\n  open,\n  onClick,\n  closeDrawerOnClick = true,\n  className,\n}: DrawerOverlayProps) {\n  const setOpenDrawer = useSetAtom(openDrawerAtom);\n\n  return (\n    <div\n      className={cn(\n        \"absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl\",\n        {\n          \"opacity-0\": !open,\n          \"opacity-75\": open,\n          // allow clicking through when no drawer is open\n          \"pointer-events-none\": !open,\n        },\n        className\n      )}\n      onClick={() => {\n        if (closeDrawerOnClick) {\n          setOpenDrawer(null);\n        }\n        onClick?.();\n      }}\n    />\n  );\n}\n"],"names":["InWidgetDrawerOverlay","t0","$","_c","open","onClick","closeDrawerOnClick","t1","className","undefined","setOpenDrawer","useSetAtom","openDrawerAtom","t2","t3","t4","cn","t5","t6"],"mappings":";;;;;;AAaO,SAAAA,sBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAA+B,EAAA,MAAA;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,kBAAAA,EAAAC,EAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAGpC,EAAA,MAAAK,kBAAAA,GAAAC,EAAAA,KAAyBE,MAAAA,UAAzBF,EAAAA;AAGA,EAAA,MAAAG,aAAAA,GAAsBC,WAAAC,cAAyB,CAAA;AAO1B,EAAA,MAAAC,MAACT,IAAAA;AAGS,EAAA,MAAAU,MAACV,IAAAA;AAAI,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,EAAA,CAAA,CAAA,KAAAE,IAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,EAAAA,IAAAX,CAAAA,QAAAY,EAAAA,EAAA;AANrBC,IAAAA,EAAAA,GAAAC,GACT,+EAAA,EAA+E;AAAA,MAAA,WAAA,EAEhEH,EAAAA;AAAAA,MAAK,YAAA,EACJT,IAAAA;AAAAA,MAAI,qBAAA,EAEKU;AAAAA,OAEzBN,SACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAE,IAAAA;AAAAF,IAAAA,CAAAA,MAAAW,EAAAA;AAAAX,IAAAA,CAAAA,MAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAI,kBAAAA,IAAAJ,CAAAA,QAAAG,OAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAQ,aAAAA,EAAA;AACQO,IAAAA,EAAAA,GAAAA,MAAA;AAAA,MAAA,IACHX,kBAAAA,EAAkB;AACpBI,QAAAA,aAAAA,KAAkB,CAAA;AAAA,MAAC;AAErBL,MAAAA,OAAAA,IAAO;AAAA,IAAA,CAAA;AACRH,IAAAA,CAAAA,MAAAI,kBAAAA;AAAAJ,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,aAAAA;AAAAR,IAAAA,CAAAA,MAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,EAAA,CAAA,CAAA,KAAAa,MAAAb,CAAAA,SAAAe,EAAAA,EAAA;AAhBHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAH,EAAAA,EAUF,SAAAE,EAAAA,EAKR,CAAA;AACDf,IAAAA,CAAAA,MAAAa,EAAAA;AAAAb,IAAAA,CAAAA,OAAAe,EAAAA;AAAAf,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAjBFgB,EAAAA;AAiBE;;;;"}

package/dist/components/widget/Drawer/index.d.ts

@@ -6,7 +6,9 @@ type ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {
     title?: string;
     description?: string;
     showCloseButton?: boolean;
+    scrollIntoView?: boolean;
 };
-export declare function ControlledDrawer({ children, container: _container, title, description, showCloseButton, dismissible, ...props }: ControlledDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ControlledDrawer({ children, container: _container, title, description, showCloseButton, dismissible, scrollIntoView, // If Drawer Opened offscreen, scroll into view
+...props }: ControlledDrawerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAOP,MAAM,wBAAwB,CAAC;AAIhC,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,WAAW,EACX,eAAe,EACf,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAoCvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAOP,MAAM,wBAAwB,CAAC;AAIhC,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAsBF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,WAAW,EACX,eAAe,EACf,WAAmB,EACnB,cAAqB,EAAE,+CAA+C;AACtE,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwDvB"}

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

@@ -4,14 +4,20 @@ import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerDescription, Draw
 import { useContainerAtom } from '../../../core/state/containerAtom.js';
 import { XIcon } from 'lucide-react';
 
+function isElementVisibleInViewport(element) {
+  const rect = element.getBoundingClientRect();
+  console.log("🚀 ~ isElementVisibleInViewport ~ rect:", rect, rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0);
+  return rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0;
+}
 function ControlledDrawer(t0) {
-  const $ = distExports.c(23);
+  const $ = distExports.c(28);
   let _container;
   let children;
   let description;
   let props;
   let showCloseButton;
   let t1;
+  let t2;
   let title;
   if ($[0] !== t0) {
     ({
@@ -21,6 +27,7 @@ function ControlledDrawer(t0) {
       description,
       showCloseButton,
       dismissible: t1,
+      scrollIntoView: t2,
       ...props
     } = t0);
     $[0] = t0;
@@ -30,7 +37,8 @@ function ControlledDrawer(t0) {
     $[4] = props;
     $[5] = showCloseButton;
     $[6] = t1;
-    $[7] = title;
+    $[7] = t2;
+    $[8] = title;
   } else {
     _container = $[1];
     children = $[2];
@@ -38,58 +46,78 @@ function ControlledDrawer(t0) {
     props = $[4];
     showCloseButton = $[5];
     t1 = $[6];
-    title = $[7];
+    t2 = $[7];
+    title = $[8];
   }
   const dismissible = t1 === void 0 ? false : t1;
+  const scrollIntoView = t2 === void 0 ? true : t2;
   const drawerContainer = useContainerAtom();
   const container = _container || drawerContainer;
-  let t2;
-  if ($[8] !== props || $[9] !== showCloseButton || $[10] !== title) {
-    t2 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+  let t3;
+  if ($[9] !== props || $[10] !== scrollIntoView) {
+    t3 = scrollIntoView ? (event) => {
+      if (props.open && !isElementVisibleInViewport(event.currentTarget)) {
+        event.currentTarget.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest"
+        });
+      }
+    } : void 0;
+    $[9] = props;
+    $[10] = scrollIntoView;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== props || $[13] !== showCloseButton || $[14] !== title) {
+    t4 = (title || showCloseButton) && /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx(DrawerTitle, { className: "font-medium text-lg text-contrast-4 dark:text-contrast-6", children: title }),
       showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) })
     ] }) });
-    $[8] = props;
-    $[9] = showCloseButton;
-    $[10] = title;
-    $[11] = t2;
+    $[12] = props;
+    $[13] = showCloseButton;
+    $[14] = title;
+    $[15] = t4;
   } else {
-    t2 = $[11];
+    t4 = $[15];
   }
-  let t3;
-  if ($[12] !== description) {
-    t3 = /* @__PURE__ */ jsx(DrawerDescription, { children: description });
-    $[12] = description;
-    $[13] = t3;
+  let t5;
+  if ($[16] !== description) {
+    t5 = /* @__PURE__ */ jsx(DrawerDescription, { children: description });
+    $[16] = description;
+    $[17] = t5;
   } else {
-    t3 = $[13];
+    t5 = $[17];
   }
-  let t4;
-  if ($[14] !== children || $[15] !== t2 || $[16] !== t3) {
-    t4 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", children: [
-      t2,
-      t3,
+  let t6;
+  if ($[18] !== children || $[19] !== t3 || $[20] !== t4 || $[21] !== t5) {
+    t6 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: "absolute p-0 bg-contrast-8 dark:bg-contrast-1", onAnimationEnd: t3, children: [
+      t4,
+      t5,
       children
     ] }) });
-    $[14] = children;
-    $[15] = t2;
-    $[16] = t3;
-    $[17] = t4;
+    $[18] = children;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t5;
+    $[22] = t6;
   } else {
-    t4 = $[17];
+    t6 = $[22];
   }
-  let t5;
-  if ($[18] !== container || $[19] !== dismissible || $[20] !== props || $[21] !== t4) {
-    t5 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t4 });
-    $[18] = container;
-    $[19] = dismissible;
-    $[20] = props;
-    $[21] = t4;
-    $[22] = t5;
+  let t7;
+  if ($[23] !== container || $[24] !== dismissible || $[25] !== props || $[26] !== t6) {
+    t7 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t6 });
+    $[23] = container;
+    $[24] = dismissible;
+    $[25] = props;
+    $[26] = t6;
+    $[27] = t7;
   } else {
-    t5 = $[22];
+    t7 = $[27];
   }
-  return t5;
+  return t7;
 }
 
 export { ControlledDrawer };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showCloseButton?: boolean;\n};\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  dismissible = false,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\">\n          {(title || showCloseButton) && (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                  {title}\n                </DrawerTitle>\n                {showCloseButton && (\n                  <DrawerClose\n                    className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    onClick={props.onClose}\n                  >\n                    <XIcon />\n                  </DrawerClose>\n                )}\n              </div>\n            </DrawerHeader>\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","description","props","showCloseButton","t1","title","container","dismissible","undefined","drawerContainer","useContainerAtom","t2","onClose","t3","t4","t5"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showCloseButton?: boolean;\n  scrollIntoView?: boolean;\n};\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n  console.log(\n    \"🚀 ~ isElementVisibleInViewport ~ rect:\",\n    rect,\n    rect.top <= window.innerHeight &&\n      rect.bottom >= 0 &&\n      rect.left <= window.innerWidth &&\n      rect.right >= 0\n  );\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\"\n          onAnimationEnd={\n            scrollIntoView\n              ? (event) => {\n                  // only after animated to Open state to prevent jiggle\n                  if (\n                    props.open &&\n                    !isElementVisibleInViewport(event.currentTarget)\n                  ) {\n                    // On short screens a Drawer may open offscreen and not be noticable\n                    event.currentTarget.scrollIntoView({\n                      behavior: \"smooth\",\n                      block: \"nearest\",\n                      inline: \"nearest\",\n                    });\n                  }\n                }\n              : undefined\n          }\n        >\n          {(title || showCloseButton) && (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                  {title}\n                </DrawerTitle>\n                {showCloseButton && (\n                  <DrawerClose\n                    className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    onClick={props.onClose}\n                  >\n                    <XIcon />\n                  </DrawerClose>\n                )}\n              </div>\n            </DrawerHeader>\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["isElementVisibleInViewport","element","rect","getBoundingClientRect","console","log","top","window","innerHeight","bottom","left","innerWidth","right","ControlledDrawer","t0","$","_c","_container","children","description","props","showCloseButton","t1","t2","title","container","dismissible","scrollIntoView","undefined","drawerContainer","useContainerAtom","t3","event","open","currentTarget","behavior","block","inline","t4","onClose","t5","t6","t7"],"mappings":"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"}

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts

@@ -4,9 +4,35 @@ export type DrawerControls = {
     onClose: () => void;
     onOpenChange: (open: boolean) => void;
 };
+export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | `empty-select-token-drawer-${"from" | "to" | undefined}` | `select-token-drawer-${"from" | "to" | undefined}` | "wrap-eth-drawer" | "connect-wallet-drawer" | "trade-flow-drawer";
+export declare const openDrawerAtom: import('jotai').PrimitiveAtom<DrawerId | null> & {
+    init: DrawerId | null;
+};
+export declare const useOpenDrawerId: () => DrawerId | null;
 export declare const useDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, drawerId, }: {
     onOpen?: () => void;
     onClose?: () => void;
-    drawerId: string;
+    drawerId: DrawerId;
 }) => DrawerControls;
+/**
+ * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.
+ *
+ * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height
+ * to a fixed 590px height. When the drawer closes, it animates back to the original height and then
+ * resets to auto for natural sizing.
+ *
+ * This prevents jarring height jumps and provides a polished user experience during drawer interactions.
+ *
+ * @returns {Object} containerRef - React ref that should be attached to the widget container element
+ *
+ * @example
+ * const { containerRef } = useDrawerContainerHeightTransition();
+ * return <div ref={containerRef} className="widget-container">...</div>
+ */
+export declare const useDrawerContainerHeightTransition: () => {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    drawerId: DrawerId | null;
+    isDrawerFullCover: boolean;
+    isDrawerOpen: boolean;
+};
 //# sourceMappingURL=useDrawerControls.d.ts.map

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,KAAG,cAwCH,CAAC"}
+{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,6BAA6B,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GACxD,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,iBAAiB,GACjB,uBAAuB,GACvB,mBAAmB,CAAC;AAExB,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAE1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAwCH,CAAC;AAmBF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,QAAO;IACpD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAsEvB,CAAC"}

package/dist/components/widget/Drawer/state/useDrawerControls.js

@@ -1,8 +1,12 @@
 import { d as distExports } from '../../../../_virtual/index.js';
 import { useLogger } from '../../../../core/logger.js';
-import { atom, useAtom } from 'jotai';
+import { atom, useAtomValue, useAtom } from 'jotai';
+import { useRef, useLayoutEffect } from 'react';
 
 const openDrawerAtom = atom(null);
+const useOpenDrawerId = () => {
+  return useAtomValue(openDrawerAtom);
+};
 const useDrawerControls = (t0) => {
   const $ = distExports.c(18);
   const {
@@ -84,6 +88,91 @@ const useDrawerControls = (t0) => {
   }
   return t4;
 };
+const fullCoverDrawers = /* @__PURE__ */ new Set(["trade-flow-drawer", "select-token-drawer-from", "select-token-drawer-to", "empty-select-token-drawer-from", "empty-select-token-drawer-to"]);
+const DRAWER_HEIGHT = 590;
+const transition = "height 0.3s ease-in-out";
+const useDrawerContainerHeightTransition = () => {
+  const $ = distExports.c(9);
+  const containerRef = useRef(null);
+  const previousHeightRef = useRef(null);
+  const currentDrawerId = useOpenDrawerId();
+  let t0;
+  if ($[0] !== currentDrawerId) {
+    t0 = !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);
+    $[0] = currentDrawerId;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const isDrawerFullCover = t0;
+  let t1;
+  let t2;
+  if ($[2] !== isDrawerFullCover) {
+    t1 = () => {
+      if (containerRef.current) {
+        const container = containerRef.current;
+        if (isDrawerFullCover) {
+          const currentHeight = container.scrollHeight;
+          const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;
+          if (shouldSkipTransition) {
+            return;
+          }
+          previousHeightRef.current = currentHeight;
+          container.style.overflow = "hidden";
+          container.style.transition = "none";
+          container.style.height = `${currentHeight}px`;
+          requestAnimationFrame(() => {
+            container.style.transition = transition;
+            container.style.height = `${DRAWER_HEIGHT}px`;
+          });
+        } else {
+          if (previousHeightRef.current !== null) {
+            container.style.transition = transition;
+            container.style.height = `${previousHeightRef.current}px`;
+            previousHeightRef.current = null;
+            const onTransitionEnd = (event) => {
+              if (event.target === container && event.propertyName === "height" && event.type === "transitionend") {
+                container.style.height = "auto";
+                container.style.transition = "";
+                container.style.overflow = "";
+                container.removeEventListener("transitionend", onTransitionEnd);
+              }
+            };
+            container.addEventListener("transitionend", onTransitionEnd);
+            return () => {
+              container.removeEventListener("transitionend", onTransitionEnd);
+            };
+          }
+        }
+      }
+    };
+    t2 = [isDrawerFullCover];
+    $[2] = isDrawerFullCover;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useLayoutEffect(t1, t2);
+  const t3 = !!currentDrawerId;
+  let t4;
+  if ($[5] !== currentDrawerId || $[6] !== isDrawerFullCover || $[7] !== t3) {
+    t4 = {
+      containerRef,
+      drawerId: currentDrawerId,
+      isDrawerFullCover,
+      isDrawerOpen: t3
+    };
+    $[5] = currentDrawerId;
+    $[6] = isDrawerFullCover;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
 
-export { useDrawerControls };
+export { openDrawerAtom, useDrawerContainerHeightTransition, useDrawerControls, useOpenDrawerId };
 //# sourceMappingURL=useDrawerControls.js.map

package/dist/components/widget/Drawer/state/useDrawerControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { useLogger } from \"@/core/logger\";\nimport { atom, useAtom } from \"jotai\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n};\n\nconst openDrawerAtom = atom<string | null>(null);\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: string;\n}): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(\"DRAWER\");\n\n  const onOpen = () => {\n    logger.info(\"onOpen\", drawerId);\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\", drawerId);\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["openDrawerAtom","atom","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { useLogger } from \"@/core/logger\";\nimport { atom, useAtom, useAtomValue } from \"jotai\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | `empty-select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | `select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"trade-flow-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n}): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(\"DRAWER\");\n\n  const onOpen = () => {\n    logger.info(\"onOpen\", drawerId);\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\", drawerId);\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed 590px height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([\n  \"trade-flow-drawer\",\n  \"select-token-drawer-from\",\n  \"select-token-drawer-to\",\n  \"empty-select-token-drawer-from\",\n  \"empty-select-token-drawer-to\",\n]);\n\nconst DRAWER_HEIGHT = 590;\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed 590px height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (): {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [isDrawerFullCover]);\n\n  return {\n    containerRef,\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","DRAWER_HEIGHT","transition","useDrawerContainerHeightTransition","containerRef","useRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}

package/dist/components/widget/Dropdown/DropdownWithItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAUtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgD9D,CAAC"}
+{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAYtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD9D,CAAC"}