@helsenorge/designsystem-react 9.4.0 → 9.4.3

package/hooks/useResizeObserver.js

@@ -1,18 +1,31 @@
-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;
+import { useRef, useState, useEffect } from "react";
+const useResizeObserver = (ref) => {
+  const ticking = useRef(false);
+  const [size, setSize] = useState();
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (!ticking.current) {
+        window.requestAnimationFrame(() => {
+          setSize(entries[0].target.getBoundingClientRect());
+          ticking.current = false;
+        });
+      }
+      ticking.current = true;
     });
-    return e != null && e.current && n.observe(e == null ? void 0 : e.current), () => {
-      e != null && e.current ? n.unobserve(e.current) : n.disconnect();
+    if (ref == null ? void 0 : ref.current) {
+      resizeObserver.observe(ref == null ? void 0 : ref.current);
+    }
+    return () => {
+      if (ref == null ? void 0 : ref.current) {
+        resizeObserver.unobserve(ref.current);
+      } else {
+        resizeObserver.disconnect();
+      }
     };
-  }, [e]), s;
+  }, [ref]);
+  return size;
 };
 export {
-  b as useResizeObserver
+  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":";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;"}
+{"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":[],"mappings":";AAQa,MAAA,oBAAoB,CAAC,QAA4D;AACtF,QAAA,UAAU,OAAO,KAAK;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB;AAC1C,YAAU,MAAM;AACR,UAAA,iBAAiB,IAAI,eAAe,CAAW,YAAA;AAC/C,UAAA,CAAC,QAAQ,SAAS;AACpB,eAAO,sBAAsB,MAAM;AACjC,kBAAQ,QAAQ,CAAC,EAAE,OAAO,uBAAuB;AACjD,kBAAQ,UAAU;AAAA,QAAA,CACnB;AAAA,MAAA;AAEH,cAAQ,UAAU;AAAA,IAAA,CACnB;AACD,QAAI,2BAAK,SAAS;AACD,qBAAA,QAAQ,2BAAK,OAAO;AAAA,IAAA;AAGrC,WAAO,MAAY;AACjB,UAAI,2BAAK,SAAS;AACD,uBAAA,UAAU,IAAI,OAAO;AAAA,MAAA,OAC/B;AACL,uBAAe,WAAW;AAAA,MAAA;AAAA,IAE9B;AAAA,EAAA,GACC,CAAC,GAAG,CAAC;AAED,SAAA;AACT;"}

package/hooks/useRovingFocus.js

@@ -1,27 +1,57 @@
-import { useEffect as x } from "react";
-import { useKeyboardEvent as K } from "./useKeyboardEvent.js";
-import { KeyboardEventKey as r } from "../constants.js";
-const D = (k, c, m, a) => {
-  a = a ?? !1, x(() => {
-    var e, n;
-    c.current && (c.current.forEach((o) => {
-      var t;
-      (t = o.current) == null || t.setAttribute("tabIndex", "-1");
-    }), (n = (e = c.current[0]) == null ? void 0 : e.current) == null || n.setAttribute("tabIndex", "0"));
+import { useEffect } from "react";
+import { useKeyboardEvent } from "./useKeyboardEvent.js";
+import { KeyboardEventKey } from "../constants.js";
+const useRovingFocus = (handleNewIndex, inputRefList, containerRef, leftRightNavigation) => {
+  leftRightNavigation = leftRightNavigation ?? false;
+  useEffect(() => {
+    var _a, _b;
+    if (!inputRefList.current) {
+      return;
+    }
+    inputRefList.current.forEach((ref) => {
+      var _a2;
+      (_a2 = ref.current) == null ? void 0 : _a2.setAttribute("tabIndex", "-1");
+    });
+    (_b = (_a = inputRefList.current[0]) == null ? void 0 : _a.current) == null ? void 0 : _b.setAttribute("tabIndex", "0");
   }, []);
-  const A = (e) => {
-    var t, d, f, s, u, w;
-    if (e.key === r.Tab || (e.preventDefault(), !c.current))
+  const handleKeyboardNavigation = (event) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (event.key === KeyboardEventKey.Tab) {
+      return;
+    }
+    event.preventDefault();
+    if (!inputRefList.current) {
       return;
-    const n = c.current.findIndex((y) => y.current === e.target);
-    let o = n;
-    e.key === r.Home ? o = 0 : e.key === r.End ? o = c.current.length - 1 : (e.key === r.ArrowDown || e.key === r.ArrowRight) && n < c.current.length - 1 ? o = n + 1 : (e.key === r.ArrowUp || e.key === r.ArrowLeft) && n > 0 ? o = n - 1 : (e.key === r.Enter || e.key === r.Space) && (o = n), o !== -1 && ((t = c.current) == null || t.forEach((y, l) => {
-      y.current && (y.current.tabIndex = l === o ? 0 : -1);
-    }), (f = (d = c.current[o]) == null ? void 0 : d.current) == null || f.focus(), (w = (u = (s = c.current[o]) == null ? void 0 : s.current) == null ? void 0 : u.click) == null || w.call(u), k(o));
-  }, E = [r.End, r.Enter, r.Escape, r.Home], b = a ? [r.ArrowRight, r.ArrowLeft] : [r.ArrowUp, r.ArrowDown];
-  K(m, A, [...E, ...b]);
+    }
+    const index = inputRefList.current.findIndex((x) => x.current === event.target);
+    let nextIndex = index;
+    if (event.key === KeyboardEventKey.Home) {
+      nextIndex = 0;
+    } else if (event.key === KeyboardEventKey.End) {
+      nextIndex = inputRefList.current.length - 1;
+    } else if ((event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) && index < inputRefList.current.length - 1) {
+      nextIndex = index + 1;
+    } else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) {
+      nextIndex = index - 1;
+    } else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) {
+      nextIndex = index;
+    }
+    if (nextIndex !== -1) {
+      (_a = inputRefList.current) == null ? void 0 : _a.forEach((ref, i) => {
+        if (ref.current) {
+          ref.current.tabIndex = i === nextIndex ? 0 : -1;
+        }
+      });
+      (_c = (_b = inputRefList.current[nextIndex]) == null ? void 0 : _b.current) == null ? void 0 : _c.focus();
+      (_f = (_e = (_d = inputRefList.current[nextIndex]) == null ? void 0 : _d.current) == null ? void 0 : _e.click) == null ? void 0 : _f.call(_e);
+      handleNewIndex(nextIndex);
+    }
+  };
+  const commonKeys = [KeyboardEventKey.End, KeyboardEventKey.Enter, KeyboardEventKey.Escape, KeyboardEventKey.Home];
+  const arrowKeys = leftRightNavigation ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft] : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];
+  useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);
 };
 export {
-  D as useRovingFocus
+  useRovingFocus
 };
 //# sourceMappingURL=useRovingFocus.js.map

