@helsenorge/designsystem-react 5.2.0 → 6.0.0-beta.9

package/hooks/useFocusTrap.js

@@ -1,2 +1,23 @@
-import{useEffect as i}from"react";import{useFocusableElements as l}from"./useFocusableElements.js";import{getDocumentActiveElement as m}from"../utils/focus.js";import"./useElementList.js";const d=(n,s=!0)=>{const e=l(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())}};i(()=>{var t;return(t=n.current)==null||t.addEventListener("keydown",c),()=>{var o;(o=n.current)==null||o.removeEventListener("keydown",c)}},[n,s,e])};export{d as default,d as useFocusTrap};
+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());
+    }
+  };
+  l(() => {
+    var t;
+    return (t = n.current) == null || t.addEventListener("keydown", c), () => {
+      var o;
+      (o = n.current) == null || o.removeEventListener("keydown", c);
+    };
+  }, [n, s, e]);
+};
+export {
+  E as default,
+  E as 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":"4LAUO,MAAMA,EAAe,CAACC,EAAmCC,EAAY,KAAe,CACnF,MAAAC,EAAuBC,EAAqBH,CAAG,EAE/CI,EAAuBC,GAA2B,CACtD,GAAIJ,GAAaD,EAAI,UAAWE,GAAA,MAAAA,EAAsB,SAAUG,EAAE,MAAQ,MAAO,CACzE,MAAAC,EAAgBC,EAAyBP,EAAI,OAAO,EACpDQ,EAAeN,EAAqB,CAAC,EACrCO,EAAcP,EAAqB,SAAW,EAAIM,EAAeN,EAAqBA,EAAqB,OAAS,CAAC,EAEvHG,EAAE,UAAYC,IAAkBE,GAElCC,EAAY,MAAM,EAClBJ,EAAE,eAAe,GACR,CAACA,EAAE,UAAYC,IAAkBG,IAE1CD,EAAa,MAAM,EACnBH,EAAE,eAAe,EAErB,CAAA,EAGFK,EAAU,IAAM,OACV,OAAAC,EAAAX,EAAA,UAAA,MAAAW,EAAS,iBAAiB,UAAWP,GAElC,IAAY,QACbO,EAAAX,EAAA,UAAA,MAAAW,EAAS,oBAAoB,UAAWP,EAAmB,CAEhE,EAAA,CAACJ,EAAKC,EAAWC,CAAoB,CAAC,CAC3C"}
+{"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;"}

package/hooks/useFocusableElements.js

@@ -1,2 +1,20 @@
-import{useElementList as n}from"./useElementList.js";import"react";const e=['a[href]:not([tabindex^="-"])','area[href]:not([tabindex^="-"])','input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])','input[type="radio"]:not([disabled]):not([tabindex^="-"])','select:not([disabled]):not([tabindex^="-"])','textarea:not([disabled]):not([tabindex^="-"])','button:not([disabled]):not([tabindex^="-"])','iframe:not([tabindex^="-"])','audio[controls]:not([tabindex^="-"])','video[controls]:not([tabindex^="-"])','[contenteditable]:not([tabindex^="-"])','[tabindex]:not([tabindex^="-"])'].join(","),d=t=>n(t,e);export{e as FOCUSABLE_SELECTORS,d as useFocusableElements};
+import { useElementList as n } from "./useElementList.js";
+const e = [
+  'a[href]:not([tabindex^="-"])',
+  'area[href]:not([tabindex^="-"])',
+  'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
+  'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
+  'select:not([disabled]):not([tabindex^="-"])',
+  'textarea:not([disabled]):not([tabindex^="-"])',
+  'button:not([disabled]):not([tabindex^="-"])',
+  'iframe:not([tabindex^="-"])',
+  'audio[controls]:not([tabindex^="-"])',
+  'video[controls]:not([tabindex^="-"])',
+  '[contenteditable]:not([tabindex^="-"])',
+  '[tabindex]:not([tabindex^="-"])'
+].join(","), d = (t) => n(t, e);
+export {
+  e as FOCUSABLE_SELECTORS,
+  d as 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);\n"],"names":["FOCUSABLE_SELECTORS","useFocusableElements","ref","useElementList"],"mappings":"mEAGO,MAAMA,EAAsB,CACjC,+BACA,kCACA,sFACA,2DACA,8CACA,gDACA,8CACA,8BACA,uCACA,uCACA,yCACA,iCACF,EAAE,KAAK,GAAG,EAQGC,EAAwBC,GACnCC,EAAeD,EAAKF,CAAmB"}
+{"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);\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,CAAmB;"}

package/hooks/useHover.js

@@ -1,2 +1,9 @@
-import{usePseudoClasses as t}from"./usePseudoClasses.js";import"react";const c=e=>{const{refObject:o,isHovered:s,isFocused:r}=t(e);return{hoverRef:o,isHovered:s||r}};export{c as useHover};
+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 };
+};
+export {
+  c as 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":"uEASa,MAAAA,EAAgDC,GAAuE,CAClI,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,UAAAC,CAAU,EAAIC,EAAiBJ,CAAG,EAEhE,MAAO,CAAE,SAAUC,EAAW,UAAWC,GAAaC,CAAU,CAClE"}
+{"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;"}

package/hooks/useIcons.d.ts

@@ -1,3 +1,5 @@
-import { IconProps } from '../components/Icons';
-export declare const useIcons: (children: React.ReactNode[]) => Array<React.ReactElement<IconProps> | React.ReactNode | {} | undefined | null>;
+/// <reference types="react" />
+import { BaseIconProps } from '../components/Icon';
+export type BaseIconElement = React.ReactElement<BaseIconProps>;
+export declare const useIcons: (children: React.ReactNode[]) => [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null];
 //# sourceMappingURL=useIcons.d.ts.map

package/hooks/useIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../src/hooks/useIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,QAAQ,aAAc,MAAM,SAAS,EAAE,KAAG,MAAM,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,MAAM,SAAS,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAanI,CAAC"}
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../src/hooks/useIcons.ts"],"names":[],"mappings":";AAAA,OAAa,EAAE,aAAa,EAAa,MAAM,oBAAoB,CAAC;AAIpE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AAEhE,eAAO,MAAM,QAAQ,aAAc,MAAM,SAAS,EAAE,KAAG,CAAC,eAAe,GAAG,IAAI,EAAE,eAAe,GAAG,IAAI,EAAE,MAAM,SAAS,EAAE,GAAG,IAAI,CAkB/H,CAAC"}

package/hooks/useIcons.js

@@ -1,2 +1,16 @@
-const u=o=>{var l,p,e,f;let t=null,s=null;((p=(l=o[0])==null?void 0:l.props)==null?void 0:p.svgIcon)!==void 0&&(t=o.shift()),((f=(e=o[o.length-1])==null?void 0:e.props)==null?void 0:f.svgIcon)!==void 0&&(s=o.pop());const n=o.filter(g=>g);return[t,s,n.length>0?n:null]};export{u as useIcons};
+import { Icon as i } from "../components/Icon/Icon.js";
+import e from "../components/LazyIcon/LazyIcon.js";
+import { isComponent as o } from "../utils/component.js";
+const c = (t) => {
+  let s = null, f = null;
+  const n = t[0];
+  (o(n, i) || o(n, e)) && (s = n, t.shift());
+  const l = t[t.length - 1];
+  (o(l, i) || o(l, e)) && (f = l, t.pop());
+  const r = t.filter((m) => m);
+  return [s, f, r.length > 0 ? r : null];
+};
+export {
+  c as useIcons
+};
 //# sourceMappingURL=useIcons.js.map

package/hooks/useIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.js","sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import { IconProps } from '../components/Icons';\n\nexport const useIcons = (children: React.ReactNode[]): Array<React.ReactElement<IconProps> | React.ReactNode | {} | undefined | null> => {\n  let leftIcon: React.ReactElement<IconProps> | undefined | null = null;\n  let rightIcon: React.ReactElement<IconProps> | undefined | null = null;\n\n  if ((children[0] as React.ReactElement<IconProps>)?.props?.svgIcon !== undefined) {\n    leftIcon = children.shift() as React.ReactElement<IconProps>;\n  }\n  if ((children[children.length - 1] as React.ReactElement<IconProps>)?.props?.svgIcon !== undefined) {\n    rightIcon = children.pop() as React.ReactElement<IconProps>;\n  }\n  const restChildren = children.filter(child => child);\n\n  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];\n};\n"],"names":["useIcons","children","_a","_b","_c","_d","leftIcon","rightIcon","restChildren","child"],"mappings":"AAEa,MAAAA,EAAYC,GAAgH,CAA5H,IAAAC,EAAAC,EAAAC,EAAAC,EACX,IAAIC,EAA6D,KAC7DC,EAA8D,OAE7DJ,GAAAD,EAAAD,EAAS,CAAC,IAAV,YAAAC,EAA+C,QAA/C,YAAAC,EAAsD,WAAY,SACrEG,EAAWL,EAAS,WAEjBI,GAAAD,EAAAH,EAASA,EAAS,OAAS,CAAC,IAA5B,YAAAG,EAAiE,QAAjE,YAAAC,EAAwE,WAAY,SACvFE,EAAYN,EAAS,OAEvB,MAAMO,EAAeP,EAAS,OAAOQ,GAASA,CAAK,EAEnD,MAAO,CAACH,EAAUC,EAAWC,EAAa,OAAS,EAAIA,EAAe,IAAI,CAC5E"}
+{"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;"}

