@helsenorge/designsystem-react 9.4.0 → 9.4.3

package/hooks/useFocusTrap.js

@@ -1,23 +1,33 @@
-import { useEffect as l } from "react";
-import { useFocusableElements as i } from "./useFocusableElements.js";
-import { getDocumentActiveElement as m } from "../utils/focus.js";
-const E = (n, s = !0) => {
-  const e = i(n), c = (t) => {
-    if (s && n.current && (e != null && e.length) && t.key === "Tab") {
-      const o = m(n.current), r = e[0], u = e.length === 1 ? r : e[e.length - 1];
-      t.shiftKey && o === r ? (u.focus(), t.preventDefault()) : !t.shiftKey && o === u && (r.focus(), t.preventDefault());
+import { useEffect } from "react";
+import { useFocusableElements } from "./useFocusableElements.js";
+import { getDocumentActiveElement } from "../utils/focus.js";
+const useFocusTrap = (ref, trapFocus = true) => {
+  const focusableElementList = useFocusableElements(ref);
+  const handleKeyboardEvent = (e) => {
+    if (trapFocus && ref.current && (focusableElementList == null ? void 0 : focusableElementList.length) && e.key === "Tab") {
+      const activeElement = getDocumentActiveElement(ref.current);
+      const firstElement = focusableElementList[0];
+      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];
+      if (e.shiftKey && activeElement === firstElement) {
+        lastElement.focus();
+        e.preventDefault();
+      } else if (!e.shiftKey && activeElement === lastElement) {
+        firstElement.focus();
+        e.preventDefault();
+      }
     }
   };
-  l(() => {
-    var t;
-    return (t = n.current) == null || t.addEventListener("keydown", c), () => {
-      var o;
-      (o = n.current) == null || o.removeEventListener("keydown", c);
+  useEffect(() => {
+    var _a;
+    (_a = ref.current) == null ? void 0 : _a.addEventListener("keydown", handleKeyboardEvent);
+    return () => {
+      var _a2;
+      (_a2 = ref.current) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyboardEvent);
     };
-  }, [n, s, e]);
+  }, [ref, trapFocus, focusableElementList]);
 };
 export {
-  E as default,
-  E as useFocusTrap
+  useFocusTrap as default,
+  useFocusTrap
 };
 //# sourceMappingURL=useFocusTrap.js.map

package/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useFocusableElements } from './useFocusableElements';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * Lås fokus til et bestemt element. Bruker vil bare kunne tabbe mellom fokuserbare elementer innenfor elementet.\n * @param ref Alle barn av dette elementet vil være fokuserbare, elementer utenfor vil ikke det\n * @param trapFocus Om fokus skal \"trappes\" innenfor elementet eller ikke. Default=true.\n */\nexport const useFocusTrap = (ref: React.RefObject<HTMLElement>, trapFocus = true): void => {\n  const focusableElementList = useFocusableElements(ref);\n\n  const handleKeyboardEvent = (e: KeyboardEvent): void => {\n    if (trapFocus && ref.current && focusableElementList?.length && e.key === 'Tab') {\n      const activeElement = getDocumentActiveElement(ref.current);\n      const firstElement = focusableElementList[0];\n      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];\n\n      if (e.shiftKey && activeElement === firstElement) {\n        /* shift + tab */\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && activeElement === lastElement) {\n        /* tab */\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  useEffect(() => {\n    ref.current?.addEventListener('keydown', handleKeyboardEvent);\n\n    return (): void => {\n      ref.current?.removeEventListener('keydown', handleKeyboardEvent);\n    };\n  }, [ref, trapFocus, focusableElementList]); // focusableElementList må være med som dependency for at handleKeyboardEvent skal få oppdatert state\n};\n\nexport default useFocusTrap;\n"],"names":["useFocusTrap","ref","trapFocus","focusableElementList","useFocusableElements","handleKeyboardEvent","e","activeElement","getDocumentActiveElement","firstElement","lastElement","useEffect","_a"],"mappings":";;;AAUO,MAAMA,IAAe,CAACC,GAAmCC,IAAY,OAAe;AACnF,QAAAC,IAAuBC,EAAqBH,CAAG,GAE/CI,IAAsB,CAACC,MAA2B;AACtD,QAAIJ,KAAaD,EAAI,YAAWE,KAAA,QAAAA,EAAsB,WAAUG,EAAE,QAAQ,OAAO;AACzE,YAAAC,IAAgBC,EAAyBP,EAAI,OAAO,GACpDQ,IAAeN,EAAqB,CAAC,GACrCO,IAAcP,EAAqB,WAAW,IAAIM,IAAeN,EAAqBA,EAAqB,SAAS,CAAC;AAEvH,MAAAG,EAAE,YAAYC,MAAkBE,KAElCC,EAAY,MAAM,GAClBJ,EAAE,eAAe,KACR,CAACA,EAAE,YAAYC,MAAkBG,MAE1CD,EAAa,MAAM,GACnBH,EAAE,eAAe;AAAA,IAErB;AAAA,EAAA;AAGF,EAAAK,EAAU,MAAM;;AACV,YAAAC,IAAAX,EAAA,YAAA,QAAAW,EAAS,iBAAiB,WAAWP,IAElC,MAAY;;AACb,OAAAO,IAAAX,EAAA,YAAA,QAAAW,EAAS,oBAAoB,WAAWP;AAAA,IAAmB;AAAA,EAEhE,GAAA,CAACJ,GAAKC,GAAWC,CAAoB,CAAC;AAC3C;"}
+{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useFocusableElements } from './useFocusableElements';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * Lås fokus til et bestemt element. Bruker vil bare kunne tabbe mellom fokuserbare elementer innenfor elementet.\n * @param ref Alle barn av dette elementet vil være fokuserbare, elementer utenfor vil ikke det\n * @param trapFocus Om fokus skal \"trappes\" innenfor elementet eller ikke. Default=true.\n */\nexport const useFocusTrap = (ref: React.RefObject<HTMLElement>, trapFocus = true): void => {\n  const focusableElementList = useFocusableElements(ref);\n\n  const handleKeyboardEvent = (e: KeyboardEvent): void => {\n    if (trapFocus && ref.current && focusableElementList?.length && e.key === 'Tab') {\n      const activeElement = getDocumentActiveElement(ref.current);\n      const firstElement = focusableElementList[0];\n      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];\n\n      if (e.shiftKey && activeElement === firstElement) {\n        /* shift + tab */\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && activeElement === lastElement) {\n        /* tab */\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  useEffect(() => {\n    ref.current?.addEventListener('keydown', handleKeyboardEvent);\n\n    return (): void => {\n      ref.current?.removeEventListener('keydown', handleKeyboardEvent);\n    };\n  }, [ref, trapFocus, focusableElementList]); // focusableElementList må være med som dependency for at handleKeyboardEvent skal få oppdatert state\n};\n\nexport default useFocusTrap;\n"],"names":["_a"],"mappings":";;;AAUO,MAAM,eAAe,CAAC,KAAmC,YAAY,SAAe;AACnF,QAAA,uBAAuB,qBAAqB,GAAG;AAE/C,QAAA,sBAAsB,CAAC,MAA2B;AACtD,QAAI,aAAa,IAAI,YAAW,6DAAsB,WAAU,EAAE,QAAQ,OAAO;AACzE,YAAA,gBAAgB,yBAAyB,IAAI,OAAO;AACpD,YAAA,eAAe,qBAAqB,CAAC;AACrC,YAAA,cAAc,qBAAqB,WAAW,IAAI,eAAe,qBAAqB,qBAAqB,SAAS,CAAC;AAEvH,UAAA,EAAE,YAAY,kBAAkB,cAAc;AAEhD,oBAAY,MAAM;AAClB,UAAE,eAAe;AAAA,MACR,WAAA,CAAC,EAAE,YAAY,kBAAkB,aAAa;AAEvD,qBAAa,MAAM;AACnB,UAAE,eAAe;AAAA,MAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,YAAU,MAAM;;AACV,cAAA,YAAA,mBAAS,iBAAiB,WAAW;AAEzC,WAAO,MAAY;;AACb,OAAAA,MAAA,IAAA,YAAA,gBAAAA,IAAS,oBAAoB,WAAW;AAAA,IAC9C;AAAA,EACC,GAAA,CAAC,KAAK,WAAW,oBAAoB,CAAC;AAC3C;"}

