@becklyn/next 4.2.6 → 4.4.0

package/dist/cjs/lib/debounce.d.ts

@@ -0,0 +1,2 @@
+export declare const debounce: (func: () => void, wait: number) => (() => void);
+//# sourceMappingURL=debounce.d.ts.map

package/dist/cjs/lib/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../lib/debounce.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,CAAC,MAAM,IAAI,CAUpE,CAAC"}

package/dist/cjs/lib/debounce.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debounce = void 0;
+const debounce = (func, wait) => {
+    let timeout = null;
+    return () => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(func, wait);
+    };
+};
+exports.debounce = debounce;

package/dist/cjs/lib/fetcher.d.ts

@@ -0,0 +1,2 @@
+export declare const fetcher: <T>(...args: Parameters<typeof fetch>) => Promise<T>;
+//# sourceMappingURL=fetcher.d.ts.map

package/dist/cjs/lib/fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../../lib/fetcher.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GAAI,CAAC,EAAE,GAAG,MAAM,UAAU,CAAC,OAAO,KAAK,CAAC,KAAG,OAAO,CAAC,CAAC,CAC9B,CAAC"}

package/dist/cjs/lib/fetcher.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetcher = void 0;
+const fetcher = (...args) => fetch(...args).then(res => res.json());
+exports.fetcher = fetcher;

package/dist/cjs/lib/useDebounce.d.ts

@@ -0,0 +1,6 @@
+import { DependencyList } from "react";
+import { debounce } from "./debounce";
+type Props = Parameters<typeof debounce>;
+export declare const useDebounce: (fn: Props[0], ms: Props[1], deps?: DependencyList) => void;
+export {};
+//# sourceMappingURL=useDebounce.d.ts.map

package/dist/cjs/lib/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../lib/useDebounce.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzC,eAAO,MAAM,WAAW,GAAI,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,cAAc,SAI5E,CAAC"}

package/dist/cjs/lib/useDebounce.js

@@ -0,0 +1,11 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = void 0;
+const react_1 = require("react");
+const debounce_1 = require("./debounce");
+const useDebounce = (fn, ms, deps) => {
+    const bounce = (0, react_1.useMemo)(() => (0, debounce_1.debounce)(fn, ms), [fn, ms]);
+    (0, react_1.useEffect)(() => (deps && Array.isArray(deps) ? bounce() : bounce()), [deps, bounce]);
+};
+exports.useDebounce = useDebounce;

package/dist/cjs/lib/useInterval.d.ts

@@ -0,0 +1,5 @@
+export declare const useInterval: (callback: (executions: number) => void, interval: number, maxExecutions?: number) => {
+    startInterval: () => void;
+    cancelInterval: () => void;
+};
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/cjs/lib/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../lib/useInterval.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,GACpB,UAAU,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,EACtC,UAAU,MAAM,EAChB,gBAAgB,MAAM;;;CAyCzB,CAAC"}

package/dist/cjs/lib/useInterval.js

@@ -0,0 +1,40 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = void 0;
+const react_1 = require("react");
+const useInterval = (callback, interval, maxExecutions) => {
+    const intervalRef = (0, react_1.useRef)(null);
+    const executions = (0, react_1.useRef)(0);
+    const startInterval = (0, react_1.useCallback)(() => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+        }
+        executions.current = 0;
+        intervalRef.current = setInterval(() => {
+            executions.current++;
+            callback(executions.current);
+            if (undefined !== maxExecutions && executions.current >= maxExecutions) {
+                if (intervalRef.current) {
+                    clearInterval(intervalRef.current);
+                    intervalRef.current = null;
+                }
+            }
+        }, interval);
+    }, [callback, interval, maxExecutions]);
+    const cancelInterval = (0, react_1.useCallback)(() => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+            }
+        };
+    }, []);
+    return { startInterval, cancelInterval };
+};
+exports.useInterval = useInterval;

package/dist/cjs/lib/useIsDocumentHidden.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsDocumentHidden: () => boolean;
+//# sourceMappingURL=useIsDocumentHidden.d.ts.map

package/dist/cjs/lib/useIsDocumentHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDocumentHidden.d.ts","sourceRoot":"","sources":["../../../lib/useIsDocumentHidden.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,eAW/B,CAAC"}

