@surdeddd/bottom-sheet 0.23.3 → 0.24.0

package/dist/integrations/formik.cjs

@@ -4,22 +4,33 @@ var react = require('react');
 
 // src/integrations/formik.ts
 function useFormikGuard(sheetRef, formikRef, _tag) {
+  const boundTo = react.useRef(null);
+  const release = react.useRef(null);
   react.useEffect(() => {
-    const target = sheetRef.current;
-    if (!target) return;
-    const off = target.on("before-snap", (payload) => {
+    const target = sheetRef.current ?? null;
+    if (target === boundTo.current) return;
+    release.current?.();
+    boundTo.current = target;
+    if (!target) {
+      release.current = null;
+      return;
+    }
+    release.current = target.on("before-snap", (payload) => {
       const formik = formikRef.current;
       if (!formik) return;
-      if (formik.isSubmitting) {
-        payload.cancel();
-        return;
-      }
-      if (payload.id === "closed" && formik.dirty) {
+      if (formik.isSubmitting || payload.size === 0 && formik.dirty) {
         payload.cancel();
       }
     });
-    return off;
-  }, [sheetRef, formikRef]);
+  });
+  react.useEffect(
+    () => () => {
+      release.current?.();
+      release.current = null;
+      boundTo.current = null;
+    },
+    []
+  );
 }
 
 exports.useFormikGuard = useFormikGuard;

package/dist/integrations/formik.d.cts

@@ -1,5 +1,4 @@
-import { S as SheetEventMap } from '../BottomSheetCore-CaJwHnxY.cjs';
-import '../transform-jVfAikE9.cjs';
+import { SheetEventMap } from '../core.cjs';
 
 type FormikStateLike = {
     dirty: boolean;
@@ -18,4 +17,5 @@ type FormikRefLike = {
 };
 declare function useFormikGuard<Values extends Record<string, unknown> = Record<string, unknown>>(sheetRef: SheetGuardRef, formikRef: FormikRefLike, _tag?: Values): void;
 
-export { type FormikRefLike, type FormikStateLike, type SheetEventTarget, type SheetGuardRef, useFormikGuard };
+export { useFormikGuard };
+export type { FormikRefLike, FormikStateLike, SheetEventTarget, SheetGuardRef };

package/dist/integrations/formik.d.ts

@@ -1,5 +1,4 @@
-import { S as SheetEventMap } from '../BottomSheetCore-COvILxmR.js';
-import '../transform-jVfAikE9.js';
+import { SheetEventMap } from '../core.js';
 
 type FormikStateLike = {
     dirty: boolean;
@@ -18,4 +17,5 @@ type FormikRefLike = {
 };
 declare function useFormikGuard<Values extends Record<string, unknown> = Record<string, unknown>>(sheetRef: SheetGuardRef, formikRef: FormikRefLike, _tag?: Values): void;
 
-export { type FormikRefLike, type FormikStateLike, type SheetEventTarget, type SheetGuardRef, useFormikGuard };
+export { useFormikGuard };
+export type { FormikRefLike, FormikStateLike, SheetEventTarget, SheetGuardRef };

package/dist/integrations/formik.js

@@ -1,23 +1,34 @@
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 
 // src/integrations/formik.ts
 function useFormikGuard(sheetRef, formikRef, _tag) {
+  const boundTo = useRef(null);
+  const release = useRef(null);
   useEffect(() => {
-    const target = sheetRef.current;
-    if (!target) return;
-    const off = target.on("before-snap", (payload) => {
+    const target = sheetRef.current ?? null;
+    if (target === boundTo.current) return;
+    release.current?.();
+    boundTo.current = target;
+    if (!target) {
+      release.current = null;
+      return;
+    }
+    release.current = target.on("before-snap", (payload) => {
       const formik = formikRef.current;
       if (!formik) return;
-      if (formik.isSubmitting) {
-        payload.cancel();
-        return;
-      }
-      if (payload.id === "closed" && formik.dirty) {
+      if (formik.isSubmitting || payload.size === 0 && formik.dirty) {
         payload.cancel();
       }
     });
-    return off;
-  }, [sheetRef, formikRef]);
+  });
+  useEffect(
+    () => () => {
+      release.current?.();
+      release.current = null;
+      boundTo.current = null;
+    },
+    []
+  );
 }
 
 export { useFormikGuard };

package/dist/integrations/react-hook-form.cjs

@@ -6,21 +6,30 @@ var react = require('react');
 function useFormGuard(sheetRef, methods, _tag) {
   const methodsRef = react.useRef(methods);
   methodsRef.current = methods;
+  const boundTo = react.useRef(null);
+  const release = react.useRef(null);
   react.useEffect(() => {
-    const target = sheetRef.current;
-    if (!target) return;
-    const off = target.on("before-snap", (payload) => {
+    const target = sheetRef.current ?? null;
+    if (target === boundTo.current) return;
+    release.current?.();
+    boundTo.current = target;
+    if (!target) {
+      release.current = null;
+      return;
+    }
+    release.current = target.on("before-snap", (payload) => {
       const { isDirty, isSubmitting } = methodsRef.current.formState;
-      if (isSubmitting) {
-        payload.cancel();
-        return;
-      }
-      if (payload.id === "closed" && isDirty) {
-        payload.cancel();
-      }
+      if (isSubmitting || payload.size === 0 && isDirty) payload.cancel();
     });
-    return off;
-  }, [sheetRef]);
+  });
+  react.useEffect(
+    () => () => {
+      release.current?.();
+      release.current = null;
+      boundTo.current = null;
+    },
+    []
+  );
 }
 
 exports.useFormGuard = useFormGuard;

package/dist/integrations/react-hook-form.d.cts

@@ -1,5 +1,4 @@
-import { S as SheetEventMap } from '../BottomSheetCore-CaJwHnxY.cjs';
-import '../transform-jVfAikE9.cjs';
+import { SheetEventMap } from '../core.cjs';
 
 type RhfFormStateLike = {
     formState: {
@@ -18,4 +17,5 @@ type SheetGuardRef = {
 };
 declare function useFormGuard<TFieldValues extends Record<string, unknown> = Record<string, unknown>>(sheetRef: SheetGuardRef, methods: RhfFormStateLike, _tag?: TFieldValues): void;
 
-export { type RhfFormStateLike, type SheetEventTarget, type SheetGuardRef, useFormGuard };
+export { useFormGuard };
+export type { RhfFormStateLike, SheetEventTarget, SheetGuardRef };

package/dist/integrations/react-hook-form.d.ts

@@ -1,5 +1,4 @@
-import { S as SheetEventMap } from '../BottomSheetCore-COvILxmR.js';
-import '../transform-jVfAikE9.js';
+import { SheetEventMap } from '../core.js';
 
 type RhfFormStateLike = {
     formState: {
@@ -18,4 +17,5 @@ type SheetGuardRef = {
 };
 declare function useFormGuard<TFieldValues extends Record<string, unknown> = Record<string, unknown>>(sheetRef: SheetGuardRef, methods: RhfFormStateLike, _tag?: TFieldValues): void;
 
-export { type RhfFormStateLike, type SheetEventTarget, type SheetGuardRef, useFormGuard };
+export { useFormGuard };
+export type { RhfFormStateLike, SheetEventTarget, SheetGuardRef };

package/dist/integrations/react-hook-form.js

@@ -4,21 +4,30 @@ import { useRef, useEffect } from 'react';
 function useFormGuard(sheetRef, methods, _tag) {
   const methodsRef = useRef(methods);
   methodsRef.current = methods;
+  const boundTo = useRef(null);
+  const release = useRef(null);
   useEffect(() => {
-    const target = sheetRef.current;
-    if (!target) return;
-    const off = target.on("before-snap", (payload) => {
+    const target = sheetRef.current ?? null;
+    if (target === boundTo.current) return;
+    release.current?.();
+    boundTo.current = target;
+    if (!target) {
+      release.current = null;
+      return;
+    }
+    release.current = target.on("before-snap", (payload) => {
       const { isDirty, isSubmitting } = methodsRef.current.formState;
-      if (isSubmitting) {
-        payload.cancel();
-        return;
-      }
-      if (payload.id === "closed" && isDirty) {
-        payload.cancel();
-      }
+      if (isSubmitting || payload.size === 0 && isDirty) payload.cancel();
     });
-    return off;
-  }, [sheetRef]);
+  });
+  useEffect(
+    () => () => {
+      release.current?.();
+      release.current = null;
+      boundTo.current = null;
+    },
+    []
+  );
 }
 
 export { useFormGuard };

package/dist/option-keys-DItuAjUw.d.cts

@@ -0,0 +1,6 @@
+import { f as EngineOptions } from './BottomSheetCore-B_r4KCQL.cjs';
+
+declare const ENGINE_OPTION_KEYS: readonly ["mode", "snapPoints", "allowed", "initial", "duration", "easing", "respectReducedMotion", "flickVelocity", "dragThreshold", "dragFrom", "dragFromContent", "fitContentToSnap", "rubberBand", "backdropRange", "backdropOpacity", "backdropColor", "screenRange", "scrimMode", "scrimColor", "scrimBlur", "scrimInteractive", "scrimTapToClose", "scrimPreset", "animation", "settleAnimation", "spring", "focusTrap", "initialFocus", "closeOnEscape", "lockBodyScroll", "closeOnBack", "routedTo", "inertSiblings", "persistent", "disableClose", "disableDrag", "closeOnRouteChange", "radius", "maxHeight", "returnFocusTo", "persistKey", "autoCollapseAfter", "linkedSheets", "viewTransitions", "stackEffect", "features"];
+type EngineConfig = Pick<EngineOptions, (typeof ENGINE_OPTION_KEYS)[number]>;
+
+export type { EngineConfig as E };

package/dist/option-keys-a5DYNwwO.d.ts

@@ -0,0 +1,6 @@
+import { f as EngineOptions } from './BottomSheetCore-B_r4KCQL.js';
+
+declare const ENGINE_OPTION_KEYS: readonly ["mode", "snapPoints", "allowed", "initial", "duration", "easing", "respectReducedMotion", "flickVelocity", "dragThreshold", "dragFrom", "dragFromContent", "fitContentToSnap", "rubberBand", "backdropRange", "backdropOpacity", "backdropColor", "screenRange", "scrimMode", "scrimColor", "scrimBlur", "scrimInteractive", "scrimTapToClose", "scrimPreset", "animation", "settleAnimation", "spring", "focusTrap", "initialFocus", "closeOnEscape", "lockBodyScroll", "closeOnBack", "routedTo", "inertSiblings", "persistent", "disableClose", "disableDrag", "closeOnRouteChange", "radius", "maxHeight", "returnFocusTo", "persistKey", "autoCollapseAfter", "linkedSheets", "viewTransitions", "stackEffect", "features"];
+type EngineConfig = Pick<EngineOptions, (typeof ENGINE_OPTION_KEYS)[number]>;
+
+export type { EngineConfig as E };