@velora-dex/widget 0.0.12 → 0.0.13

package/dist/components/ui/vaul/use-prevent-scroll.js

@@ -0,0 +1,182 @@
+import { useLayoutEffect, useEffect } from 'react';
+import { isIOS } from './browser.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const KEYBOARD_BUFFER = 24;
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function chain(...callbacks) {
+  return (...args) => {
+    for (let callback of callbacks) {
+      if (typeof callback === "function") {
+        callback(...args);
+      }
+    }
+  };
+}
+const visualViewport = typeof document !== "undefined" && window.visualViewport;
+function isScrollable(node) {
+  let style = window.getComputedStyle(node);
+  return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);
+}
+function getScrollParent(node) {
+  if (isScrollable(node)) {
+    node = node.parentElement;
+  }
+  while (node && !isScrollable(node)) {
+    node = node.parentElement;
+  }
+  return node || document.scrollingElement || document.documentElement;
+}
+const nonTextInputTypes = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
+let preventScrollCount = 0;
+let restore;
+function usePreventScroll(options = {}) {
+  let {
+    isDisabled
+  } = options;
+  useIsomorphicLayoutEffect(() => {
+    if (isDisabled) {
+      return;
+    }
+    preventScrollCount++;
+    if (preventScrollCount === 1) {
+      if (isIOS()) {
+        restore = preventScrollMobileSafari();
+      }
+    }
+    return () => {
+      preventScrollCount--;
+      if (preventScrollCount === 0) {
+        restore?.();
+      }
+    };
+  }, [isDisabled]);
+}
+function preventScrollMobileSafari() {
+  let scrollable;
+  let lastY = 0;
+  let onTouchStart = (e) => {
+    scrollable = getScrollParent(e.target);
+    if (scrollable === document.documentElement && scrollable === document.body) {
+      return;
+    }
+    lastY = e.changedTouches[0].pageY;
+  };
+  let onTouchMove = (e) => {
+    if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+      e.preventDefault();
+      return;
+    }
+    let y = e.changedTouches[0].pageY;
+    let scrollTop = scrollable.scrollTop;
+    let bottom = scrollable.scrollHeight - scrollable.clientHeight;
+    if (bottom === 0) {
+      return;
+    }
+    if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) {
+      e.preventDefault();
+    }
+    lastY = y;
+  };
+  let onTouchEnd = (e) => {
+    let target = e.target;
+    if (isInput(target) && target !== document.activeElement) {
+      e.preventDefault();
+      target.style.transform = "translateY(-2000px)";
+      target.focus();
+      requestAnimationFrame(() => {
+        target.style.transform = "";
+      });
+    }
+  };
+  let onFocus = (e) => {
+    let target = e.target;
+    if (isInput(target)) {
+      target.style.transform = "translateY(-2000px)";
+      requestAnimationFrame(() => {
+        target.style.transform = "";
+        if (visualViewport) {
+          if (visualViewport.height < window.innerHeight) {
+            requestAnimationFrame(() => {
+              scrollIntoView(target);
+            });
+          } else {
+            visualViewport.addEventListener("resize", () => scrollIntoView(target), {
+              once: true
+            });
+          }
+        }
+      });
+    }
+  };
+  let onWindowScroll = () => {
+    window.scrollTo(0, 0);
+  };
+  let scrollX = window.pageXOffset;
+  let scrollY = window.pageYOffset;
+  let restoreStyles = chain(
+    setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`)
+    // setStyle(document.documentElement, 'overflow', 'hidden'),
+    // setStyle(document.body, 'marginTop', `-${scrollY}px`),
+  );
+  window.scrollTo(0, 0);
+  let removeEvents = chain(addEvent(document, "touchstart", onTouchStart, {
+    passive: false,
+    capture: true
+  }), addEvent(document, "touchmove", onTouchMove, {
+    passive: false,
+    capture: true
+  }), addEvent(document, "touchend", onTouchEnd, {
+    passive: false,
+    capture: true
+  }), addEvent(document, "focus", onFocus, true), addEvent(window, "scroll", onWindowScroll));
+  return () => {
+    restoreStyles();
+    removeEvents();
+    window.scrollTo(scrollX, scrollY);
+  };
+}
+function setStyle(element, style, value) {
+  let cur = element.style[style];
+  element.style[style] = value;
+  return () => {
+    element.style[style] = cur;
+  };
+}
+function addEvent(target, event, handler, options) {
+  target.addEventListener(event, handler, options);
+  return () => {
+    target.removeEventListener(event, handler, options);
+  };
+}
+function scrollIntoView(target) {
+  let root = document.scrollingElement || document.documentElement;
+  while (target && target !== root) {
+    let scrollable = getScrollParent(target);
+    if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== target) {
+      let scrollableTop = scrollable.getBoundingClientRect().top;
+      let targetTop = target.getBoundingClientRect().top;
+      let targetBottom = target.getBoundingClientRect().bottom;
+      const keyboardHeight = scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;
+      if (targetBottom > keyboardHeight) {
+        scrollable.scrollTop += targetTop - scrollableTop;
+      }
+    }
+    target = scrollable.parentElement;
+  }
+}
+function isInput(target) {
+  return target instanceof HTMLInputElement && !nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
+}
+
+export { getScrollParent, isInput, isScrollable, useIsomorphicLayoutEffect, usePreventScroll };
+//# sourceMappingURL=use-prevent-scroll.js.map

package/dist/components/ui/vaul/use-prevent-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prevent-scroll.js","sources":["../../../../src/components/ui/vaul/use-prevent-scroll.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable prefer-const */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// This code comes from https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/usePreventScroll.ts\n\nimport { useEffect, useLayoutEffect } from \"react\";\nimport { isIOS } from \"./browser\";\n\nconst KEYBOARD_BUFFER = 24;\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\ninterface PreventScrollOptions {\n  /** Whether the scroll lock is disabled. */\n  isDisabled?: boolean;\n  focusCallback?: () => void;\n}\n\nfunction chain(...callbacks: any[]): (...args: any[]) => void {\n  return (...args: any[]) => {\n    for (let callback of callbacks) {\n      if (typeof callback === \"function\") {\n        callback(...args);\n      }\n    }\n  };\n}\n\n// @ts-ignore\nconst visualViewport = typeof document !== \"undefined\" && window.visualViewport;\n\nexport function isScrollable(node: Element): boolean {\n  let style = window.getComputedStyle(node);\n  return /(auto|scroll)/.test(\n    style.overflow + style.overflowX + style.overflowY\n  );\n}\n\nexport function getScrollParent(node: Element): Element {\n  if (isScrollable(node)) {\n    node = node.parentElement as HTMLElement;\n  }\n\n  while (node && !isScrollable(node)) {\n    node = node.parentElement as HTMLElement;\n  }\n\n  return node || document.scrollingElement || document.documentElement;\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\n  \"checkbox\",\n  \"radio\",\n  \"range\",\n  \"color\",\n  \"file\",\n  \"image\",\n  \"button\",\n  \"submit\",\n  \"reset\",\n]);\n\n// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: () => void;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function usePreventScroll(options: PreventScrollOptions = {}) {\n  let { isDisabled } = options;\n\n  useIsomorphicLayoutEffect(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    preventScrollCount++;\n    if (preventScrollCount === 1) {\n      if (isIOS()) {\n        restore = preventScrollMobileSafari();\n      }\n    }\n\n    return () => {\n      preventScrollCount--;\n      if (preventScrollCount === 0) {\n        restore?.();\n      }\n    };\n  }, [isDisabled]);\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n//    it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n//    This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n//    scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n//    on the window.\n// 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the\n//    top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top\n//    of the page, which prevents it from scrolling the page. After the input is focused, scroll the element\n//    into view ourselves, without scrolling the whole page.\n// 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the\n//    same visually, but makes the actual scroll position always zero. This is required to make all of the\n//    above work or Safari will still try to scroll the page when focusing an input.\n// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting\n//    to navigate to an input with the next/previous buttons that's outside a modal.\nfunction preventScrollMobileSafari() {\n  let scrollable: Element;\n  let lastY = 0;\n  let onTouchStart = (e: TouchEvent) => {\n    // Store the nearest scrollable parent element from the element that the user touched.\n    scrollable = getScrollParent(e.target as Element);\n    if (\n      scrollable === document.documentElement &&\n      scrollable === document.body\n    ) {\n      return;\n    }\n\n    // @ts-expect-error\n    lastY = e.changedTouches[0].pageY;\n  };\n\n  let onTouchMove = (e: TouchEvent) => {\n    // Prevent scrolling the window.\n    if (\n      !scrollable ||\n      scrollable === document.documentElement ||\n      scrollable === document.body\n    ) {\n      e.preventDefault();\n      return;\n    }\n\n    // Prevent scrolling up when at the top and scrolling down when at the bottom\n    // of a nested scrollable area, otherwise mobile Safari will start scrolling\n    // the window instead. Unfortunately, this disables bounce scrolling when at\n    // the top but it's the best we can do.\n    // @ts-expect-error\n    let y = e.changedTouches[0].pageY;\n    let scrollTop = scrollable.scrollTop;\n    let bottom = scrollable.scrollHeight - scrollable.clientHeight;\n\n    if (bottom === 0) {\n      return;\n    }\n\n    if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n      e.preventDefault();\n    }\n\n    lastY = y;\n  };\n\n  let onTouchEnd = (e: TouchEvent) => {\n    let target = e.target as HTMLElement;\n\n    // Apply this change if we're not already focused on the target element\n    if (isInput(target) && target !== document.activeElement) {\n      e.preventDefault();\n\n      // Apply a transform to trick Safari into thinking the input is at the top of the page\n      // so it doesn't try to scroll it into view. When tapping on an input, this needs to\n      // be done before the \"focus\" event, so we have to focus the element ourselves.\n      target.style.transform = \"translateY(-2000px)\";\n      target.focus();\n      requestAnimationFrame(() => {\n        target.style.transform = \"\";\n      });\n    }\n  };\n\n  let onFocus = (e: FocusEvent) => {\n    let target = e.target as HTMLElement;\n    if (isInput(target)) {\n      // Transform also needs to be applied in the focus event in cases where focus moves\n      // other than tapping on an input directly, e.g. the next/previous buttons in the\n      // software keyboard. In these cases, it seems applying the transform in the focus event\n      // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️\n      target.style.transform = \"translateY(-2000px)\";\n      requestAnimationFrame(() => {\n        target.style.transform = \"\";\n\n        // This will have prevented the browser from scrolling the focused element into view,\n        // so we need to do this ourselves in a way that doesn't cause the whole page to scroll.\n        if (visualViewport) {\n          if (visualViewport.height < window.innerHeight) {\n            // If the keyboard is already visible, do this after one additional frame\n            // to wait for the transform to be removed.\n            requestAnimationFrame(() => {\n              scrollIntoView(target);\n            });\n          } else {\n            // Otherwise, wait for the visual viewport to resize before scrolling so we can\n            // measure the correct position to scroll to.\n            visualViewport.addEventListener(\n              \"resize\",\n              () => scrollIntoView(target),\n              { once: true }\n            );\n          }\n        }\n      });\n    }\n  };\n\n  let onWindowScroll = () => {\n    // Last resort. If the window scrolled, scroll it back to the top.\n    // It should always be at the top because the body will have a negative margin (see below).\n    window.scrollTo(0, 0);\n  };\n\n  // Record the original scroll position so we can restore it.\n  // Then apply a negative margin to the body to offset it by the scroll position. This will\n  // enable us to scroll the window to the top, which is required for the rest of this to work.\n  let scrollX = window.pageXOffset;\n  let scrollY = window.pageYOffset;\n\n  let restoreStyles = chain(\n    setStyle(\n      document.documentElement,\n      \"paddingRight\",\n      `${window.innerWidth - document.documentElement.clientWidth}px`\n    )\n    // setStyle(document.documentElement, 'overflow', 'hidden'),\n    // setStyle(document.body, 'marginTop', `-${scrollY}px`),\n  );\n\n  // Scroll to the top. The negative margin on the body will make this appear the same.\n  window.scrollTo(0, 0);\n\n  let removeEvents = chain(\n    addEvent(document, \"touchstart\", onTouchStart, {\n      passive: false,\n      capture: true,\n    }),\n    addEvent(document, \"touchmove\", onTouchMove, {\n      passive: false,\n      capture: true,\n    }),\n    addEvent(document, \"touchend\", onTouchEnd, {\n      passive: false,\n      capture: true,\n    }),\n    addEvent(document, \"focus\", onFocus, true),\n    addEvent(window, \"scroll\", onWindowScroll)\n  );\n\n  return () => {\n    // Restore styles and scroll the page back to where it was.\n    restoreStyles();\n    removeEvents();\n    window.scrollTo(scrollX, scrollY);\n  };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(\n  element: HTMLElement,\n  style: keyof React.CSSProperties,\n  value: string\n) {\n  // https://github.com/microsoft/TypeScript/issues/17827#issuecomment-391663310\n  // @ts-ignore\n  let cur = element.style[style];\n  // @ts-ignore\n  element.style[style] = value;\n\n  return () => {\n    // @ts-ignore\n    element.style[style] = cur;\n  };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n  target: EventTarget,\n  event: K,\n  handler: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n) {\n  // @ts-ignore\n  target.addEventListener(event, handler, options);\n\n  return () => {\n    // @ts-ignore\n    target.removeEventListener(event, handler, options);\n  };\n}\n\nfunction scrollIntoView(target: Element) {\n  let root = document.scrollingElement || document.documentElement;\n  while (target && target !== root) {\n    // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n    let scrollable = getScrollParent(target);\n    if (\n      scrollable !== document.documentElement &&\n      scrollable !== document.body &&\n      scrollable !== target\n    ) {\n      let scrollableTop = scrollable.getBoundingClientRect().top;\n      let targetTop = target.getBoundingClientRect().top;\n      let targetBottom = target.getBoundingClientRect().bottom;\n      // Buffer is needed for some edge cases\n      const keyboardHeight =\n        scrollable.getBoundingClientRect().bottom + KEYBOARD_BUFFER;\n\n      if (targetBottom > keyboardHeight) {\n        scrollable.scrollTop += targetTop - scrollableTop;\n      }\n    }\n\n    // @ts-ignore\n    target = scrollable.parentElement;\n  }\n}\n\nexport function isInput(target: Element) {\n  return (\n    (target instanceof HTMLInputElement &&\n      !nonTextInputTypes.has(target.type)) ||\n    target instanceof HTMLTextAreaElement ||\n    (target instanceof HTMLElement && target.isContentEditable)\n  );\n}\n"],"names":["KEYBOARD_BUFFER","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","chain","callbacks","args","callback","visualViewport","document","isScrollable","node","style","getComputedStyle","test","overflow","overflowX","overflowY","getScrollParent","parentElement","scrollingElement","documentElement","nonTextInputTypes","Set","preventScrollCount","restore","usePreventScroll","options","isDisabled","isIOS","preventScrollMobileSafari","scrollable","lastY","onTouchStart","e","target","body","changedTouches","pageY","onTouchMove","preventDefault","y","scrollTop","bottom","scrollHeight","clientHeight","onTouchEnd","isInput","activeElement","transform","focus","requestAnimationFrame","onFocus","height","innerHeight","scrollIntoView","addEventListener","once","onWindowScroll","scrollTo","scrollX","pageXOffset","scrollY","pageYOffset","restoreStyles","setStyle","innerWidth","clientWidth","removeEvents","addEvent","passive","capture","element","value","cur","event","handler","removeEventListener","root","scrollableTop","getBoundingClientRect","top","targetTop","targetBottom","keyboardHeight","HTMLInputElement","has","type","HTMLTextAreaElement","HTMLElement","isContentEditable"],"mappings":";;;;;;;;;;;;;AAQA,MAAMA,eAAAA,GAAkB,EAAA;AAEjB,MAAMC,yBAAAA,GACX,OAAOC,MAAAA,KAAW,WAAA,GAAcC,eAAAA,GAAkBC;AAQpD,SAASC,SAASC,SAAAA,EAA4C;AAC5D,EAAA,OAAO,IAAIC,IAAAA,KAAgB;AACzB,IAAA,KAAA,IAASC,YAAYF,SAAAA,EAAW;AAC9B,MAAA,IAAI,OAAOE,aAAa,UAAA,EAAY;AAClCA,QAAAA,QAAAA,CAAS,GAAGD,IAAI,CAAA;AAAA;AAClB;AACF,GACF;AACF;AAGA,MAAME,cAAAA,GAAiB,OAAOC,QAAAA,KAAa,WAAA,IAAeR,MAAAA,CAAOO,cAAAA;AAE1D,SAASE,aAAaC,IAAAA,EAAwB;AACnD,EAAA,IAAIC,KAAAA,GAAQX,MAAAA,CAAOY,gBAAAA,CAAiBF,IAAI,CAAA;AACxC,EAAA,OAAO,gBAAgBG,IAAAA,CACrBF,KAAAA,CAAMG,WAAWH,KAAAA,CAAMI,SAAAA,GAAYJ,MAAMK,SAC3C,CAAA;AACF;AAEO,SAASC,gBAAgBP,IAAAA,EAAwB;AACtD,EAAA,IAAID,YAAAA,CAAaC,IAAI,CAAA,EAAG;AACtBA,IAAAA,IAAAA,GAAOA,IAAAA,CAAKQ,aAAAA;AAAAA;AAGd,EAAA,OAAOR,IAAAA,IAAQ,CAACD,YAAAA,CAAaC,IAAI,CAAA,EAAG;AAClCA,IAAAA,IAAAA,GAAOA,IAAAA,CAAKQ,aAAAA;AAAAA;AAGd,EAAA,OAAOR,IAAAA,IAAQF,QAAAA,CAASW,gBAAAA,IAAoBX,QAAAA,CAASY,eAAAA;AACvD;AAGA,MAAMC,iBAAAA,mBAAoB,IAAIC,GAAAA,CAAI,CAChC,UAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,MAAA,EACA,OAAA,EACA,QAAA,EACA,QAAA,EACA,OAAO,CACR,CAAA;AAGD,IAAIC,kBAAAA,GAAqB,CAAA;AACzB,IAAIC,OAAAA;AAOG,SAASC,gBAAAA,CAAiBC,OAAAA,GAAgC,EAAC,EAAG;AACnE,EAAA,IAAI;AAAA,IAAEC;AAAAA,GAAW,GAAID,OAAAA;AAErB3B,EAAAA,yBAAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI4B,UAAAA,EAAY;AACd,MAAA;AAAA;AAGFJ,IAAAA,kBAAAA,EAAAA;AACA,IAAA,IAAIA,uBAAuB,CAAA,EAAG;AAC5B,MAAA,IAAIK,OAAM,EAAG;AACXJ,QAAAA,OAAAA,GAAUK,yBAAAA,EAA0B;AAAA;AACtC;AAGF,IAAA,OAAO,MAAM;AACXN,MAAAA,kBAAAA,EAAAA;AACA,MAAA,IAAIA,uBAAuB,CAAA,EAAG;AAC5BC,QAAAA,OAAAA,IAAU;AAAA;AACZ,KACF;AAAA,GACF,EAAG,CAACG,UAAU,CAAC,CAAA;AACjB;AA4BA,SAASE,yBAAAA,GAA4B;AACnC,EAAA,IAAIC,UAAAA;AACJ,EAAA,IAAIC,KAAAA,GAAQ,CAAA;AACZ,EAAA,IAAIC,YAAAA,GAAeA,CAACC,CAAAA,KAAkB;AAEpCH,IAAAA,UAAAA,GAAab,eAAAA,CAAgBgB,EAAEC,MAAiB,CAAA;AAChD,IAAA,IACEJ,UAAAA,KAAetB,QAAAA,CAASY,eAAAA,IACxBU,UAAAA,KAAetB,SAAS2B,IAAAA,EACxB;AACA,MAAA;AAAA;AAIFJ,IAAAA,KAAAA,GAAQE,CAAAA,CAAEG,cAAAA,CAAe,CAAC,CAAA,CAAEC,KAAAA;AAAAA,GAC9B;AAEA,EAAA,IAAIC,WAAAA,GAAcA,CAACL,CAAAA,KAAkB;AAEnC,IAAA,IACE,CAACH,UAAAA,IACDA,UAAAA,KAAetB,SAASY,eAAAA,IACxBU,UAAAA,KAAetB,SAAS2B,IAAAA,EACxB;AACAF,MAAAA,CAAAA,CAAEM,cAAAA,EAAe;AACjB,MAAA;AAAA;AAQF,IAAA,IAAIC,CAAAA,GAAIP,CAAAA,CAAEG,cAAAA,CAAe,CAAC,CAAA,CAAEC,KAAAA;AAC5B,IAAA,IAAII,YAAYX,UAAAA,CAAWW,SAAAA;AAC3B,IAAA,IAAIC,MAAAA,GAASZ,UAAAA,CAAWa,YAAAA,GAAeb,UAAAA,CAAWc,YAAAA;AAElD,IAAA,IAAIF,WAAW,CAAA,EAAG;AAChB,MAAA;AAAA;AAGF,IAAA,IAAKD,aAAa,CAAA,IAAKD,CAAAA,GAAIT,SAAWU,SAAAA,IAAaC,MAAAA,IAAUF,IAAIT,KAAAA,EAAQ;AACvEE,MAAAA,CAAAA,CAAEM,cAAAA,EAAe;AAAA;AAGnBR,IAAAA,KAAAA,GAAQS,CAAAA;AAAAA,GACV;AAEA,EAAA,IAAIK,UAAAA,GAAaA,CAACZ,CAAAA,KAAkB;AAClC,IAAA,IAAIC,SAASD,CAAAA,CAAEC,MAAAA;AAGf,IAAA,IAAIY,OAAAA,CAAQZ,MAAM,CAAA,IAAKA,MAAAA,KAAW1B,SAASuC,aAAAA,EAAe;AACxDd,MAAAA,CAAAA,CAAEM,cAAAA,EAAe;AAKjBL,MAAAA,MAAAA,CAAOvB,MAAMqC,SAAAA,GAAY,qBAAA;AACzBd,MAAAA,MAAAA,CAAOe,KAAAA,EAAM;AACbC,MAAAA,qBAAAA,CAAsB,MAAM;AAC1BhB,QAAAA,MAAAA,CAAOvB,MAAMqC,SAAAA,GAAY,EAAA;AAAA,OAC1B,CAAA;AAAA;AACH,GACF;AAEA,EAAA,IAAIG,OAAAA,GAAUA,CAAClB,CAAAA,KAAkB;AAC/B,IAAA,IAAIC,SAASD,CAAAA,CAAEC,MAAAA;AACf,IAAA,IAAIY,OAAAA,CAAQZ,MAAM,CAAA,EAAG;AAKnBA,MAAAA,MAAAA,CAAOvB,MAAMqC,SAAAA,GAAY,qBAAA;AACzBE,MAAAA,qBAAAA,CAAsB,MAAM;AAC1BhB,QAAAA,MAAAA,CAAOvB,MAAMqC,SAAAA,GAAY,EAAA;AAIzB,QAAA,IAAIzC,cAAAA,EAAgB;AAClB,UAAA,IAAIA,cAAAA,CAAe6C,MAAAA,GAASpD,MAAAA,CAAOqD,WAAAA,EAAa;AAG9CH,YAAAA,qBAAAA,CAAsB,MAAM;AAC1BI,cAAAA,cAAAA,CAAepB,MAAM,CAAA;AAAA,aACtB,CAAA;AAAA,WACH,MAAO;AAGL3B,YAAAA,cAAAA,CAAegD,gBAAAA,CACb,QAAA,EACA,MAAMD,cAAAA,CAAepB,MAAM,CAAA,EAC3B;AAAA,cAAEsB,IAAAA,EAAM;AAAA,aACV,CAAA;AAAA;AACF;AACF,OACD,CAAA;AAAA;AACH,GACF;AAEA,EAAA,IAAIC,iBAAiBA,MAAM;AAGzBzD,IAAAA,MAAAA,CAAO0D,QAAAA,CAAS,GAAG,CAAC,CAAA;AAAA,GACtB;AAKA,EAAA,IAAIC,UAAU3D,MAAAA,CAAO4D,WAAAA;AACrB,EAAA,IAAIC,UAAU7D,MAAAA,CAAO8D,WAAAA;AAErB,EAAA,IAAIC,aAAAA,GAAgB5D,KAAAA;AAAAA,IAClB6D,QAAAA,CACExD,QAAAA,CAASY,eAAAA,EACT,cAAA,EACA,CAAA,EAAGpB,OAAOiE,UAAAA,GAAazD,QAAAA,CAASY,eAAAA,CAAgB8C,WAAW,CAAA,EAAA,CAC7D;AAAA;AAAA;AAAA,GAGF;AAGAlE,EAAAA,MAAAA,CAAO0D,QAAAA,CAAS,GAAG,CAAC,CAAA;AAEpB,EAAA,IAAIS,YAAAA,GAAehE,KAAAA,CACjBiE,QAAAA,CAAS5D,QAAAA,EAAU,cAAcwB,YAAAA,EAAc;AAAA,IAC7CqC,OAAAA,EAAS,KAAA;AAAA,IACTC,OAAAA,EAAS;AAAA,GACV,CAAA,EACDF,QAAAA,CAAS5D,QAAAA,EAAU,aAAa8B,WAAAA,EAAa;AAAA,IAC3C+B,OAAAA,EAAS,KAAA;AAAA,IACTC,OAAAA,EAAS;AAAA,GACV,CAAA,EACDF,QAAAA,CAAS5D,QAAAA,EAAU,YAAYqC,UAAAA,EAAY;AAAA,IACzCwB,OAAAA,EAAS,KAAA;AAAA,IACTC,OAAAA,EAAS;AAAA,GACV,CAAA,EACDF,QAAAA,CAAS5D,QAAAA,EAAU,OAAA,EAAS2C,OAAAA,EAAS,IAAI,CAAA,EACzCiB,QAAAA,CAASpE,MAAAA,EAAQ,QAAA,EAAUyD,cAAc,CAC3C,CAAA;AAEA,EAAA,OAAO,MAAM;AAEXM,IAAAA,aAAAA,EAAc;AACdI,IAAAA,YAAAA,EAAa;AACbnE,IAAAA,MAAAA,CAAO0D,QAAAA,CAASC,SAASE,OAAO,CAAA;AAAA,GAClC;AACF;AAGA,SAASG,QAAAA,CACPO,OAAAA,EACA5D,KAAAA,EACA6D,KAAAA,EACA;AAGA,EAAA,IAAIC,GAAAA,GAAMF,OAAAA,CAAQ5D,KAAAA,CAAMA,KAAK,CAAA;AAE7B4D,EAAAA,OAAAA,CAAQ5D,KAAAA,CAAMA,KAAK,CAAA,GAAI6D,KAAAA;AAEvB,EAAA,OAAO,MAAM;AAEXD,IAAAA,OAAAA,CAAQ5D,KAAAA,CAAMA,KAAK,CAAA,GAAI8D,GAAAA;AAAAA,GACzB;AACF;AAGA,SAASL,QAAAA,CACPlC,MAAAA,EACAwC,KAAAA,EACAC,OAAAA,EACAjD,OAAAA,EACA;AAEAQ,EAAAA,MAAAA,CAAOqB,gBAAAA,CAAiBmB,KAAAA,EAAOC,OAAAA,EAASjD,OAAO,CAAA;AAE/C,EAAA,OAAO,MAAM;AAEXQ,IAAAA,MAAAA,CAAO0C,mBAAAA,CAAoBF,KAAAA,EAAOC,OAAAA,EAASjD,OAAO,CAAA;AAAA,GACpD;AACF;AAEA,SAAS4B,eAAepB,MAAAA,EAAiB;AACvC,EAAA,IAAI2C,IAAAA,GAAOrE,QAAAA,CAASW,gBAAAA,IAAoBX,QAAAA,CAASY,eAAAA;AACjD,EAAA,OAAOc,MAAAA,IAAUA,WAAW2C,IAAAA,EAAM;AAEhC,IAAA,IAAI/C,UAAAA,GAAab,gBAAgBiB,MAAM,CAAA;AACvC,IAAA,IACEJ,eAAetB,QAAAA,CAASY,eAAAA,IACxBU,eAAetB,QAAAA,CAAS2B,IAAAA,IACxBL,eAAeI,MAAAA,EACf;AACA,MAAA,IAAI4C,aAAAA,GAAgBhD,UAAAA,CAAWiD,qBAAAA,EAAsB,CAAEC,GAAAA;AACvD,MAAA,IAAIC,SAAAA,GAAY/C,MAAAA,CAAO6C,qBAAAA,EAAsB,CAAEC,GAAAA;AAC/C,MAAA,IAAIE,YAAAA,GAAehD,MAAAA,CAAO6C,qBAAAA,EAAsB,CAAErC,MAAAA;AAElD,MAAA,MAAMyC,cAAAA,GACJrD,UAAAA,CAAWiD,qBAAAA,EAAsB,CAAErC,MAAAA,GAAS5C,eAAAA;AAE9C,MAAA,IAAIoF,eAAeC,cAAAA,EAAgB;AACjCrD,QAAAA,UAAAA,CAAWW,aAAawC,SAAAA,GAAYH,aAAAA;AAAAA;AACtC;AAIF5C,IAAAA,MAAAA,GAASJ,UAAAA,CAAWZ,aAAAA;AAAAA;AAExB;AAEO,SAAS4B,QAAQZ,MAAAA,EAAiB;AACvC,EAAA,OACGA,MAAAA,YAAkBkD,gBAAAA,IACjB,CAAC/D,iBAAAA,CAAkBgE,GAAAA,CAAInD,MAAAA,CAAOoD,IAAI,CAAA,IACpCpD,MAAAA,YAAkBqD,mBAAAA,IACjBrD,MAAAA,YAAkBsD,WAAAA,IAAetD,MAAAA,CAAOuD,iBAAAA;AAE7C;;;;"}

package/dist/components/ui/vaul/use-scale-background.d.ts

@@ -0,0 +1,2 @@
+export declare function useScaleBackground(): void;
+//# sourceMappingURL=use-scale-background.d.ts.map

package/dist/components/ui/vaul/use-scale-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scale-background.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/vaul/use-scale-background.ts"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,SAgEjC"}

package/dist/components/ui/vaul/use-scale-background.js

@@ -0,0 +1,68 @@
+import React__default, { useMemo } from 'react';
+import { useDrawerContext } from './context.js';
+import { chain, assignStyle, isVertical } from './helpers.js';
+import { TRANSITIONS, BORDER_RADIUS, WINDOW_TOP_OFFSET } from './constants.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+const noop = () => () => {
+};
+function useScaleBackground() {
+  const {
+    direction,
+    isOpen,
+    shouldScaleBackground,
+    setBackgroundColorOnScale,
+    noBodyStyles
+  } = useDrawerContext();
+  const timeoutIdRef = React__default.useRef(null);
+  const initialBackgroundColor = useMemo(() => document.body.style.backgroundColor, []);
+  function getScale() {
+    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;
+  }
+  React__default.useEffect(() => {
+    if (isOpen && shouldScaleBackground) {
+      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);
+      const wrapper = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
+      if (!wrapper) return;
+      chain(setBackgroundColorOnScale && !noBodyStyles ? assignStyle(document.body, {
+        background: "black"
+      }) : noop, assignStyle(wrapper, {
+        transformOrigin: isVertical(direction) ? "top" : "left",
+        transitionProperty: "transform, border-radius",
+        transitionDuration: `${TRANSITIONS.DURATION}s`,
+        transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(",")})`
+      }));
+      const wrapperStylesCleanup = assignStyle(wrapper, {
+        borderRadius: `${BORDER_RADIUS}px`,
+        overflow: "hidden",
+        ...isVertical(direction) ? {
+          transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`
+        } : {
+          transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`
+        }
+      });
+      return () => {
+        wrapperStylesCleanup();
+        timeoutIdRef.current = window.setTimeout(() => {
+          if (initialBackgroundColor) {
+            document.body.style.background = initialBackgroundColor;
+          } else {
+            document.body.style.removeProperty("background");
+          }
+        }, TRANSITIONS.DURATION * 1e3);
+      };
+    }
+  }, [isOpen, shouldScaleBackground, initialBackgroundColor]);
+}
+
+export { useScaleBackground };
+//# sourceMappingURL=use-scale-background.js.map