package/dist/cjs/lib/useIsDocumentHidden.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsDocumentHidden = void 0;
+const react_1 = require("react");
+const useIsDocumentHidden = () => {
+    const [isDocumentHidden, setIsDocumentHidden] = (0, react_1.useState)(document.hidden);
+    (0, react_1.useEffect)(() => {
+        const handleVisibilityChange = () => setIsDocumentHidden(document.hidden);
+        document.addEventListener("visibilitychange", handleVisibilityChange);
+        return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
+    }, []);
+    return isDocumentHidden;
+};
+exports.useIsDocumentHidden = useIsDocumentHidden;

package/dist/cjs/lib/useScrollAway.d.ts

@@ -0,0 +1,6 @@
+export declare const useScrollAway: (elementId: string, options?: {
+    scrollContainerQuery?: string;
+    elementHeight?: number;
+    reverseDirection?: boolean;
+}) => void;
+//# sourceMappingURL=useScrollAway.d.ts.map

package/dist/cjs/lib/useScrollAway.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollAway.d.ts","sourceRoot":"","sources":["../../../lib/useScrollAway.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GACtB,WAAW,MAAM,EACjB,UAAU;IACN,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,SAoDJ,CAAC"}

package/dist/cjs/lib/useScrollAway.js

@@ -0,0 +1,47 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollAway = void 0;
+const react_1 = require("react");
+const useScrollAway = (elementId, options) => {
+    (0, react_1.useEffect)(() => {
+        if (typeof document === "undefined") {
+            return;
+        }
+        const element = document.getElementById(elementId);
+        if (!element) {
+            return;
+        }
+        const { scrollContainerQuery, elementHeight, reverseDirection = false } = options || {};
+        const scrollContainer = scrollContainerQuery
+            ? document.querySelector(scrollContainerQuery)
+            : null;
+        const scrollAnchor = scrollContainer || document.documentElement;
+        const distanceToTransform = elementHeight !== null && elementHeight !== void 0 ? elementHeight : element.offsetHeight;
+        let lastScrollPosition = scrollAnchor.scrollTop;
+        let ticking = false;
+        const update = () => {
+            const currentScroll = scrollAnchor.scrollTop;
+            const isScrollingDown = currentScroll > lastScrollPosition;
+            const shouldHide = reverseDirection ? !isScrollingDown : isScrollingDown;
+            if (currentScroll >= distanceToTransform && shouldHide) {
+                element.style.transform = `translateY(${-distanceToTransform}px)`;
+            }
+            else {
+                element.style.transform = "translateY(0)";
+            }
+            lastScrollPosition = currentScroll;
+            ticking = false;
+        };
+        const handleScroll = () => {
+            if (!ticking) {
+                window.requestAnimationFrame(update);
+                ticking = true;
+            }
+        };
+        const targetElement = scrollContainer || window;
+        targetElement.addEventListener("scroll", handleScroll, { passive: true });
+        return () => targetElement.removeEventListener("scroll", handleScroll);
+    }, [elementId, options]);
+};
+exports.useScrollAway = useScrollAway;

package/dist/cjs/lib/useTimeout.d.ts

@@ -0,0 +1,5 @@
+export declare const useTimeout: (callback: (executions: number) => void, duration: number, maxExecutions?: number) => {
+    startTimeout: () => void;
+    cancelTimeout: () => void;
+};
+//# sourceMappingURL=useTimeout.d.ts.map

package/dist/cjs/lib/useTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../../lib/useTimeout.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,GACnB,UAAU,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,EACtC,UAAU,MAAM,EAChB,gBAAgB,MAAM;;;CA0BzB,CAAC"}

package/dist/cjs/lib/useTimeout.js

