@reykjavik/hanna-react 0.10.55 → 0.10.56

package/utils/config.cjs

@@ -1,27 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var config_exports = {};
-__export(config_exports, {
-  setLinkRenderer: () => import_Link.setLinkRenderer
-});
-module.exports = __toCommonJS(config_exports);
-var import_Link = require("../_abstract/Link");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  setLinkRenderer
-});

package/utils/config.d.ts

@@ -1,2 +0,0 @@
-export type { LinkRenderer } from '../_abstract/Link';
-export { setLinkRenderer } from '../_abstract/Link';

package/utils/config.mjs

@@ -1,4 +0,0 @@
-import { setLinkRenderer } from "../_abstract/Link";
-export {
-  setLinkRenderer
-};

package/utils/detectEdgeScroll.cjs

@@ -1,95 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var detectEdgeScroll_exports = {};
-__export(detectEdgeScroll_exports, {
-  default: () => detectEdgeScroll_default
-});
-module.exports = __toCommonJS(detectEdgeScroll_exports);
-var import_throttle = __toESM(require("@hugsmidjan/qj/throttle"));
-const tolerance = 5;
-const throttleMs = 100;
-const detectEdgeScroll = (opts) => {
-  const { axis, scrollerElm, classedElm, bem, onChange, setClasses } = opts;
-  let at = { start: true, end: true };
-  const bemAt = bem ? bem + "--at" : "at";
-  const doClasses = !onChange || setClasses;
-  const toggleClassNames = (at2) => {
-    const elmClasses = (classedElm || scrollerElm).classList;
-    elmClasses[at2.start ? "add" : "remove"](bemAt + "--start");
-    elmClasses[at2.end ? "add" : "remove"](bemAt + "--end");
-  };
-  const setAt = !onChange ? toggleClassNames : setClasses ? (at2) => {
-    onChange(at2);
-    toggleClassNames(at2);
-  } : onChange;
-  const checkScroll = (0, import_throttle.default)(() => {
-    let scroll, offsetSize, totalSize;
-    if (axis === "horizontal") {
-      scroll = scrollerElm.scrollLeft;
-      offsetSize = scrollerElm.offsetWidth;
-      totalSize = scrollerElm.scrollWidth;
-    } else {
-      scroll = scrollerElm.scrollTop;
-      offsetSize = scrollerElm.offsetHeight;
-      totalSize = scrollerElm.scrollHeight;
-    }
-    let newAt = at;
-    const newAtStart = scroll < tolerance;
-    const newAtEnd = totalSize - (offsetSize + scroll) < tolerance;
-    if (newAtStart !== at.start) {
-      newAt = {
-        start: newAtStart,
-        end: newAt.end
-      };
-    }
-    if (newAtEnd !== at.end) {
-      newAt = {
-        start: newAt.start,
-        end: newAtEnd
-      };
-    }
-    if (at !== newAt) {
-      setAt(newAt);
-      at = newAt;
-    }
-  }, throttleMs);
-  checkScroll();
-  if (doClasses) {
-    (classedElm || scrollerElm).classList.add(bemAt);
-    toggleClassNames(at);
-  }
-  scrollerElm.addEventListener("scroll", checkScroll);
-  window.addEventListener("resize", checkScroll);
-  return {
-    checkScroll,
-    unmount: () => {
-      if (doClasses) {
-        toggleClassNames({ start: false, end: false });
-        (classedElm || scrollerElm).classList.remove(bemAt);
-      }
-      scrollerElm.removeEventListener("scroll", checkScroll);
-      window.removeEventListener("resize", checkScroll);
-    }
-  };
-};
-var detectEdgeScroll_default = detectEdgeScroll;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/utils/detectEdgeScroll.d.ts

