@helsenorge/designsystem-react 5.4.1 → 6.0.0-beta.10

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;"}

package/index.js

@@ -1,2 +1,48 @@
-import{theme as a}from"./theme/index.js";import{Breakpoint as v,useBreakpoint as E}from"./hooks/useBreakpoint.js";import{useFocusToggle as c}from"./hooks/useFocusToggle.js";import{useFocusTrap as A}from"./hooks/useFocusTrap.js";import{useHover as l}from"./hooks/useHover.js";import{useIntersectionObserver as g}from"./hooks/useIntersectionObserver.js";import{useIsVisible as R}from"./hooks/useIsVisible.js";import{useLayoutEvent as z}from"./hooks/useLayoutEvent.js";import{usePrevious as K}from"./hooks/usePrevious.js";import{useSticky as S}from"./hooks/useSticky.js";import{useSize as _}from"./hooks/useSize.js";import{useResizeObserver as C}from"./hooks/useResizeObserver.js";import{useToggle as P}from"./hooks/useToggle.js";import{useKeyboardEvent as h}from"./hooks/useKeyboardEvent.js";import{useOutsideEvent as G}from"./hooks/useOutsideEvent.js";import{useUuid as W}from"./hooks/useUuid.js";import{isMobileUA as Z}from"./utils/mobile.js";import{u as q}from"./uuid.js";import{AVERAGE_CHARACTER_WIDTH_PX as J,AnalyticsId as N,FormMode as Q,FormVariant as Y,IconSize as $,KeyboardEventKey as oo,ZIndex as eo}from"./constants.js";import"./theme/grid.js";import"./theme/palette.js";import"./theme/spacers.js";import"react";import"./hooks/useElementList.js";import"./hooks/useFocusableElements.js";import"./utils/focus.js";import"./hooks/usePseudoClasses.js";import"./utils/debounce.js";import"./utils/environment.js";export{J as AVERAGE_CHARACTER_WIDTH_PX,N as AnalyticsId,v as Breakpoint,Q as FormMode,Y as FormVariant,$ as IconSize,oo as KeyboardEventKey,eo as ZIndex,Z as isMobileUA,a as theme,E as useBreakpoint,c as useFocusToggle,A as useFocusTrap,l as useHover,g as useIntersectionObserver,R as useIsVisible,h as useKeyboardEvent,z as useLayoutEvent,G as useOutsideEvent,K as usePrevious,C as useResizeObserver,_ as useSize,S as useSticky,P as useToggle,W as useUuid,q as uuid};
+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 A } from "./hooks/usePrevious.js";
+import { useSticky as l } from "./hooks/useSticky.js";
+import { useSize as g } from "./hooks/useSize.js";
+import { useResizeObserver as F } from "./hooks/useResizeObserver.js";
+import { useToggle as S } from "./hooks/useToggle.js";
+import { useKeyboardEvent as H } from "./hooks/useKeyboardEvent.js";
+import { useOutsideEvent as O } from "./hooks/useOutsideEvent.js";
+import { useUuid as B } from "./hooks/useUuid.js";
+import { isMobileUA as M } from "./utils/mobile.js";
+import { uuid as U } from "./utils/uuid.js";
+import { AVERAGE_CHARACTER_WIDTH_PX as h, AnalyticsId as D, FormMode as G, FormSize as L, IconSize as W, KeyboardEventKey as X, ZIndex as Z } from "./constants.js";
+export {
+  h as AVERAGE_CHARACTER_WIDTH_PX,
+  D as AnalyticsId,
+  s as Breakpoint,
+  G as FormMode,
+  L as FormSize,
+  W as IconSize,
+  X as KeyboardEventKey,
+  Z as ZIndex,
+  M as isMobileUA,
+  r as theme,
+  u as useBreakpoint,
+  p as useFocusToggle,
+  f as useFocusTrap,
+  n as useHover,
+  v as useIntersectionObserver,
+  E as useIsVisible,
+  H as useKeyboardEvent,
+  c as useLayoutEvent,
+  O as useOutsideEvent,
+  A as usePrevious,
+  F as useResizeObserver,
+  g as useSize,
+  l as useSticky,
+  S as useToggle,
+  B as 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": "https://github.com/helsenorge/designsystem"
   },
   "homepage": "https://helsenorge.design",
-  "version": "5.4.1",
+  "version": "6.0.0-beta.10",
   "author": "Helsenorge",
   "license": "MIT",
   "dependencies": {

package/scss/_input.scss

@@ -20,7 +20,7 @@
     padding-right: 0.375rem;
   }
 