package/dist/components/ui/vaul/use-scale-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scale-background.js","sources":["../../../../src/components/ui/vaul/use-scale-background.ts"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useDrawerContext } from \"./context\";\nimport { assignStyle, chain, isVertical } from \"./helpers\";\nimport { BORDER_RADIUS, TRANSITIONS, WINDOW_TOP_OFFSET } from \"./constants\";\n\nconst noop = () => () => {};\n\nexport function useScaleBackground() {\n  const {\n    direction,\n    isOpen,\n    shouldScaleBackground,\n    setBackgroundColorOnScale,\n    noBodyStyles,\n  } = useDrawerContext();\n  const timeoutIdRef = React.useRef<number | null>(null);\n  const initialBackgroundColor = useMemo(\n    () => document.body.style.backgroundColor,\n    []\n  );\n\n  function getScale() {\n    return (window.innerWidth - WINDOW_TOP_OFFSET) / window.innerWidth;\n  }\n\n  React.useEffect(() => {\n    if (isOpen && shouldScaleBackground) {\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      const wrapper =\n        (document.querySelector(\"[data-vaul-drawer-wrapper]\") as HTMLElement) ||\n        (document.querySelector(\"[vaul-drawer-wrapper]\") as HTMLElement);\n\n      if (!wrapper) return;\n\n      chain(\n        setBackgroundColorOnScale && !noBodyStyles\n          ? assignStyle(document.body, { background: \"black\" })\n          : noop,\n        assignStyle(wrapper, {\n          transformOrigin: isVertical(direction) ? \"top\" : \"left\",\n          transitionProperty: \"transform, border-radius\",\n          transitionDuration: `${TRANSITIONS.DURATION}s`,\n          transitionTimingFunction: `cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n        })\n      );\n\n      const wrapperStylesCleanup = assignStyle(wrapper, {\n        borderRadius: `${BORDER_RADIUS}px`,\n        overflow: \"hidden\",\n        ...(isVertical(direction)\n          ? {\n              transform: `scale(${getScale()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,\n            }\n          : {\n              transform: `scale(${getScale()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,\n            }),\n      });\n\n      return () => {\n        wrapperStylesCleanup();\n        timeoutIdRef.current = window.setTimeout(() => {\n          if (initialBackgroundColor) {\n            document.body.style.background = initialBackgroundColor;\n          } else {\n            document.body.style.removeProperty(\"background\");\n          }\n        }, TRANSITIONS.DURATION * 1000);\n      };\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, shouldScaleBackground, initialBackgroundColor]);\n}\n"],"names":["noop","useScaleBackground","direction","isOpen","shouldScaleBackground","setBackgroundColorOnScale","noBodyStyles","useDrawerContext","timeoutIdRef","React","useRef","initialBackgroundColor","useMemo","document","body","style","backgroundColor","getScale","window","innerWidth","WINDOW_TOP_OFFSET","useEffect","current","clearTimeout","wrapper","querySelector","chain","assignStyle","background","transformOrigin","isVertical","transitionProperty","transitionDuration","TRANSITIONS","DURATION","transitionTimingFunction","EASE","join","wrapperStylesCleanup","borderRadius","BORDER_RADIUS","overflow","transform","setTimeout","removeProperty"],"mappings":";;;;;;;;;;;;;;;AAKA,MAAMA,IAAAA,GAAOA,MAAM,MAAM;AAAC,CAAA;AAEnB,SAASC,kBAAAA,GAAqB;AACnC,EAAA,MAAM;AAAA,IACJC,SAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC;AAAAA,MACEC,gBAAAA,EAAiB;AACrB,EAAA,MAAMC,YAAAA,GAAeC,cAAAA,CAAMC,MAAAA,CAAsB,IAAI,CAAA;AACrD,EAAA,MAAMC,sBAAAA,GAAyBC,QAC7B,MAAMC,QAAAA,CAASC,KAAKC,KAAAA,CAAMC,eAAAA,EAC1B,EACF,CAAA;AAEA,EAAA,SAASC,QAAAA,GAAW;AAClB,IAAA,OAAA,CAAQC,MAAAA,CAAOC,UAAAA,GAAaC,iBAAAA,IAAqBF,MAAAA,CAAOC,UAAAA;AAAAA;AAG1DV,EAAAA,cAAAA,CAAMY,UAAU,MAAM;AACpB,IAAA,IAAIlB,UAAUC,qBAAAA,EAAuB;AACnC,MAAA,IAAII,YAAAA,CAAac,OAAAA,EAASC,YAAAA,CAAaf,YAAAA,CAAac,OAAO,CAAA;AAC3D,MAAA,MAAME,UACHX,QAAAA,CAASY,aAAAA,CAAc,4BAA4B,CAAA,IACnDZ,QAAAA,CAASY,cAAc,uBAAuB,CAAA;AAEjD,MAAA,IAAI,CAACD,OAAAA,EAAS;AAEdE,MAAAA,KAAAA,CACErB,yBAAAA,IAA6B,CAACC,YAAAA,GAC1BqB,WAAAA,CAAYd,SAASC,IAAAA,EAAM;AAAA,QAAEc,UAAAA,EAAY;AAAA,OAAS,CAAA,GAClD5B,IAAAA,EACJ2B,WAAAA,CAAYH,OAAAA,EAAS;AAAA,QACnBK,eAAAA,EAAiBC,UAAAA,CAAW5B,SAAS,CAAA,GAAI,KAAA,GAAQ,MAAA;AAAA,QACjD6B,kBAAAA,EAAoB,0BAAA;AAAA,QACpBC,kBAAAA,EAAoB,CAAA,EAAGC,WAAAA,CAAYC,QAAQ,CAAA,CAAA,CAAA;AAAA,QAC3CC,0BAA0B,CAAA,aAAA,EAAgBF,WAAAA,CAAYG,IAAAA,CAAKC,IAAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,OACrE,CACH,CAAA;AAEA,MAAA,MAAMC,oBAAAA,GAAuBX,YAAYH,OAAAA,EAAS;AAAA,QAChDe,YAAAA,EAAc,GAAGC,aAAa,CAAA,EAAA,CAAA;AAAA,QAC9BC,QAAAA,EAAU,QAAA;AAAA,QACV,GAAIX,UAAAA,CAAW5B,SAAS,CAAA,GACpB;AAAA,UACEwC,SAAAA,EAAW,CAAA,MAAA,EAASzB,QAAAA,EAAU,CAAA,0DAAA;AAAA,SAChC,GACA;AAAA,UACEyB,SAAAA,EAAW,CAAA,MAAA,EAASzB,QAAAA,EAAU,CAAA,0DAAA;AAAA;AAChC,OACL,CAAA;AAED,MAAA,OAAO,MAAM;AACXqB,QAAAA,oBAAAA,EAAqB;AACrB9B,QAAAA,YAAAA,CAAac,OAAAA,GAAUJ,MAAAA,CAAOyB,UAAAA,CAAW,MAAM;AAC7C,UAAA,IAAIhC,sBAAAA,EAAwB;AAC1BE,YAAAA,QAAAA,CAASC,IAAAA,CAAKC,MAAMa,UAAAA,GAAajB,sBAAAA;AAAAA,WACnC,MAAO;AACLE,YAAAA,QAAAA,CAASC,IAAAA,CAAKC,KAAAA,CAAM6B,cAAAA,CAAe,YAAY,CAAA;AAAA;AACjD,SACF,EAAGX,WAAAA,CAAYC,QAAAA,GAAW,GAAI,CAAA;AAAA,OAChC;AAAA;AACF,GAEF,EAAG,CAAC/B,MAAAA,EAAQC,qBAAAA,EAAuBO,sBAAsB,CAAC,CAAA;AAC5D;;;;"}