@@ -0,0 +1,27 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimeout = void 0;
+const react_1 = require("react");
+const useTimeout = (callback, duration, maxExecutions) => {
+    const timeoutRef = (0, react_1.useRef)(null);
+    const executions = (0, react_1.useRef)(0);
+    const startTimeout = (0, react_1.useCallback)(() => {
+        if (undefined !== maxExecutions && maxExecutions <= executions.current) {
+            return;
+        }
+        executions.current++;
+        timeoutRef.current = setTimeout(() => {
+            callback(executions.current);
+        }, duration);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const cancelTimeout = (0, react_1.useCallback)(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    }, []);
+    return { startTimeout, cancelTimeout };
+};
+exports.useTimeout = useTimeout;

package/dist/cjs/types/prettify.d.ts

@@ -0,0 +1,4 @@
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=prettify.d.ts.map

package/dist/cjs/types/prettify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettify.d.ts","sourceRoot":"","sources":["../../../types/prettify.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GAAG,EAAE,CAAC"}

package/dist/cjs/types/prettify.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/types/style.d.ts

@@ -4,4 +4,9 @@ export interface StyledProps {
 export type PropsWithClassName<P = object> = P & {
     className?: string;
 };
+export type PropsWithClassNames<K extends string, P = object> = P & {
+    classNames?: {
+        [Key in K]?: string;
+    };
+};
 //# sourceMappingURL=style.d.ts.map

package/dist/cjs/types/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../types/style.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../types/style.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG;IAChE,UAAU,CAAC,EAAE;SACR,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM;KACtB,CAAC;CACL,CAAC"}

package/dist/es/contentful/imageLoader.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.imageLoader = void 0;
-const imageLoader = ({ src, width, quality, format = "webp" }) => {
+export const imageLoader = ({ src, width, quality, format = "webp" }) => {
     let url = src;
     if (!src.startsWith("https")) {
         if (src.startsWith("http")) {
@@ -21,4 +18,3 @@ const imageLoader = ({ src, width, quality, format = "webp" }) => {
             return src;
     }
 };
-exports.imageLoader = imageLoader;

package/dist/es/contentful/inspector.js

@@ -1,34 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inspector = exports.removeInspectorProps = exports.getInspectorProps = exports.InspectorPropsSchema = exports.InspectableFieldSchema = exports.InspectableItemSchema = void 0;
-const zod_1 = require("zod");
-exports.InspectableItemSchema = zod_1.z.object({
-    entryId: zod_1.z.string().optional(),
-    draftMode: zod_1.z.boolean().optional(),
-    locale: zod_1.z.string().optional(),
+import { z } from "zod";
+export const InspectableItemSchema = z.object({
+    entryId: z.string().optional(),
+    draftMode: z.boolean().optional(),
+    locale: z.string().optional(),
 });
-exports.InspectableFieldSchema = zod_1.z
+export const InspectableFieldSchema = z
     .object({
-    fieldId: zod_1.z.string().optional(),
-    assetId: zod_1.z.string().optional(),
+    fieldId: z.string().optional(),
+    assetId: z.string().optional(),
 })
-    .extend(exports.InspectableItemSchema.shape);
-exports.InspectorPropsSchema = zod_1.z.object({
-    entryId: zod_1.z.string().optional(),
-    draftMode: zod_1.z.boolean().optional(),
-    locale: zod_1.z.string().optional(),
-    fieldId: zod_1.z.string().optional(),
-    assetId: zod_1.z.string().optional(),
+    .extend(InspectableItemSchema.shape);
+export const InspectorPropsSchema = z.object({
+    entryId: z.string().optional(),
+    draftMode: z.boolean().optional(),
+    locale: z.string().optional(),
+    fieldId: z.string().optional(),
+    assetId: z.string().optional(),
 });
-const getInspectorProps = (data) => {
+export const getInspectorProps = (data) => {
     if (!data) {
         return {};
     }
     const { entryId, fieldId, assetId, draftMode, locale } = data;
     return { entryId, fieldId, assetId, draftMode, locale };
 };
-exports.getInspectorProps = getInspectorProps;
-const removeInspectorProps = (data) => {
+export const removeInspectorProps = (data) => {
     if (!data) {
         return {};
     }
@@ -36,8 +32,7 @@ const removeInspectorProps = (data) => {
     const { entryId, fieldId, assetId, draftMode, locale, ...props } = data;
     return props;
 };
-exports.removeInspectorProps = removeInspectorProps;
-const inspector = (data) => {
+export const inspector = (data) => {
     if (!data) {
         return {};
     }
@@ -53,4 +48,3 @@ const inspector = (data) => {
         "data-contentful-locale": locale,
     };
 };
-exports.inspector = inspector;

package/dist/es/error/ErrorBoundary.js

@@ -1,9 +1,6 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const react_1 = require("react");
-class ErrorBoundary extends react_1.Component {
+import { Component } from "react";
+export class ErrorBoundary extends Component {
     constructor(props) {
         super(props);
         this.state = { hasError: false };
@@ -18,4 +15,3 @@ class ErrorBoundary extends react_1.Component {
         return this.props.children;
     }
 }
-exports.ErrorBoundary = ErrorBoundary;

package/dist/es/format/phone.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatPhone = void 0;
-const formatPhone = (phone) => {
+export const formatPhone = (phone) => {
     if (typeof phone === "number") {
         return phone;
     }
     return phone.replace(/[-/)( ]/g, "").replace("+49", "0049");
 };
-exports.formatPhone = formatPhone;

package/dist/es/lib/click.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutside = void 0;
-const react_1 = require("react");
-const useClickOutside = ({ callback }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+import { useEffect, useRef } from "react";
+export const useClickOutside = ({ callback }) => {
+    const ref = useRef(null);
+    useEffect(() => {
         const handleClickOutside = (event) => {
             if (ref.current && !ref.current.contains(event.target)) {
                 callback(event);
@@ -15,4 +12,3 @@ const useClickOutside = ({ callback }) => {
     });
     return ref;
 };
-exports.useClickOutside = useClickOutside;

package/dist/es/lib/debounce.d.ts

@@ -0,0 +1,2 @@
+export declare const debounce: (func: () => void, wait: number) => (() => void);
+//# sourceMappingURL=debounce.d.ts.map

package/dist/es/lib/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../lib/debounce.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,CAAC,MAAM,IAAI,CAUpE,CAAC"}

package/dist/es/lib/debounce.js

@@ -0,0 +1,9 @@
+export const debounce = (func, wait) => {
+    let timeout = null;
+    return () => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(func, wait);
+    };
+};

package/dist/es/lib/escape.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEscapeListener = void 0;
-const react_1 = require("react");
-const useEscapeListener = (callback, deps, capture = false) => {
-    (0, react_1.useEffect)(() => {
+import { useEffect } from "react";
+export const useEscapeListener = (callback, deps, capture = false) => {
+    useEffect(() => {
         const onKeyDown = (e) => {
             if (e.key === "Escape") {
                 callback(e);
@@ -15,4 +12,3 @@ const useEscapeListener = (callback, deps, capture = false) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     deps ? [...deps, capture] : undefined);
 };
-exports.useEscapeListener = useEscapeListener;

package/dist/es/lib/fetcher.d.ts

@@ -0,0 +1,2 @@
+export declare const fetcher: <T>(...args: Parameters<typeof fetch>) => Promise<T>;
+//# sourceMappingURL=fetcher.d.ts.map

package/dist/es/lib/fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../../lib/fetcher.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GAAI,CAAC,EAAE,GAAG,MAAM,UAAU,CAAC,OAAO,KAAK,CAAC,KAAG,OAAO,CAAC,CAAC,CAC9B,CAAC"}

package/dist/es/lib/fetcher.js

@@ -0,0 +1 @@
+export const fetcher = (...args) => fetch(...args).then(res => res.json());

package/dist/es/lib/focusTrap.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTrapFocus = exports.FOCUSABLE_ELEMENTS = exports.checkCanFocusTrap = void 0;
-const react_1 = require("react");
-const checkCanFocusTrap = async (container) => {
+import { useCallback, useEffect, useRef, useState } from "react";
+export const checkCanFocusTrap = async (container) => {
     const results = container.map(element => {
         return new Promise(resolve => {
             const interval = setInterval(() => {
@@ -15,19 +12,18 @@ const checkCanFocusTrap = async (container) => {
     });
     await Promise.all(results);
 };
-exports.checkCanFocusTrap = checkCanFocusTrap;
-exports.FOCUSABLE_ELEMENTS = 'button:not([tabindex="-1"]), [href]:not([tabindex="-1"]), input:not([tabindex="-1"]), select:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
-const useTrapFocus = (container) => {
-    const ref = (0, react_1.useRef)(null);
-    const [nodes, setNodes] = (0, react_1.useState)(null);
-    const update = (0, react_1.useCallback)(() => {
+export const FOCUSABLE_ELEMENTS = 'button:not([tabindex="-1"]), [href]:not([tabindex="-1"]), input:not([tabindex="-1"]), select:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
+export const useTrapFocus = (container) => {
+    const ref = useRef(null);
+    const [nodes, setNodes] = useState(null);
+    const update = useCallback(() => {
         const el = ref.current || container;
         if (!el) {
             return;
         }
-        setNodes(Array.from(el.querySelectorAll(exports.FOCUSABLE_ELEMENTS)));
+        setNodes(Array.from(el.querySelectorAll(FOCUSABLE_ELEMENTS)));
     }, [container]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const el = ref.current || container;
         if (!el) {
             return;
@@ -35,7 +31,7 @@ const useTrapFocus = (container) => {
         // eslint-disable-next-line react-hooks/set-state-in-effect
         update();
     }, [container, update]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const el = ref.current || container;
         if (!el || !nodes) {
             return;
@@ -62,4 +58,3 @@ const useTrapFocus = (container) => {
     }, [container, nodes]);
     return [ref, { update }];
 };
-exports.useTrapFocus = useTrapFocus;

package/dist/es/lib/geo.js

@@ -1,23 +1,18 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGeoLocation = exports.getGeoLocation = void 0;
-const react_1 = require("react");
-const getGeoLocation = async () => {
+import { useState } from "react";
+export const getGeoLocation = async () => {
     if (navigator && "geolocation" in navigator) {
         return new Promise((resolve, reject) => {
             navigator.geolocation.getCurrentPosition(resolve, reject);
         });
     }
 };
-exports.getGeoLocation = getGeoLocation;
-const useGeoLocation = () => {
-    const [location, setLocation] = (0, react_1.useState)();
+export const useGeoLocation = () => {
+    const [location, setLocation] = useState();
     const onClick = async () => {
-        const l = await (0, exports.getGeoLocation)();
+        const l = await getGeoLocation();
         setLocation(l);
         return l;
     };
     return [onClick, location];
 };
-exports.useGeoLocation = useGeoLocation;

package/dist/es/lib/intersection.js

@@ -1,12 +1,9 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIntersection = void 0;
-const react_1 = require("react");
-const useIntersection = ({ ref, defaultValue = false, callback, filter, options, dependencies, }) => {
-    const [visible, setVisible] = (0, react_1.useState)(defaultValue);
+import { useEffect, useState } from "react";
+export const useIntersection = ({ ref, defaultValue = false, callback, filter, options, dependencies, }) => {
+    const [visible, setVisible] = useState(defaultValue);
     const { current } = ref;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const observer = new IntersectionObserver(entries => {
             entries.forEach(entry => {
                 const isVisible = filter ? filter(entry) : entry.isIntersecting;
@@ -24,4 +21,3 @@ const useIntersection = ({ ref, defaultValue = false, callback, filter, options,
     }, [current, ...(dependencies ?? [])]);
     return visible;
 };
-exports.useIntersection = useIntersection;

package/dist/es/lib/isMounted.js

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsLayoutMounted = exports.useIsMounted = void 0;
-const react_1 = require("react");
-const useIsMounted = () => {
-    const [isMounted, setIsMounted] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+import { useEffect, useLayoutEffect, useState } from "react";
+export const useIsMounted = () => {
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
         // eslint-disable-next-line react-hooks/set-state-in-effect
         setIsMounted(true);
     }, []);
     return isMounted;
 };
-exports.useIsMounted = useIsMounted;
-const useIsLayoutMounted = () => {
-    const [isLayoutMounted, setIsLayoutMounted] = (0, react_1.useState)(false);
-    (0, react_1.useLayoutEffect)(() => {
+export const useIsLayoutMounted = () => {
+    const [isLayoutMounted, setIsLayoutMounted] = useState(false);
+    useLayoutEffect(() => {
         // eslint-disable-next-line react-hooks/set-state-in-effect
         setIsLayoutMounted(true);
     }, []);
     return isLayoutMounted;
 };
-exports.useIsLayoutMounted = useIsLayoutMounted;

package/dist/es/lib/shortcut.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShortcut = void 0;
-const react_1 = require("react");
-const useShortcut = (key, callback, deps) => {
-    (0, react_1.useEffect)(() => {
+import { useEffect } from "react";
+export const useShortcut = (key, callback, deps) => {
+    useEffect(() => {
         const onKeyDown = (e) => {
             let input = "";
             if (e.metaKey) {
@@ -28,4 +25,3 @@ const useShortcut = (key, callback, deps) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 };
-exports.useShortcut = useShortcut;

package/dist/es/lib/sleep.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sleep = void 0;
-const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
-exports.sleep = sleep;
+export const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));