@surdeddd/bottom-sheet 0.1.0

package/dist/integrations/formik.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('react');
+
+// src/integrations/formik.ts
+function useFormikGuard(sheetRef, formikRef, _tag) {
+  react.useEffect(() => {
+    const target = sheetRef.current;
+    if (!target) return;
+    const off = target.on("before-snap", (payload) => {
+      const formik = formikRef.current;
+      if (!formik) return;
+      if (formik.isSubmitting) {
+        payload.cancel();
+        return;
+      }
+      if (payload.id === "closed" && formik.dirty) {
+        payload.cancel();
+      }
+    });
+    return off;
+  }, [sheetRef, formikRef]);
+}
+
+exports.useFormikGuard = useFormikGuard;
+//# sourceMappingURL=formik.cjs.map
+//# sourceMappingURL=formik.cjs.map

package/dist/integrations/formik.d.cts

@@ -0,0 +1,27 @@
+import { d as SheetEventMap } from '../BottomSheetEngine-CvSVbo6c.cjs';
+import '../transform-Brkf-wzo.cjs';
+
+type FormikStateLike = {
+    dirty: boolean;
+    isSubmitting: boolean;
+};
+type SheetEventTarget = {
+    on: <K extends keyof SheetEventMap>(event: K, listener: (payload: SheetEventMap[K]) => void) => () => void;
+};
+type SheetGuardRef = {
+    current: SheetEventTarget | null | undefined;
+} | {
+    readonly current: SheetEventTarget | null | undefined;
+};
+type FormikRefLike = {
+    current: FormikStateLike | null | undefined;
+};
+/**
+ * Formik counterpart to useFormGuard — takes a `ref<FormikProps>` because
+ * Formik's render-prop API doesn't surface props at hook-call time the way
+ * useForm() does. Use `<Formik innerRef={formikRef}>` or stash `useFormik()`
+ * on a ref yourself.
+ */
+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 };

package/dist/integrations/formik.d.ts

@@ -0,0 +1,27 @@
+import { d as SheetEventMap } from '../BottomSheetEngine-DbO8rW_3.js';
+import '../transform-Brkf-wzo.js';
+
+type FormikStateLike = {
+    dirty: boolean;
+    isSubmitting: boolean;
+};
+type SheetEventTarget = {
+    on: <K extends keyof SheetEventMap>(event: K, listener: (payload: SheetEventMap[K]) => void) => () => void;
+};
+type SheetGuardRef = {
+    current: SheetEventTarget | null | undefined;
+} | {
+    readonly current: SheetEventTarget | null | undefined;
+};
+type FormikRefLike = {
+    current: FormikStateLike | null | undefined;
+};
+/**
+ * Formik counterpart to useFormGuard — takes a `ref<FormikProps>` because
+ * Formik's render-prop API doesn't surface props at hook-call time the way
+ * useForm() does. Use `<Formik innerRef={formikRef}>` or stash `useFormik()`
+ * on a ref yourself.
+ */
+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 };

package/dist/integrations/formik.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+
+// src/integrations/formik.ts
+function useFormikGuard(sheetRef, formikRef, _tag) {
+  useEffect(() => {
+    const target = sheetRef.current;
+    if (!target) return;
+    const off = target.on("before-snap", (payload) => {
+      const formik = formikRef.current;
+      if (!formik) return;
+      if (formik.isSubmitting) {
+        payload.cancel();
+        return;
+      }
+      if (payload.id === "closed" && formik.dirty) {
+        payload.cancel();
+      }
+    });
+    return off;
+  }, [sheetRef, formikRef]);
+}
+
+export { useFormikGuard };
+//# sourceMappingURL=formik.js.map
+//# sourceMappingURL=formik.js.map

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var react = require('react');
+
+// src/integrations/react-hook-form.ts
+function useFormGuard(sheetRef, methods, _tag) {
+  const methodsRef = react.useRef(methods);
+  methodsRef.current = methods;
+  react.useEffect(() => {
+    const target = sheetRef.current;
+    if (!target) return;
+    const off = target.on("before-snap", (payload) => {
+      const { isDirty, isSubmitting } = methodsRef.current.formState;
+      if (isSubmitting) {
+        payload.cancel();
+        return;
+      }
+      if (payload.id === "closed" && isDirty) {
+        payload.cancel();
+      }
+    });
+    return off;
+  }, [sheetRef]);
+}
+
+exports.useFormGuard = useFormGuard;
+//# sourceMappingURL=react-hook-form.cjs.map
+//# sourceMappingURL=react-hook-form.cjs.map

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