package/dist/components/ui/vaul/use-snap-points.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { DrawerDirection } from './types';
+export declare function useSnapPoints({ activeSnapPointProp, setActiveSnapPointProp, snapPoints, drawerRef, overlayRef, fadeFromIndex, onSnapPointChange, direction, container, snapToSequentialPoint, }: {
+    activeSnapPointProp?: number | string | null;
+    setActiveSnapPointProp?(snapPoint: number | null | string): void;
+    snapPoints?: (number | string)[];
+    fadeFromIndex?: number;
+    drawerRef: React.RefObject<HTMLDivElement>;
+    overlayRef: React.RefObject<HTMLDivElement>;
+    onSnapPointChange(activeSnapPointIndex: number): void;
+    direction?: DrawerDirection;
+    container?: HTMLElement | null | undefined;
+    snapToSequentialPoint?: boolean;
+}): {
+    isLastSnapPoint: true | null;
+    activeSnapPoint: string | number | null | undefined;
+    shouldFade: boolean;
+    getPercentageDragged: (absDraggedDistance: number, isDraggingDown: boolean) => number | null;
+    setActiveSnapPoint: React.Dispatch<React.SetStateAction<string | number | null | undefined>>;
+    activeSnapPointIndex: number | null;
+    onRelease: ({ draggedDistance, closeDrawer, velocity, dismissible, }: {
+        draggedDistance: number;
+        closeDrawer: () => void;
+        velocity: number;
+        dismissible: boolean;
+    }) => void;
+    onDrag: ({ draggedDistance }: {
+        draggedDistance: number;
+    }) => void;
+    snapPointsOffset: number[];
+};
+//# sourceMappingURL=use-snap-points.d.ts.map