@@ -1,52 +0,0 @@
-declare type AtState = {
-    start: boolean;
-    end: boolean;
-};
-declare type Options = {
-    /**
-     * Default: `"vertical"`
-     */
-    axis?: 'horizontal' | 'vertical';
-    /**
-     * Element to monitor the scrolling status of
-     */
-    scrollerElm: HTMLElement;
-    /**
-     * Element that receives the classNames
-     *
-     * Default: `options.scrollerElm`
-     */
-    classedElm?: HTMLElement;
-    /**
-     * BEM prefix for the `--at`, `--at--start` and `--at--end` class-names
-     *
-     * Default:  `""`
-     */
-    bem?: string;
-} & ({
-    /**
-     * Set to false if you're passing your own `setAt´ handler
-     * and wish to opt out of the default automatic class-name toggling
-     *
-     * Default: `true`
-     */
-    setClasses?: boolean;
-    /**
-     * Custom function that gets called when the AtState changes.
-     */
-    onChange: (newAt: AtState) => void;
-} | {
-    onChange?: undefined;
-    /** @deprecated (Will be removed in v0.9)
-     *
-     * This props is redundant when `onChange`, as its only possible value is `true`.
-     */
-    setClasses?: true;
-});
-declare type Actions = {
-    checkScroll: () => void;
-    unmount: () => void;
-};
-declare const detectEdgeScroll: (opts: Options) => Actions;
-export declare type DetectEdgeScrollOptions = Options;
-export default detectEdgeScroll;

package/utils/detectEdgeScroll.mjs

@@ -1,71 +0,0 @@
-import throttle from "@hugsmidjan/qj/throttle";
-const tolerance = 5;
-const throttleMs = 100;
-const detectEdgeScroll = (opts) => {
-  const { axis, scrollerElm, classedElm, bem, onChange, setClasses } = opts;
-  let at = { start: true, end: true };
-  const bemAt = bem ? bem + "--at" : "at";
-  const doClasses = !onChange || setClasses;
-  const toggleClassNames = (at2) => {
-    const elmClasses = (classedElm || scrollerElm).classList;
-    elmClasses[at2.start ? "add" : "remove"](bemAt + "--start");
-    elmClasses[at2.end ? "add" : "remove"](bemAt + "--end");
-  };
-  const setAt = !onChange ? toggleClassNames : setClasses ? (at2) => {
-    onChange(at2);
-    toggleClassNames(at2);
-  } : onChange;
-  const checkScroll = throttle(() => {
-    let scroll, offsetSize, totalSize;
-    if (axis === "horizontal") {
-      scroll = scrollerElm.scrollLeft;
-      offsetSize = scrollerElm.offsetWidth;
-      totalSize = scrollerElm.scrollWidth;
-    } else {
-      scroll = scrollerElm.scrollTop;
-      offsetSize = scrollerElm.offsetHeight;
-      totalSize = scrollerElm.scrollHeight;
-    }
-    let newAt = at;
-    const newAtStart = scroll < tolerance;
-    const newAtEnd = totalSize - (offsetSize + scroll) < tolerance;
-    if (newAtStart !== at.start) {
-      newAt = {
-        start: newAtStart,
-        end: newAt.end
-      };
-    }
-    if (newAtEnd !== at.end) {
-      newAt = {
-        start: newAt.start,
-        end: newAtEnd
-      };
-    }
-    if (at !== newAt) {
-      setAt(newAt);
-      at = newAt;
-    }
-  }, throttleMs);
-  checkScroll();
-  if (doClasses) {
-    (classedElm || scrollerElm).classList.add(bemAt);
-    toggleClassNames(at);
-  }
-  scrollerElm.addEventListener("scroll", checkScroll);
-  window.addEventListener("resize", checkScroll);
-  return {
-    checkScroll,
-    unmount: () => {
-      if (doClasses) {
-        toggleClassNames({ start: false, end: false });
-        (classedElm || scrollerElm).classList.remove(bemAt);
-      }
-      scrollerElm.removeEventListener("scroll", checkScroll);
-      window.removeEventListener("resize", checkScroll);
-    }
-  };
-};
-var detectEdgeScroll_default = detectEdgeScroll;
-export {
-  detectEdgeScroll_default as default
-};