package/hooks/useFocusableElements.js

@@ -1,5 +1,5 @@
-import { useElementList as e } from "./useElementList.js";
-const n = [
+import { useElementList } from "./useElementList.js";
+const FOCUSABLE_SELECTORS = [
   'a[href]:not([tabindex^="-"])',
   'area[href]:not([tabindex^="-"])',
   'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
@@ -12,9 +12,10 @@ const n = [
   'video[controls]:not([tabindex^="-"])',
   '[contenteditable]:not([tabindex^="-"])',
   '[tabindex]:not([tabindex^="-"])'
-].join(","), i = (t) => e(t, n, { attributeFilter: ["href", "tabindex", "type", "disabled", "controls", "contenteditable"] });
+].join(",");
+const useFocusableElements = (ref) => useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ["href", "tabindex", "type", "disabled", "controls", "contenteditable"] });
 export {
-  n as FOCUSABLE_SELECTORS,
-  i as useFocusableElements
+  FOCUSABLE_SELECTORS,
+  useFocusableElements
 };
 //# sourceMappingURL=useFocusableElements.js.map

package/hooks/useFocusableElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusableElements.js","sources":["../../src/hooks/useFocusableElements.ts"],"sourcesContent":["import { useElementList } from './useElementList';\n\n// Fra https://github.com/KittyGiraudel/focusable-selectors\nexport const FOCUSABLE_SELECTORS = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * Overvåk et element og finn alle fokuserbare elementer inne i elementet. Bruker MutationObserver slik at eventuelle\n * nye elementer som legges til også vil inkluderes i listen.\n * @param ref Element som skal observeres\n * @returns Liste med fokuserbare HTML-elementer\n */\nexport const useFocusableElements = (ref: React.RefObject<HTMLElement>): NodeListOf<HTMLElement> | undefined =>\n  useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ['href', 'tabindex', 'type', 'disabled', 'controls', 'contenteditable'] });\n"],"names":["FOCUSABLE_SELECTORS","useFocusableElements","ref","useElementList"],"mappings":";AAGO,MAAMA,IAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAQGC,IAAuB,CAACC,MACnCC,EAAeD,GAAKF,GAAqB,EAAE,iBAAiB,CAAC,QAAQ,YAAY,QAAQ,YAAY,YAAY,iBAAiB,EAAG,CAAA;"}
+{"version":3,"file":"useFocusableElements.js","sources":["../../src/hooks/useFocusableElements.ts"],"sourcesContent":["import { useElementList } from './useElementList';\n\n// Fra https://github.com/KittyGiraudel/focusable-selectors\nexport const FOCUSABLE_SELECTORS = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * Overvåk et element og finn alle fokuserbare elementer inne i elementet. Bruker MutationObserver slik at eventuelle\n * nye elementer som legges til også vil inkluderes i listen.\n * @param ref Element som skal observeres\n * @returns Liste med fokuserbare HTML-elementer\n */\nexport const useFocusableElements = (ref: React.RefObject<HTMLElement>): NodeListOf<HTMLElement> | undefined =>\n  useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ['href', 'tabindex', 'type', 'disabled', 'controls', 'contenteditable'] });\n"],"names":[],"mappings":";AAGO,MAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAQH,MAAM,uBAAuB,CAAC,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB,CAAC,QAAQ,YAAY,QAAQ,YAAY,YAAY,iBAAiB,EAAG,CAAA;"}

package/hooks/useHover.js

@@ -1,9 +1,9 @@
-import { usePseudoClasses as t } from "./usePseudoClasses.js";
-const c = (e) => {
-  const { refObject: s, isHovered: o, isFocused: r } = t(e);
-  return { hoverRef: s, isHovered: o || r };
+import { usePseudoClasses } from "./usePseudoClasses.js";
+const useHover = (ref) => {
+  const { refObject, isHovered, isFocused } = usePseudoClasses(ref);
+  return { hoverRef: refObject, isHovered: isHovered || isFocused };
 };
 export {
-  c as useHover
+  useHover
 };
 //# sourceMappingURL=useHover.js.map

package/hooks/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nimport { usePseudoClasses } from './usePseudoClasses';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const useHover = <T extends HTMLElement | SVGElement>(ref?: RefObject<T>): { hoverRef: RefObject<T>; isHovered: boolean } => {\n  const { refObject, isHovered, isFocused } = usePseudoClasses(ref);\n\n  return { hoverRef: refObject, isHovered: isHovered || isFocused };\n};\n"],"names":["useHover","ref","refObject","isHovered","isFocused","usePseudoClasses"],"mappings":";AASa,MAAAA,IAAW,CAAqCC,MAAuE;AAClI,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,EAAU,IAAIC,EAAiBJ,CAAG;AAEhE,SAAO,EAAE,UAAUC,GAAW,WAAWC,KAAaC,EAAU;AAClE;"}
+{"version":3,"file":"useHover.js","sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nimport { usePseudoClasses } from './usePseudoClasses';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const useHover = <T extends HTMLElement | SVGElement>(ref?: RefObject<T>): { hoverRef: RefObject<T>; isHovered: boolean } => {\n  const { refObject, isHovered, isFocused } = usePseudoClasses(ref);\n\n  return { hoverRef: refObject, isHovered: isHovered || isFocused };\n};\n"],"names":[],"mappings":";AASa,MAAA,WAAW,CAAqC,QAAuE;AAClI,QAAM,EAAE,WAAW,WAAW,UAAU,IAAI,iBAAiB,GAAG;AAEhE,SAAO,EAAE,UAAU,WAAW,WAAW,aAAa,UAAU;AAClE;"}

package/hooks/useIcons.js

@@ -1,16 +1,23 @@
-import { I as i } from "../Icon.js";
-import { L as e } from "../LazyIcon.js";
-import { isComponent as o } from "../utils/component.js";
-const a = (t) => {
-  let l = null, f = null;
-  const n = t[0];
-  (o(n, i) || o(n, e)) && (l = n, t.shift());
-  const s = t[t.length - 1];
-  (o(s, i) || o(s, e)) && (f = s, t.pop());
-  const r = t.filter((m) => m);
-  return [l, f, r.length > 0 ? r : null];
+import { I as Icon } from "../Icon.js";
+import { L as LazyIcon } from "../LazyIcon.js";
+import { isComponent } from "../utils/component.js";
+const useIcons = (children) => {
+  let leftIcon = null;
+  let rightIcon = null;
+  const firstChild = children[0];
+  if (isComponent(firstChild, Icon) || isComponent(firstChild, LazyIcon)) {
+    leftIcon = firstChild;
+    children.shift();
+  }
+  const lastChild = children[children.length - 1];
+  if (isComponent(lastChild, Icon) || isComponent(lastChild, LazyIcon)) {
+    rightIcon = lastChild;
+    children.pop();
+  }
+  const restChildren = children.filter((child) => child);
+  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];
 };
 export {
-  a as useIcons
+  useIcons
 };
 //# sourceMappingURL=useIcons.js.map