package/dist/components/ui/vaul/use-snap-points.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-snap-points.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/vaul/use-snap-points.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAAC,EAC5B,mBAAmB,EACnB,sBAAsB,EACtB,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,SAAoB,EACpB,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7C,sBAAsB,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,iBAAiB,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;;;;+CAqSuB,MAAM,kBACV,OAAO;;;0EA9GtB;QACD,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,OAAO,CAAC;KACtB;kCAuEoC;QAAE,eAAe,EAAE,MAAM,CAAA;KAAE;;EA4FjE"}

package/dist/components/ui/vaul/use-snap-points.js

@@ -0,0 +1,222 @@
+import React__default from 'react';
+import { isVertical, set } from './helpers.js';
+import { TRANSITIONS, VELOCITY_THRESHOLD } from './constants.js';
+import { useControllableState } from './use-controllable-state.js';
+
+globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
+  cache: /* @__PURE__ */ new Map(),
+  get(name, inst) {
+    if (this.cache.has(name)) {
+      return this.cache.get(name);
+    }
+    this.cache.set(name, inst);
+    return inst;
+  }
+};
+function useSnapPoints({
+  activeSnapPointProp,
+  setActiveSnapPointProp,
+  snapPoints,
+  drawerRef,
+  overlayRef,
+  fadeFromIndex,
+  onSnapPointChange,
+  direction = "bottom",
+  container,
+  snapToSequentialPoint
+}) {
+  const [activeSnapPoint, setActiveSnapPoint] = useControllableState({
+    prop: activeSnapPointProp,
+    defaultProp: snapPoints?.[0],
+    onChange: setActiveSnapPointProp
+  });
+  const [windowDimensions, setWindowDimensions] = React__default.useState(typeof window !== "undefined" ? {
+    innerWidth: window.innerWidth,
+    innerHeight: window.innerHeight
+  } : void 0);
+  React__default.useEffect(() => {
+    function onResize() {
+      setWindowDimensions({
+        innerWidth: window.innerWidth,
+        innerHeight: window.innerHeight
+      });
+    }
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, []);
+  const isLastSnapPoint = React__default.useMemo(() => activeSnapPoint === snapPoints?.[snapPoints.length - 1] || null, [snapPoints, activeSnapPoint]);
+  const activeSnapPointIndex = React__default.useMemo(() => snapPoints?.findIndex((snapPoint) => snapPoint === activeSnapPoint) ?? null, [snapPoints, activeSnapPoint]);
+  const shouldFade = snapPoints && snapPoints.length > 0 && (fadeFromIndex || fadeFromIndex === 0) && !Number.isNaN(fadeFromIndex) && snapPoints[fadeFromIndex] === activeSnapPoint || !snapPoints;
+  const snapPointsOffset = React__default.useMemo(() => {
+    const containerSize = container ? {
+      width: container.getBoundingClientRect().width,
+      height: container.getBoundingClientRect().height
+    } : typeof window !== "undefined" ? {
+      width: window.innerWidth,
+      height: window.innerHeight
+    } : {
+      width: 0,
+      height: 0
+    };
+    return snapPoints?.map((snapPoint) => {
+      const isPx = typeof snapPoint === "string";
+      let snapPointAsNumber = 0;
+      if (isPx) {
+        snapPointAsNumber = parseInt(snapPoint, 10);
+      }
+      if (isVertical(direction)) {
+        const height = isPx ? snapPointAsNumber : windowDimensions ? snapPoint * containerSize.height : 0;
+        if (windowDimensions) {
+          return direction === "bottom" ? containerSize.height - height : -containerSize.height + height;
+        }
+        return height;
+      }
+      const width = isPx ? snapPointAsNumber : windowDimensions ? snapPoint * containerSize.width : 0;
+      if (windowDimensions) {
+        return direction === "right" ? containerSize.width - width : -containerSize.width + width;
+      }
+      return width;
+    }) ?? [];
+  }, [snapPoints, windowDimensions, container]);
+  const activeSnapPointOffset = React__default.useMemo(() => activeSnapPointIndex !== null ? snapPointsOffset?.[activeSnapPointIndex] : null, [snapPointsOffset, activeSnapPointIndex]);
+  const snapToPoint = React__default.useCallback(
+    (dimension) => {
+      const newSnapPointIndex = snapPointsOffset?.findIndex((snapPointDim) => snapPointDim === dimension) ?? null;
+      onSnapPointChange(newSnapPointIndex);
+      set(drawerRef.current, {
+        transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+        transform: isVertical(direction) ? `translate3d(0, ${dimension}px, 0)` : `translate3d(${dimension}px, 0, 0)`
+      });
+      if (snapPointsOffset && newSnapPointIndex !== snapPointsOffset.length - 1 && fadeFromIndex !== void 0 && newSnapPointIndex !== fadeFromIndex && newSnapPointIndex < fadeFromIndex) {
+        set(overlayRef.current, {
+          transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+          opacity: "0"
+        });
+      } else {
+        set(overlayRef.current, {
+          transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(",")})`,
+          opacity: "1"
+        });
+      }
+      setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)]);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [drawerRef.current, snapPoints, snapPointsOffset, fadeFromIndex, overlayRef, setActiveSnapPoint]
+  );
+  React__default.useEffect(() => {
+    if (activeSnapPoint || activeSnapPointProp) {
+      const newIndex = snapPoints?.findIndex((snapPoint) => snapPoint === activeSnapPointProp || snapPoint === activeSnapPoint) ?? -1;
+      if (snapPointsOffset && newIndex !== -1 && typeof snapPointsOffset[newIndex] === "number") {
+        snapToPoint(snapPointsOffset[newIndex]);
+      }
+    }
+  }, [activeSnapPoint, activeSnapPointProp, snapPoints, snapPointsOffset, snapToPoint]);
+  function onRelease({
+    draggedDistance,
+    closeDrawer,
+    velocity,
+    dismissible
+  }) {
+    if (fadeFromIndex === void 0) return;
+    const currentPosition = direction === "bottom" || direction === "right" ? (activeSnapPointOffset ?? 0) - draggedDistance : (activeSnapPointOffset ?? 0) + draggedDistance;
+    const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;
+    const isFirst = activeSnapPointIndex === 0;
+    const hasDraggedUp = draggedDistance > 0;
+    if (isOverlaySnapPoint) {
+      set(overlayRef.current, {
+        transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(",")})`
+      });
+    }
+    if (!snapToSequentialPoint && velocity > 2 && !hasDraggedUp) {
+      if (dismissible) closeDrawer();
+      else snapToPoint(snapPointsOffset[0]);
+      return;
+    }
+    if (!snapToSequentialPoint && velocity > 2 && hasDraggedUp && snapPointsOffset && snapPoints) {
+      snapToPoint(snapPointsOffset[snapPoints.length - 1]);
+      return;
+    }
+    const closestSnapPoint = snapPointsOffset?.reduce((prev, curr) => {
+      if (typeof prev !== "number" || typeof curr !== "number") return prev;
+      return Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition) ? curr : prev;
+    });
+    const dim = isVertical(direction) ? window.innerHeight : window.innerWidth;
+    if (velocity > VELOCITY_THRESHOLD && Math.abs(draggedDistance) < dim * 0.4) {
+      const dragDirection = hasDraggedUp ? 1 : -1;
+      if (dragDirection > 0 && isLastSnapPoint && snapPoints) {
+        snapToPoint(snapPointsOffset[snapPoints.length - 1]);
+        return;
+      }
+      if (isFirst && dragDirection < 0 && dismissible) {
+        closeDrawer();
+      }
+      if (activeSnapPointIndex === null) return;
+      snapToPoint(snapPointsOffset[activeSnapPointIndex + dragDirection]);
+      return;
+    }
+    snapToPoint(closestSnapPoint);
+  }
+  function onDrag({
+    draggedDistance
+  }) {
+    if (activeSnapPointOffset === null) return;
+    const newValue = direction === "bottom" || direction === "right" ? (
+      // @ts-expect-error
+      activeSnapPointOffset - draggedDistance
+    ) : (
+      // @ts-expect-error
+      activeSnapPointOffset + draggedDistance
+    );
+    if ((direction === "bottom" || direction === "right") && // @ts-expect-error
+    newValue < snapPointsOffset[snapPointsOffset.length - 1]) {
+      return;
+    }
+    if ((direction === "top" || direction === "left") && // @ts-expect-error
+    newValue > snapPointsOffset[snapPointsOffset.length - 1]) {
+      return;
+    }
+    set(drawerRef.current, {
+      transform: isVertical(direction) ? `translate3d(0, ${newValue}px, 0)` : `translate3d(${newValue}px, 0, 0)`
+    });
+  }
+  function getPercentageDragged(absDraggedDistance, isDraggingDown) {
+    if (!snapPoints || typeof activeSnapPointIndex !== "number" || !snapPointsOffset || fadeFromIndex === void 0) return null;
+    const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;
+    const isOverlaySnapPointOrHigher = activeSnapPointIndex >= fadeFromIndex;
+    if (isOverlaySnapPointOrHigher && isDraggingDown) {
+      return 0;
+    }
+    if (isOverlaySnapPoint && !isDraggingDown) return 1;
+    if (!shouldFade && !isOverlaySnapPoint) return null;
+    const targetSnapPointIndex = isOverlaySnapPoint ? activeSnapPointIndex + 1 : activeSnapPointIndex - 1;
+    const snapPointDistance = isOverlaySnapPoint ? (
+      // @ts-expect-error
+      snapPointsOffset[targetSnapPointIndex] - // @ts-expect-error
+      snapPointsOffset[targetSnapPointIndex - 1]
+    ) : (
+      // @ts-expect-error
+      snapPointsOffset[targetSnapPointIndex + 1] - // @ts-expect-error
+      snapPointsOffset[targetSnapPointIndex]
+    );
+    const percentageDragged = absDraggedDistance / Math.abs(snapPointDistance);
+    if (isOverlaySnapPoint) {
+      return 1 - percentageDragged;
+    } else {
+      return percentageDragged;
+    }
+  }
+  return {
+    isLastSnapPoint,
+    activeSnapPoint,
+    shouldFade,
+    getPercentageDragged,
+    setActiveSnapPoint,
+    activeSnapPointIndex,
+    onRelease,
+    onDrag,
+    snapPointsOffset
+  };
+}
+
+export { useSnapPoints };
+//# sourceMappingURL=use-snap-points.js.map

