@velora-dex/widget 0.5.0 → 0.6.0

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

@@ -1,261 +1,88 @@
-import { d as distExports } from '../../../../_virtual/index.js';
-import { DRAWER_HEIGHT } from '../../../../core/constants.js';
-import { useLogger } from '../../../../core/logger.js';
-import { atom } from 'jotai';
-import { useState, useRef, useLayoutEffect } from 'react';
-import { useAtom, useAtomValue, useSetAtom } from '../../../../core/store.js';
-
-const openDrawerAtom = atom(null);
-openDrawerAtom.onMount = (set) => {
-  return () => {
-    set(null);
-  };
-};
-const useOpenDrawerId = () => {
-  return useAtomValue(openDrawerAtom);
-};
-const useSetOpenDrawer = () => {
-  return useSetAtom(openDrawerAtom);
-};
-const useDrawerControls = (t0) => {
-  const $ = distExports.c(19);
-  const {
-    onOpen: _onOpen,
-    onClose: _onClose,
-    drawerId
-  } = t0;
-  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);
-  const open = openDrawer === drawerId;
-  const logger = useLogger(drawerId);
-  let t1;
-  if ($[0] !== _onOpen || $[1] !== drawerId || $[2] !== logger || $[3] !== setOpenDrawer) {
-    t1 = () => {
-      logger.info("onOpen");
-      setOpenDrawer(drawerId);
-      _onOpen?.();
-    };
-    $[0] = _onOpen;
-    $[1] = drawerId;
-    $[2] = logger;
-    $[3] = setOpenDrawer;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const onOpen = t1;
-  let t2;
-  if ($[5] !== _onClose || $[6] !== drawerId || $[7] !== logger || $[8] !== setOpenDrawer) {
-    t2 = () => {
-      logger.info("onClose");
-      setOpenDrawer((currentOpenDrawer) => {
-        if (currentOpenDrawer === drawerId) {
-          return null;
-        }
-        return currentOpenDrawer;
-      });
-      _onClose?.();
-    };
-    $[5] = _onClose;
-    $[6] = drawerId;
-    $[7] = logger;
-    $[8] = setOpenDrawer;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  const onClose = t2;
-  let t3;
-  if ($[10] !== onClose || $[11] !== onOpen) {
-    t3 = (open_0) => {
-      if (open_0) {
-        onOpen();
-      } else {
-        onClose();
-      }
-    };
-    $[10] = onClose;
-    $[11] = onOpen;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  const onOpenChange = t3;
-  let t4;
-  if ($[13] !== logger || $[14] !== onClose || $[15] !== onOpen || $[16] !== onOpenChange || $[17] !== open) {
-    t4 = {
-      open,
-      onOpenChange,
-      onOpen,
-      onClose,
-      logger
-    };
-    $[13] = logger;
-    $[14] = onClose;
-    $[15] = onOpen;
-    $[16] = onOpenChange;
-    $[17] = open;
-    $[18] = t4;
-  } else {
-    t4 = $[18];
-  }
-  return t4;
-};
-const useLocalDrawerControls = (t0) => {
-  const $ = distExports.c(14);
-  let t1;
-  if ($[0] !== t0) {
-    t1 = {} ;
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    onOpen: _onOpen,
-    onClose: _onClose
-  } = t1;
-  const [open, setOpen] = useState(false);
-  let t2;
-  if ($[2] !== _onOpen) {
-    t2 = () => {
-      setOpen(true);
-      _onOpen?.();
-    };
-    $[2] = _onOpen;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onOpen = t2;
-  let t3;
-  if ($[4] !== _onClose) {
-    t3 = () => {
-      setOpen(false);
-      _onClose?.();
-    };
-    $[4] = _onClose;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const onClose = t3;
-  let t4;
-  if ($[6] !== onClose || $[7] !== onOpen) {
-    t4 = (open_0) => {
-      if (open_0) {
-        onOpen();
-      } else {
-        onClose();
-      }
-    };
-    $[6] = onClose;
-    $[7] = onOpen;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const onOpenChange = t4;
-  let t5;
-  if ($[9] !== onClose || $[10] !== onOpen || $[11] !== onOpenChange || $[12] !== open) {
-    t5 = {
-      open,
-      onOpenChange,
-      onOpen,
-      onClose
-    };
-    $[9] = onClose;
-    $[10] = onOpen;
-    $[11] = onOpenChange;
-    $[12] = open;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
+import { useAtom as e, useAtomValue as t, useSetAtom as n } from "../../../../core/store.js";
+import { useLogger as r } from "../../../../core/logger.js";
+import { c as i } from "react-compiler-runtime";
+import { useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { atom as c } from "jotai";
+//#region src/components/widget/Drawer/state/useDrawerControls.ts
+var l = c(null);
+l.onMount = (e) => () => {
+	e(null);
 };
-const fullCoverDrawers = /* @__PURE__ */ new Set([]);
-const transition = "height 0.3s ease-in-out";
-const useDrawerContainerHeightTransition = (containerRef) => {
-  const $ = distExports.c(10);
-  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] !== containerRef || $[3] !== 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 = [containerRef, isDrawerFullCover];
-    $[2] = containerRef;
-    $[3] = isDrawerFullCover;
-    $[4] = t1;
-    $[5] = t2;
-  } else {
-    t1 = $[4];
-    t2 = $[5];
-  }
-  useLayoutEffect(t1, t2);
-  const t3 = !!currentDrawerId;
-  let t4;
-  if ($[6] !== currentDrawerId || $[7] !== isDrawerFullCover || $[8] !== t3) {
-    t4 = {
-      drawerId: currentDrawerId,
-      isDrawerFullCover,
-      isDrawerOpen: t3
-    };
-    $[6] = currentDrawerId;
-    $[7] = isDrawerFullCover;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+var u = () => t(l), d = () => n(l), f = (t) => {
+	let n = i(19), { onOpen: a, onClose: o, drawerId: s } = t, [c, u] = e(l), d = c === s, f = r(s), p;
+	n[0] !== a || n[1] !== s || n[2] !== f || n[3] !== u ? (p = () => {
+		f.info("onOpen"), u(s), a?.();
+	}, n[0] = a, n[1] = s, n[2] = f, n[3] = u, n[4] = p) : p = n[4];
+	let m = p, h;
+	n[5] !== o || n[6] !== s || n[7] !== f || n[8] !== u ? (h = () => {
+		f.info("onClose"), u((e) => e === s ? null : e), o?.();
+	}, n[5] = o, n[6] = s, n[7] = f, n[8] = u, n[9] = h) : h = n[9];
+	let g = h, _;
+	n[10] !== g || n[11] !== m ? (_ = (e) => {
+		e ? m() : g();
+	}, n[10] = g, n[11] = m, n[12] = _) : _ = n[12];
+	let v = _, y;
+	return n[13] !== f || n[14] !== g || n[15] !== m || n[16] !== v || n[17] !== d ? (y = {
+		open: d,
+		onOpenChange: v,
+		onOpen: m,
+		onClose: g,
+		logger: f
+	}, n[13] = f, n[14] = g, n[15] = m, n[16] = v, n[17] = d, n[18] = y) : y = n[18], y;
+}, p = (e) => {
+	let t = i(14), n;
+	t[0] === e ? n = t[1] : (n = e === void 0 ? {} : e, t[0] = e, t[1] = n);
+	let { onOpen: r, onClose: a } = n, [o, c] = s(!1), l;
+	t[2] === r ? l = t[3] : (l = () => {
+		c(!0), r?.();
+	}, t[2] = r, t[3] = l);
+	let u = l, d;
+	t[4] === a ? d = t[5] : (d = () => {
+		c(!1), a?.();
+	}, t[4] = a, t[5] = d);
+	let f = d, p;
+	t[6] !== f || t[7] !== u ? (p = (e) => {
+		e ? u() : f();
+	}, t[6] = f, t[7] = u, t[8] = p) : p = t[8];
+	let m = p, h;
+	return t[9] !== f || t[10] !== u || t[11] !== m || t[12] !== o ? (h = {
+		open: o,
+		onOpenChange: m,
+		onOpen: u,
+		onClose: f
+	}, t[9] = f, t[10] = u, t[11] = m, t[12] = o, t[13] = h) : h = t[13], h;
+}, m = /* @__PURE__ */ new Set([]), h = "height 0.3s ease-in-out", g = (e) => {
+	let t = i(10), n = o(null), r = u(), s;
+	t[0] === r ? s = t[1] : (s = !!r && m.has(r), t[0] = r, t[1] = s);
+	let c = s, l, d;
+	t[2] !== e || t[3] !== c ? (l = () => {
+		if (e.current) {
+			let t = e.current;
+			if (c) {
+				let e = t.scrollHeight;
+				if (e <= 620) return;
+				n.current = e, t.style.overflow = "hidden", t.style.transition = "none", t.style.height = `${e}px`, requestAnimationFrame(() => {
+					t.style.transition = h, t.style.height = "620px";
+				});
+			} else if (n.current !== null) {
+				t.style.transition = h, t.style.height = `${n.current}px`, n.current = null;
+				let e = (n) => {
+					n.target === t && n.propertyName === "height" && n.type === "transitionend" && (t.style.height = "auto", t.style.transition = "", t.style.overflow = "", t.removeEventListener("transitionend", e));
+				};
+				return t.addEventListener("transitionend", e), () => {
+					t.removeEventListener("transitionend", e);
+				};
+			}
+		}
+	}, d = [e, c], t[2] = e, t[3] = c, t[4] = l, t[5] = d) : (l = t[4], d = t[5]), a(l, d);
+	let f = !!r, p;
+	return t[6] !== r || t[7] !== c || t[8] !== f ? (p = {
+		drawerId: r,
+		isDrawerFullCover: c,
+		isDrawerOpen: f
+	}, t[6] = r, t[7] = c, t[8] = f, t[9] = p) : p = t[9], p;
 };
+//#endregion
+export { l as openDrawerAtom, g as useDrawerContainerHeightTransition, f as useDrawerControls, p as useLocalDrawerControls, d as useSetOpenDrawer };
 
-export { openDrawerAtom, useDrawerContainerHeightTransition, useDrawerControls, useLocalDrawerControls, useOpenDrawerId, useSetOpenDrawer };
-//# sourceMappingURL=useDrawerControls.js.map
+//# 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 { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\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    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\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 WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\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 WIDGET_HEIGHT_CLASSNAME 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): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\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  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useSetOpenDrawer","useSetAtom","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","useLocalDrawerControls","setOpen","useState","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","useRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","names":["DRAWER_HEIGHT","useLogger","LoggerInstance","atom","useLayoutEffect","useRef","useState","useAtom","useAtomValue","useSetAtom","DrawerControls","open","onOpen","onClose","onOpenChange","logger","DrawerId","openDrawerAtom","onMount","set","useOpenDrawerId","useSetOpenDrawer","DrawerControlsProps","drawerId","useDrawerControls","t0","$","_c","_onOpen","_onClose","openDrawer","setOpenDrawer","t1","info","t2","currentOpenDrawer","t3","open_0","t4","useLocalDrawerControls","undefined","setOpen","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","isDrawerOpen"],"sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\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    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\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 WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\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 WIDGET_HEIGHT_CLASSNAME 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): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\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  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"mappings":"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"}

package/dist/components/widget/Dropdown/DropdownWithItems.js

@@ -1,44 +1,36 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuItem } from '../../ui/dropdown-menu.js';
-import { Button } from '../../ui/button.js';
-import { cn } from '../../../lib/utils/index.js';
+import { cn as e } from "../../../lib/utils/index.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuTrigger as o } from "../../ui/dropdown-menu.js";
+import { Button as s } from "../../ui/button.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/widget/Dropdown/DropdownWithItems.tsx
+var u = {
+	content: "p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3",
+	group: "space-y-1",
+	item: "min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer",
+	itemSelected: "bg-contrast-8 dark:bg-contrast-3",
+	trigger: "transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs"
+}, d = ({ menuTrigger: d = /* @__PURE__ */ c(s, {
+	variant: "outline",
+	children: "Open"
+}), label: f, items: p, classes: m, align: h = "start" }) => /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(o, {
+	className: e(u.trigger, m?.trigger),
+	children: d
+}), /* @__PURE__ */ l(n, {
+	className: e(u.content, m?.content),
+	align: h,
+	children: [f && /* @__PURE__ */ c(a, {
+		className: e(u.label, m?.label),
+		children: f
+	}), /* @__PURE__ */ c(r, {
+		className: e(u.group, m?.group),
+		children: p?.map(({ label: t, onSelect: n, selected: r, className: a }, o) => /* @__PURE__ */ c(i, {
+			onSelect: n,
+			className: e(u.item, m?.item, a, r && e(u.itemSelected, m?.itemSelected)),
+			children: t
+		}, o))
+	})]
+})] });
+//#endregion
+export { d as DropdownWithItems };
 
-const defaultClasses = {
-  content: "p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3",
-  group: "space-y-1",
-  item: "min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer",
-  itemSelected: "bg-contrast-8 dark:bg-contrast-3",
-  trigger: "transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs"
-};
-const DropdownWithItems = ({
-  menuTrigger = /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Open" }),
-  label,
-  items,
-  classes,
-  align = "start"
-}) => {
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: cn(defaultClasses.trigger, classes?.trigger), children: menuTrigger }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { className: cn(defaultClasses.content, classes?.content), align, children: [
-      label && /* @__PURE__ */ jsx(DropdownMenuLabel, { className: cn(defaultClasses.label, classes?.label), children: label }),
-      /* @__PURE__ */ jsx(DropdownMenuGroup, { className: cn(defaultClasses.group, classes?.group), children: items?.map(({
-        label: label_0,
-        onSelect,
-        selected,
-        className
-      }, index) => /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect, className: cn(
-        // apply default classes first
-        defaultClasses.item,
-        // then apply custom classes
-        classes?.item,
-        // but option.className takes precedence
-        className,
-        // and if selected, apply selected class
-        selected && cn(defaultClasses.itemSelected, classes?.itemSelected)
-      ), children: label_0 }, index)) })
-    ] })
-  ] });
-};
-
-export { DropdownWithItems };
-//# sourceMappingURL=DropdownWithItems.js.map
+//# sourceMappingURL=DropdownWithItems.js.map