package/hooks/useIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.js","sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import Icon, { BaseIconProps, IconProps } from '../components/Icon';\nimport LazyIcon, { LazyIconProps } from '../components/LazyIcon';\nimport { isComponent } from '../utils/component';\n\nexport type BaseIconElement = React.ReactElement<BaseIconProps>;\n\nexport const useIcons = (children: React.ReactNode[]): [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null] => {\n  let leftIcon: BaseIconElement | null = null;\n  let rightIcon: BaseIconElement | null = null;\n\n  const firstChild = children[0];\n  if (isComponent<IconProps>(firstChild, Icon) || isComponent<LazyIconProps>(firstChild, LazyIcon)) {\n    leftIcon = firstChild;\n    children.shift();\n  }\n\n  const lastChild = children[children.length - 1];\n  if (isComponent<IconProps>(lastChild, Icon) || isComponent<LazyIconProps>(lastChild, LazyIcon)) {\n    rightIcon = lastChild;\n    children.pop();\n  }\n  const restChildren = children.filter(child => child);\n\n  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];\n};\n"],"names":["useIcons","children","leftIcon","rightIcon","firstChild","isComponent","Icon","LazyIcon","lastChild","restChildren","child"],"mappings":";;;AAMa,MAAAA,IAAW,CAACC,MAA4G;AACnI,MAAIC,IAAmC,MACnCC,IAAoC;AAElC,QAAAC,IAAaH,EAAS,CAAC;AAC7B,GAAII,EAAuBD,GAAYE,CAAI,KAAKD,EAA2BD,GAAYG,CAAQ,OAClFL,IAAAE,GACXH,EAAS,MAAM;AAGjB,QAAMO,IAAYP,EAASA,EAAS,SAAS,CAAC;AAC9C,GAAII,EAAuBG,GAAWF,CAAI,KAAKD,EAA2BG,GAAWD,CAAQ,OAC/EJ,IAAAK,GACZP,EAAS,IAAI;AAEf,QAAMQ,IAAeR,EAAS,OAAO,CAAAS,MAASA,CAAK;AAEnD,SAAO,CAACR,GAAUC,GAAWM,EAAa,SAAS,IAAIA,IAAe,IAAI;AAC5E;"}
+{"version":3,"file":"useIcons.js","sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import Icon, { BaseIconProps, IconProps } from '../components/Icon';\nimport LazyIcon, { LazyIconProps } from '../components/LazyIcon';\nimport { isComponent } from '../utils/component';\n\nexport type BaseIconElement = React.ReactElement<BaseIconProps>;\n\nexport const useIcons = (children: React.ReactNode[]): [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null] => {\n  let leftIcon: BaseIconElement | null = null;\n  let rightIcon: BaseIconElement | null = null;\n\n  const firstChild = children[0];\n  if (isComponent<IconProps>(firstChild, Icon) || isComponent<LazyIconProps>(firstChild, LazyIcon)) {\n    leftIcon = firstChild;\n    children.shift();\n  }\n\n  const lastChild = children[children.length - 1];\n  if (isComponent<IconProps>(lastChild, Icon) || isComponent<LazyIconProps>(lastChild, LazyIcon)) {\n    rightIcon = lastChild;\n    children.pop();\n  }\n  const restChildren = children.filter(child => child);\n\n  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];\n};\n"],"names":[],"mappings":";;;AAMa,MAAA,WAAW,CAAC,aAA4G;AACnI,MAAI,WAAmC;AACvC,MAAI,YAAoC;AAElC,QAAA,aAAa,SAAS,CAAC;AAC7B,MAAI,YAAuB,YAAY,IAAI,KAAK,YAA2B,YAAY,QAAQ,GAAG;AACrF,eAAA;AACX,aAAS,MAAM;AAAA,EAAA;AAGjB,QAAM,YAAY,SAAS,SAAS,SAAS,CAAC;AAC9C,MAAI,YAAuB,WAAW,IAAI,KAAK,YAA2B,WAAW,QAAQ,GAAG;AAClF,gBAAA;AACZ,aAAS,IAAI;AAAA,EAAA;AAEf,QAAM,eAAe,SAAS,OAAO,CAAA,UAAS,KAAK;AAEnD,SAAO,CAAC,UAAU,WAAW,aAAa,SAAS,IAAI,eAAe,IAAI;AAC5E;"}

package/hooks/useIntersectionObserver.js