package/dist/components/ui/vaul/use-snap-points.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-snap-points.js","sources":["../../../../src/components/ui/vaul/use-snap-points.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from \"react\";\nimport { set, isVertical } from \"./helpers\";\nimport { TRANSITIONS, VELOCITY_THRESHOLD } from \"./constants\";\nimport { useControllableState } from \"./use-controllable-state\";\nimport type { DrawerDirection } from \"./types\";\n\nexport function useSnapPoints({\n  activeSnapPointProp,\n  setActiveSnapPointProp,\n  snapPoints,\n  drawerRef,\n  overlayRef,\n  fadeFromIndex,\n  onSnapPointChange,\n  direction = \"bottom\",\n  container,\n  snapToSequentialPoint,\n}: {\n  activeSnapPointProp?: number | string | null;\n  setActiveSnapPointProp?(snapPoint: number | null | string): void;\n  snapPoints?: (number | string)[];\n  fadeFromIndex?: number;\n  drawerRef: React.RefObject<HTMLDivElement>;\n  overlayRef: React.RefObject<HTMLDivElement>;\n  onSnapPointChange(activeSnapPointIndex: number): void;\n  direction?: DrawerDirection;\n  container?: HTMLElement | null | undefined;\n  snapToSequentialPoint?: boolean;\n}) {\n  const [activeSnapPoint, setActiveSnapPoint] = useControllableState<\n    string | number | null\n  >({\n    prop: activeSnapPointProp,\n    defaultProp: snapPoints?.[0],\n    onChange: setActiveSnapPointProp,\n  });\n\n  const [windowDimensions, setWindowDimensions] = React.useState(\n    typeof window !== \"undefined\"\n      ? {\n          innerWidth: window.innerWidth,\n          innerHeight: window.innerHeight,\n        }\n      : undefined\n  );\n\n  React.useEffect(() => {\n    function onResize() {\n      setWindowDimensions({\n        innerWidth: window.innerWidth,\n        innerHeight: window.innerHeight,\n      });\n    }\n    window.addEventListener(\"resize\", onResize);\n\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, []);\n\n  const isLastSnapPoint = React.useMemo(\n    () => activeSnapPoint === snapPoints?.[snapPoints.length - 1] || null,\n    [snapPoints, activeSnapPoint]\n  );\n\n  const activeSnapPointIndex = React.useMemo(\n    () =>\n      snapPoints?.findIndex((snapPoint) => snapPoint === activeSnapPoint) ??\n      null,\n    [snapPoints, activeSnapPoint]\n  );\n\n  const shouldFade =\n    (snapPoints &&\n      snapPoints.length > 0 &&\n      (fadeFromIndex || fadeFromIndex === 0) &&\n      !Number.isNaN(fadeFromIndex) &&\n      snapPoints[fadeFromIndex] === activeSnapPoint) ||\n    !snapPoints;\n\n  const snapPointsOffset = React.useMemo(() => {\n    const containerSize = container\n      ? {\n          width: container.getBoundingClientRect().width,\n          height: container.getBoundingClientRect().height,\n        }\n      : typeof window !== \"undefined\"\n        ? { width: window.innerWidth, height: window.innerHeight }\n        : { width: 0, height: 0 };\n\n    return (\n      snapPoints?.map((snapPoint) => {\n        const isPx = typeof snapPoint === \"string\";\n        let snapPointAsNumber = 0;\n\n        if (isPx) {\n          snapPointAsNumber = parseInt(snapPoint, 10);\n        }\n\n        if (isVertical(direction)) {\n          const height = isPx\n            ? snapPointAsNumber\n            : windowDimensions\n              ? snapPoint * containerSize.height\n              : 0;\n\n          if (windowDimensions) {\n            return direction === \"bottom\"\n              ? containerSize.height - height\n              : -containerSize.height + height;\n          }\n\n          return height;\n        }\n        const width = isPx\n          ? snapPointAsNumber\n          : windowDimensions\n            ? snapPoint * containerSize.width\n            : 0;\n\n        if (windowDimensions) {\n          return direction === \"right\"\n            ? containerSize.width - width\n            : -containerSize.width + width;\n        }\n\n        return width;\n      }) ?? []\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [snapPoints, windowDimensions, container]);\n\n  const activeSnapPointOffset = React.useMemo(\n    () =>\n      activeSnapPointIndex !== null\n        ? snapPointsOffset?.[activeSnapPointIndex]\n        : null,\n    [snapPointsOffset, activeSnapPointIndex]\n  );\n\n  const snapToPoint = React.useCallback(\n    (dimension: number) => {\n      const newSnapPointIndex =\n        snapPointsOffset?.findIndex(\n          (snapPointDim) => snapPointDim === dimension\n        ) ?? null;\n      onSnapPointChange(newSnapPointIndex);\n\n      set(drawerRef.current, {\n        transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n        transform: isVertical(direction)\n          ? `translate3d(0, ${dimension}px, 0)`\n          : `translate3d(${dimension}px, 0, 0)`,\n      });\n\n      if (\n        snapPointsOffset &&\n        newSnapPointIndex !== snapPointsOffset.length - 1 &&\n        fadeFromIndex !== undefined &&\n        newSnapPointIndex !== fadeFromIndex &&\n        newSnapPointIndex < fadeFromIndex\n      ) {\n        set(overlayRef.current, {\n          transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n          opacity: \"0\",\n        });\n      } else {\n        set(overlayRef.current, {\n          transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n          opacity: \"1\",\n        });\n      }\n\n      setActiveSnapPoint(snapPoints?.[Math.max(newSnapPointIndex, 0)]);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      drawerRef.current,\n      snapPoints,\n      snapPointsOffset,\n      fadeFromIndex,\n      overlayRef,\n      setActiveSnapPoint,\n    ]\n  );\n\n  React.useEffect(() => {\n    if (activeSnapPoint || activeSnapPointProp) {\n      const newIndex =\n        snapPoints?.findIndex(\n          (snapPoint) =>\n            snapPoint === activeSnapPointProp || snapPoint === activeSnapPoint\n        ) ?? -1;\n      if (\n        snapPointsOffset &&\n        newIndex !== -1 &&\n        typeof snapPointsOffset[newIndex] === \"number\"\n      ) {\n        snapToPoint(snapPointsOffset[newIndex] as number);\n      }\n    }\n  }, [\n    activeSnapPoint,\n    activeSnapPointProp,\n    snapPoints,\n    snapPointsOffset,\n    snapToPoint,\n  ]);\n\n  function onRelease({\n    draggedDistance,\n    closeDrawer,\n    velocity,\n    dismissible,\n  }: {\n    draggedDistance: number;\n    closeDrawer: () => void;\n    velocity: number;\n    dismissible: boolean;\n  }) {\n    if (fadeFromIndex === undefined) return;\n\n    const currentPosition =\n      direction === \"bottom\" || direction === \"right\"\n        ? (activeSnapPointOffset ?? 0) - draggedDistance\n        : (activeSnapPointOffset ?? 0) + draggedDistance;\n    const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;\n    const isFirst = activeSnapPointIndex === 0;\n    const hasDraggedUp = draggedDistance > 0;\n\n    if (isOverlaySnapPoint) {\n      set(overlayRef.current, {\n        transition: `opacity ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(\",\")})`,\n      });\n    }\n\n    if (!snapToSequentialPoint && velocity > 2 && !hasDraggedUp) {\n      if (dismissible) closeDrawer();\n      // @ts-expect-error\n      else snapToPoint(snapPointsOffset[0]); // snap to initial point\n      return;\n    }\n\n    if (\n      !snapToSequentialPoint &&\n      velocity > 2 &&\n      hasDraggedUp &&\n      snapPointsOffset &&\n      snapPoints\n    ) {\n      snapToPoint(snapPointsOffset[snapPoints.length - 1] as number);\n      return;\n    }\n\n    // Find the closest snap point to the current position\n    const closestSnapPoint = snapPointsOffset?.reduce((prev, curr) => {\n      if (typeof prev !== \"number\" || typeof curr !== \"number\") return prev;\n\n      return Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition)\n        ? curr\n        : prev;\n    });\n\n    const dim = isVertical(direction) ? window.innerHeight : window.innerWidth;\n    if (\n      velocity > VELOCITY_THRESHOLD &&\n      Math.abs(draggedDistance) < dim * 0.4\n    ) {\n      const dragDirection = hasDraggedUp ? 1 : -1; // 1 = up, -1 = down\n\n      // Don't do anything if we swipe upwards while being on the last snap point\n      if (dragDirection > 0 && isLastSnapPoint && snapPoints) {\n        // @ts-expect-error\n        snapToPoint(snapPointsOffset[snapPoints.length - 1]);\n        return;\n      }\n\n      if (isFirst && dragDirection < 0 && dismissible) {\n        closeDrawer();\n      }\n\n      if (activeSnapPointIndex === null) return;\n      // @ts-expect-error\n      snapToPoint(snapPointsOffset[activeSnapPointIndex + dragDirection]);\n      return;\n    }\n\n    snapToPoint(closestSnapPoint);\n  }\n\n  function onDrag({ draggedDistance }: { draggedDistance: number }) {\n    if (activeSnapPointOffset === null) return;\n    const newValue =\n      direction === \"bottom\" || direction === \"right\"\n        ? // @ts-expect-error\n          activeSnapPointOffset - draggedDistance\n        : // @ts-expect-error\n          activeSnapPointOffset + draggedDistance;\n\n    // Don't do anything if we exceed the last(biggest) snap point\n    if (\n      (direction === \"bottom\" || direction === \"right\") &&\n      // @ts-expect-error\n      newValue < snapPointsOffset[snapPointsOffset.length - 1]\n    ) {\n      return;\n    }\n    if (\n      (direction === \"top\" || direction === \"left\") &&\n      // @ts-expect-error\n      newValue > snapPointsOffset[snapPointsOffset.length - 1]\n    ) {\n      return;\n    }\n\n    set(drawerRef.current, {\n      transform: isVertical(direction)\n        ? `translate3d(0, ${newValue}px, 0)`\n        : `translate3d(${newValue}px, 0, 0)`,\n    });\n  }\n\n  function getPercentageDragged(\n    absDraggedDistance: number,\n    isDraggingDown: boolean\n  ) {\n    if (\n      !snapPoints ||\n      typeof activeSnapPointIndex !== \"number\" ||\n      !snapPointsOffset ||\n      fadeFromIndex === undefined\n    )\n      return null;\n\n    // If this is true we are dragging to a snap point that is supposed to have an overlay\n    const isOverlaySnapPoint = activeSnapPointIndex === fadeFromIndex - 1;\n    const isOverlaySnapPointOrHigher = activeSnapPointIndex >= fadeFromIndex;\n\n    if (isOverlaySnapPointOrHigher && isDraggingDown) {\n      return 0;\n    }\n\n    // Don't animate, but still use this one if we are dragging away from the overlaySnapPoint\n    if (isOverlaySnapPoint && !isDraggingDown) return 1;\n    if (!shouldFade && !isOverlaySnapPoint) return null;\n\n    // Either fadeFrom index or the one before\n    const targetSnapPointIndex = isOverlaySnapPoint\n      ? activeSnapPointIndex + 1\n      : activeSnapPointIndex - 1;\n\n    // Get the distance from overlaySnapPoint to the one before or vice-versa to calculate the opacity percentage accordingly\n    const snapPointDistance = isOverlaySnapPoint\n      ? // @ts-expect-error\n        snapPointsOffset[targetSnapPointIndex] -\n        // @ts-expect-error\n        snapPointsOffset[targetSnapPointIndex - 1]\n      : // @ts-expect-error\n        snapPointsOffset[targetSnapPointIndex + 1] -\n        // @ts-expect-error\n        snapPointsOffset[targetSnapPointIndex];\n\n    const percentageDragged = absDraggedDistance / Math.abs(snapPointDistance);\n\n    if (isOverlaySnapPoint) {\n      return 1 - percentageDragged;\n    } else {\n      return percentageDragged;\n    }\n  }\n\n  return {\n    isLastSnapPoint,\n    activeSnapPoint,\n    shouldFade,\n    getPercentageDragged,\n    setActiveSnapPoint,\n    activeSnapPointIndex,\n    onRelease,\n    onDrag,\n    snapPointsOffset,\n  };\n}\n"],"names":["useSnapPoints","activeSnapPointProp","setActiveSnapPointProp","snapPoints","drawerRef","overlayRef","fadeFromIndex","onSnapPointChange","direction","container","snapToSequentialPoint","activeSnapPoint","setActiveSnapPoint","useControllableState","prop","defaultProp","onChange","windowDimensions","setWindowDimensions","React","useState","window","innerWidth","innerHeight","undefined","useEffect","onResize","addEventListener","removeEventListener","isLastSnapPoint","useMemo","length","activeSnapPointIndex","findIndex","snapPoint","shouldFade","Number","isNaN","snapPointsOffset","containerSize","width","getBoundingClientRect","height","map","isPx","snapPointAsNumber","parseInt","isVertical","activeSnapPointOffset","snapToPoint","useCallback","dimension","newSnapPointIndex","snapPointDim","set","current","transition","TRANSITIONS","DURATION","EASE","join","transform","opacity","Math","max","newIndex","onRelease","draggedDistance","closeDrawer","velocity","dismissible","currentPosition","isOverlaySnapPoint","isFirst","hasDraggedUp","closestSnapPoint","reduce","prev","curr","abs","dim","VELOCITY_THRESHOLD","dragDirection","onDrag","newValue","getPercentageDragged","absDraggedDistance","isDraggingDown","isOverlaySnapPointOrHigher","targetSnapPointIndex","snapPointDistance","percentageDragged"],"mappings":"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"}

package/dist/components/web3/AccountButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountButton.d.ts","sourceRoot":"","sources":["../../../src/components/web3/AccountButton.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,+CA0BzB,CAAC"}
+{"version":3,"file":"AccountButton.d.ts","sourceRoot":"","sources":["../../../src/components/web3/AccountButton.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,+CA+BzB,CAAC"}