package/utils/env.cjs

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var env_exports = {};
-__export(env_exports, {
-  isPreact: () => isPreact
-});
-module.exports = __toCommonJS(env_exports);
-var import_react = __toESM(require("react"));
-const isPreact = "h" in import_react.default || "hydrate" in import_react.default && "render" in import_react.default || void 0;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  isPreact
-});

package/utils/env.mjs

@@ -1,5 +0,0 @@
-import React from "react";
-const isPreact = "h" in React || "hydrate" in React && "render" in React || void 0;
-export {
-  isPreact
-};

package/utils/seenEffect.cjs

@@ -1,93 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var seenEffect_exports = {};
-__export(seenEffect_exports, {
-  DATA_ATTR_NAME: () => DATA_ATTR_NAME,
-  assertEffectType: () => assertEffectType,
-  getEffectAttr: () => getEffectAttr,
-  getObserver: () => getObserver,
-  seenEffectOptOut: () => seenEffectOptOut,
-  useSeenEffect: () => useSeenEffect
-});
-module.exports = __toCommonJS(seenEffect_exports);
-var import_react = require("react");
-const DATA_ATTR_NAME = "is-seen";
-const STACKING_DELAY = 400;
-const dataAttr = "data-" + DATA_ATTR_NAME;
-const inTargetSourceOrder = (a, b) => a.target.compareDocumentPosition(b.target) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
-const options = {
-  rootMargin: "-100px 0px 0px 0px",
-  threshold: 0
-};
-let observer;
-const getObserver = (target, callback) => {
-  if (target.hasAttribute(dataAttr)) {
-    return;
-  }
-  if (!observer) {
-    observer = new IntersectionObserver((entries, observer2) => entries.filter((e) => e.isIntersecting).sort(inTargetSourceOrder).forEach(({ target: target2 }, i) => {
-      setTimeout(() => {
-        target2.setAttribute(dataAttr, "true");
-        callback && callback(target2);
-        observer2.unobserve(target2);
-      }, STACKING_DELAY * i);
-    }), options);
-  }
-  if (target.matches("[" + dataAttr + "] *")) {
-    target.setAttribute(dataAttr, "");
-    return;
-  }
-  target.setAttribute(dataAttr, "false");
-  observer.observe(target);
-  return () => observer.unobserve(target);
-};
-const seenEffectOptOut = (target, setFlag = true) => {
-  setFlag ? target.setAttribute(dataAttr, "") : target.removeAttribute(dataAttr);
-};
-getObserver.DATA_ATTR_NAME = DATA_ATTR_NAME;
-const effects = {
-  fadein: 1,
-  fadeup: 1,
-  fadeleft: 1
-};
-const assertEffectType = (maybeType) => maybeType && maybeType in effects ? maybeType : void 0;
-const getEffectAttr = (maybeType) => ({
-  "data-seen-effect": assertEffectType(maybeType) || ""
-});
-const useSeenEffect = (startSeen, customRef) => {
-  const localRef = (0, import_react.useRef)(null);
-  const [isSeen, setSeen] = (0, import_react.useState)(startSeen || void 0);
-  const ref = !startSeen && (customRef || localRef);
-  (0, import_react.useEffect)(() => {
-    setSeen(startSeen || void 0);
-    if (ref && ref.current) {
-      seenEffectOptOut(ref.current, false);
-      return getObserver(ref.current, () => setSeen(true));
-    }
-  }, [ref, startSeen]);
-  return [ref || void 0, isSeen];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DATA_ATTR_NAME,
-  assertEffectType,
-  getEffectAttr,
-  getObserver,
-  seenEffectOptOut,
-  useSeenEffect
-});

package/utils/seenEffect.mjs