package/hooks/useRovingFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRovingFocus.js","sources":["../../src/hooks/useRovingFocus.tsx"],"sourcesContent":["// Inspiration from https://www.joshuawootonn.com/react-roving-tabindex\nimport { useEffect } from 'react';\n\nimport { useKeyboardEvent } from './useKeyboardEvent';\nimport { KeyboardEventKey } from '../constants';\n\nexport const useRovingFocus = (\n  /** Function to run when new index is set */\n  handleNewIndex: (index: number) => void,\n  /** List of elements that should have rocing focus */\n  inputRefList: React.MutableRefObject<React.RefObject<HTMLElement>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement>,\n  /** Indicated wether right/left or up/down arrows should be used for navigation. Default is up/down. */\n  leftRightNavigation?: boolean\n): void => {\n  leftRightNavigation = leftRightNavigation ?? false;\n\n  // Initialize only first index to be tabbable\n  useEffect(() => {\n    if (!inputRefList.current) {\n      return;\n    }\n    inputRefList.current.forEach(ref => {\n      ref.current?.setAttribute('tabIndex', '-1');\n    });\n    inputRefList.current[0]?.current?.setAttribute('tabIndex', '0');\n  }, []);\n\n  const handleKeyboardNavigation = (event: KeyboardEvent): void => {\n    if (event.key === KeyboardEventKey.Tab) {\n      return;\n    }\n    event.preventDefault();\n\n    if (!inputRefList.current) {\n      return;\n    }\n    const index = inputRefList.current.findIndex(x => x.current === event.target);\n    let nextIndex = index;\n\n    if (event.key === KeyboardEventKey.Home) {\n      nextIndex = 0;\n    } else if (event.key === KeyboardEventKey.End) {\n      nextIndex = inputRefList.current.length - 1;\n    } else if (\n      (event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) &&\n      index < inputRefList.current.length - 1\n    ) {\n      nextIndex = index + 1;\n    } else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) {\n      nextIndex = index - 1;\n    } else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) {\n      nextIndex = index;\n    }\n\n    if (nextIndex !== -1) {\n      inputRefList.current?.forEach((ref, i) => {\n        if (ref.current) {\n          ref.current.tabIndex = i === nextIndex ? 0 : -1;\n        }\n      });\n      inputRefList.current[nextIndex]?.current?.focus();\n      inputRefList.current[nextIndex]?.current?.click?.();\n      handleNewIndex(nextIndex);\n    }\n  };\n\n  const commonKeys = [KeyboardEventKey.End, KeyboardEventKey.Enter, KeyboardEventKey.Escape, KeyboardEventKey.Home];\n\n  const arrowKeys = leftRightNavigation\n    ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft]\n    : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];\n\n  useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);\n};\n"],"names":["useRovingFocus","handleNewIndex","inputRefList","containerRef","leftRightNavigation","useEffect","ref","_a","_b","handleKeyboardNavigation","event","KeyboardEventKey","index","x","nextIndex","i","_c","_f","_e","_d","commonKeys","arrowKeys","useKeyboardEvent"],"mappings":";;;AAMO,MAAMA,IAAiB,CAE5BC,GAEAC,GAEAC,GAEAC,MACS;AACT,EAAAA,IAAsBA,KAAuB,IAG7CC,EAAU,MAAM;;AACV,IAACH,EAAa,YAGLA,EAAA,QAAQ,QAAQ,CAAOI,MAAA;;AAC9B,OAAAC,IAAAD,EAAA,YAAA,QAAAC,EAAS,aAAa,YAAY;AAAA,IAAI,CAC3C,IACDC,KAAAD,IAAAL,EAAa,QAAQ,CAAC,MAAtB,gBAAAK,EAAyB,YAAzB,QAAAC,EAAkC,aAAa,YAAY;AAAA,EAC7D,GAAG,CAAE,CAAA;AAEC,QAAAC,IAA2B,CAACC,MAA+B;;AAM3D,QALAA,EAAM,QAAQC,EAAiB,QAGnCD,EAAM,eAAe,GAEjB,CAACR,EAAa;AAChB;AAEI,UAAAU,IAAQV,EAAa,QAAQ,UAAU,OAAKW,EAAE,YAAYH,EAAM,MAAM;AAC5E,QAAII,IAAYF;AAEZ,IAAAF,EAAM,QAAQC,EAAiB,OACrBG,IAAA,IACHJ,EAAM,QAAQC,EAAiB,MAC5BG,IAAAZ,EAAa,QAAQ,SAAS,KAEzCQ,EAAM,QAAQC,EAAiB,aAAaD,EAAM,QAAQC,EAAiB,eAC5EC,IAAQV,EAAa,QAAQ,SAAS,IAEtCY,IAAYF,IAAQ,KACVF,EAAM,QAAQC,EAAiB,WAAWD,EAAM,QAAQC,EAAiB,cAAcC,IAAQ,IACzGE,IAAYF,IAAQ,KACXF,EAAM,QAAQC,EAAiB,SAASD,EAAM,QAAQC,EAAiB,WACpEG,IAAAF,IAGVE,MAAc,QAChBP,IAAAL,EAAa,YAAb,QAAAK,EAAsB,QAAQ,CAACD,GAAKS,MAAM;AACxC,MAAIT,EAAI,YACNA,EAAI,QAAQ,WAAWS,MAAMD,IAAY,IAAI;AAAA,IAC/C,KAEFE,KAAAR,IAAAN,EAAa,QAAQY,CAAS,MAA9B,gBAAAN,EAAiC,YAAjC,QAAAQ,EAA0C,UAC1CC,KAAAC,KAAAC,IAAAjB,EAAa,QAAQY,CAAS,MAA9B,gBAAAK,EAAiC,YAAjC,gBAAAD,EAA0C,UAA1C,QAAAD,EAAA,KAAAC,IACAjB,EAAea,CAAS;AAAA,EAC1B,GAGIM,IAAa,CAACT,EAAiB,KAAKA,EAAiB,OAAOA,EAAiB,QAAQA,EAAiB,IAAI,GAE1GU,IAAYjB,IACd,CAACO,EAAiB,YAAYA,EAAiB,SAAS,IACxD,CAACA,EAAiB,SAASA,EAAiB,SAAS;AAEzD,EAAAW,EAAiBnB,GAAcM,GAA0B,CAAC,GAAGW,GAAY,GAAGC,CAAS,CAAC;AACxF;"}
+{"version":3,"file":"useRovingFocus.js","sources":["../../src/hooks/useRovingFocus.tsx"],"sourcesContent":["// Inspiration from https://www.joshuawootonn.com/react-roving-tabindex\nimport { useEffect } from 'react';\n\nimport { useKeyboardEvent } from './useKeyboardEvent';\nimport { KeyboardEventKey } from '../constants';\n\nexport const useRovingFocus = (\n  /** Function to run when new index is set */\n  handleNewIndex: (index: number) => void,\n  /** List of elements that should have rocing focus */\n  inputRefList: React.MutableRefObject<React.RefObject<HTMLElement>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement>,\n  /** Indicated wether right/left or up/down arrows should be used for navigation. Default is up/down. */\n  leftRightNavigation?: boolean\n): void => {\n  leftRightNavigation = leftRightNavigation ?? false;\n\n  // Initialize only first index to be tabbable\n  useEffect(() => {\n    if (!inputRefList.current) {\n      return;\n    }\n    inputRefList.current.forEach(ref => {\n      ref.current?.setAttribute('tabIndex', '-1');\n    });\n    inputRefList.current[0]?.current?.setAttribute('tabIndex', '0');\n  }, []);\n\n  const handleKeyboardNavigation = (event: KeyboardEvent): void => {\n    if (event.key === KeyboardEventKey.Tab) {\n      return;\n    }\n    event.preventDefault();\n\n    if (!inputRefList.current) {\n      return;\n    }\n    const index = inputRefList.current.findIndex(x => x.current === event.target);\n    let nextIndex = index;\n\n    if (event.key === KeyboardEventKey.Home) {\n      nextIndex = 0;\n    } else if (event.key === KeyboardEventKey.End) {\n      nextIndex = inputRefList.current.length - 1;\n    } else if (\n      (event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) &&\n      index < inputRefList.current.length - 1\n    ) {\n      nextIndex = index + 1;\n    } else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) {\n      nextIndex = index - 1;\n    } else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) {\n      nextIndex = index;\n    }\n\n    if (nextIndex !== -1) {\n      inputRefList.current?.forEach((ref, i) => {\n        if (ref.current) {\n          ref.current.tabIndex = i === nextIndex ? 0 : -1;\n        }\n      });\n      inputRefList.current[nextIndex]?.current?.focus();\n      inputRefList.current[nextIndex]?.current?.click?.();\n      handleNewIndex(nextIndex);\n    }\n  };\n\n  const commonKeys = [KeyboardEventKey.End, KeyboardEventKey.Enter, KeyboardEventKey.Escape, KeyboardEventKey.Home];\n\n  const arrowKeys = leftRightNavigation\n    ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft]\n    : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];\n\n  useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);\n};\n"],"names":["_a"],"mappings":";;;AAMO,MAAM,iBAAiB,CAE5B,gBAEA,cAEA,cAEA,wBACS;AACT,wBAAsB,uBAAuB;AAG7C,YAAU,MAAM;;AACV,QAAA,CAAC,aAAa,SAAS;AACzB;AAAA,IAAA;AAEW,iBAAA,QAAQ,QAAQ,CAAO,QAAA;;AAC9B,OAAAA,MAAA,IAAA,YAAA,gBAAAA,IAAS,aAAa,YAAY;AAAA,IAAI,CAC3C;AACD,6BAAa,QAAQ,CAAC,MAAtB,mBAAyB,YAAzB,mBAAkC,aAAa,YAAY;AAAA,EAC7D,GAAG,EAAE;AAEC,QAAA,2BAA2B,CAAC,UAA+B;;AAC3D,QAAA,MAAM,QAAQ,iBAAiB,KAAK;AACtC;AAAA,IAAA;AAEF,UAAM,eAAe;AAEjB,QAAA,CAAC,aAAa,SAAS;AACzB;AAAA,IAAA;AAEI,UAAA,QAAQ,aAAa,QAAQ,UAAU,OAAK,EAAE,YAAY,MAAM,MAAM;AAC5E,QAAI,YAAY;AAEZ,QAAA,MAAM,QAAQ,iBAAiB,MAAM;AAC3B,kBAAA;AAAA,IACH,WAAA,MAAM,QAAQ,iBAAiB,KAAK;AACjC,kBAAA,aAAa,QAAQ,SAAS;AAAA,IAAA,YAEzC,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,GACtC;AACA,kBAAY,QAAQ;AAAA,IACtB,YAAY,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,GAAG;AAC5G,kBAAY,QAAQ;AAAA,IAAA,WACX,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,OAAO;AAC3E,kBAAA;AAAA,IAAA;AAGd,QAAI,cAAc,IAAI;AACpB,yBAAa,YAAb,mBAAsB,QAAQ,CAAC,KAAK,MAAM;AACxC,YAAI,IAAI,SAAS;AACf,cAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;AAAA,QAAA;AAAA,MAC/C;AAEF,+BAAa,QAAQ,SAAS,MAA9B,mBAAiC,YAAjC,mBAA0C;AAC1C,qCAAa,QAAQ,SAAS,MAA9B,mBAAiC,YAAjC,mBAA0C,UAA1C;AACA,qBAAe,SAAS;AAAA,IAAA;AAAA,EAE5B;AAEM,QAAA,aAAa,CAAC,iBAAiB,KAAK,iBAAiB,OAAO,iBAAiB,QAAQ,iBAAiB,IAAI;AAEhH,QAAM,YAAY,sBACd,CAAC,iBAAiB,YAAY,iBAAiB,SAAS,IACxD,CAAC,iBAAiB,SAAS,iBAAiB,SAAS;AAEzD,mBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,SAAS,CAAC;AACxF;"}