-  &--bigform {
+  &--large {
     padding: getSpacer(2xs) 0;
 
     svg:first-of-type {

package/theme/currys/color.js

@@ -1,2 +1,7 @@
-import{theme as r}from"../index.js";import"../grid.js";import"../palette.js";import"../spacers.js";const e=o=>o==="black"||o==="white",p=(o,t)=>r.palette[`${o}${e(o)?"":t}`],s=o=>`${p(o,700)}0D`;export{p as getColor,s as getHoverColor};
+import { theme as e } from "../index.js";
+const r = (o) => o === "black" || o === "white", l = (o, t) => e.palette[`${o}${r(o) ? "" : t}`], p = (o) => `${l(o, 700)}0D`;
+export {
+  l as getColor,
+  p as getHoverColor
+};
 //# sourceMappingURL=color.js.map

package/theme/currys/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { theme } from '..';\nimport { PaletteNames, PaletteDepths } from '../palette';\n\nconst isComplementary = (name: PaletteNames) => name === 'black' || name === 'white';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths) => theme.palette[`${name}${isComplementary(name) ? '' : depth}`];\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":["isComplementary","name","getColor","depth","theme","getHoverColor","color"],"mappings":"mGAGA,MAAMA,EAAmBC,GAAuBA,IAAS,SAAWA,IAAS,QAEhEC,EAAW,CAACD,EAAoBE,IAA0BC,EAAM,QAAQ,GAAGH,CAAI,GAAGD,EAAgBC,CAAI,EAAI,GAAKE,CAAK,EAAE,EAEtHE,EAAiBC,GAA4C,GAAGJ,EAASI,EAAO,GAAG,CAAC"}
+{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { theme } from '..';\nimport { PaletteNames, PaletteDepths } from '../palette';\n\nconst isComplementary = (name: PaletteNames) => name === 'black' || name === 'white';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths) => theme.palette[`${name}${isComplementary(name) ? '' : depth}`];\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":["isComplementary","name","getColor","depth","theme","getHoverColor","color"],"mappings":";AAGA,MAAMA,IAAkB,CAACC,MAAuBA,MAAS,WAAWA,MAAS,SAEhEC,IAAW,CAACD,GAAoBE,MAA0BC,EAAM,QAAQ,GAAGH,CAAI,GAAGD,EAAgBC,CAAI,IAAI,KAAKE,CAAK,EAAE,GAEtHE,IAAgB,CAACC,MAA4C,GAAGJ,EAASI,GAAO,GAAG,CAAC;"}

package/theme/currys/index.js

@@ -1,2 +1,9 @@
-import{getColor as a,getHoverColor as i}from"./color.js";import{getSpacer as l,mapSpacerValue as c}from"./spacing.js";import"../index.js";import"../grid.js";import"../palette.js";import"../spacers.js";export{a as getColor,i as getHoverColor,l as getSpacer,c as mapSpacerValue};
+import { getColor as r, getHoverColor as p } from "./color.js";
+import { getSpacer as a, mapSpacerValue as g } from "./spacing.js";
+export {
+  r as getColor,
+  p as getHoverColor,
+  a as getSpacer,
+  g as mapSpacerValue
+};
 //# sourceMappingURL=index.js.map

package/theme/currys/index.js.map

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

package/theme/currys/spacing.js

@@ -1,2 +1,38 @@
-import{spacers as e}from"../spacers.js";const s=r=>{switch(r){case"4xs":return e[1];case"3xs":return e[2];case"2xs":return e[3];case"xs":return e[4];case"s":return e[5];case"m":return e[6];case"l":return e[7];case"xl":return e[8];case"2xl":return e[9];case"3xl":return e[10];case"4xl":return e[11];case"5xl":return e[12];case"6xl":return e[13];default:return e[5]}},c=r=>`${s(r)}rem`;export{c as getSpacer,s as mapSpacerValue};
+import { spacers as e } from "../spacers.js";
+const s = (r) => {
+  switch (r) {
+    case "4xs":
+      return e[1];
+    case "3xs":
+      return e[2];
+    case "2xs":
+      return e[3];
+    case "xs":
+      return e[4];
+    case "s":
+      return e[5];
+    case "m":
+      return e[6];
+    case "l":
+      return e[7];
+    case "xl":
+      return e[8];
+    case "2xl":
+      return e[9];
+    case "3xl":
+      return e[10];
+    case "4xl":
+      return e[11];
+    case "5xl":
+      return e[12];
+    case "6xl":
+      return e[13];
+    default:
+      return e[5];
+  }
+}, c = (r) => `${s(r)}rem`;
+export {
+  c as getSpacer,
+  s as mapSpacerValue
+};
 //# sourceMappingURL=spacing.js.map

package/theme/currys/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { spacers } from './../spacers';\nimport { SpacerSizes } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":["mapSpacerValue","spacerSize","spacers","getSpacer"],"mappings":"wCAGa,MAAAA,EAAkBC,GAAoC,CACjE,OAAQA,EAAY,CAClB,IAAK,MACH,OAAOC,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,KACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,IACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,IACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,IACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,KACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,QACE,OAAOA,EAAQ,CAAC,CACpB,CACF,EAEaC,EAAaF,GAEjB,GADaD,EAAeC,CAAU,CACxB"}
+{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { spacers } from './../spacers';\nimport { SpacerSizes } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":["mapSpacerValue","spacerSize","spacers","getSpacer"],"mappings":";AAGa,MAAAA,IAAiB,CAACC,MAAoC;AACjE,UAAQA,GAAY;AAAA,IAClB,KAAK;AACH,aAAOC,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB;AACE,aAAOA,EAAQ,CAAC;AAAA,EACpB;AACF,GAEaC,IAAY,CAACF,MAEjB,GADaD,EAAeC,CAAU,CACxB;"}

package/theme/grid.js

@@ -1,2 +1,25 @@
-const x={xxs:0,xs:360,sm:564,md:768,lg:1088,xl:1450},s={sm:528,md:612,lg:1056},i={xxs:`(min-width: ${x.xxs}px)`,xs:`(min-width: ${x.xs}px)`,sm:`(min-width: ${x.sm}px)`,md:`(min-width: ${x.md}px)`,lg:`(min-width: ${x.lg}px)`,xl:`(min-width: ${x.xl}px)`};export{x as breakpoints,s as containerMaxWidths,i as screen};
+const x = {
+  xxs: 0,
+  xs: 360,
+  sm: 564,
+  md: 768,
+  lg: 1088,
+  xl: 1450
+}, s = {
+  sm: 528,
+  md: 612,
+  lg: 1056
+}, i = {
+  xxs: `(min-width: ${x.xxs}px)`,
+  xs: `(min-width: ${x.xs}px)`,
+  sm: `(min-width: ${x.sm}px)`,
+  md: `(min-width: ${x.md}px)`,
+  lg: `(min-width: ${x.lg}px)`,
+  xl: `(min-width: ${x.xl}px)`
+};
+export {
+  x as breakpoints,
+  s as containerMaxWidths,
+  i as screen
+};
 //# sourceMappingURL=grid.js.map

package/theme/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"names":["breakpoints","containerMaxWidths","screen"],"mappings":"AAAO,MAAMA,EAAc,CACzB,IAAK,EACL,GAAI,IACJ,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAqB,CAChC,GAAI,IACJ,GAAI,IACJ,GAAI,IACN,EAEaC,EAAS,CACpB,IAAK,eAAeF,EAAY,GAAG,MACnC,GAAI,eAAeA,EAAY,EAAE,MACjC,GAAI,eAAeA,EAAY,EAAE,MACjC,GAAI,eAAeA,EAAY,EAAE,MACjC,GAAI,eAAeA,EAAY,EAAE,MACjC,GAAI,eAAeA,EAAY,EAAE,KACnC"}
+{"version":3,"file":"grid.js","sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"names":["breakpoints","containerMaxWidths","screen"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAS;AAAA,EACpB,KAAK,eAAeF,EAAY,GAAG;AAAA,EACnC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AACnC;"}

package/theme/index.js

@@ -1,2 +1,14 @@
-import{screen as r,breakpoints as e}from"./grid.js";import{palette as o}from"./palette.js";import{spacer as t,spacers as p}from"./spacers.js";const c={spacer:t,spacers:p,palette:o,screen:r,breakpoints:e};export{c as theme};
+import { screen as r, breakpoints as e } from "./grid.js";
+import { palette as o } from "./palette.js";
+import { spacer as t, spacers as p } from "./spacers.js";
+const c = {
+  spacer: t,
+  spacers: p,
+  palette: o,
+  screen: r,
+  breakpoints: e
+};
+export {
+  c as theme
+};
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":["theme","spacer","spacers","palette","screen","breakpoints"],"mappings":"8IAIO,MAAMA,EAAQ,CACnB,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,YAAAC,CACF"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":["theme","spacer","spacers","palette","screen","breakpoints"],"mappings":";;;AAIO,MAAMA,IAAQ;AAAA,EACnB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF;"}

package/theme/palette.js

@@ -1,2 +1,80 @@
-const r={banana50:"#FDF8DF",banana100:"#FCF2BF",banana200:"#F9EA9F",banana300:"#F5E080",banana400:"#EBC840",banana500:"#DDAB06",banana600:"#C59302",banana700:"#AB7C00",banana800:"#916500",banana900:"#764F00"},e={blueberry50:"#E4F7F9",blueberry100:"#CAE7ED",blueberry200:"#AFDAE3",blueberry300:"#7ABECC",blueberry400:"#58AABB",blueberry500:"#188097",blueberry600:"#126F87",blueberry700:"#08667C",blueberry800:"#06596C",blueberry900:"#084350"},a={cherry50:"#FFF2EA",cherry100:"#F7E1D2",cherry200:"#EEC0A5",cherry300:"#E39376",cherry400:"#D56147",cherry500:"#C83521",cherry600:"#B62E1C",cherry700:"#A31F0E",cherry800:"#912112",cherry900:"#7E1C0E"},n={kiwi50:"#E6F8EE",kiwi100:"#C2EDD6",kiwi200:"#9DE2BF",kiwi300:"#79D6AA",kiwi400:"#56CA96",kiwi500:"#33BE84",kiwi600:"#10B172",kiwi700:"#0CA161",kiwi800:"#099150",kiwi900:"#078141"},l={neutral50:"#F5F3F3",neutral100:"#EAE7E7",neutral200:"#D6D4D3",neutral300:"#BDBAB9",neutral400:"#AAA8A6",neutral500:"#989693",neutral600:"#7D7C79",neutral700:"#62625F",neutral800:"#474745",neutral900:"#2B2C2B"},b={plum50:"#EFE4FD",plum100:"#D7BDF9",plum200:"#BF98F3",plum300:"#A875EB",plum400:"#9153E2",plum500:"#7A33D7",plum600:"#6A2ABF",plum700:"#5B22A6",plum800:"#4C1B8C",plum900:"#3C1471"},u={...r,...e,...a,...n,...l,...b,black:"#000000",white:"#ffffff"};export{u as palette};
+const r = {
+  banana50: "#FDF8DF",
+  banana100: "#FCF2BF",
+  banana200: "#F9EA9F",
+  banana300: "#F5E080",
+  banana400: "#EBC840",
+  banana500: "#DDAB06",
+  banana600: "#C59302",
+  banana700: "#AB7C00",
+  banana800: "#916500",
+  banana900: "#764F00"
+}, e = {
+  blueberry50: "#E4F7F9",
+  blueberry100: "#CAE7ED",
+  blueberry200: "#AFDAE3",
+  blueberry300: "#7ABECC",
+  blueberry400: "#58AABB",
+  blueberry500: "#188097",
+  blueberry600: "#126F87",
+  blueberry700: "#08667C",
+  blueberry800: "#06596C",
+  blueberry900: "#084350"
+}, a = {
+  cherry50: "#FFF2EA",
+  cherry100: "#F7E1D2",
+  cherry200: "#EEC0A5",
+  cherry300: "#E39376",
+  cherry400: "#D56147",
+  cherry500: "#C83521",
+  cherry600: "#B62E1C",
+  cherry700: "#A31F0E",
+  cherry800: "#912112",
+  cherry900: "#7E1C0E"
+}, n = {
+  kiwi50: "#E6F8EE",
+  kiwi100: "#C2EDD6",
+  kiwi200: "#9DE2BF",
+  kiwi300: "#79D6AA",
+  kiwi400: "#56CA96",
+  kiwi500: "#33BE84",
+  kiwi600: "#10B172",
+  kiwi700: "#0CA161",
+  kiwi800: "#099150",
+  kiwi900: "#078141"
+}, l = {
+  neutral50: "#F5F3F3",
+  neutral100: "#EAE7E7",
+  neutral200: "#D6D4D3",
+  neutral300: "#BDBAB9",
+  neutral400: "#AAA8A6",
+  neutral500: "#989693",
+  neutral600: "#7D7C79",
+  neutral700: "#62625F",
+  neutral800: "#474745",
+  neutral900: "#2B2C2B"
+}, b = {
+  plum50: "#EFE4FD",
+  plum100: "#D7BDF9",
+  plum200: "#BF98F3",
+  plum300: "#A875EB",
+  plum400: "#9153E2",
+  plum500: "#7A33D7",
+  plum600: "#6A2ABF",
+  plum700: "#5B22A6",
+  plum800: "#4C1B8C",
+  plum900: "#3C1471"
+}, u = {
+  ...r,
+  ...e,
+  ...a,
+  ...n,
+  ...l,
+  ...b,
+  black: "#000000",
+  white: "#ffffff"
+};
+export {
+  u as palette
+};
 //# sourceMappingURL=palette.js.map