@@ -1,13 +1,20 @@
-import { useEffect as c } from "react";
-const o = (e, s, t) => {
-  c(() => {
-    const n = new IntersectionObserver(s, t);
-    return e != null && e.current && n.observe(e.current), () => {
-      e != null && e.current ? n.unobserve(e.current) : n.disconnect();
+import { useEffect } from "react";
+const useIntersectionObserver = (ref, callback, options) => {
+  useEffect(() => {
+    const intersectionObserver = new IntersectionObserver(callback, options);
+    if (ref == null ? void 0 : ref.current) {
+      intersectionObserver.observe(ref.current);
+    }
+    return () => {
+      if (ref == null ? void 0 : ref.current) {
+        intersectionObserver.unobserve(ref.current);
+      } else {
+        intersectionObserver.disconnect();
+      }
     };
-  }, [e, t]);
+  }, [ref, options]);
 };
 export {
-  o as useIntersectionObserver
+  useIntersectionObserver
 };
 //# sourceMappingURL=useIntersectionObserver.js.map

package/hooks/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback\n * når elementet er i ferd med å forsvinne ut av vinduet.\n *\n * @param ref Element som skal observeres\n * @param callback Kalles når en endring i intersection er observert\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n */\n\nexport const useIntersectionObserver = (\n  ref: React.RefObject<Element>,\n  callback: IntersectionObserverCallback,\n  options?: IntersectionObserverInit\n): void => {\n  useEffect(() => {\n    const intersectionObserver = new IntersectionObserver(callback, options);\n\n    if (ref?.current) {\n      intersectionObserver.observe(ref.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        intersectionObserver.unobserve(ref.current);\n      } else {\n        intersectionObserver.disconnect();\n      }\n    };\n  }, [ref, options]);\n};\n"],"names":["useIntersectionObserver","ref","callback","options","useEffect","intersectionObserver"],"mappings":";AAWO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,MACS;AACT,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAuB,IAAI,qBAAqBH,GAAUC,CAAO;AAEvE,WAAIF,KAAA,QAAAA,EAAK,WACcI,EAAA,QAAQJ,EAAI,OAAO,GAGnC,MAAY;AACjB,MAAIA,KAAA,QAAAA,EAAK,UACcI,EAAA,UAAUJ,EAAI,OAAO,IAE1CI,EAAqB,WAAW;AAAA,IAClC;AAAA,EACF,GACC,CAACJ,GAAKE,CAAO,CAAC;AACnB;"}
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback\n * når elementet er i ferd med å forsvinne ut av vinduet.\n *\n * @param ref Element som skal observeres\n * @param callback Kalles når en endring i intersection er observert\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n */\n\nexport const useIntersectionObserver = (\n  ref: React.RefObject<Element>,\n  callback: IntersectionObserverCallback,\n  options?: IntersectionObserverInit\n): void => {\n  useEffect(() => {\n    const intersectionObserver = new IntersectionObserver(callback, options);\n\n    if (ref?.current) {\n      intersectionObserver.observe(ref.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        intersectionObserver.unobserve(ref.current);\n      } else {\n        intersectionObserver.disconnect();\n      }\n    };\n  }, [ref, options]);\n};\n"],"names":[],"mappings":";AAWO,MAAM,0BAA0B,CACrC,KACA,UACA,YACS;AACT,YAAU,MAAM;AACd,UAAM,uBAAuB,IAAI,qBAAqB,UAAU,OAAO;AAEvE,QAAI,2BAAK,SAAS;AACK,2BAAA,QAAQ,IAAI,OAAO;AAAA,IAAA;AAG1C,WAAO,MAAY;AACjB,UAAI,2BAAK,SAAS;AACK,6BAAA,UAAU,IAAI,OAAO;AAAA,MAAA,OACrC;AACL,6BAAqB,WAAW;AAAA,MAAA;AAAA,IAEpC;AAAA,EAAA,GACC,CAAC,KAAK,OAAO,CAAC;AACnB;"}

package/hooks/useInterval.js

@@ -1,13 +1,13 @@
-import { useEffect as n } from "react";
-const s = (t, e = 10) => {
-  n(() => {
-    const r = setInterval(t, e);
+import { useEffect } from "react";
+const useInterval = (callback, frequency = 10) => {
+  useEffect(() => {
+    const timer = setInterval(callback, frequency);
     return () => {
-      clearInterval(r);
+      clearInterval(timer);
     };
-  }, [t, e]);
+  }, [callback, frequency]);
 };
 export {
-  s as useInterval
+  useInterval
 };
 //# sourceMappingURL=useInterval.js.map

package/hooks/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Kjør en funksjon ved intervaller basert på ønsket frequency.\n *\n * @param callback Funksjon som skal kjøres\n * @param frequency Hvor ofte vi skal kjøre funksjonen\n * @returns void\n */\nexport const useInterval = (callback: () => void, frequency = 10): void => {\n  useEffect(() => {\n    const timer = setInterval(callback, frequency);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, [callback, frequency]);\n};\n"],"names":["useInterval","callback","frequency","useEffect","timer"],"mappings":";AASO,MAAMA,IAAc,CAACC,GAAsBC,IAAY,OAAa;AACzE,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,YAAYH,GAAUC,CAAS;AAE7C,WAAO,MAAM;AACX,oBAAcE,CAAK;AAAA,IAAA;AAAA,EACrB,GACC,CAACH,GAAUC,CAAS,CAAC;AAC1B;"}
+{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Kjør en funksjon ved intervaller basert på ønsket frequency.\n *\n * @param callback Funksjon som skal kjøres\n * @param frequency Hvor ofte vi skal kjøre funksjonen\n * @returns void\n */\nexport const useInterval = (callback: () => void, frequency = 10): void => {\n  useEffect(() => {\n    const timer = setInterval(callback, frequency);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, [callback, frequency]);\n};\n"],"names":[],"mappings":";AASO,MAAM,cAAc,CAAC,UAAsB,YAAY,OAAa;AACzE,YAAU,MAAM;AACR,UAAA,QAAQ,YAAY,UAAU,SAAS;AAE7C,WAAO,MAAM;AACX,oBAAc,KAAK;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,UAAU,SAAS,CAAC;AAC1B;"}

package/hooks/useIsServerSide.js

@@ -1,11 +1,12 @@
-import { useState as s, useEffect as t } from "react";
-const i = () => {
-  const [e, r] = s(!0);
-  return t(() => {
-    r(!1);
-  }, []), e;
+import { useState, useEffect } from "react";
+const useIsServerSide = () => {
+  const [isServerSide, setIsServerSide] = useState(true);
+  useEffect(() => {
+    setIsServerSide(false);
+  }, []);
+  return isServerSide;
 };
 export {
-  i as useIsServerSide
+  useIsServerSide
 };
 //# sourceMappingURL=useIsServerSide.js.map

package/hooks/useIsServerSide.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsServerSide.js","sources":["../../src/hooks/useIsServerSide.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Sjekk om React kjører på server, eller ikke. (useEffect kjører ikke på server)\n *\n * @returns true dersom koden kjører på server\n */\nexport const useIsServerSide = (): boolean => {\n  const [isServerSide, setIsServerSide] = useState(true);\n\n  useEffect(() => {\n    setIsServerSide(false);\n  }, []);\n\n  return isServerSide;\n};\n"],"names":["useIsServerSide","isServerSide","setIsServerSide","useState","useEffect"],"mappings":";AAOO,MAAMA,IAAkB,MAAe;AAC5C,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAI;AAErD,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAgB,EAAK;AAAA,EACvB,GAAG,CAAE,CAAA,GAEED;AACT;"}
+{"version":3,"file":"useIsServerSide.js","sources":["../../src/hooks/useIsServerSide.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Sjekk om React kjører på server, eller ikke. (useEffect kjører ikke på server)\n *\n * @returns true dersom koden kjører på server\n */\nexport const useIsServerSide = (): boolean => {\n  const [isServerSide, setIsServerSide] = useState(true);\n\n  useEffect(() => {\n    setIsServerSide(false);\n  }, []);\n\n  return isServerSide;\n};\n"],"names":[],"mappings":";AAOO,MAAM,kBAAkB,MAAe;AAC5C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AAErD,YAAU,MAAM;AACd,oBAAgB,KAAK;AAAA,EACvB,GAAG,EAAE;AAEE,SAAA;AACT;"}

package/hooks/useIsVisible.js

@@ -1,12 +1,14 @@
-import { useState as a } from "react";
-import { useIntersectionObserver as c } from "./useIntersectionObserver.js";
-const u = (s, e = 1, i, n = !1) => {
-  const [o, r] = a(n);
-  return c(s, (t) => {
-    r(e === 0 ? t[0].intersectionRatio !== e : t[0].intersectionRatio >= e);
-  }, { threshold: e, ...i }), o;
+import { useState } from "react";
+import { useIntersectionObserver } from "./useIntersectionObserver.js";
+const useIsVisible = (ref, threshold = 1, options, initial = false) => {
+  const [isVisible, setIsVisible] = useState(initial);
+  const handleIntersectChange = (entries) => {
+    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);
+  };
+  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });
+  return isVisible;
 };
 export {
-  u as useIsVisible
+  useIsVisible
 };
 //# sourceMappingURL=useIsVisible.js.map

package/hooks/useIsVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsVisible.js","sources":["../../src/hooks/useIsVisible.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIntersectionObserver } from './useIntersectionObserver';\n\n/**\n * Sjekk om et HTML-element er synlig i vinduet, eller ikke.\n *\n * @param ref Element som skal observeres\n * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n * @param initial Om elementet default skal antas å være synlig eller ikke. Default: ikke synlig\n * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke\n */\nexport const useIsVisible = (\n  ref: React.RefObject<Element>,\n  threshold = 1,\n  options?: IntersectionObserverInit,\n  initial = false\n): boolean => {\n  const [isVisible, setIsVisible] = useState(initial);\n\n  const handleIntersectChange: IntersectionObserverCallback = entries => {\n    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);\n  };\n\n  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });\n\n  return isVisible;\n};\n"],"names":["useIsVisible","ref","threshold","options","initial","isVisible","setIsVisible","useState","useIntersectionObserver","entries"],"mappings":";;AAaO,MAAMA,IAAe,CAC1BC,GACAC,IAAY,GACZC,GACAC,IAAU,OACE;AACZ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASH,CAAO;AAMlD,SAAAI,EAAwBP,GAJoC,CAAWQ,MAAA;AACxD,IAAAH,EAAAJ,MAAc,IAAIO,EAAQ,CAAC,EAAE,sBAAsBP,IAAYO,EAAQ,CAAC,EAAE,qBAAqBP,CAAS;AAAA,EAAA,GAGnE,EAAE,WAAAA,GAAW,GAAGC,GAAS,GAEtEE;AACT;"}
+{"version":3,"file":"useIsVisible.js","sources":["../../src/hooks/useIsVisible.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIntersectionObserver } from './useIntersectionObserver';\n\n/**\n * Sjekk om et HTML-element er synlig i vinduet, eller ikke.\n *\n * @param ref Element som skal observeres\n * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n * @param initial Om elementet default skal antas å være synlig eller ikke. Default: ikke synlig\n * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke\n */\nexport const useIsVisible = (\n  ref: React.RefObject<Element>,\n  threshold = 1,\n  options?: IntersectionObserverInit,\n  initial = false\n): boolean => {\n  const [isVisible, setIsVisible] = useState(initial);\n\n  const handleIntersectChange: IntersectionObserverCallback = entries => {\n    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);\n  };\n\n  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });\n\n  return isVisible;\n};\n"],"names":[],"mappings":";;AAaO,MAAM,eAAe,CAC1B,KACA,YAAY,GACZ,SACA,UAAU,UACE;AACZ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,OAAO;AAElD,QAAM,wBAAsD,CAAW,YAAA;AACxD,iBAAA,cAAc,IAAI,QAAQ,CAAC,EAAE,sBAAsB,YAAY,QAAQ,CAAC,EAAE,qBAAqB,SAAS;AAAA,EACvH;AAEA,0BAAwB,KAAK,uBAAuB,EAAE,WAAW,GAAG,SAAS;AAEtE,SAAA;AACT;"}

package/hooks/useKeyboardEvent.js

@@ -1,21 +1,24 @@
-import { useEffect as a } from "react";
-const i = (n, d, o, t = ["keydown"]) => {
-  a(() => {
-    const E = (r) => {
-      (r.key === o || Array.isArray(o) && o.includes(r.key)) && d(r);
+import { useEffect } from "react";
+const useKeyboardEvent = (ref, callback, key, events = ["keydown"]) => {
+  useEffect(() => {
+    const handleKeyboardEvent = (event) => {
+      if (event.key === key || Array.isArray(key) && key.includes(event.key)) {
+        callback(event);
+      }
     };
-    return t.forEach((r) => {
-      var e;
-      return (e = n.current) == null ? void 0 : e.addEventListener(r, E);
-    }), () => {
-      t.forEach((r) => {
-        var e;
-        return (e = n.current) == null ? void 0 : e.removeEventListener(r, E);
+    events.forEach((eventName) => {
+      var _a;
+      return (_a = ref.current) == null ? void 0 : _a.addEventListener(eventName, handleKeyboardEvent);
+    });
+    return () => {
+      events.forEach((eventName) => {
+        var _a;
+        return (_a = ref.current) == null ? void 0 : _a.removeEventListener(eventName, handleKeyboardEvent);
       });
     };
-  }, [n, d, t, o]);
+  }, [ref, callback, events, key]);
 };
 export {
-  i as useKeyboardEvent
+  useKeyboardEvent
 };
 //# sourceMappingURL=useKeyboardEvent.js.map

package/hooks/useKeyboardEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardEvent.js","sources":["../../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = keyof PickByValue<HTMLElementEventMap, KeyboardEvent>;\n\n/**\n * Kjør en callback når bruker skriver på tastaturet.\n * @param ref Element som skal lyttes på.\n * @param callback Callback som kjøres når det skjer en event.\n * @param key Knapp, eller liste med knapper, som skal trigge callback\n * @param events Liste med keyboard-events som skal trigge callback. Default: \"keydown\"\n */\nexport const useKeyboardEvent = (\n  ref: React.RefObject<HTMLElement>,\n  callback: (event: HTMLElementEventMap[KeyboardEvents]) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n) => {\n  useEffect(() => {\n    const handleKeyboardEvent = (event: HTMLElementEventMap[KeyboardEvents]) => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => ref.current?.addEventListener(eventName, handleKeyboardEvent));\n\n    return () => {\n      events.forEach(eventName => ref.current?.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"names":["useKeyboardEvent","ref","callback","key","events","useEffect","handleKeyboardEvent","event","eventName","_a"],"mappings":";AAWa,MAAAA,IAAmB,CAC9BC,GACAC,GACAC,GACAC,IAA2B,CAAC,SAAS,MAClC;AACH,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAsB,CAACC,MAA+C;AACtE,OAAAA,EAAM,QAAQJ,KAAQ,MAAM,QAAQA,CAAG,KAAKA,EAAI,SAASI,EAAM,GAAG,MACpEL,EAASK,CAAK;AAAA,IAChB;AAGF,WAAAH,EAAO,QAAQ,CAAaI;;AAAA,cAAAC,IAAAR,EAAI,YAAJ,gBAAAQ,EAAa,iBAAiBD,GAAWF;AAAA,KAAoB,GAElF,MAAM;AACX,MAAAF,EAAO,QAAQ,CAAaI;;AAAA,gBAAAC,IAAAR,EAAI,YAAJ,gBAAAQ,EAAa,oBAAoBD,GAAWF;AAAA,OAAoB;AAAA,IAAA;AAAA,KAE7F,CAACL,GAAKC,GAAUE,GAAQD,CAAG,CAAC;AACjC;"}
+{"version":3,"file":"useKeyboardEvent.js","sources":["../../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = keyof PickByValue<HTMLElementEventMap, KeyboardEvent>;\n\n/**\n * Kjør en callback når bruker skriver på tastaturet.\n * @param ref Element som skal lyttes på.\n * @param callback Callback som kjøres når det skjer en event.\n * @param key Knapp, eller liste med knapper, som skal trigge callback\n * @param events Liste med keyboard-events som skal trigge callback. Default: \"keydown\"\n */\nexport const useKeyboardEvent = (\n  ref: React.RefObject<HTMLElement>,\n  callback: (event: HTMLElementEventMap[KeyboardEvents]) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n) => {\n  useEffect(() => {\n    const handleKeyboardEvent = (event: HTMLElementEventMap[KeyboardEvents]) => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => ref.current?.addEventListener(eventName, handleKeyboardEvent));\n\n    return () => {\n      events.forEach(eventName => ref.current?.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"names":[],"mappings":";AAWa,MAAA,mBAAmB,CAC9B,KACA,UACA,KACA,SAA2B,CAAC,SAAS,MAClC;AACH,YAAU,MAAM;AACR,UAAA,sBAAsB,CAAC,UAA+C;AACtE,UAAA,MAAM,QAAQ,OAAQ,MAAM,QAAQ,GAAG,KAAK,IAAI,SAAS,MAAM,GAAG,GAAI;AACxE,iBAAS,KAAK;AAAA,MAAA;AAAA,IAElB;AAEA,WAAO,QAAQ,CAAa,cAAA;;AAAA,uBAAI,YAAJ,mBAAa,iBAAiB,WAAW;AAAA,KAAoB;AAEzF,WAAO,MAAM;AACX,aAAO,QAAQ,CAAa,cAAA;;AAAA,yBAAI,YAAJ,mBAAa,oBAAoB,WAAW;AAAA,OAAoB;AAAA,IAC9F;AAAA,KACC,CAAC,KAAK,UAAU,QAAQ,GAAG,CAAC;AACjC;"}

package/hooks/useLayoutEvent.js

@@ -1,15 +1,18 @@
-import { useEffect as c } from "react";
-import { debounce as i } from "../utils/debounce.js";
-const u = (n, t = ["layoutchange", "resize", "orientationchange"], r = 10) => {
-  c(() => {
-    if (typeof window != "object") return;
-    const [e, a] = i(n, r);
-    return t.forEach((o) => window.addEventListener(o, e)), e(), () => {
-      a(), t.forEach((o) => window.removeEventListener(o, e));
+import { useEffect } from "react";
+import { debounce } from "../utils/debounce.js";
+const useLayoutEvent = (callback, events = ["layoutchange", "resize", "orientationchange"], debounceMs = 10) => {
+  useEffect(() => {
+    if (typeof window !== "object") return;
+    const [debouncedCallback, teardown] = debounce(callback, debounceMs);
+    events.forEach((eventName) => window.addEventListener(eventName, debouncedCallback));
+    debouncedCallback();
+    return () => {
+      teardown();
+      events.forEach((eventName) => window.removeEventListener(eventName, debouncedCallback));
     };
   }, []);
 };
 export {
-  u as useLayoutEvent
+  useLayoutEvent
 };
 //# sourceMappingURL=useLayoutEvent.js.map

package/hooks/useLayoutEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEvent.js","sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10) => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return () => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"names":["useLayoutEvent","callback","events","debounceMs","useEffect","debouncedCallback","teardown","debounce","eventName"],"mappings":";;AAWa,MAAAA,IAAiB,CAACC,GAAsBC,IAAS,CAAC,gBAAgB,UAAU,mBAAmB,GAAGC,IAAa,OAAO;AACjI,EAAAC,EAAU,MAAM;AACV,QAAA,OAAO,UAAW,SAAU;AAChC,UAAM,CAACC,GAAmBC,CAAQ,IAAIC,EAASN,GAAUE,CAAU;AAEnE,WAAAD,EAAO,QAAQ,CAAaM,MAAA,OAAO,iBAAiBA,GAAWH,CAAiB,CAAC,GAE/DA,KAEX,MAAM;AACF,MAAAC,KACTJ,EAAO,QAAQ,CAAaM,MAAA,OAAO,oBAAoBA,GAAWH,CAAiB,CAAC;AAAA,IAAA;AAAA,EAExF,GAAG,CAAE,CAAA;AACP;"}
+{"version":3,"file":"useLayoutEvent.js","sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10) => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return () => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"names":[],"mappings":";;AAWa,MAAA,iBAAiB,CAAC,UAAsB,SAAS,CAAC,gBAAgB,UAAU,mBAAmB,GAAG,aAAa,OAAO;AACjI,YAAU,MAAM;AACV,QAAA,OAAO,WAAW,SAAU;AAChC,UAAM,CAAC,mBAAmB,QAAQ,IAAI,SAAS,UAAU,UAAU;AAEnE,WAAO,QAAQ,CAAa,cAAA,OAAO,iBAAiB,WAAW,iBAAiB,CAAC;AAE/D,sBAAA;AAElB,WAAO,MAAM;AACF,eAAA;AACT,aAAO,QAAQ,CAAa,cAAA,OAAO,oBAAoB,WAAW,iBAAiB,CAAC;AAAA,IACtF;AAAA,EACF,GAAG,EAAE;AACP;"}

package/hooks/useOutsideEvent.js

@@ -1,13 +1,18 @@
-import { useEffect as u } from "react";
-const d = (t, n, o = ["mousedown"]) => {
-  const r = (e) => {
-    t.current && !e.composedPath().includes(t.current) && n(e);
+import { useEffect } from "react";
+const useOutsideEvent = (ref, handleClick, events = ["mousedown"]) => {
+  const handleOutsideEvent = (event) => {
+    if (ref.current && !event.composedPath().includes(ref.current)) {
+      handleClick(event);
+    }
   };
-  u(() => (o.forEach((e) => document.addEventListener(e, r)), () => {
-    o.forEach((e) => document.removeEventListener(e, r));
-  }), [t, n, o]);
+  useEffect(() => {
+    events.forEach((eventName) => document.addEventListener(eventName, handleOutsideEvent));
+    return () => {
+      events.forEach((eventName) => document.removeEventListener(eventName, handleOutsideEvent));
+    };
+  }, [ref, handleClick, events]);
 };
 export {
-  d as useOutsideEvent
+  useOutsideEvent
 };
 //# sourceMappingURL=useOutsideEvent.js.map

package/hooks/useOutsideEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideEvent.js","sources":["../../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = keyof PickByValue<HTMLElementEventMap, MouseEvent | FocusEvent>;\n\n/**\n * Custom hook for klikk eller fokus utenfor et gitt element\n * @param ref Sjekker om det klikkes utenfor dette elementet\n * @param handleClick Callback-funksjon ved klikk utenfor elementet\n * @param events Type eventer å lytte på. Default: mousedown\n */\nexport const useOutsideEvent = (\n  ref: React.RefObject<HTMLElement>,\n  handleClick: (event: HTMLElementEventMap[OutsideEvents]) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const handleOutsideEvent = (event: HTMLElementEventMap[OutsideEvents]): void => {\n    if (ref.current && !event.composedPath().includes(ref.current)) {\n      handleClick(event);\n    }\n  };\n\n  useEffect(() => {\n    events.forEach(eventName => document.addEventListener(eventName, handleOutsideEvent));\n\n    return (): void => {\n      events.forEach(eventName => document.removeEventListener(eventName, handleOutsideEvent));\n    };\n  }, [ref, handleClick, events]);\n};\n"],"names":["useOutsideEvent","ref","handleClick","events","handleOutsideEvent","event","useEffect","eventName"],"mappings":";AAUO,MAAMA,IAAkB,CAC7BC,GACAC,GACAC,IAA0B,CAAC,WAAW,MAC7B;AACH,QAAAC,IAAqB,CAACC,MAAoD;AAC1E,IAAAJ,EAAI,WAAW,CAACI,EAAM,eAAe,SAASJ,EAAI,OAAO,KAC3DC,EAAYG,CAAK;AAAA,EACnB;AAGF,EAAAC,EAAU,OACRH,EAAO,QAAQ,CAAaI,MAAA,SAAS,iBAAiBA,GAAWH,CAAkB,CAAC,GAE7E,MAAY;AACjB,IAAAD,EAAO,QAAQ,CAAaI,MAAA,SAAS,oBAAoBA,GAAWH,CAAkB,CAAC;AAAA,EAAA,IAExF,CAACH,GAAKC,GAAaC,CAAM,CAAC;AAC/B;"}
+{"version":3,"file":"useOutsideEvent.js","sources":["../../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = keyof PickByValue<HTMLElementEventMap, MouseEvent | FocusEvent>;\n\n/**\n * Custom hook for klikk eller fokus utenfor et gitt element\n * @param ref Sjekker om det klikkes utenfor dette elementet\n * @param handleClick Callback-funksjon ved klikk utenfor elementet\n * @param events Type eventer å lytte på. Default: mousedown\n */\nexport const useOutsideEvent = (\n  ref: React.RefObject<HTMLElement>,\n  handleClick: (event: HTMLElementEventMap[OutsideEvents]) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const handleOutsideEvent = (event: HTMLElementEventMap[OutsideEvents]): void => {\n    if (ref.current && !event.composedPath().includes(ref.current)) {\n      handleClick(event);\n    }\n  };\n\n  useEffect(() => {\n    events.forEach(eventName => document.addEventListener(eventName, handleOutsideEvent));\n\n    return (): void => {\n      events.forEach(eventName => document.removeEventListener(eventName, handleOutsideEvent));\n    };\n  }, [ref, handleClick, events]);\n};\n"],"names":[],"mappings":";AAUO,MAAM,kBAAkB,CAC7B,KACA,aACA,SAA0B,CAAC,WAAW,MAC7B;AACH,QAAA,qBAAqB,CAAC,UAAoD;AAC1E,QAAA,IAAI,WAAW,CAAC,MAAM,eAAe,SAAS,IAAI,OAAO,GAAG;AAC9D,kBAAY,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,YAAU,MAAM;AACd,WAAO,QAAQ,CAAa,cAAA,SAAS,iBAAiB,WAAW,kBAAkB,CAAC;AAEpF,WAAO,MAAY;AACjB,aAAO,QAAQ,CAAa,cAAA,SAAS,oBAAoB,WAAW,kBAAkB,CAAC;AAAA,IACzF;AAAA,EACC,GAAA,CAAC,KAAK,aAAa,MAAM,CAAC;AAC/B;"}

package/hooks/usePrevious.js

@@ -1,11 +1,12 @@
-import { useRef as t, useEffect as o } from "react";
-const u = (r) => {
-  const e = t();
-  return o(() => {
-    e.current = r;
-  }, [r]), e.current;
+import { useRef, useEffect } from "react";
+const usePrevious = (value) => {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
 };
 export {
-  u as usePrevious
+  usePrevious
 };
 //# sourceMappingURL=usePrevious.js.map

package/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.\n * @param value Verdi du ønsker å ta vare på\n * @returns Forrige verdi\n */\nexport const usePrevious = <T>(value: T) => {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAOa,MAAAA,IAAc,CAAIC,MAAa;AAC1C,QAAMC,IAAMC;AAEZ,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,UAAUD;AAAA,EAAA,GACb,CAACA,CAAK,CAAC,GAEHC,EAAI;AACb;"}
+{"version":3,"file":"usePrevious.js","sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.\n * @param value Verdi du ønsker å ta vare på\n * @returns Forrige verdi\n */\nexport const usePrevious = <T>(value: T) => {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"names":[],"mappings":";AAOa,MAAA,cAAc,CAAI,UAAa;AAC1C,QAAM,MAAM,OAAU;AAEtB,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,EAAA,GACb,CAAC,KAAK,CAAC;AAEV,SAAO,IAAI;AACb;"}

package/hooks/usePseudoClasses.js

@@ -1,16 +1,43 @@
-import { useRef as U, useState as s, useEffect as g } from "react";
-const q = (o) => {
-  const e = o || U(null), [D, u] = s(!1), [R, c] = s(!1), [S, r] = s(!1);
-  return g(() => {
-    var E, L, f, m, p, h, F, I, P;
-    const t = () => u(!0), n = () => u(!1), i = () => c(!0), v = () => c(!1), a = () => r(!0), d = () => r(!1), l = () => r(!1);
-    return (E = e.current) == null || E.addEventListener("mouseenter", t), (L = e.current) == null || L.addEventListener("mouseleave", n), (f = e.current) == null || f.addEventListener("pointerenter", t), (m = e.current) == null || m.addEventListener("pointerleave", n), (p = e.current) == null || p.addEventListener("focusin", i), (h = e.current) == null || h.addEventListener("focusout", v), (F = e.current) == null || F.addEventListener("pointerdown", a), (I = e.current) == null || I.addEventListener("pointerup", d), (P = e.current) == null || P.addEventListener("pointerleave", l), () => {
-      var w, A, H, M, O, b, j, x, C;
-      (w = e.current) == null || w.removeEventListener("mouseenter", t), (A = e.current) == null || A.removeEventListener("mouseleave", n), (H = e.current) == null || H.removeEventListener("pointerenter", t), (M = e.current) == null || M.removeEventListener("pointerleave", n), (O = e.current) == null || O.removeEventListener("focusin", i), (b = e.current) == null || b.removeEventListener("focusout", v), (j = e.current) == null || j.removeEventListener("pointerdown", a), (x = e.current) == null || x.removeEventListener("pointerup", d), (C = e.current) == null || C.removeEventListener("pointerleave", l);
+import { useRef, useState, useEffect } from "react";
+const usePseudoClasses = (ref) => {
+  const refObject = ref ? ref : useRef(null);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isActive, setIsActive] = useState(false);
+  useEffect(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const handleMouseEnter = () => setIsHovered(true);
+    const handleMouseLeave = () => setIsHovered(false);
+    const handleFocusIn = () => setIsFocused(true);
+    const handleFocusOut = () => setIsFocused(false);
+    const handlePointerDown = () => setIsActive(true);
+    const handlePointerUp = () => setIsActive(false);
+    const handlePointerLeave = () => setIsActive(false);
+    (_a = refObject.current) == null ? void 0 : _a.addEventListener("mouseenter", handleMouseEnter);
+    (_b = refObject.current) == null ? void 0 : _b.addEventListener("mouseleave", handleMouseLeave);
+    (_c = refObject.current) == null ? void 0 : _c.addEventListener("pointerenter", handleMouseEnter);
+    (_d = refObject.current) == null ? void 0 : _d.addEventListener("pointerleave", handleMouseLeave);
+    (_e = refObject.current) == null ? void 0 : _e.addEventListener("focusin", handleFocusIn);
+    (_f = refObject.current) == null ? void 0 : _f.addEventListener("focusout", handleFocusOut);
+    (_g = refObject.current) == null ? void 0 : _g.addEventListener("pointerdown", handlePointerDown);
+    (_h = refObject.current) == null ? void 0 : _h.addEventListener("pointerup", handlePointerUp);
+    (_i = refObject.current) == null ? void 0 : _i.addEventListener("pointerleave", handlePointerLeave);
+    return () => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+      (_a2 = refObject.current) == null ? void 0 : _a2.removeEventListener("mouseenter", handleMouseEnter);
+      (_b2 = refObject.current) == null ? void 0 : _b2.removeEventListener("mouseleave", handleMouseLeave);
+      (_c2 = refObject.current) == null ? void 0 : _c2.removeEventListener("pointerenter", handleMouseEnter);
+      (_d2 = refObject.current) == null ? void 0 : _d2.removeEventListener("pointerleave", handleMouseLeave);
+      (_e2 = refObject.current) == null ? void 0 : _e2.removeEventListener("focusin", handleFocusIn);
+      (_f2 = refObject.current) == null ? void 0 : _f2.removeEventListener("focusout", handleFocusOut);
+      (_g2 = refObject.current) == null ? void 0 : _g2.removeEventListener("pointerdown", handlePointerDown);
+      (_h2 = refObject.current) == null ? void 0 : _h2.removeEventListener("pointerup", handlePointerUp);
+      (_i2 = refObject.current) == null ? void 0 : _i2.removeEventListener("pointerleave", handlePointerLeave);
     };
-  }, [e]), { refObject: e, isHovered: D, isFocused: R, isActive: S };
+  }, [refObject]);
+  return { refObject, isHovered, isFocused, isActive };
 };
 export {
-  q as usePseudoClasses
+  usePseudoClasses
 };
 //# sourceMappingURL=usePseudoClasses.js.map

package/hooks/usePseudoClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.js","sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import { useRef, useEffect, useState, RefObject, MutableRefObject } from 'react';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const usePseudoClasses = <T extends HTMLElement | SVGElement>(\n  ref?: RefObject<T> | MutableRefObject<T> | null\n): { refObject: RefObject<T> | MutableRefObject<T>; isHovered: boolean; isFocused: boolean; isActive: boolean } => {\n  const refObject = ref ? ref : useRef<T>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n    const handlePointerDown = (): void => setIsActive(true);\n    const handlePointerUp = (): void => setIsActive(false);\n    const handlePointerLeave = (): void => setIsActive(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n    refObject.current?.addEventListener('pointerdown', handlePointerDown);\n    refObject.current?.addEventListener('pointerup', handlePointerUp);\n    refObject.current?.addEventListener('pointerleave', handlePointerLeave);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n      refObject.current?.removeEventListener('pointerdown', handlePointerDown);\n      refObject.current?.removeEventListener('pointerup', handlePointerUp);\n      refObject.current?.removeEventListener('pointerleave', handlePointerLeave);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused, isActive };\n};\n"],"names":["usePseudoClasses","ref","refObject","useRef","isHovered","setIsHovered","useState","isFocused","setIsFocused","isActive","setIsActive","useEffect","handleMouseEnter","handleMouseLeave","handleFocusIn","handleFocusOut","handlePointerDown","handlePointerUp","handlePointerLeave","_a","_b","_c","_d","_e","_f","_g","_h","_i"],"mappings":";AAOa,MAAAA,IAAmB,CAC9BC,MACiH;AACjH,QAAMC,IAAYD,KAAYE,EAAU,IAAI,GACtC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1C,CAACG,GAAUC,CAAW,IAAIJ,EAAS,EAAK;AAE9C,SAAAK,EAAU,MAAM;;AACR,UAAAC,IAAmB,MAAYP,EAAa,EAAI,GAChDQ,IAAmB,MAAYR,EAAa,EAAK,GACjDS,IAAgB,MAAYN,EAAa,EAAI,GAC7CO,IAAiB,MAAYP,EAAa,EAAK,GAC/CQ,IAAoB,MAAYN,EAAY,EAAI,GAChDO,IAAkB,MAAYP,EAAY,EAAK,GAC/CQ,IAAqB,MAAYR,EAAY,EAAK;AAE9C,YAAAS,IAAAjB,EAAA,YAAA,QAAAiB,EAAS,iBAAiB,cAAcP,KACxCQ,IAAAlB,EAAA,YAAA,QAAAkB,EAAS,iBAAiB,cAAcP,KACxCQ,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,iBAAiB,gBAAgBT,KAC1CU,IAAApB,EAAA,YAAA,QAAAoB,EAAS,iBAAiB,gBAAgBT,KAC1CU,IAAArB,EAAA,YAAA,QAAAqB,EAAS,iBAAiB,WAAWT,KACrCU,IAAAtB,EAAA,YAAA,QAAAsB,EAAS,iBAAiB,YAAYT,KACtCU,IAAAvB,EAAA,YAAA,QAAAuB,EAAS,iBAAiB,eAAeT,KACzCU,IAAAxB,EAAA,YAAA,QAAAwB,EAAS,iBAAiB,aAAaT,KACvCU,IAAAzB,EAAA,YAAA,QAAAyB,EAAS,iBAAiB,gBAAgBT,IAE7C,MAAY;;AACP,OAAAC,IAAAjB,EAAA,YAAA,QAAAiB,EAAS,oBAAoB,cAAcP,KAC3CQ,IAAAlB,EAAA,YAAA,QAAAkB,EAAS,oBAAoB,cAAcP,KAC3CQ,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,oBAAoB,gBAAgBT,KAC7CU,IAAApB,EAAA,YAAA,QAAAoB,EAAS,oBAAoB,gBAAgBT,KAC7CU,IAAArB,EAAA,YAAA,QAAAqB,EAAS,oBAAoB,WAAWT,KACxCU,IAAAtB,EAAA,YAAA,QAAAsB,EAAS,oBAAoB,YAAYT,KACzCU,IAAAvB,EAAA,YAAA,QAAAuB,EAAS,oBAAoB,eAAeT,KAC5CU,IAAAxB,EAAA,YAAA,QAAAwB,EAAS,oBAAoB,aAAaT,KAC1CU,IAAAzB,EAAA,YAAA,QAAAyB,EAAS,oBAAoB,gBAAgBT;AAAA,IAAkB;AAAA,EAC3E,GACC,CAAChB,CAAS,CAAC,GAEP,EAAE,WAAAA,GAAW,WAAAE,GAAW,WAAAG,GAAW,UAAAE,EAAS;AACrD;"}
+{"version":3,"file":"usePseudoClasses.js","sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import { useRef, useEffect, useState, RefObject, MutableRefObject } from 'react';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const usePseudoClasses = <T extends HTMLElement | SVGElement>(\n  ref?: RefObject<T> | MutableRefObject<T> | null\n): { refObject: RefObject<T> | MutableRefObject<T>; isHovered: boolean; isFocused: boolean; isActive: boolean } => {\n  const refObject = ref ? ref : useRef<T>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n    const handlePointerDown = (): void => setIsActive(true);\n    const handlePointerUp = (): void => setIsActive(false);\n    const handlePointerLeave = (): void => setIsActive(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n    refObject.current?.addEventListener('pointerdown', handlePointerDown);\n    refObject.current?.addEventListener('pointerup', handlePointerUp);\n    refObject.current?.addEventListener('pointerleave', handlePointerLeave);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n      refObject.current?.removeEventListener('pointerdown', handlePointerDown);\n      refObject.current?.removeEventListener('pointerup', handlePointerUp);\n      refObject.current?.removeEventListener('pointerleave', handlePointerLeave);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused, isActive };\n};\n"],"names":["_a","_b","_c","_d","_e","_f","_g","_h","_i"],"mappings":";AAOa,MAAA,mBAAmB,CAC9B,QACiH;AACjH,QAAM,YAAY,MAAM,MAAM,OAAU,IAAI;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;;AACR,UAAA,mBAAmB,MAAY,aAAa,IAAI;AAChD,UAAA,mBAAmB,MAAY,aAAa,KAAK;AACjD,UAAA,gBAAgB,MAAY,aAAa,IAAI;AAC7C,UAAA,iBAAiB,MAAY,aAAa,KAAK;AAC/C,UAAA,oBAAoB,MAAY,YAAY,IAAI;AAChD,UAAA,kBAAkB,MAAY,YAAY,KAAK;AAC/C,UAAA,qBAAqB,MAAY,YAAY,KAAK;AAE9C,oBAAA,YAAA,mBAAS,iBAAiB,cAAc;AACxC,oBAAA,YAAA,mBAAS,iBAAiB,cAAc;AACxC,oBAAA,YAAA,mBAAS,iBAAiB,gBAAgB;AAC1C,oBAAA,YAAA,mBAAS,iBAAiB,gBAAgB;AAC1C,oBAAA,YAAA,mBAAS,iBAAiB,WAAW;AACrC,oBAAA,YAAA,mBAAS,iBAAiB,YAAY;AACtC,oBAAA,YAAA,mBAAS,iBAAiB,eAAe;AACzC,oBAAA,YAAA,mBAAS,iBAAiB,aAAa;AACvC,oBAAA,YAAA,mBAAS,iBAAiB,gBAAgB;AAEpD,WAAO,MAAY;;AACP,OAAAA,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,cAAc;AAC3C,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,cAAc;AAC3C,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,gBAAgB;AAC7C,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,gBAAgB;AAC7C,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,WAAW;AACxC,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,YAAY;AACzC,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,eAAe;AAC5C,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,aAAa;AAC1C,OAAAC,MAAA,UAAA,YAAA,gBAAAA,IAAS,oBAAoB,gBAAgB;AAAA,IACzD;AAAA,EAAA,GACC,CAAC,SAAS,CAAC;AAEd,SAAO,EAAE,WAAW,WAAW,WAAW,SAAS;AACrD;"}