@@ -1,65 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-const DATA_ATTR_NAME = "is-seen";
-const STACKING_DELAY = 400;
-const dataAttr = "data-" + DATA_ATTR_NAME;
-const inTargetSourceOrder = (a, b) => a.target.compareDocumentPosition(b.target) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
-const options = {
-  rootMargin: "-100px 0px 0px 0px",
-  threshold: 0
-};
-let observer;
-const getObserver = (target, callback) => {
-  if (target.hasAttribute(dataAttr)) {
-    return;
-  }
-  if (!observer) {
-    observer = new IntersectionObserver((entries, observer2) => entries.filter((e) => e.isIntersecting).sort(inTargetSourceOrder).forEach(({ target: target2 }, i) => {
-      setTimeout(() => {
-        target2.setAttribute(dataAttr, "true");
-        callback && callback(target2);
-        observer2.unobserve(target2);
-      }, STACKING_DELAY * i);
-    }), options);
-  }
-  if (target.matches("[" + dataAttr + "] *")) {
-    target.setAttribute(dataAttr, "");
-    return;
-  }
-  target.setAttribute(dataAttr, "false");
-  observer.observe(target);
-  return () => observer.unobserve(target);
-};
-const seenEffectOptOut = (target, setFlag = true) => {
-  setFlag ? target.setAttribute(dataAttr, "") : target.removeAttribute(dataAttr);
-};
-getObserver.DATA_ATTR_NAME = DATA_ATTR_NAME;
-const effects = {
-  fadein: 1,
-  fadeup: 1,
-  fadeleft: 1
-};
-const assertEffectType = (maybeType) => maybeType && maybeType in effects ? maybeType : void 0;
-const getEffectAttr = (maybeType) => ({
-  "data-seen-effect": assertEffectType(maybeType) || ""
-});
-const useSeenEffect = (startSeen, customRef) => {
-  const localRef = useRef(null);
-  const [isSeen, setSeen] = useState(startSeen || void 0);
-  const ref = !startSeen && (customRef || localRef);
-  useEffect(() => {
-    setSeen(startSeen || void 0);
-    if (ref && ref.current) {
-      seenEffectOptOut(ref.current, false);
-      return getObserver(ref.current, () => setSeen(true));
-    }
-  }, [ref, startSeen]);
-  return [ref || void 0, isSeen];
-};
-export {
-  DATA_ATTR_NAME,
-  assertEffectType,
-  getEffectAttr,
-  getObserver,
-  seenEffectOptOut,
-  useSeenEffect
-};

package/utils/useFormatMonitor.cjs

@@ -1,29 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useFormatMonitor_exports = {};
-__export(useFormatMonitor_exports, {
-  useFormatMonitor: () => useFormatMonitor
-});
-module.exports = __toCommonJS(useFormatMonitor_exports);
-var import_hanna_utils = require("@reykjavik/hanna-utils");
-var import_react = require("formatchange/react");
-const useFormatMonitor = (0, import_react.makeFormatMonitorHook)(import_hanna_utils.formatMonitor);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useFormatMonitor
-});

package/utils/useFormatMonitor.mjs

@@ -1,6 +0,0 @@
-import { formatMonitor } from "@reykjavik/hanna-utils";
-import { makeFormatMonitorHook } from "formatchange/react";
-const useFormatMonitor = makeFormatMonitorHook(formatMonitor);
-export {
-  useFormatMonitor
-};

package/utils/useGetSVGtext.cjs