package/dist/components/widget/Dropdown/DropdownWithItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWithItems.js","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n  content:\n    \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n  group: \"space-y-1\",\n  item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n  trigger:\n    \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n  menuTrigger = <Button variant=\"outline\">Open</Button>,\n  label,\n  items,\n  classes,\n  align = \"start\",\n}) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(defaultClasses.trigger, classes?.trigger)}\n      >\n        {menuTrigger}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(defaultClasses.content, classes?.content)}\n        align={align}\n      >\n        {label && (\n          <DropdownMenuLabel\n            className={cn(defaultClasses.label, classes?.label)}\n          >\n            {label}\n          </DropdownMenuLabel>\n        )}\n        <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n          {items?.map(({ label, onSelect, selected, className }, index) => (\n            <DropdownMenuItem\n              key={index}\n              onSelect={onSelect}\n              className={cn(\n                // apply default classes first\n                defaultClasses.item,\n                // then apply custom classes\n                classes?.item,\n                // but option.className takes precedence\n                className,\n                // and if selected, apply selected class\n                selected &&\n                  cn(defaultClasses.itemSelected, classes?.itemSelected)\n              )}\n            >\n              {label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","menuTrigger","label","items","classes","align","cn","map","onSelect","selected","className","index"],"mappings":";;;;;AAYA,MAAMA,cAAAA,GAAoD;AAAA,EACxDC,OAAAA,EACE,uFAAA;AAAA,EACFC,KAAAA,EAAO,WAAA;AAAA,EACPC,IAAAA,EAAM,qHAAA;AAAA,EACNC,YAAAA,EAAc,kCAAA;AAAA,EACdC,OAAAA,EACE;AACJ,CAAA;AAEO,MAAMC,oBAAsDA,CAAC;AAAA,EAClEC,WAAAA,mBAAc,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAU,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,EAC5CC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,KAAAA,GAAQ;AACV,CAAA,KAAM;AACJ,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAA,EAAA,EACC,WAAWC,EAAAA,CAAGZ,cAAAA,CAAeK,SAASK,OAAAA,EAASL,OAAO,GAErDE,QAAAA,EAAAA,WAAAA,EACH,CAAA;AAAA,oBACA,IAAA,CAAC,uBACC,SAAA,EAAWK,EAAAA,CAAGZ,eAAeC,OAAAA,EAASS,OAAAA,EAAST,OAAO,CAAA,EACtD,KAAA,EAECO,QAAAA,EAAAA;AAAAA,MAAAA,KAAAA,oBACC,GAAA,CAAC,qBACC,SAAA,EAAWI,EAAAA,CAAGZ,eAAeQ,KAAAA,EAAOE,OAAAA,EAASF,KAAK,CAAA,EAEjDA,QAAAA,EAAAA,KAAAA,EACH,CAAA;AAAA,sBAEF,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAWI,EAAAA,CAAGZ,cAAAA,CAAeE,KAAAA,EAAOQ,OAAAA,EAASR,KAAK,CAAA,EAClEO,QAAAA,EAAAA,KAAAA,EAAOI,GAAAA,CAAI,CAAC;AAAA,QAAEL,KAAAA,EAAAA,OAAAA;AAAAA,QAAOM,QAAAA;AAAAA,QAAUC,QAAAA;AAAAA,QAAUC;AAAAA,OAAU,EAAGC,KAAAA,qBACrD,GAAA,CAAC,gBAAA,EAAA,EAEC,UACA,SAAA,EAAWL,EAAAA;AAAAA;AAAAA,QAETZ,cAAAA,CAAeG,IAAAA;AAAAA;AAAAA,QAEfO,OAAAA,EAASP,IAAAA;AAAAA;AAAAA,QAETa,SAAAA;AAAAA;AAAAA,QAEAD,QAAAA,IACEH,EAAAA,CAAGZ,cAAAA,CAAeI,YAAAA,EAAcM,SAASN,YAAY;AAAA,OACzD,EAECI,QAAAA,EAAAA,OAAAA,EAAAA,EAdIS,KAeP,CACD,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DropdownWithItems.js","names":["DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuItem","Button","cn","DropdownWithItemsProps","defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","React","FC","menuTrigger","label","items","classes","align","map","onSelect","selected","className","index"],"sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n  content:\n    \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n  group: \"space-y-1\",\n  item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n  trigger:\n    \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n  menuTrigger = <Button variant=\"outline\">Open</Button>,\n  label,\n  items,\n  classes,\n  align = \"start\",\n}) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(defaultClasses.trigger, classes?.trigger)}\n      >\n        {menuTrigger}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(defaultClasses.content, classes?.content)}\n        align={align}\n      >\n        {label && (\n          <DropdownMenuLabel\n            className={cn(defaultClasses.label, classes?.label)}\n          >\n            {label}\n          </DropdownMenuLabel>\n        )}\n        <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n          {items?.map(({ label, onSelect, selected, className }, index) => (\n            <DropdownMenuItem\n              key={index}\n              onSelect={onSelect}\n              className={cn(\n                // apply default classes first\n                defaultClasses.item,\n                // then apply custom classes\n                classes?.item,\n                // but option.className takes precedence\n                className,\n                // and if selected, apply selected class\n                selected &&\n                  cn(defaultClasses.itemSelected, classes?.itemSelected)\n              )}\n            >\n              {label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"mappings":";;;;;AAYA,IAAMS,IAAoD;CACxDC,SACE;CACFC,OAAO;CACPC,MAAM;CACNC,cAAc;CACdC,SACE;CACH,EAEYC,KAAuD,EAClEG,iBAAc,kBAAC,GAAD;CAAQ,SAAQ;WAAU;CAAa,CAAA,EACrDC,UACAC,UACAC,YACAC,WAAQ,cAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,WAAWf,EAAGE,EAAeK,SAASO,GAASP,QAAQ;WAEtDI;CACkB,CAAA,EACrB,kBAAC,GAAD;CACE,WAAWX,EAAGE,EAAeC,SAASW,GAASX,QAAQ;CAChDY;WAFT,CAIGH,KACC,kBAAC,GAAD;EACE,WAAWZ,EAAGE,EAAeU,OAAOE,GAASF,MAAM;YAElDA;EAEJ,CAAA,EACD,kBAAC,GAAD;EAAmB,WAAWZ,EAAGE,EAAeE,OAAOU,GAASV,MAAM;YACnES,GAAOG,KAAK,EAAEJ,OAAAA,GAAOK,aAAUC,aAAUC,gBAAaC,MACrD,kBAAC,GAAD;GAEYH;GACV,WAAWjB,EAETE,EAAeG,MAEfS,GAAST,MAETc,GAEAD,KACElB,EAAGE,EAAeI,cAAcQ,GAASR,aAC7C,CAAC;aAEAM;GAEJ,EAhBQQ,EAgBR,CAAC;EACe,CAAA,CACA;GACR,EAAA,CAAA"}