@becklyn/next 1.0.6 → 2.0.0

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

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

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

@@ -1 +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"}
+{"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,wCAevF,CAAC"}

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

@@ -1,4 +1,4 @@
-export declare const useStaticContent: () => (boolean | import("react").MutableRefObject<{
+export declare const useStaticContent: () => (boolean | import("react").RefObject<{
     innerHTML: string;
 } | null>)[];
 //# sourceMappingURL=staticContent.d.ts.map

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

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

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

@@ -1 +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"}
+{"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,wCAevF,CAAC"}

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

@@ -1,4 +1,4 @@
-export declare const useStaticContent: () => (boolean | import("react").MutableRefObject<{
+export declare const useStaticContent: () => (boolean | import("react").RefObject<{
     innerHTML: string;
 } | null>)[];
 //# sourceMappingURL=staticContent.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@becklyn/next",
-    "version": "1.0.6",
+    "version": "2.0.0",
     "license": "MIT",
     "scripts": {
         "lint": "eslint . --max-warnings 0 && prettier --check \"./**/*.{ts,tsx}\"",
@@ -9,21 +9,19 @@
         "prepublishOnly": "npm run lint && npm run build"
     },
     "dependencies": {
-        "@contentful/rich-text-react-renderer": "^15.22.11",
-        "@popperjs/core": "^2.11.8",
+        "@contentful/rich-text-react-renderer": "^16.0.1",
         "keen-slider": "^6.8.6",
-        "react-popper": "^2.3.0",
         "sass": "^1.86.3"
     },
     "devDependencies": {
         "@becklyn/eslint": "*",
         "@becklyn/tsconfig": "*",
-        "@contentful/rich-text-types": "^16.8.5",
-        "@types/node": "^22.14.0",
-        "@types/react": "^18.3.20",
-        "@types/react-dom": "^18.3.6",
-        "next": "^14.2.27",
-        "react": "^18.3.1",
+        "@contentful/rich-text-types": "^17.0.0",
+        "@types/node": "^22.14.1",
+        "@types/react": "^19.1.2",
+        "@types/react-dom": "^19.1.2",
+        "next": "^15.3.0",
+        "react": "^19.1.0",
         "typescript": "^5.8.3"
     },
     "peerDependencies": {

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

@@ -1,29 +0,0 @@
-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/cjs/lib/dropdown.d.ts.map

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;CA+FjB,CAAC"}

package/dist/cjs/lib/dropdown.js

@@ -1,88 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 = (_a) => {
-    var { isOpen: externalIsOpen, setIsOpen: externalSetIsOpen, onClose } = _a, options = __rest(_a, ["isOpen", "setIsOpen", "onClose"]);
-    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 Object.assign({ isOpen,
-        setIsOpen,
-        clickOutsideRef,
-        referenceElement,
-        popperElement,
-        setReferenceElement,
-        setPopperElement }, popper);
-};
-exports.useDropdown = useDropdown;

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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;CA+FjB,CAAC"}

package/dist/es/lib/dropdown.js

@@ -1,79 +0,0 @@
-"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;