@@ -1,44 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useGetSVGtext_exports = {};
-__export(useGetSVGtext_exports, {
-  useGetSVGtext: () => useGetSVGtext
-});
-module.exports = __toCommonJS(useGetSVGtext_exports);
-var import_react = require("react");
-var import_hanna_utils = require("@reykjavik/hanna-utils");
-const useGetSVGtext = (imageSrc) => {
-  const [inlineSvg, setInlineSvg] = (0, import_react.useState)();
-  const srcRef = (0, import_react.useRef)(imageSrc);
-  (0, import_react.useEffect)(() => {
-    if (imageSrc) {
-      (0, import_hanna_utils.getSVGtext)(imageSrc).then((code) => {
-        if (imageSrc === srcRef.current) {
-          setInlineSvg({ imageSrc, code });
-        }
-      });
-    }
-    srcRef.current = imageSrc;
-    setInlineSvg(void 0);
-  }, [imageSrc]);
-  return inlineSvg;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useGetSVGtext
-});

package/utils/useGetSVGtext.mjs

@@ -1,21 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { getSVGtext } from "@reykjavik/hanna-utils";
-const useGetSVGtext = (imageSrc) => {
-  const [inlineSvg, setInlineSvg] = useState();
-  const srcRef = useRef(imageSrc);
-  useEffect(() => {
-    if (imageSrc) {
-      getSVGtext(imageSrc).then((code) => {
-        if (imageSrc === srcRef.current) {
-          setInlineSvg({ imageSrc, code });
-        }
-      });
-    }
-    srcRef.current = imageSrc;
-    setInlineSvg(void 0);
-  }, [imageSrc]);
-  return inlineSvg;
-};
-export {
-  useGetSVGtext
-};

package/utils/useMenuToggling.cjs

@@ -1,83 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useMenuToggling_exports = {};
-__export(useMenuToggling_exports, {
-  useMenuToggling: () => useMenuToggling
-});
-module.exports = __toCommonJS(useMenuToggling_exports);
-var import_react = require("react");
-var import_hanna_utils = require("@reykjavik/hanna-utils");
-var import_useFormatMonitor = require("./useFormatMonitor");
-const htmlClass = (className, add) => {
-  document.documentElement.classList[add ? "add" : "remove"](className);
-};
-const noop = () => void 0;
-const useMenuToggling = (doInitialize = true) => {
-  const [isMenuOpen, setIsMenuOpen] = (0, import_react.useState)(false);
-  const [isMenuActive, setIsMenuActive] = (0, import_react.useState)();
-  const state = { isMenuOpen, isMenuActive };
-  const stateRef = (0, import_react.useRef)(state);
-  stateRef.current = state;
-  const _openMenu = () => {
-    if (!stateRef.current.isMenuOpen) {
-      setIsMenuOpen(true);
-      htmlClass("menu-is-open", true);
-      htmlClass("menu-is-closed", false);
-      (0, import_hanna_utils.focusElement)("#pagenav");
-    }
-  };
-  const _closeMenu = () => {
-    if (stateRef.current.isMenuOpen) {
-      setIsMenuOpen(false);
-      htmlClass("menu-is-closed", true);
-      htmlClass("menu-is-open", false);
-      (0, import_hanna_utils.focusElement)(".Layout__header__skiplink");
-    }
-  };
-  (0, import_useFormatMonitor.useFormatMonitor)(doInitialize ? (media) => {
-    if (media.becameHamburger) {
-      setIsMenuActive(true);
-      htmlClass("menu-is-active", true);
-      htmlClass("menu-is-closed", true);
-    }
-    if (media.leftHamburger) {
-      _closeMenu();
-      setIsMenuActive(void 0);
-      htmlClass("menu-is-active", false);
-      htmlClass("menu-is-closed", false);
-    }
-  } : noop);
-  const { toggleMenu, closeMenu } = (0, import_react.useRef)(doInitialize ? {
-    toggleMenu: () => {
-      if (stateRef.current.isMenuActive) {
-        stateRef.current.isMenuOpen ? _closeMenu() : _openMenu();
-      }
-    },
-    closeMenu: _closeMenu
-  } : { toggleMenu: noop, closeMenu: noop }).current;
-  return {
-    isMenuActive,
-    isMenuOpen,
-    toggleMenu,
-    closeMenu
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useMenuToggling
-});