package/hooks/useSize.js

@@ -1,28 +1,47 @@
-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;
+import { useRef, useState, useEffect } from "react";
+import { debounce } from "../utils/debounce.js";
+const useSize = (ref) => {
+  const ticking = useRef(false);
+  const [size, setSize] = useState();
+  useEffect(() => {
+    if (typeof ResizeObserver !== "undefined") {
+      const resizeObserver = new ResizeObserver((entries) => {
+        if (!ticking.current) {
+          window.requestAnimationFrame(() => {
+            setSize(entries[0].target.getBoundingClientRect());
+            ticking.current = false;
+          });
+        }
+        ticking.current = true;
       });
-      return e != null && e.current && n.observe(e == null ? void 0 : e.current), () => {
-        e != null && e.current ? n.unobserve(e.current) : n.disconnect();
+      if (ref == null ? void 0 : ref.current) {
+        resizeObserver.observe(ref == null ? void 0 : ref.current);
+      }
+      return () => {
+        if (ref == null ? void 0 : ref.current) {
+          resizeObserver.unobserve(ref.current);
+        } else {
+          resizeObserver.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));
+    } else if (typeof window === "object") {
+      const handleLayoutEvent = () => {
+        (ref == null ? void 0 : ref.current) && setSize(ref.current.getBoundingClientRect());
+      };
+      const events = ["layoutchange", "resize", "orientationchange"];
+      const debounceMs = 10;
+      const [debouncedCallback, teardown] = debounce(handleLayoutEvent, debounceMs);
+      events.forEach((eventName) => window.addEventListener(eventName, debouncedCallback));
+      debouncedCallback();
+      return () => {
+        teardown();
+        events.forEach((eventName) => window.removeEventListener(eventName, debouncedCallback));
       };
     }
-  }, [e == null ? void 0 : e.current]), u;
+  }, [ref == null ? void 0 : ref.current]);
+  return size;
 };
 export {
-  m as useSize
+  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":";;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;"}
+{"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":[],"mappings":";;AAWa,MAAA,UAAU,CAAC,QAA4D;AAC5E,QAAA,UAAU,OAAO,KAAK;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB;AAC1C,YAAU,MAAM;AACV,QAAA,OAAO,mBAAmB,aAAa;AACnC,YAAA,iBAAiB,IAAI,eAAe,CAAW,YAAA;AAC/C,YAAA,CAAC,QAAQ,SAAS;AACpB,iBAAO,sBAAsB,MAAM;AACjC,oBAAQ,QAAQ,CAAC,EAAE,OAAO,uBAAuB;AACjD,oBAAQ,UAAU;AAAA,UAAA,CACnB;AAAA,QAAA;AAEH,gBAAQ,UAAU;AAAA,MAAA,CACnB;AACD,UAAI,2BAAK,SAAS;AACD,uBAAA,QAAQ,2BAAK,OAAO;AAAA,MAAA;AAErC,aAAO,MAAY;AACjB,YAAI,2BAAK,SAAS;AACD,yBAAA,UAAU,IAAI,OAAO;AAAA,QAAA,OAC/B;AACL,yBAAe,WAAW;AAAA,QAAA;AAAA,MAE9B;AAAA,IAAA,WACS,OAAO,WAAW,UAAU;AAErC,YAAM,oBAAoB,MAAM;AAC9B,oCAAK,YAAW,QAAQ,IAAI,QAAQ,uBAAuB;AAAA,MAC7D;AAEA,YAAM,SAAS,CAAC,gBAAgB,UAAU,mBAAmB;AAC7D,YAAM,aAAa;AAEnB,YAAM,CAAC,mBAAmB,QAAQ,IAAI,SAAS,mBAAmB,UAAU;AAE5E,aAAO,QAAQ,CAAa,cAAA,OAAO,iBAAiB,WAAW,iBAAiB,CAAC;AAE/D,wBAAA;AAElB,aAAO,MAAM;AACF,iBAAA;AACT,eAAO,QAAQ,CAAa,cAAA,OAAO,oBAAoB,WAAW,iBAAiB,CAAC;AAAA,MACtF;AAAA,IAAA;AAAA,EACF,GACC,CAAC,2BAAK,OAAO,CAAC;AAEV,SAAA;AACT;"}

package/hooks/useToggle.js

@@ -1,16 +1,24 @@
-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);
+import { useState, useEffect } from "react";
+import { usePrevious } from "./usePrevious.js";
+const useToggle = (initialValue, callback) => {
+  const [value, setValue] = useState(initialValue);
+  const previousValue = usePrevious(value);
+  const toggleValue = () => {
+    setValue(!value);
   };
-  return r(() => {
-    o !== e && t(o);
-  }, [o]), r(() => {
-    s && e !== !!u && s(e);
-  }, [e, s]), { value: e, toggleValue: f };
+  useEffect(() => {
+    if (initialValue !== value) {
+      setValue(initialValue);
+    }
+  }, [initialValue]);
+  useEffect(() => {
+    if (callback && value !== !!previousValue) {
+      callback(value);
+    }
+  }, [value, callback]);
+  return { value, toggleValue };
 };
 export {
-  n as useToggle
+  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":";;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;"}
+{"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":[],"mappings":";;AAWa,MAAA,YAAY,CAAC,cAAuB,aAAqF;AACpI,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AACzC,QAAA,gBAAgB,YAAY,KAAK;AAEvC,QAAM,cAAc,MAAM;AACxB,aAAS,CAAC,KAAK;AAAA,EACjB;AAEA,YAAU,MAAM;AACd,QAAI,iBAAiB,OAAO;AAC1B,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,YAAY,CAAC;AAEjB,YAAU,MAAM;AACd,QAAI,YAAY,UAAU,CAAC,CAAC,eAAe;AACzC,eAAS,KAAK;AAAA,IAAA;AAAA,EAChB,GACC,CAAC,OAAO,QAAQ,CAAC;AAEb,SAAA,EAAE,OAAO,YAAY;AAC9B;"}

package/hooks/useUuid.js

@@ -1,10 +1,10 @@
-import { useState as r } from "react";
-import { u } from "../uuid.js";
-const s = (t) => {
-  const [o] = r(t || u());
-  return o;
+import { useState } from "react";
+import { u as uuid } from "../uuid.js";
+const useUuid = (initial) => {
+  const [id] = useState(initial || uuid());
+  return id;
 };
 export {
-  s as useUuid
+  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":";;AASa,MAAAA,IAAU,CAACC,MAA6B;AACnD,QAAM,CAACC,CAAE,IAAIC,EAASF,KAAWG,EAAM,CAAA;AAEhC,SAAAF;AACT;"}
+{"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":[],"mappings":";;AASa,MAAA,UAAU,CAAC,YAA6B;AACnD,QAAM,CAAC,EAAE,IAAI,SAAS,WAAW,MAAM;AAEhC,SAAA;AACT;"}

package/hooks/usestopPropagation.js

@@ -1,15 +1,18 @@
-import { useEffect as a } from "react";
-const p = (t, r) => {
-  const e = (o) => o.stopPropagation();
-  a(() => (r.forEach((o) => {
-    var n;
-    return (n = t == null ? void 0 : t.current) == null ? void 0 : n.addEventListener(o, e);
-  }), () => r.forEach((o) => {
-    var n;
-    return (n = t.current) == null ? void 0 : n.removeEventListener(o, e);
-  })), [t]);
+import { useEffect } from "react";
+const useStopPropagation = (ref, events) => {
+  const handleEvent = (e) => e.stopPropagation();
+  useEffect(() => {
+    events.forEach((name) => {
+      var _a;
+      return (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.addEventListener(name, handleEvent);
+    });
+    return () => events.forEach((name) => {
+      var _a;
+      return (_a = ref.current) == null ? void 0 : _a.removeEventListener(name, handleEvent);
+    });
+  }, [ref]);
 };
 export {
-  p as useStopPropagation
+  useStopPropagation
 };
 //# sourceMappingURL=usestopPropagation.js.map

package/hooks/usestopPropagation.js.map

@@ -1 +1 @@
-{"version":3,"file":"usestopPropagation.js","sources":["../../src/hooks/usestopPropagation.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Stopp eventer fra å boble opp videre i DOMen\n * @param ref Element som skal overvåkes\n * @param events Navn på eventer som ikke skal boble opp\n */\nexport const useStopPropagation = (ref: React.RefObject<HTMLElement>, events: string[]) => {\n  const handleEvent = (e: Event): void => e.stopPropagation();\n\n  useEffect(() => {\n    events.forEach(name => ref?.current?.addEventListener(name, handleEvent));\n\n    return (): void => events.forEach(name => ref.current?.removeEventListener(name, handleEvent));\n  }, [ref]);\n};\n"],"names":["useStopPropagation","ref","events","handleEvent","e","useEffect","name","_a"],"mappings":";AAOa,MAAAA,IAAqB,CAACC,GAAmCC,MAAqB;AACzF,QAAMC,IAAc,CAACC,MAAmBA,EAAE,gBAAgB;AAE1D,EAAAC,EAAU,OACRH,EAAO,QAAQ,CAAQI;;AAAA,YAAAC,IAAAN,KAAA,gBAAAA,EAAK,YAAL,gBAAAM,EAAc,iBAAiBD,GAAMH;AAAA,GAAY,GAEjE,MAAYD,EAAO,QAAQ,CAAAI,MAAQ;;AAAA,YAAAC,IAAAN,EAAI,YAAJ,gBAAAM,EAAa,oBAAoBD,GAAMH;AAAA,GAAY,IAC5F,CAACF,CAAG,CAAC;AACV;"}
+{"version":3,"file":"usestopPropagation.js","sources":["../../src/hooks/usestopPropagation.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Stopp eventer fra å boble opp videre i DOMen\n * @param ref Element som skal overvåkes\n * @param events Navn på eventer som ikke skal boble opp\n */\nexport const useStopPropagation = (ref: React.RefObject<HTMLElement>, events: string[]) => {\n  const handleEvent = (e: Event): void => e.stopPropagation();\n\n  useEffect(() => {\n    events.forEach(name => ref?.current?.addEventListener(name, handleEvent));\n\n    return (): void => events.forEach(name => ref.current?.removeEventListener(name, handleEvent));\n  }, [ref]);\n};\n"],"names":[],"mappings":";AAOa,MAAA,qBAAqB,CAAC,KAAmC,WAAqB;AACzF,QAAM,cAAc,CAAC,MAAmB,EAAE,gBAAgB;AAE1D,YAAU,MAAM;AACd,WAAO,QAAQ,CAAQ,SAAA;;AAAA,8CAAK,YAAL,mBAAc,iBAAiB,MAAM;AAAA,KAAY;AAEjE,WAAA,MAAY,OAAO,QAAQ,CAAA,SAAA;;AAAQ,uBAAI,YAAJ,mBAAa,oBAAoB,MAAM;AAAA,KAAY;AAAA,EAAA,GAC5F,CAAC,GAAG,CAAC;AACV;"}

package/index.d.ts

@@ -7,7 +7,6 @@ export { useIntersectionObserver } from './hooks/useIntersectionObserver';
 export { useIsVisible } from './hooks/useIsVisible';
 export { useLayoutEvent } from './hooks/useLayoutEvent';
 export { usePrevious } from './hooks/usePrevious';
-export { useSticky } from './hooks/useSticky';
 export { useSize } from './hooks/useSize';
 export { useResizeObserver } from './hooks/useResizeObserver';
 export { useToggle } from './hooks/useToggle';

package/index.js

@@ -1,48 +1,46 @@
-import { theme as r } from "./theme/index.js";
-import { Breakpoint as s, useBreakpoint as u } from "./hooks/useBreakpoint.js";
-import { useFocusToggle as p } from "./hooks/useFocusToggle.js";
-import { useFocusTrap as f } from "./hooks/useFocusTrap.js";
-import { useHover as n } from "./hooks/useHover.js";
-import { useIntersectionObserver as v } from "./hooks/useIntersectionObserver.js";
-import { useIsVisible as E } from "./hooks/useIsVisible.js";
-import { useLayoutEvent as c } from "./hooks/useLayoutEvent.js";
-import { usePrevious as y } from "./hooks/usePrevious.js";
-import { useSticky as I } from "./hooks/useSticky.js";
-import { useSize as g } from "./hooks/useSize.js";
-import { useResizeObserver as F } from "./hooks/useResizeObserver.js";
-import { useToggle as R } from "./hooks/useToggle.js";
-import { useKeyboardEvent as k } from "./hooks/useKeyboardEvent.js";
-import { useOutsideEvent as H } from "./hooks/useOutsideEvent.js";
-import { useUuid as _ } from "./hooks/useUuid.js";
-import { isMobileUA as P } from "./utils/mobile.js";
-import { u as V } from "./uuid.js";
-import { AVERAGE_CHARACTER_WIDTH_PX as D, AnalyticsId as G, FormOnColor as L, FormSize as M, IconSize as W, KeyboardEventKey as X, ZIndex as Z } from "./constants.js";
+import { theme } from "./theme/index.js";
+import { Breakpoint, useBreakpoint } from "./hooks/useBreakpoint.js";
+import { useFocusToggle } from "./hooks/useFocusToggle.js";
+import { useFocusTrap } from "./hooks/useFocusTrap.js";
+import { useHover } from "./hooks/useHover.js";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
+import { useIsVisible } from "./hooks/useIsVisible.js";
+import { useLayoutEvent } from "./hooks/useLayoutEvent.js";
+import { usePrevious } from "./hooks/usePrevious.js";
+import { useSize } from "./hooks/useSize.js";
+import { useResizeObserver } from "./hooks/useResizeObserver.js";
+import { useToggle } from "./hooks/useToggle.js";
+import { useKeyboardEvent } from "./hooks/useKeyboardEvent.js";
+import { useOutsideEvent } from "./hooks/useOutsideEvent.js";
+import { useUuid } from "./hooks/useUuid.js";
+import { isMobileUA } from "./utils/mobile.js";
+import { u } from "./uuid.js";
+import { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, FormOnColor, FormSize, IconSize, KeyboardEventKey, ZIndex } from "./constants.js";
 export {
-  D as AVERAGE_CHARACTER_WIDTH_PX,
-  G as AnalyticsId,
-  s as Breakpoint,
-  L as FormOnColor,
-  M as FormSize,
-  W as IconSize,
-  X as KeyboardEventKey,
-  Z as ZIndex,
-  P as isMobileUA,
-  r as theme,
-  u as useBreakpoint,
-  p as useFocusToggle,
-  f as useFocusTrap,
-  n as useHover,
-  v as useIntersectionObserver,
-  E as useIsVisible,
-  k as useKeyboardEvent,
-  c as useLayoutEvent,
-  H as useOutsideEvent,
-  y as usePrevious,
-  F as useResizeObserver,
-  g as useSize,
-  I as useSticky,
-  R as useToggle,
-  _ as useUuid,
-  V as uuid
+  AVERAGE_CHARACTER_WIDTH_PX,
+  AnalyticsId,
+  Breakpoint,
+  FormOnColor,
+  FormSize,
+  IconSize,
+  KeyboardEventKey,
+  ZIndex,
+  isMobileUA,
+  theme,
+  useBreakpoint,
+  useFocusToggle,
+  useFocusTrap,
+  useHover,
+  useIntersectionObserver,
+  useIsVisible,
+  useKeyboardEvent,
+  useLayoutEvent,
+  useOutsideEvent,
+  usePrevious,
+  useResizeObserver,
+  useSize,
+  useToggle,
+  useUuid,
+  u as uuid
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helsenorge/designsystem.git"
   },
   "homepage": "https://helsenorge.design",
-  "version": "9.4.0",
+  "version": "9.4.3",
   "author": "Helsenorge",
   "license": "MIT",
   "dependencies": {