@@ -0,0 +1,30 @@
+import { d as SheetEventMap } from '../BottomSheetEngine-CvSVbo6c.cjs';
+import '../transform-Brkf-wzo.cjs';
+
+type RhfFormStateLike = {
+    formState: {
+        isDirty: boolean;
+        isSubmitting: boolean;
+        isSubmitSuccessful: boolean;
+    };
+};
+type SheetEventTarget = {
+    on: <K extends keyof SheetEventMap>(event: K, listener: (payload: SheetEventMap[K]) => void) => () => void;
+};
+type SheetGuardRef = {
+    current: SheetEventTarget | null | undefined;
+} | {
+    readonly current: SheetEventTarget | null | undefined;
+};
+/**
+ * Gates close attempts behind react-hook-form's `isDirty` / `isSubmitting`.
+ * Cancels closing while the form is dirty (consumer prompts then re-calls
+ * close) and cancels every snap while submit is in flight.
+ *
+ * The `methods` argument is read through a ref refreshed each render, so a
+ * freshly-constructed `useForm()` return on each parent render is safe —
+ * the listener always reads live form state, never a closure-captured one.
+ */
+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 };

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

@@ -0,0 +1,30 @@
+import { d as SheetEventMap } from '../BottomSheetEngine-DbO8rW_3.js';
+import '../transform-Brkf-wzo.js';
+
+type RhfFormStateLike = {
+    formState: {
+        isDirty: boolean;
+        isSubmitting: boolean;
+        isSubmitSuccessful: boolean;
+    };
+};
+type SheetEventTarget = {
+    on: <K extends keyof SheetEventMap>(event: K, listener: (payload: SheetEventMap[K]) => void) => () => void;
+};
+type SheetGuardRef = {
+    current: SheetEventTarget | null | undefined;
+} | {
+    readonly current: SheetEventTarget | null | undefined;
+};
+/**
+ * Gates close attempts behind react-hook-form's `isDirty` / `isSubmitting`.
+ * Cancels closing while the form is dirty (consumer prompts then re-calls
+ * close) and cancels every snap while submit is in flight.
+ *
+ * The `methods` argument is read through a ref refreshed each render, so a
+ * freshly-constructed `useForm()` return on each parent render is safe —
+ * the listener always reads live form state, never a closure-captured one.
+ */
+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 };

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

@@ -0,0 +1,26 @@
+import { useRef, useEffect } from 'react';
+
+// src/integrations/react-hook-form.ts
+function useFormGuard(sheetRef, methods, _tag) {
+  const methodsRef = useRef(methods);
+  methodsRef.current = methods;
+  useEffect(() => {
+    const target = sheetRef.current;
+    if (!target) return;
+    const off = target.on("before-snap", (payload) => {
+      const { isDirty, isSubmitting } = methodsRef.current.formState;
+      if (isSubmitting) {
+        payload.cancel();
+        return;
+      }
+      if (payload.id === "closed" && isDirty) {
+        payload.cancel();
+      }
+    });
+    return off;
+  }, [sheetRef]);
+}
+
+export { useFormGuard };
+//# sourceMappingURL=react-hook-form.js.map
+//# sourceMappingURL=react-hook-form.js.map