package/hooks/useIntersectionObserver.js

@@ -1,2 +1,13 @@
-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()}},[e,t])};export{o as useIntersectionObserver};
+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();
+    };
+  }, [e, t]);
+};
+export {
+  o as 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":"kCAWO,MAAMA,EAA0B,CACrCC,EACAC,EACAC,IACS,CACTC,EAAU,IAAM,CACd,MAAMC,EAAuB,IAAI,qBAAqBH,EAAUC,CAAO,EAEvE,OAAIF,GAAA,MAAAA,EAAK,SACcI,EAAA,QAAQJ,EAAI,OAAO,EAGnC,IAAY,CACbA,GAAA,MAAAA,EAAK,QACcI,EAAA,UAAUJ,EAAI,OAAO,EAE1CI,EAAqB,WAAW,CAClC,CACF,EACC,CAACJ,EAAKE,CAAO,CAAC,CACnB"}
+{"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;"}

package/hooks/useInterval.js

@@ -1,2 +1,13 @@
-import{useEffect as n}from"react";const s=(t,e=10)=>{n(()=>{const r=setInterval(t,e);return()=>{clearInterval(r)}},[t,e])};export{s as useInterval};
+import { useEffect as n } from "react";
+const s = (t, e = 10) => {
+  n(() => {
+    const r = setInterval(t, e);
+    return () => {
+      clearInterval(r);
+    };
+  }, [t, e]);
+};
+export {
+  s as 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":"kCASO,MAAMA,EAAc,CAACC,EAAsBC,EAAY,KAAa,CACzEC,EAAU,IAAM,CACR,MAAAC,EAAQ,YAAYH,EAAUC,CAAS,EAE7C,MAAO,IAAM,CACX,cAAcE,CAAK,CAAA,CACrB,EACC,CAACH,EAAUC,CAAS,CAAC,CAC1B"}
+{"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;"}

package/hooks/useIsVisible.js

@@ -1,2 +1,12 @@
-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};export{u as useIsVisible};
+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;
+};
+export {
+  u as 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":"wGAaO,MAAMA,EAAe,CAC1BC,EACAC,EAAY,EACZC,EACAC,EAAU,KACE,CACZ,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAASH,CAAO,EAMlD,OAAAI,EAAwBP,EAJ+CQ,GAAA,CACxDH,EAAAJ,IAAc,EAAIO,EAAQ,CAAC,EAAE,oBAAsBP,EAAYO,EAAQ,CAAC,EAAE,mBAAqBP,CAAS,CAAA,EAGnE,CAAE,UAAAA,EAAW,GAAGC,EAAS,EAEtEE,CACT"}
+{"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;"}

package/hooks/useKeyboardEvent.js

@@ -1,2 +1,21 @@
-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)};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)})}},[n,d,t,o])};export{i as useKeyboardEvent};
+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);
+    };
+    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);
+      });
+    };
+  }, [n, d, t, o]);
+};
+export {
+  i as 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":"kCAWa,MAAAA,EAAmB,CAC9BC,EACAC,EACAC,EACAC,EAA2B,CAAC,SAAS,IAClC,CACHC,EAAU,IAAM,CACR,MAAAC,EAAuBC,GAA+C,EACtEA,EAAM,MAAQJ,GAAQ,MAAM,QAAQA,CAAG,GAAKA,EAAI,SAASI,EAAM,GAAG,IACpEL,EAASK,CAAK,CAChB,EAGF,OAAAH,EAAO,QAAqBI,UAAA,OAAAC,EAAAR,EAAI,UAAJ,YAAAQ,EAAa,iBAAiBD,EAAWF,GAAoB,EAElF,IAAM,CACXF,EAAO,QAAqBI,UAAA,OAAAC,EAAAR,EAAI,UAAJ,YAAAQ,EAAa,oBAAoBD,EAAWF,GAAoB,CAAA,GAE7F,CAACL,EAAKC,EAAUE,EAAQD,CAAG,CAAC,CACjC"}
+{"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;"}

package/hooks/useLayoutEvent.js

@@ -1,2 +1,16 @@
-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))}},[])};export{u as useLayoutEvent};
+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));
+    };
+  }, []);
+};
+export {
+  u as 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":"kFAWa,MAAAA,EAAiB,CAACC,EAAsBC,EAAS,CAAC,eAAgB,SAAU,mBAAmB,EAAGC,EAAa,KAAO,CACjIC,EAAU,IAAM,CACd,GAAI,OAAO,QAAW,SAAU,OAChC,KAAM,CAACC,EAAmBC,CAAQ,EAAIC,EAASN,EAAUE,CAAU,EAEnE,OAAAD,EAAO,QAAqBM,GAAA,OAAO,iBAAiBA,EAAWH,CAAiB,CAAC,EAE/DA,IAEX,IAAM,CACFC,IACTJ,EAAO,QAAqBM,GAAA,OAAO,oBAAoBA,EAAWH,CAAiB,CAAC,CAAA,CAExF,EAAG,CAAE,CAAA,CACP"}
+{"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;AACd,QAAI,OAAO,UAAW;AAAU;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;"}

package/hooks/useOutsideEvent.js

@@ -1,2 +1,13 @@
-import{useEffect as u}from"react";const d=(t,n,o=["mousedown"])=>{const r=e=>{t.current&&!e.composedPath().includes(t.current)&&n(e)};u(()=>(o.forEach(e=>document.addEventListener(e,r)),()=>{o.forEach(e=>document.removeEventListener(e,r))}),[t,n,o])};export{d as useOutsideEvent};
+import { useEffect as u } from "react";
+const d = (t, n, o = ["mousedown"]) => {
+  const r = (e) => {
+    t.current && !e.composedPath().includes(t.current) && n(e);
+  };
+  u(() => (o.forEach((e) => document.addEventListener(e, r)), () => {
+    o.forEach((e) => document.removeEventListener(e, r));
+  }), [t, n, o]);
+};
+export {
+  d as 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 () => {\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":"kCAUO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,EAA0B,CAAC,WAAW,IAC7B,CACH,MAAAC,EAAsBC,GAAoD,CAC1EJ,EAAI,SAAW,CAACI,EAAM,eAAe,SAASJ,EAAI,OAAO,GAC3DC,EAAYG,CAAK,CACnB,EAGFC,EAAU,KACRH,EAAO,QAAqBI,GAAA,SAAS,iBAAiBA,EAAWH,CAAkB,CAAC,EAE7E,IAAM,CACXD,EAAO,QAAqBI,GAAA,SAAS,oBAAoBA,EAAWH,CAAkB,CAAC,CAAA,GAExF,CAACH,EAAKC,EAAaC,CAAM,CAAC,CAC/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 () => {\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,MAAM;AACX,IAAAD,EAAO,QAAQ,CAAaI,MAAA,SAAS,oBAAoBA,GAAWH,CAAkB,CAAC;AAAA,EAAA,IAExF,CAACH,GAAKC,GAAaC,CAAM,CAAC;AAC/B;"}

package/hooks/usePrevious.js

@@ -1,2 +1,11 @@
-import{useRef as t,useEffect as o}from"react";const u=r=>{const e=t();return o(()=>{e.current=r},[r]),e.current};export{u as usePrevious};
+import { useRef as t, useEffect as o } from "react";
+const u = (r) => {
+  const e = t();
+  return o(() => {
+    e.current = r;
+  }, [r]), e.current;
+};
+export {
+  u as 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":"8CAOa,MAAAA,EAAkBC,GAAa,CAC1C,MAAMC,EAAMC,IAEZ,OAAAC,EAAU,IAAM,CACdF,EAAI,QAAUD,CAAA,EACb,CAACA,CAAK,CAAC,EAEHC,EAAI,OACb"}
+{"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;"}

package/hooks/usePseudoClasses.js

@@ -1,2 +1,16 @@
-import{useRef as I,useState as L,useEffect as p}from"react";const M=t=>{const e=t||I(null),[h,s]=L(!1),[F,n]=L(!1);return p(()=>{var a,d,v,i;const r=()=>s(!0),u=()=>s(!1),o=()=>n(!0),c=()=>n(!1);return(a=e.current)==null||a.addEventListener("mouseenter",r),(d=e.current)==null||d.addEventListener("mouseleave",u),(v=e.current)==null||v.addEventListener("focusin",o),(i=e.current)==null||i.addEventListener("focusout",c),()=>{var l,f,m,E;(l=e.current)==null||l.removeEventListener("mouseenter",r),(f=e.current)==null||f.removeEventListener("mouseleave",u),(m=e.current)==null||m.removeEventListener("focusin",o),(E=e.current)==null||E.removeEventListener("focusout",c)}},[e]),{refObject:e,isHovered:h,isFocused:F}};export{M as usePseudoClasses};
+import { useRef as I, useState as L, useEffect as p } from "react";
+const M = (t) => {
+  const e = t || I(null), [h, s] = L(!1), [F, n] = L(!1);
+  return p(() => {
+    var a, d, v, i;
+    const r = () => s(!0), u = () => s(!1), o = () => n(!0), c = () => n(!1);
+    return (a = e.current) == null || a.addEventListener("mouseenter", r), (d = e.current) == null || d.addEventListener("mouseleave", u), (v = e.current) == null || v.addEventListener("focusin", o), (i = e.current) == null || i.addEventListener("focusout", c), () => {
+      var l, f, m, E;
+      (l = e.current) == null || l.removeEventListener("mouseenter", r), (f = e.current) == null || f.removeEventListener("mouseleave", u), (m = e.current) == null || m.removeEventListener("focusin", o), (E = e.current) == null || E.removeEventListener("focusout", c);
+    };
+  }, [e]), { refObject: e, isHovered: h, isFocused: F };
+};
+export {
+  M as 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 } => {\n  const refObject = ref ? ref : useRef<T>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = 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\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused };\n};\n"],"names":["usePseudoClasses","ref","refObject","useRef","isHovered","setIsHovered","useState","isFocused","setIsFocused","useEffect","handleMouseEnter","handleMouseLeave","handleFocusIn","handleFocusOut","_a","_b","_c","_d"],"mappings":"4DAOa,MAAAA,EACXC,GAC8F,CAC9F,MAAMC,EAAYD,GAAYE,EAAU,IAAI,EACtC,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAS,EAAK,EAEhD,OAAAG,EAAU,IAAM,aACR,MAAAC,EAAmB,IAAYL,EAAa,EAAI,EAChDM,EAAmB,IAAYN,EAAa,EAAK,EACjDO,EAAgB,IAAYJ,EAAa,EAAI,EAC7CK,EAAiB,IAAYL,EAAa,EAAK,EAE3C,OAAAM,EAAAZ,EAAA,UAAA,MAAAY,EAAS,iBAAiB,aAAcJ,IACxCK,EAAAb,EAAA,UAAA,MAAAa,EAAS,iBAAiB,aAAcJ,IACxCK,EAAAd,EAAA,UAAA,MAAAc,EAAS,iBAAiB,UAAWJ,IACrCK,EAAAf,EAAA,UAAA,MAAAe,EAAS,iBAAiB,WAAYJ,GAEzC,IAAY,cACPC,EAAAZ,EAAA,UAAA,MAAAY,EAAS,oBAAoB,aAAcJ,IAC3CK,EAAAb,EAAA,UAAA,MAAAa,EAAS,oBAAoB,aAAcJ,IAC3CK,EAAAd,EAAA,UAAA,MAAAc,EAAS,oBAAoB,UAAWJ,IACxCK,EAAAf,EAAA,UAAA,MAAAe,EAAS,oBAAoB,WAAYJ,EAAc,CACnE,EACC,CAACX,CAAS,CAAC,EAEP,CAAE,UAAAA,EAAW,UAAAE,EAAW,UAAAG,EACjC"}
+{"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 } => {\n  const refObject = ref ? ref : useRef<T>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = 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\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused };\n};\n"],"names":["usePseudoClasses","ref","refObject","useRef","isHovered","setIsHovered","useState","isFocused","setIsFocused","useEffect","handleMouseEnter","handleMouseLeave","handleFocusIn","handleFocusOut","_a","_b","_c","_d"],"mappings":";AAOa,MAAAA,IAAmB,CAC9BC,MAC8F;AAC9F,QAAMC,IAAYD,KAAYE,EAAU,IAAI,GACtC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAEhD,SAAAG,EAAU,MAAM;;AACR,UAAAC,IAAmB,MAAYL,EAAa,EAAI,GAChDM,IAAmB,MAAYN,EAAa,EAAK,GACjDO,IAAgB,MAAYJ,EAAa,EAAI,GAC7CK,IAAiB,MAAYL,EAAa,EAAK;AAE3C,YAAAM,IAAAZ,EAAA,YAAA,QAAAY,EAAS,iBAAiB,cAAcJ,KACxCK,IAAAb,EAAA,YAAA,QAAAa,EAAS,iBAAiB,cAAcJ,KACxCK,IAAAd,EAAA,YAAA,QAAAc,EAAS,iBAAiB,WAAWJ,KACrCK,IAAAf,EAAA,YAAA,QAAAe,EAAS,iBAAiB,YAAYJ,IAEzC,MAAY;;AACP,OAAAC,IAAAZ,EAAA,YAAA,QAAAY,EAAS,oBAAoB,cAAcJ,KAC3CK,IAAAb,EAAA,YAAA,QAAAa,EAAS,oBAAoB,cAAcJ,KAC3CK,IAAAd,EAAA,YAAA,QAAAc,EAAS,oBAAoB,WAAWJ,KACxCK,IAAAf,EAAA,YAAA,QAAAe,EAAS,oBAAoB,YAAYJ;AAAA,IAAc;AAAA,EACnE,GACC,CAACX,CAAS,CAAC,GAEP,EAAE,WAAAA,GAAW,WAAAE,GAAW,WAAAG;AACjC;"}

package/hooks/useResizeObserver.js

@@ -1,2 +1,18 @@
-import{useRef as u,useState as c,useEffect as o}from"react";const b=e=>{const t=u(!1),[s,r]=c();return o(()=>{const n=new ResizeObserver(i=>{t.current||window.requestAnimationFrame(()=>{r(i[0].target.getBoundingClientRect()),t.current=!1}),t.current=!0});return e!=null&&e.current&&n.observe(e==null?void 0:e.current),()=>{e!=null&&e.current?n.unobserve(e.current):n.disconnect()}},[e]),s};export{b as useResizeObserver};
+import { useRef as u, useState as c, useEffect as o } from "react";
+const b = (e) => {
+  const t = u(!1), [s, r] = c();
+  return o(() => {
+    const n = new ResizeObserver((i) => {
+      t.current || window.requestAnimationFrame(() => {
+        r(i[0].target.getBoundingClientRect()), t.current = !1;
+      }), t.current = !0;
+    });
+    return e != null && e.current && n.observe(e == null ? void 0 : e.current), () => {
+      e != null && e.current ? n.unobserve(e.current) : n.disconnect();
+    };
+  }, [e]), s;
+};
+export {
+  b as useResizeObserver
+};
 //# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet\n */\nexport const useResizeObserver = (ref?: React.RefObject<HTMLElement>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(entries => {\n      if (!ticking.current) {\n        window.requestAnimationFrame(() => {\n          setSize(entries[0].target.getBoundingClientRect());\n          ticking.current = false;\n        });\n      }\n      ticking.current = true;\n    });\n    if (ref?.current) {\n      resizeObserver.observe(ref?.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref]);\n\n  return size;\n};\n"],"names":["useResizeObserver","ref","ticking","useRef","size","setSize","useState","useEffect","resizeObserver","entries"],"mappings":"4DAQa,MAAAA,EAAqBC,GAA4D,CACtF,MAAAC,EAAUC,EAAO,EAAK,EACtB,CAACC,EAAMC,CAAO,EAAIC,EAAkB,EAC1C,OAAAC,EAAU,IAAM,CACR,MAAAC,EAAiB,IAAI,eAA0BC,GAAA,CAC9CP,EAAQ,SACX,OAAO,sBAAsB,IAAM,CACjCG,EAAQI,EAAQ,CAAC,EAAE,OAAO,sBAAuB,CAAA,EACjDP,EAAQ,QAAU,EAAA,CACnB,EAEHA,EAAQ,QAAU,EAAA,CACnB,EACD,OAAID,GAAA,MAAAA,EAAK,SACQO,EAAA,QAAQP,GAAA,YAAAA,EAAK,OAAO,EAG9B,IAAY,CACbA,GAAA,MAAAA,EAAK,QACQO,EAAA,UAAUP,EAAI,OAAO,EAEpCO,EAAe,WAAW,CAC5B,CACF,EACC,CAACP,CAAG,CAAC,EAEDG,CACT"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet\n */\nexport const useResizeObserver = (ref?: React.RefObject<HTMLElement>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(entries => {\n      if (!ticking.current) {\n        window.requestAnimationFrame(() => {\n          setSize(entries[0].target.getBoundingClientRect());\n          ticking.current = false;\n        });\n      }\n      ticking.current = true;\n    });\n    if (ref?.current) {\n      resizeObserver.observe(ref?.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref]);\n\n  return size;\n};\n"],"names":["useResizeObserver","ref","ticking","useRef","size","setSize","useState","useEffect","resizeObserver","entries"],"mappings":";AAQa,MAAAA,IAAoB,CAACC,MAA4D;AACtF,QAAAC,IAAUC,EAAO,EAAK,GACtB,CAACC,GAAMC,CAAO,IAAIC,EAAkB;AAC1C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAiB,IAAI,eAAe,CAAWC,MAAA;AAC/C,MAACP,EAAQ,WACX,OAAO,sBAAsB,MAAM;AACjC,QAAAG,EAAQI,EAAQ,CAAC,EAAE,OAAO,sBAAuB,CAAA,GACjDP,EAAQ,UAAU;AAAA,MAAA,CACnB,GAEHA,EAAQ,UAAU;AAAA,IAAA,CACnB;AACD,WAAID,KAAA,QAAAA,EAAK,WACQO,EAAA,QAAQP,KAAA,gBAAAA,EAAK,OAAO,GAG9B,MAAY;AACjB,MAAIA,KAAA,QAAAA,EAAK,UACQO,EAAA,UAAUP,EAAI,OAAO,IAEpCO,EAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GACC,CAACP,CAAG,CAAC,GAEDG;AACT;"}

package/hooks/useSize.js

@@ -1,2 +1,28 @@
-import{useRef as a,useState as d,useEffect as b}from"react";import{debounce as l}from"../utils/debounce.js";const m=e=>{const o=a(!1),[u,i]=d();return b(()=>{if(typeof ResizeObserver<"u"){const n=new ResizeObserver(t=>{o.current||window.requestAnimationFrame(()=>{i(t[0].target.getBoundingClientRect()),o.current=!1}),o.current=!0});return e!=null&&e.current&&n.observe(e==null?void 0:e.current),()=>{e!=null&&e.current?n.unobserve(e.current):n.disconnect()}}else if(typeof window=="object"){const n=()=>{e!=null&&e.current&&i(e.current.getBoundingClientRect())},t=["layoutchange","resize","orientationchange"],[c,r]=l(n,10);return t.forEach(s=>window.addEventListener(s,c)),c(),()=>{r(),t.forEach(s=>window.removeEventListener(s,c))}}},[e==null?void 0:e.current]),u};export{m as useSize};
+import { useRef as a, useState as d, useEffect as b } from "react";
+import { debounce as l } from "../utils/debounce.js";
+const m = (e) => {
+  const o = a(!1), [u, i] = d();
+  return b(() => {
+    if (typeof ResizeObserver < "u") {
+      const n = new ResizeObserver((t) => {
+        o.current || window.requestAnimationFrame(() => {
+          i(t[0].target.getBoundingClientRect()), o.current = !1;
+        }), o.current = !0;
+      });
+      return e != null && e.current && n.observe(e == null ? void 0 : e.current), () => {
+        e != null && e.current ? n.unobserve(e.current) : n.disconnect();
+      };
+    } else if (typeof window == "object") {
+      const n = () => {
+        e != null && e.current && i(e.current.getBoundingClientRect());
+      }, t = ["layoutchange", "resize", "orientationchange"], [c, r] = l(n, 10);
+      return t.forEach((s) => window.addEventListener(s, c)), c(), () => {
+        r(), t.forEach((s) => window.removeEventListener(s, c));
+      };
+    }
+  }, [e == null ? void 0 : e.current]), u;
+};
+export {
+  m as useSize
+};
 //# sourceMappingURL=useSize.js.map

package/hooks/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på endringer i størrelse på et element\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet. Merk at objektet bare oppdates når høyde eller bredde endres, ikke når\n * posisjonen (x og y) endres.\n */\nexport const useSize = (ref?: React.RefObject<HTMLElement>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    if (typeof ResizeObserver !== 'undefined') {\n      const resizeObserver = new ResizeObserver(entries => {\n        if (!ticking.current) {\n          window.requestAnimationFrame(() => {\n            setSize(entries[0].target.getBoundingClientRect());\n            ticking.current = false;\n          });\n        }\n        ticking.current = true;\n      });\n      if (ref?.current) {\n        resizeObserver.observe(ref?.current);\n      }\n      return (): void => {\n        if (ref?.current) {\n          resizeObserver.unobserve(ref.current);\n        } else {\n          resizeObserver.disconnect();\n        }\n      };\n    } else if (typeof window === 'object') {\n      // For nettlesere som ikke støtter ResizeObserver (iOS 13 og lavere)\n      const handleLayoutEvent = () => {\n        ref?.current && setSize(ref.current.getBoundingClientRect());\n      };\n\n      const events = ['layoutchange', 'resize', 'orientationchange'];\n      const debounceMs = 10;\n\n      const [debouncedCallback, teardown] = debounce(handleLayoutEvent, 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  }, [ref?.current]);\n\n  return size;\n};\n"],"names":["useSize","ref","ticking","useRef","size","setSize","useState","useEffect","resizeObserver","entries","handleLayoutEvent","events","debouncedCallback","teardown","debounce","eventName"],"mappings":"4GAWa,MAAAA,EAAWC,GAA4D,CAC5E,MAAAC,EAAUC,EAAO,EAAK,EACtB,CAACC,EAAMC,CAAO,EAAIC,EAAkB,EAC1C,OAAAC,EAAU,IAAM,CACV,GAAA,OAAO,eAAmB,IAAa,CACnC,MAAAC,EAAiB,IAAI,eAA0BC,GAAA,CAC9CP,EAAQ,SACX,OAAO,sBAAsB,IAAM,CACjCG,EAAQI,EAAQ,CAAC,EAAE,OAAO,sBAAuB,CAAA,EACjDP,EAAQ,QAAU,EAAA,CACnB,EAEHA,EAAQ,QAAU,EAAA,CACnB,EACD,OAAID,GAAA,MAAAA,EAAK,SACQO,EAAA,QAAQP,GAAA,YAAAA,EAAK,OAAO,EAE9B,IAAY,CACbA,GAAA,MAAAA,EAAK,QACQO,EAAA,UAAUP,EAAI,OAAO,EAEpCO,EAAe,WAAW,CAC5B,CACF,SACS,OAAO,QAAW,SAAU,CAErC,MAAME,EAAoB,IAAM,CAC9BT,GAAA,MAAAA,EAAK,SAAWI,EAAQJ,EAAI,QAAQ,uBAAuB,CAAA,EAGvDU,EAAS,CAAC,eAAgB,SAAU,mBAAmB,EAGvD,CAACC,EAAmBC,CAAQ,EAAIC,EAASJ,EAAmB,EAAU,EAE5E,OAAAC,EAAO,QAAqBI,GAAA,OAAO,iBAAiBA,EAAWH,CAAiB,CAAC,EAE/DA,IAEX,IAAM,CACFC,IACTF,EAAO,QAAqBI,GAAA,OAAO,oBAAoBA,EAAWH,CAAiB,CAAC,CAAA,CAExF,CAAA,EACC,CAACX,GAAA,YAAAA,EAAK,OAAO,CAAC,EAEVG,CACT"}
+{"version":3,"file":"useSize.js","sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på endringer i størrelse på et element\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet. Merk at objektet bare oppdates når høyde eller bredde endres, ikke når\n * posisjonen (x og y) endres.\n */\nexport const useSize = (ref?: React.RefObject<HTMLElement>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    if (typeof ResizeObserver !== 'undefined') {\n      const resizeObserver = new ResizeObserver(entries => {\n        if (!ticking.current) {\n          window.requestAnimationFrame(() => {\n            setSize(entries[0].target.getBoundingClientRect());\n            ticking.current = false;\n          });\n        }\n        ticking.current = true;\n      });\n      if (ref?.current) {\n        resizeObserver.observe(ref?.current);\n      }\n      return (): void => {\n        if (ref?.current) {\n          resizeObserver.unobserve(ref.current);\n        } else {\n          resizeObserver.disconnect();\n        }\n      };\n    } else if (typeof window === 'object') {\n      // For nettlesere som ikke støtter ResizeObserver (iOS 13 og lavere)\n      const handleLayoutEvent = () => {\n        ref?.current && setSize(ref.current.getBoundingClientRect());\n      };\n\n      const events = ['layoutchange', 'resize', 'orientationchange'];\n      const debounceMs = 10;\n\n      const [debouncedCallback, teardown] = debounce(handleLayoutEvent, 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  }, [ref?.current]);\n\n  return size;\n};\n"],"names":["useSize","ref","ticking","useRef","size","setSize","useState","useEffect","resizeObserver","entries","handleLayoutEvent","events","debouncedCallback","teardown","debounce","eventName"],"mappings":";;AAWa,MAAAA,IAAU,CAACC,MAA4D;AAC5E,QAAAC,IAAUC,EAAO,EAAK,GACtB,CAACC,GAAMC,CAAO,IAAIC,EAAkB;AAC1C,SAAAC,EAAU,MAAM;AACV,QAAA,OAAO,iBAAmB,KAAa;AACnC,YAAAC,IAAiB,IAAI,eAAe,CAAWC,MAAA;AAC/C,QAACP,EAAQ,WACX,OAAO,sBAAsB,MAAM;AACjC,UAAAG,EAAQI,EAAQ,CAAC,EAAE,OAAO,sBAAuB,CAAA,GACjDP,EAAQ,UAAU;AAAA,QAAA,CACnB,GAEHA,EAAQ,UAAU;AAAA,MAAA,CACnB;AACD,aAAID,KAAA,QAAAA,EAAK,WACQO,EAAA,QAAQP,KAAA,gBAAAA,EAAK,OAAO,GAE9B,MAAY;AACjB,QAAIA,KAAA,QAAAA,EAAK,UACQO,EAAA,UAAUP,EAAI,OAAO,IAEpCO,EAAe,WAAW;AAAA,MAC5B;AAAA,IACF,WACS,OAAO,UAAW,UAAU;AAErC,YAAME,IAAoB,MAAM;AAC9B,QAAAT,KAAA,QAAAA,EAAK,WAAWI,EAAQJ,EAAI,QAAQ,uBAAuB;AAAA,MAAA,GAGvDU,IAAS,CAAC,gBAAgB,UAAU,mBAAmB,GAGvD,CAACC,GAAmBC,CAAQ,IAAIC,EAASJ,GAAmB,EAAU;AAE5E,aAAAC,EAAO,QAAQ,CAAaI,MAAA,OAAO,iBAAiBA,GAAWH,CAAiB,CAAC,GAE/DA,KAEX,MAAM;AACF,QAAAC,KACTF,EAAO,QAAQ,CAAaI,MAAA,OAAO,oBAAoBA,GAAWH,CAAiB,CAAC;AAAA,MAAA;AAAA,IAExF;AAAA,EAAA,GACC,CAACX,KAAA,gBAAAA,EAAK,OAAO,CAAC,GAEVG;AACT;"}

package/hooks/useSticky.js

@@ -1,2 +1,18 @@
-import{useState as t}from"react";import{useLayoutEvent as C}from"./useLayoutEvent.js";import"../utils/debounce.js";const L=(s,c,d="top")=>{const[h,r]=t(!1),[g,u]=t(!1),[a,f]=t(),[l,m]=t();return C(()=>{var o,i;const{top:p=0,width:w=0,bottom:e=0}=((o=s.current)==null?void 0:o.getBoundingClientRect())||{},n=((i=c.current)==null?void 0:i.getBoundingClientRect().height)??0;r(d==="top"?p<=0:e>window.innerHeight),u(e<=n),m(w),f(n)},["resize","scroll"]),{isOutsideWindow:h,isLeavingWindow:g,offsetHeight:a,contentWidth:l}};export{L as useSticky};
+import { useState as t } from "react";
+import { useLayoutEvent as p } from "./useLayoutEvent.js";
+const E = (s, c, d = "top") => {
+  const [h, r] = t(!1), [g, u] = t(!1), [a, f] = t(), [l, m] = t();
+  return p(() => {
+    var o, i;
+    const {
+      top: w = 0,
+      width: C = 0,
+      bottom: e = 0
+    } = ((o = s.current) == null ? void 0 : o.getBoundingClientRect()) || {}, n = ((i = c.current) == null ? void 0 : i.getBoundingClientRect().height) ?? 0;
+    r(d === "top" ? w <= 0 : e > window.innerHeight), u(e <= n), m(C), f(n);
+  }, ["resize", "scroll"]), { isOutsideWindow: h, isLeavingWindow: g, offsetHeight: a, contentWidth: l };
+};
+export {
+  E as useSticky
+};
 //# sourceMappingURL=useSticky.js.map

package/hooks/useSticky.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSticky.js","sources":["../../src/hooks/useSticky.ts"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { useLayoutEvent } from './useLayoutEvent';\n\ninterface UseStickyReturnValues {\n  /** Toppen eller bunnen av elementet er utenfor vinduet */\n  isOutsideWindow: boolean;\n  /** Innholdet er på vei helt ut av vinduet. Fungerer bare med stickyPosition=top. */\n  isLeavingWindow: boolean;\n  /** Høyde på det sticky elementet i pixler */\n  offsetHeight: number | undefined;\n  /** Bredden til innholdet i pixler */\n  contentWidth: number | undefined;\n}\n\n/**\n * Sett et element til sticky hvis et annet element er delvis utenfor vinduet\n *\n * @param contentRef Element som sjekkes om det er utenfor eller innenfor vinduet\n * @param stickyRef Element som skal bli sticky\n * @param stickyPosition Om det sticky elementet er ment å vises øverst eller nederst på skjermen. Default: top\n * @returns Properties som kan brukes til å sette elementet sticky eller absolute\n */\nexport const useSticky = (\n  contentRef: React.RefObject<HTMLElement>,\n  stickyRef: React.RefObject<HTMLElement>,\n  stickyPosition: 'top' | 'bottom' = 'top'\n): UseStickyReturnValues => {\n  const [isOutsideWindow, setIsOutsideWindow] = useState<boolean>(false);\n  const [isLeavingWindow, setIsLeavingWindow] = useState<boolean>(false);\n  const [offsetHeight, setOffsetHeight] = useState<number>();\n  const [contentWidth, setContentWidth] = useState<number>();\n\n  const handleLayoutChange = (): void => {\n    const {\n      top: topOfContentElement = 0,\n      width: widthOfContentElement = 0,\n      bottom: bottomOfContentElement = 0,\n    } = contentRef.current?.getBoundingClientRect() || {};\n    const heightOfStickyElement = stickyRef.current?.getBoundingClientRect().height ?? 0;\n    setIsOutsideWindow(stickyPosition === 'top' ? topOfContentElement <= 0 : bottomOfContentElement > window.innerHeight);\n\n    setIsLeavingWindow(bottomOfContentElement <= heightOfStickyElement);\n    setContentWidth(widthOfContentElement);\n    setOffsetHeight(heightOfStickyElement);\n  };\n\n  useLayoutEvent(handleLayoutChange, ['resize', 'scroll']);\n\n  return { isOutsideWindow, isLeavingWindow, offsetHeight, contentWidth };\n};\n"],"names":["useSticky","contentRef","stickyRef","stickyPosition","isOutsideWindow","setIsOutsideWindow","useState","isLeavingWindow","setIsLeavingWindow","offsetHeight","setOffsetHeight","contentWidth","setContentWidth","useLayoutEvent","topOfContentElement","widthOfContentElement","bottomOfContentElement","_a","heightOfStickyElement","_b"],"mappings":"mHAuBO,MAAMA,EAAY,CACvBC,EACAC,EACAC,EAAmC,QACT,CAC1B,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAkB,EAAK,EAC/D,CAACC,EAAiBC,CAAkB,EAAIF,EAAkB,EAAK,EAC/D,CAACG,EAAcC,CAAe,EAAIJ,EAAiB,EACnD,CAACK,EAAcC,CAAe,EAAIN,EAAiB,EAgBzD,OAAAO,EAd2B,IAAY,SAC/B,KAAA,CACJ,IAAKC,EAAsB,EAC3B,MAAOC,EAAwB,EAC/B,OAAQC,EAAyB,CAC/B,IAAAC,EAAAhB,EAAW,UAAX,YAAAgB,EAAoB,0BAA2B,CAAA,EAC7CC,IAAwBC,EAAAjB,EAAU,UAAV,YAAAiB,EAAmB,wBAAwB,SAAU,EACnFd,EAAmBF,IAAmB,MAAQW,GAAuB,EAAIE,EAAyB,OAAO,WAAW,EAEpHR,EAAmBQ,GAA0BE,CAAqB,EAClEN,EAAgBG,CAAqB,EACrCL,EAAgBQ,CAAqB,CAAA,EAGJ,CAAC,SAAU,QAAQ,CAAC,EAEhD,CAAE,gBAAAd,EAAiB,gBAAAG,EAAiB,aAAAE,EAAc,aAAAE,CAAa,CACxE"}
+{"version":3,"file":"useSticky.js","sources":["../../src/hooks/useSticky.ts"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { useLayoutEvent } from './useLayoutEvent';\n\ninterface UseStickyReturnValues {\n  /** Toppen eller bunnen av elementet er utenfor vinduet */\n  isOutsideWindow: boolean;\n  /** Innholdet er på vei helt ut av vinduet. Fungerer bare med stickyPosition=top. */\n  isLeavingWindow: boolean;\n  /** Høyde på det sticky elementet i pixler */\n  offsetHeight: number | undefined;\n  /** Bredden til innholdet i pixler */\n  contentWidth: number | undefined;\n}\n\n/**\n * Sett et element til sticky hvis et annet element er delvis utenfor vinduet\n *\n * @param contentRef Element som sjekkes om det er utenfor eller innenfor vinduet\n * @param stickyRef Element som skal bli sticky\n * @param stickyPosition Om det sticky elementet er ment å vises øverst eller nederst på skjermen. Default: top\n * @returns Properties som kan brukes til å sette elementet sticky eller absolute\n */\nexport const useSticky = (\n  contentRef: React.RefObject<HTMLElement>,\n  stickyRef: React.RefObject<HTMLElement>,\n  stickyPosition: 'top' | 'bottom' = 'top'\n): UseStickyReturnValues => {\n  const [isOutsideWindow, setIsOutsideWindow] = useState<boolean>(false);\n  const [isLeavingWindow, setIsLeavingWindow] = useState<boolean>(false);\n  const [offsetHeight, setOffsetHeight] = useState<number>();\n  const [contentWidth, setContentWidth] = useState<number>();\n\n  const handleLayoutChange = (): void => {\n    const {\n      top: topOfContentElement = 0,\n      width: widthOfContentElement = 0,\n      bottom: bottomOfContentElement = 0,\n    } = contentRef.current?.getBoundingClientRect() || {};\n    const heightOfStickyElement = stickyRef.current?.getBoundingClientRect().height ?? 0;\n    setIsOutsideWindow(stickyPosition === 'top' ? topOfContentElement <= 0 : bottomOfContentElement > window.innerHeight);\n\n    setIsLeavingWindow(bottomOfContentElement <= heightOfStickyElement);\n    setContentWidth(widthOfContentElement);\n    setOffsetHeight(heightOfStickyElement);\n  };\n\n  useLayoutEvent(handleLayoutChange, ['resize', 'scroll']);\n\n  return { isOutsideWindow, isLeavingWindow, offsetHeight, contentWidth };\n};\n"],"names":["useSticky","contentRef","stickyRef","stickyPosition","isOutsideWindow","setIsOutsideWindow","useState","isLeavingWindow","setIsLeavingWindow","offsetHeight","setOffsetHeight","contentWidth","setContentWidth","useLayoutEvent","topOfContentElement","widthOfContentElement","bottomOfContentElement","_a","heightOfStickyElement","_b"],"mappings":";;AAuBO,MAAMA,IAAY,CACvBC,GACAC,GACAC,IAAmC,UACT;AAC1B,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAkB,EAAK,GAC/D,CAACC,GAAiBC,CAAkB,IAAIF,EAAkB,EAAK,GAC/D,CAACG,GAAcC,CAAe,IAAIJ,EAAiB,GACnD,CAACK,GAAcC,CAAe,IAAIN,EAAiB;AAgBzD,SAAAO,EAd2B,MAAY;;AAC/B,UAAA;AAAA,MACJ,KAAKC,IAAsB;AAAA,MAC3B,OAAOC,IAAwB;AAAA,MAC/B,QAAQC,IAAyB;AAAA,IAC/B,MAAAC,IAAAhB,EAAW,YAAX,gBAAAgB,EAAoB,4BAA2B,CAAA,GAC7CC,MAAwBC,IAAAjB,EAAU,YAAV,gBAAAiB,EAAmB,wBAAwB,WAAU;AACnF,IAAAd,EAAmBF,MAAmB,QAAQW,KAAuB,IAAIE,IAAyB,OAAO,WAAW,GAEpHR,EAAmBQ,KAA0BE,CAAqB,GAClEN,EAAgBG,CAAqB,GACrCL,EAAgBQ,CAAqB;AAAA,EAAA,GAGJ,CAAC,UAAU,QAAQ,CAAC,GAEhD,EAAE,iBAAAd,GAAiB,iBAAAG,GAAiB,cAAAE,GAAc,cAAAE,EAAa;AACxE;"}

package/hooks/useToggle.js

@@ -1,2 +1,16 @@
-import{useState as g,useEffect as r}from"react";import{usePrevious as m}from"./usePrevious.js";const n=(o,s)=>{const[e,t]=g(o),u=m(e),f=()=>{t(!e)};return r(()=>{o!==e&&t(o)},[o]),r(()=>{s&&e!==!!u&&s(e)},[e,s]),{value:e,toggleValue:f}};export{n as useToggle};
+import { useState as g, useEffect as r } from "react";
+import { usePrevious as m } from "./usePrevious.js";
+const n = (o, s) => {
+  const [e, t] = g(o), u = m(e), f = () => {
+    t(!e);
+  };
+  return r(() => {
+    o !== e && t(o);
+  }, [o]), r(() => {
+    s && e !== !!u && s(e);
+  }, [e, s]), { value: e, toggleValue: f };
+};
+export {
+  n as useToggle
+};
 //# sourceMappingURL=useToggle.js.map

package/hooks/useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\n/**\n * Hook for å toggle en boolean og kjøre en callback når verdien endres\n *\n * @param initialValue Initiell verdi for boolean\n * @param callback Funksjon som kalles når value endrer verdi (optional)\n * @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien\n */\nexport const useToggle = (initialValue: boolean, callback?: (value: boolean) => void): { value: boolean; toggleValue: () => void } => {\n  const [value, setValue] = useState(initialValue);\n  const previousValue = usePrevious(value);\n\n  const toggleValue = () => {\n    setValue(!value);\n  };\n\n  useEffect(() => {\n    if (initialValue !== value) {\n      setValue(initialValue);\n    }\n  }, [initialValue]);\n\n  useEffect(() => {\n    if (callback && value !== !!previousValue) {\n      callback(value);\n    }\n  }, [value, callback]);\n\n  return { value, toggleValue };\n};\n"],"names":["useToggle","initialValue","callback","value","setValue","useState","previousValue","usePrevious","toggleValue","useEffect"],"mappings":"+FAWa,MAAAA,EAAY,CAACC,EAAuBC,IAAqF,CACpI,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAASJ,CAAY,EACzCK,EAAgBC,EAAYJ,CAAK,EAEjCK,EAAc,IAAM,CACxBJ,EAAS,CAACD,CAAK,CAAA,EAGjB,OAAAM,EAAU,IAAM,CACVR,IAAiBE,GACnBC,EAASH,CAAY,CACvB,EACC,CAACA,CAAY,CAAC,EAEjBQ,EAAU,IAAM,CACVP,GAAYC,IAAU,CAAC,CAACG,GAC1BJ,EAASC,CAAK,CAChB,EACC,CAACA,EAAOD,CAAQ,CAAC,EAEb,CAAE,MAAAC,EAAO,YAAAK,EAClB"}
+{"version":3,"file":"useToggle.js","sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\n/**\n * Hook for å toggle en boolean og kjøre en callback når verdien endres\n *\n * @param initialValue Initiell verdi for boolean\n * @param callback Funksjon som kalles når value endrer verdi (optional)\n * @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien\n */\nexport const useToggle = (initialValue: boolean, callback?: (value: boolean) => void): { value: boolean; toggleValue: () => void } => {\n  const [value, setValue] = useState(initialValue);\n  const previousValue = usePrevious(value);\n\n  const toggleValue = () => {\n    setValue(!value);\n  };\n\n  useEffect(() => {\n    if (initialValue !== value) {\n      setValue(initialValue);\n    }\n  }, [initialValue]);\n\n  useEffect(() => {\n    if (callback && value !== !!previousValue) {\n      callback(value);\n    }\n  }, [value, callback]);\n\n  return { value, toggleValue };\n};\n"],"names":["useToggle","initialValue","callback","value","setValue","useState","previousValue","usePrevious","toggleValue","useEffect"],"mappings":";;AAWa,MAAAA,IAAY,CAACC,GAAuBC,MAAqF;AACpI,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASJ,CAAY,GACzCK,IAAgBC,EAAYJ,CAAK,GAEjCK,IAAc,MAAM;AACxB,IAAAJ,EAAS,CAACD,CAAK;AAAA,EAAA;AAGjB,SAAAM,EAAU,MAAM;AACd,IAAIR,MAAiBE,KACnBC,EAASH,CAAY;AAAA,EACvB,GACC,CAACA,CAAY,CAAC,GAEjBQ,EAAU,MAAM;AACd,IAAIP,KAAYC,MAAU,CAAC,CAACG,KAC1BJ,EAASC,CAAK;AAAA,EAChB,GACC,CAACA,GAAOD,CAAQ,CAAC,GAEb,EAAE,OAAAC,GAAO,aAAAK;AAClB;"}

package/hooks/useUuid.js

@@ -1,2 +1,10 @@
-import{useState as r}from"react";import{u}from"../uuid.js";import"../utils/environment.js";const s=t=>{const[o]=r(t||u());return o};export{s as useUuid};
+import { useState as r } from "react";
+import { uuid as u } from "../utils/uuid.js";
+const m = (t) => {
+  const [o] = r(t || u());
+  return o;
+};
+export {
+  m as useUuid
+};
 //# sourceMappingURL=useUuid.js.map

package/hooks/useUuid.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUuid.js","sources":["../../src/hooks/useUuid.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { uuid } from '../utils/uuid';\n\n/**\n * Returner unik uuid som ikke endrer seg for hver render\n * @param initial id som vil overstyre id fra uuid-utility\n * @returns uuid-string\n */\nexport const useUuid = (initial?: string): string => {\n  const [id] = useState(initial || uuid());\n\n  return id;\n};\n"],"names":["useUuid","initial","id","useState","uuid"],"mappings":"2FASa,MAAAA,EAAWC,GAA6B,CACnD,KAAM,CAACC,CAAE,EAAIC,EAASF,GAAWG,EAAM,CAAA,EAEhC,OAAAF,CACT"}
+{"version":3,"file":"useUuid.js","sources":["../../src/hooks/useUuid.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { uuid } from '../utils/uuid';\n\n/**\n * Returner unik uuid som ikke endrer seg for hver render\n * @param initial id som vil overstyre id fra uuid-utility\n * @returns uuid-string\n */\nexport const useUuid = (initial?: string): string => {\n  const [id] = useState(initial || uuid());\n\n  return id;\n};\n"],"names":["useUuid","initial","id","useState","uuid"],"mappings":";;AASa,MAAAA,IAAU,CAACC,MAA6B;AACnD,QAAM,CAACC,CAAE,IAAIC,EAASF,KAAWG,EAAM,CAAA;AAEhC,SAAAF;AACT;"}