@becklyn/next 1.0.1

package/dist/cjs/tracking/gtm/index.js

@@ -0,0 +1,115 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataEventForwarder = exports.useLazyDataLayer = exports.useDataLayer = exports.withGtm = exports.useGtm = exports.GtmProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const script_1 = __importDefault(require("next/script"));
+const Context = (0, react_1.createContext)({});
+const GtmProvider = ({ hasConsent, onBeforeGtmSetup, onAfterGtmSetup, children, }) => {
+    (0, exports.useDataEventForwarder)(hasConsent);
+    (0, react_1.useEffect)(() => {
+        if (onBeforeGtmSetup) {
+            onBeforeGtmSetup();
+        }
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = window.gtag || ((...arg) => window.dataLayer.push(arg));
+        if (onAfterGtmSetup) {
+            onAfterGtmSetup();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(Context.Provider, { value: { hasConsent }, children: [hasConsent && ((0, jsx_runtime_1.jsx)(script_1.default, { id: "google-tag-manager", "data-cookieconsent": "marketing", children: `
+                      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+                      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+                      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+                      'https://dt.visit-bw.com/dt.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+                      })(window,document,'script','dataLayer','${process.env.NEXT_PUBLIC_GTM_ID}');
+                    ` })), children] }));
+};
+exports.GtmProvider = GtmProvider;
+const useGtm = () => (0, react_1.useContext)(Context);
+exports.useGtm = useGtm;
+const withGtm = (Component) => {
+    return (props) => ((0, jsx_runtime_1.jsx)(exports.GtmProvider, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props)) })));
+};
+exports.withGtm = withGtm;
+const useDataLayer = (input, deps = []) => {
+    const hasConsent = (0, exports.useGtm)();
+    (0, react_1.useEffect)(() => {
+        if (!hasConsent) {
+            return;
+        }
+        const data = typeof input === "function" ? input() : input;
+        if (!data) {
+            return;
+        }
+        if (window.dataLayer) {
+            window.dataLayer.push(data);
+        }
+        else {
+            window.dataLayer = [data];
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [hasConsent, input, ...deps]);
+};
+exports.useDataLayer = useDataLayer;
+const useLazyDataLayer = () => {
+    const { hasConsent } = (0, exports.useGtm)();
+    return (input) => {
+        if (!hasConsent || !input) {
+            return;
+        }
+        const data = typeof input === "function" ? input() : input;
+        if (window.dataLayer) {
+            window.dataLayer.push(data);
+        }
+        else {
+            window.dataLayer = [data];
+        }
+    };
+};
+exports.useLazyDataLayer = useLazyDataLayer;
+const useDataEventForwarder = (hasConsent) => {
+    (0, react_1.useLayoutEffect)(() => {
+        const captureDataEvent = (event) => {
+            var _a;
+            if (!hasConsent) {
+                return;
+            }
+            const target = event.target;
+            if (!target) {
+                return;
+            }
+            const element = target.closest("*[data-event]");
+            if (!element) {
+                return;
+            }
+            const dataEvent = (_a = element.getAttribute("data-event")) !== null && _a !== void 0 ? _a : undefined;
+            const classList = element.classList ? element.classList.toString() : undefined;
+            const className = element.className;
+            const text = "innerText" in element ? element.innerText : undefined;
+            const data = {
+                event: "websiteClick",
+                dataEvent,
+                classList,
+                className,
+                text,
+            };
+            if (window.dataLayer) {
+                window.dataLayer.push(data);
+            }
+            else {
+                window.dataLayer = [data];
+            }
+        };
+        document.addEventListener("click", captureDataEvent);
+        return () => {
+            document.removeEventListener("click", captureDataEvent);
+        };
+    }, [hasConsent]);
+};
+exports.useDataEventForwarder = useDataEventForwarder;

package/dist/cjs/tracking/gtm/types.d.ts

@@ -0,0 +1,19 @@
+export type DataLayer = unknown[] | undefined;
+export type DataLayerData = (() => Record<string, string | number | undefined> | null) | Record<string, string | number | undefined> | null;
+export type Gtag = (event: string, name: string, payload: {
+    ad_personalization: "granted" | "denied";
+    ad_storage: "granted" | "denied";
+    ad_user_data: "granted" | "denied";
+    analytics_storage: "granted" | "denied";
+    functionality_storage: "granted" | "denied";
+    personalization_storage: "granted" | "denied";
+    security_storage: "granted" | "denied";
+    wait_for_update: number;
+} | null | boolean) => void;
+declare global {
+    interface Window {
+        dataLayer?: DataLayer;
+        gtag?: Gtag;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/tracking/gtm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../tracking/gtm/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AAE9C,MAAM,MAAM,aAAa,GACnB,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,GAC1D,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAC3C,IAAI,CAAC;AAEX,MAAM,MAAM,IAAI,GAAG,CACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,EACD;IACI,kBAAkB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACzC,UAAU,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC,YAAY,EAAE,SAAS,GAAG,QAAQ,CAAC;IACnC,iBAAiB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACxC,qBAAqB,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5C,uBAAuB,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9C,gBAAgB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;CAC3B,GACD,IAAI,GACJ,OAAO,KACZ,IAAI,CAAC;AAEV,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,IAAI,CAAC;KACf;CACJ"}

package/dist/cjs/tracking/gtm/types.js

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

package/dist/cjs/tracking/index.d.ts

@@ -0,0 +1,8 @@
+export declare const TRACKING: {
+    LOGO: string;
+    FOOTER: string;
+    HEADER: string;
+    BUTTON: string;
+    MENU: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/tracking/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tracking/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC"}

package/dist/cjs/tracking/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRACKING = void 0;
+exports.TRACKING = {
+    LOGO: "ga-logo",
+    FOOTER: "ga-footer",
+    HEADER: "ga-header",
+    BUTTON: "ga-button",
+    MENU: "ga-menu",
+};

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

@@ -0,0 +1,4 @@
+import { Inspectable } from "./preview";
+export type BlockProps = Inspectable;
+export type Block<B = object> = B & BlockProps;
+//# sourceMappingURL=block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../types/block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC;AAErC,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,UAAU,CAAC"}

package/dist/cjs/types/block.js

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

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

@@ -0,0 +1,8 @@
+export interface Previewable {
+    draftMode?: boolean;
+}
+export interface Inspectable extends Previewable {
+    entryId: string;
+    locale: string;
+}
+//# sourceMappingURL=preview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../types/preview.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAClB"}

package/dist/cjs/types/preview.js

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

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

@@ -0,0 +1,7 @@
+export interface StyledProps {
+    className?: string;
+}
+export type PropsWithClassName<P = object> = P & {
+    className?: string;
+};
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +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"}

package/dist/cjs/types/style.js

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

package/dist/es/contentful/imageLoader.d.ts

@@ -0,0 +1,7 @@
+import { ImageLoaderProps as ImageLoaderProps_ } from "next/image";
+export type ImageLoaderFormat = "webp" | "jpeg" | "png";
+export interface ImageLoaderProps extends ImageLoaderProps_ {
+    format?: ImageLoaderFormat;
+}
+export declare const imageLoader: ({ src, width, quality, format }: ImageLoaderProps) => string;
+//# sourceMappingURL=imageLoader.d.ts.map

package/dist/es/contentful/imageLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageLoader.d.ts","sourceRoot":"","sources":["../../../contentful/imageLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAExD,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACvD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,iCAA0C,gBAAgB,WAoBrF,CAAC"}

package/dist/es/contentful/imageLoader.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imageLoader = void 0;
+const imageLoader = ({ src, width, quality, format = "webp" }) => {
+    let url = src;
+    if (!src.startsWith("https")) {
+        if (src.startsWith("http")) {
+            url = "https" + url.slice(4);
+        }
+        else {
+            url = `https:${src}`;
+        }
+    }
+    switch (true) {
+        case src.includes("ctfassets"):
+        case src.includes("contentful"):
+            return `${url}?w=${width}&q=${quality || 96}&fm=${format === "jpeg" ? "jpg" : format}`;
+        case src.includes("mein.toubiz.de"):
+            return `${url}?width=${width}&quality=${quality || 96}&format=image/${format}`;
+        default:
+            return src;
+    }
+};
+exports.imageLoader = imageLoader;

package/dist/es/contentful/inspector.d.ts

@@ -0,0 +1,33 @@
+export interface InspectableItem {
+    entryId?: string;
+    draftMode?: boolean;
+    locale?: string;
+}
+export interface InspectableField extends Partial<InspectableItem> {
+    fieldId?: string;
+    assetId?: string;
+}
+interface InspectorProps {
+    entryId?: string;
+    fieldId?: string;
+    assetId?: string;
+    draftMode?: boolean;
+    locale?: string;
+}
+export declare const getInspectorProps: <T extends InspectorProps>(data: T) => {
+    entryId?: undefined;
+    fieldId?: undefined;
+    assetId?: undefined;
+    draftMode?: undefined;
+    locale?: undefined;
+} | {
+    entryId: string | undefined;
+    fieldId: string | undefined;
+    assetId: string | undefined;
+    draftMode: boolean | undefined;
+    locale: string | undefined;
+};
+export declare const removeInspectorProps: <T extends InspectorProps>(data: T) => {};
+export declare const inspector: (data: InspectableField) => Record<string, string | undefined>;
+export {};
+//# sourceMappingURL=inspector.d.ts.map

package/dist/es/contentful/inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../../contentful/inspector.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,eAAe,CAAC;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,cAAc,EAAE,MAAM,CAAC;;;;;;;;;;;;CAOlE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,EAAE,MAAM,CAAC,OAQrE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,gBAAgB,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAkBnF,CAAC"}

package/dist/es/contentful/inspector.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inspector = exports.removeInspectorProps = exports.getInspectorProps = void 0;
+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) => {
+    if (!data) {
+        return {};
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { entryId, fieldId, assetId, draftMode, locale, ...props } = data;
+    return props;
+};
+exports.removeInspectorProps = removeInspectorProps;
+const inspector = (data) => {
+    if (!data) {
+        return {};
+    }
+    const { entryId, fieldId, assetId, draftMode, locale } = data;
+    if (!draftMode || !entryId || (!fieldId && !assetId)) {
+        return {};
+    }
+    return {
+        ...(fieldId
+            ? { "data-contentful-field-id": fieldId }
+            : { "data-contentful-asset-id": assetId }),
+        "data-contentful-entry-id": entryId,
+        "data-contentful-locale": locale,
+    };
+};
+exports.inspector = inspector;

package/dist/es/format/phone.d.ts

@@ -0,0 +1,2 @@
+export declare const formatPhone: (phone: string | number) => string | number;
+//# sourceMappingURL=phone.d.ts.map

package/dist/es/format/phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../../format/phone.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,GAAG,MAAM,oBAMjD,CAAC"}

package/dist/es/format/phone.js

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

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

@@ -0,0 +1,5 @@
+export interface ClickOutsideOptions {
+    callback: (event: MouseEvent) => void;
+}
+export declare const useClickOutside: <T extends HTMLElement>({ callback }: ClickOutsideOptions) => import("react").MutableRefObject<T | null>;
+//# sourceMappingURL=click.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"click.d.ts","sourceRoot":"","sources":["../../../lib/click.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,EAAE,cAAc,mBAAmB,+CAevF,CAAC"}

package/dist/es/lib/click.js

@@ -0,0 +1,18 @@
+"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)(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback(event);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    });
+    return ref;
+};
+exports.useClickOutside = useClickOutside;

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

@@ -0,0 +1,29 @@
+import { Dispatch, SetStateAction } from "react";
+import { Options } from "@popperjs/core";
+interface DropdownOptions extends Partial<Options> {
+    isOpen?: boolean;
+    setIsOpen?: Dispatch<SetStateAction<boolean>>;
+    onClose?: () => void;
+}
+export declare const useDropdown: ({ isOpen: externalIsOpen, setIsOpen: externalSetIsOpen, onClose, ...options }: DropdownOptions) => {
+    styles: {
+        [key: string]: React.CSSProperties;
+    };
+    attributes: {
+        [key: string]: {
+            [key: string]: string;
+        } | undefined;
+    };
+    state: import("@popperjs/core").State | null;
+    update: import("@popperjs/core").Instance["update"] | null;
+    forceUpdate: import("@popperjs/core").Instance["forceUpdate"] | null;
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+    clickOutsideRef: import("react").MutableRefObject<HTMLElement | null>;
+    referenceElement: HTMLElement | null;
+    popperElement: HTMLElement | null;
+    setReferenceElement: Dispatch<SetStateAction<HTMLElement | null>>;
+    setPopperElement: Dispatch<SetStateAction<HTMLElement | null>>;
+};
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../lib/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzC,UAAU,eAAgB,SAAQ,OAAO,CAAC,OAAO,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,GAAI,+EAKzB,eAAe;;uBAoEsD,MAEhE,aAAK;;;;;;;;;;;;;;;;;CAyBZ,CAAC"}

package/dist/es/lib/dropdown.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDropdown = void 0;
+const react_1 = require("react");
+const react_popper_1 = require("react-popper");
+const click_1 = require("./click");
+const escape_1 = require("./escape");
+const focusTrap_1 = require("./focusTrap");
+const useDropdown = ({ isOpen: externalIsOpen, setIsOpen: externalSetIsOpen, onClose, ...options }) => {
+    const [internalIsOpen, internalSetIsOpen] = (0, react_1.useState)(false);
+    const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
+    const [popperElement, setPopperElement] = (0, react_1.useState)(null);
+    const [, { update }] = (0, focusTrap_1.useTrapFocus)(popperElement);
+    const isOpen = externalIsOpen !== undefined ? externalIsOpen : internalIsOpen;
+    const setIsOpen = externalSetIsOpen !== undefined ? externalSetIsOpen : internalSetIsOpen;
+    const clickOutsideRef = (0, click_1.useClickOutside)({
+        callback: e => {
+            if (popperElement && popperElement.contains(e.target)) {
+                return;
+            }
+            handleClose();
+        },
+    });
+    const popper = (0, react_popper_1.usePopper)(referenceElement, popperElement, options);
+    const { forceUpdate } = popper;
+    (0, escape_1.useEscapeListener)(e => {
+        if (!isOpen || !referenceElement) {
+            return;
+        }
+        if (!referenceElement.contains(e.target) &&
+            !e.target.contains(popperElement)) {
+            return;
+        }
+        handleClose();
+    }, [referenceElement, popperElement, isOpen]);
+    (0, react_1.useEffect)(() => {
+        if (!referenceElement) {
+            return;
+        }
+        const observer = new ResizeObserver(() => {
+            if (!forceUpdate) {
+                return;
+            }
+            forceUpdate();
+        });
+        observer.observe(referenceElement);
+        return () => observer.disconnect();
+    }, [referenceElement, forceUpdate]);
+    (0, react_1.useEffect)(() => {
+        if (!popperElement) {
+            return;
+        }
+        const observer = new MutationObserver(() => {
+            update();
+        });
+        observer.observe(popperElement, { subtree: true, attributes: true });
+        return () => observer.disconnect();
+    }, [popperElement, update]);
+    const handleClose = () => {
+        if (!isOpen) {
+            return;
+        }
+        setIsOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    return {
+        isOpen,
+        setIsOpen,
+        clickOutsideRef,
+        referenceElement,
+        popperElement,
+        setReferenceElement,
+        setPopperElement,
+        ...popper,
+    };
+};
+exports.useDropdown = useDropdown;

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

@@ -0,0 +1,3 @@
+import { DependencyList } from "react";
+export declare const useEscapeListener: (callback: (e: KeyboardEvent) => void, deps?: DependencyList) => void;
+//# sourceMappingURL=escape.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"escape.d.ts","sourceRoot":"","sources":["../../../lib/escape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,iBAAiB,GAAI,UAAU,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,EAAE,OAAO,cAAc,SAY5F,CAAC"}

package/dist/es/lib/escape.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEscapeListener = void 0;
+const react_1 = require("react");
+const useEscapeListener = (callback, deps) => {
+    (0, react_1.useEffect)(() => {
+        const onKeyDown = (e) => {
+            if (e.key === "Escape") {
+                callback(e);
+            }
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+};
+exports.useEscapeListener = useEscapeListener;

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

@@ -0,0 +1,12 @@
+import { MutableRefObject } from "react";
+export declare const checkCanFocusTrap: (container: (HTMLElement | SVGElement)[]) => Promise<void>;
+export declare 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\"])";
+type UseTrapFocus<T> = [
+    MutableRefObject<T | null>,
+    {
+        update: () => void;
+    }
+];
+export declare const useTrapFocus: <T extends HTMLElement>(container?: T | null) => UseTrapFocus<T>;
+export {};
+//# sourceMappingURL=focusTrap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../lib/focusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA4C,MAAM,OAAO,CAAC;AAEnF,eAAO,MAAM,iBAAiB,GAAU,WAAW,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,kBAa9E,CAAC;AAEF,eAAO,MAAM,kBAAkB,kMACwJ,CAAC;AAExL,KAAK,YAAY,CAAC,CAAC,IAAI;IACnB,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1B;QACI,MAAM,EAAE,MAAM,IAAI,CAAC;KACtB;CACJ,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,EAAE,YAAY,CAAC,GAAG,IAAI,KAAG,YAAY,CAAC,CAAC,CAyDxF,CAAC"}

package/dist/es/lib/focusTrap.js

@@ -0,0 +1,64 @@
+"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) => {
+    const results = container.map(element => {
+        return new Promise(resolve => {
+            const interval = setInterval(() => {
+                if (getComputedStyle(element).visibility !== "hidden") {
+                    resolve();
+                    clearInterval(interval);
+                }
+            }, 5);
+        });
+    });
+    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)(() => {
+        const el = ref.current || container;
+        if (!el) {
+            return;
+        }
+        setNodes(Array.from(el.querySelectorAll(exports.FOCUSABLE_ELEMENTS)));
+    }, [container]);
+    (0, react_1.useEffect)(() => {
+        const el = ref.current || container;
+        if (!el) {
+            return;
+        }
+        update();
+    }, [container, update]);
+    (0, react_1.useEffect)(() => {
+        const el = ref.current || container;
+        if (!el || !nodes) {
+            return;
+        }
+        const firstFocusableElement = nodes[0];
+        const lastFocusableElement = nodes[nodes.length - 1];
+        const onKeyDown = (e) => {
+            const isTabPressed = e.key === "Tab" || e.keyCode === 9;
+            if (!isTabPressed) {
+                return;
+            }
+            if (e.shiftKey && document.activeElement === firstFocusableElement) {
+                lastFocusableElement.focus();
+                e.preventDefault();
+            }
+            else if (document.activeElement === lastFocusableElement) {
+                firstFocusableElement.focus();
+                e.preventDefault();
+            }
+        };
+        el.focus();
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [container, nodes]);
+    return [ref, { update }];
+};
+exports.useTrapFocus = useTrapFocus;

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

@@ -0,0 +1,3 @@
+export declare const getGeoLocation: () => Promise<GeolocationPosition | undefined>;
+export declare const useGeoLocation: () => readonly [() => Promise<GeolocationPosition | undefined>, GeolocationPosition | undefined];
+//# sourceMappingURL=geo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"geo.d.ts","sourceRoot":"","sources":["../../../lib/geo.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAAa,OAAO,CAAC,mBAAmB,GAAG,SAAS,CAM9E,CAAC;AAEF,eAAO,MAAM,cAAc,kGAU1B,CAAC"}

package/dist/es/lib/geo.js

@@ -0,0 +1,23 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGeoLocation = exports.getGeoLocation = void 0;
+const react_1 = require("react");
+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)();
+    const onClick = async () => {
+        const l = await (0, exports.getGeoLocation)();
+        setLocation(l);
+        return l;
+    };
+    return [onClick, location];
+};
+exports.useGeoLocation = useGeoLocation;

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

@@ -0,0 +1,10 @@
+export interface UseIntersectionProps {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    defaultValue?: boolean;
+    callback?: (entry: IntersectionObserverEntry, isVisible: boolean) => void;
+    filter?: (entry: IntersectionObserverEntry) => boolean;
+    dependencies?: React.DependencyList[] | null;
+    options?: IntersectionObserverInit;
+}
+export declare const useIntersection: ({ ref, defaultValue, callback, filter, options, dependencies, }: UseIntersectionProps) => boolean;
+//# sourceMappingURL=intersection.d.ts.map