@helsenorge/designsystem-react 15.0.0-beta.0 → 15.0.0

package/lib/getFilterChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFilterChips.js","names":[],"sources":["../src/components/Filter/getFilterChips/getFilterChips.tsx","../src/components/Filter/getFilterChips/index.ts"],"sourcesContent":["import type { FilterValues, UseFilterReturn } from '../useFilter';\n\nimport Chip from '../../Chip';\n\nexport interface GetFilterChipsArgs<T extends FilterValues> {\n  /** The filter instance from useFilter */\n  filter: UseFilterReturn<T>;\n  /** Look up the display label for a filter key + value */\n  getLabel: (key: keyof T, value: unknown) => string;\n  /** Called when a chip is clicked (f.ex. to open the drawer at that filter category) */\n  onChipClick: (key: keyof T, value: unknown) => void;\n  /** Called when a chip's close button is clicked. If not provided, defaults to filter.removeFilter */\n  onChipRemove?: (key: keyof T, value: unknown) => void;\n  /** Called when the overflow chip is clicked */\n  onOverflowChipClick: () => void;\n  /** Function for mapping if close button is shown on chip or not */\n  willShowCloseButton?: (key: keyof T, value?: unknown) => boolean;\n}\n\nfunction getFilterChips<T extends FilterValues>({\n  filter,\n  getLabel,\n  onChipClick,\n  onChipRemove,\n  onOverflowChipClick,\n  willShowCloseButton,\n}: GetFilterChipsArgs<T>): React.ReactNode[] {\n  const maxVisible = 5;\n\n  const allChips = Object.entries(filter.filters).flatMap(([key, raw]) => {\n    const values = [raw ?? []].flat();\n    return values.map(v => ({ key, value: v }));\n  });\n\n  const visibleChips = allChips.slice(0, maxVisible);\n  const overflowCount = allChips.length - maxVisible;\n\n  return [\n    visibleChips.map(({ key, value: v }) => (\n      <Chip\n        key={`${key}-${v}`}\n        onChipClick={() => onChipClick(key as keyof T, v)}\n        onCloseClick={() => {\n          if (onChipRemove) {\n            onChipRemove(key as keyof T, v);\n          } else {\n            filter.removeFilter(key, v);\n          }\n        }}\n        withCloseButton={willShowCloseButton?.(key, v)}\n      >\n        {getLabel(key as keyof T, v)}\n      </Chip>\n    )),\n    overflowCount > 0 && <Chip key=\"overflow\" onChipClick={onOverflowChipClick} withCloseButton={false}>{`+${overflowCount}`}</Chip>,\n  ];\n}\n\nexport default getFilterChips;\n","import getFilterChips from './getFilterChips';\nexport * from './getFilterChips';\nexport default getFilterChips;\n"],"mappings":";;;AAmBA,SAAS,eAAuC,EAC9C,QACA,UACA,aACA,cACA,qBACA,uBAC2C;CAC3C,MAAM,aAAa;CAEnB,MAAM,WAAW,OAAO,QAAQ,OAAO,QAAQ,CAAC,SAAS,CAAC,KAAK,SAAS;EAEtE,OADe,CAAC,OAAO,EAAE,CAAC,CAAC,MACpB,CAAO,KAAI,OAAM;GAAE;GAAK,OAAO;GAAG,EAAE;GAC3C;CAEF,MAAM,eAAe,SAAS,MAAM,GAAG,WAAW;CAClD,MAAM,gBAAgB,SAAS,SAAS;CAExC,OAAO,CACL,aAAa,KAAK,EAAE,KAAK,OAAO,QAC9B,oBAAC,cAAD;EAEE,mBAAmB,YAAY,KAAgB,EAAE;EACjD,oBAAoB;GAClB,IAAI,cACF,aAAa,KAAgB,EAAE;QAE/B,OAAO,aAAa,KAAK,EAAE;;EAG/B,iBAAiB,sBAAsB,KAAK,EAAE;YAE7C,SAAS,KAAgB,EAAE;EACvB,EAZA,GAAG,IAAI,GAAG,IAYV,CACP,EACF,gBAAgB,KAAK,oBAAC,cAAD;EAAqB,aAAa;EAAqB,iBAAiB;YAAQ,IAAI;EAAuB,EAAjG,WAAiG,CACjI;;;;ACrDH,IAAA,yBAAe"}
+{"version":3,"file":"getFilterChips.js","names":[],"sources":["../src/components/Filter/getFilterChips/getFilterChips.tsx","../src/components/Filter/getFilterChips/index.ts"],"sourcesContent":["import type { FilterValues, UseFilterReturn } from '../useFilter';\n\nimport Chip from '../../Chip';\n\nexport interface GetFilterChipsArgs<T extends FilterValues> {\n  /** The filter instance from useFilter */\n  filter: UseFilterReturn<T>;\n  /** Look up the display label for a filter key + value */\n  getLabel: (key: keyof T, value: unknown) => string;\n  /** Called when a chip is clicked (f.ex. to open the drawer at that filter category) */\n  onChipClick: (key: keyof T, value: unknown) => void;\n  /** Called when a chip's close button is clicked. If not provided, defaults to filter.removeFilter */\n  onChipRemove?: (key: keyof T, value: unknown) => void;\n  /** Called when the overflow chip is clicked */\n  onOverflowChipClick: () => void;\n  /** Function for mapping if close button is shown on chip or not */\n  willShowCloseButton?: (key: keyof T, value?: unknown) => boolean;\n}\n\nfunction getFilterChips<T extends FilterValues>({\n  filter,\n  getLabel,\n  onChipClick,\n  onChipRemove,\n  onOverflowChipClick,\n  willShowCloseButton,\n}: GetFilterChipsArgs<T>): React.ReactNode[] {\n  const maxVisible = 5;\n\n  const allChips = Object.entries(filter.filters).flatMap(([key, raw]) => {\n    const values = [raw ?? []].flat();\n    return values.map(v => ({ key, value: v }));\n  });\n\n  const visibleChips = allChips.slice(0, maxVisible);\n  const overflowCount = allChips.length - maxVisible;\n\n  return [\n    visibleChips.map(({ key, value: v }) => (\n      <Chip\n        key={`${key}-${v}`}\n        onChipClick={() => onChipClick(key as keyof T, v)}\n        onCloseClick={() => {\n          if (onChipRemove) {\n            onChipRemove(key as keyof T, v);\n          } else {\n            filter.removeFilter(key, v);\n          }\n        }}\n        withCloseButton={willShowCloseButton?.(key, v)}\n      >\n        {getLabel(key as keyof T, v)}\n      </Chip>\n    )),\n    overflowCount > 0 && <Chip key=\"overflow\" onChipClick={onOverflowChipClick} withCloseButton={false}>{`+${overflowCount}`}</Chip>,\n  ];\n}\n\nexport default getFilterChips;\n","import getFilterChips from './getFilterChips';\nexport * from './getFilterChips';\nexport default getFilterChips;\n"],"mappings":";;;AAmBA,SAAS,eAAuC,EAC9C,QACA,UACA,aACA,cACA,qBACA,uBAC2C;CAC3C,MAAM,aAAa;CAEnB,MAAM,WAAW,OAAO,QAAQ,OAAO,OAAO,EAAE,SAAS,CAAC,KAAK,SAAS;EAEtE,OADe,CAAC,OAAO,CAAC,CAAC,EAAE,KACpB,EAAO,KAAI,OAAM;GAAE;GAAK,OAAO;EAAE,EAAE;CAC5C,CAAC;CAED,MAAM,eAAe,SAAS,MAAM,GAAG,UAAU;CACjD,MAAM,gBAAgB,SAAS,SAAS;CAExC,OAAO,CACL,aAAa,KAAK,EAAE,KAAK,OAAO,QAC9B,oBAAC,cAAD;EAEE,mBAAmB,YAAY,KAAgB,CAAC;EAChD,oBAAoB;GAClB,IAAI,cACF,aAAa,KAAgB,CAAC;QAE9B,OAAO,aAAa,KAAK,CAAC;EAE9B;EACA,iBAAiB,sBAAsB,KAAK,CAAC;YAE5C,SAAS,KAAgB,CAAC;CACvB,GAZC,GAAG,IAAI,GAAG,GAYX,CACP,GACD,gBAAgB,KAAK,oBAAC,cAAD;EAAqB,aAAa;EAAqB,iBAAiB;YAAQ,IAAI;CAAsB,GAAhG,UAAgG,CACjI;AACF;;;ACtDA,IAAA,yBAAe"}

package/lib/hoc/withBreakpoint/withBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"withBreakpoint.js","names":[],"sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import type { Breakpoint } from '../../hooks/useBreakpoint';\n\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.FC<Omit<React.ComponentPropsWithoutRef<C>, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.FC<P>): React.FC<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>): React.FC<Omit<P, keyof BreakpointProps>> {\n  const WithBreakpoint: React.FC<Omit<P, keyof BreakpointProps>> = props => {\n    const breakpoint = useBreakpoint();\n    return <Component {...(props as P)} breakpoint={breakpoint} />;\n  };\n  return WithBreakpoint;\n}\n\nexport default withBreakpoint;\n"],"mappings":";;;AAeA,SAAgB,eAA0C,WAA6E;CACrI,MAAM,kBAA2D,UAAS;EACxE,MAAM,aAAa,eAAe;EAClC,OAAO,oBAAC,WAAD;GAAW,GAAK;GAAyB;GAAc,CAAA;;CAEhE,OAAO"}
+{"version":3,"file":"withBreakpoint.js","names":[],"sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import type { Breakpoint } from '../../hooks/useBreakpoint';\n\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.FC<Omit<React.ComponentPropsWithoutRef<C>, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.FC<P>): React.FC<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>): React.FC<Omit<P, keyof BreakpointProps>> {\n  const WithBreakpoint: React.FC<Omit<P, keyof BreakpointProps>> = props => {\n    const breakpoint = useBreakpoint();\n    return <Component {...(props as P)} breakpoint={breakpoint} />;\n  };\n  return WithBreakpoint;\n}\n\nexport default withBreakpoint;\n"],"mappings":";;;AAeA,SAAgB,eAA0C,WAA6E;CACrI,MAAM,kBAA2D,UAAS;EACxE,MAAM,aAAa,cAAc;EACjC,OAAO,oBAAC,WAAD;GAAW,GAAK;GAAyB;EAAa,CAAA;CAC/D;CACA,OAAO;AACT"}

package/lib/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport { breakpoints, screen } from '../theme/grid';\n\nexport enum Breakpoint {\n  xxs = breakpoints.xxs,\n  xs = breakpoints.xs,\n  sm = breakpoints.sm,\n  md = breakpoints.md,\n  lg = breakpoints.lg,\n  xl = breakpoints.xl,\n}\n\n/** Sjekker nettleserens media queries fra største til minste; det høyeste treffet gjelder */\nfunction getCurrentBreakpoint(): Breakpoint {\n  const mediaQueryList = Object.entries(screen)\n    .reverse() // Sjekk xl, lg, md, osv. i synkende rekkefølge\n    .map(([size, mediaQuery]) => {\n      return {\n        breakpoint: Breakpoint[size as keyof typeof Breakpoint],\n        mq: window.matchMedia(mediaQuery),\n      };\n    });\n\n  const matched = mediaQueryList.find(entry => entry.mq.matches);\n  return matched?.breakpoint ?? Breakpoint.xxs;\n}\n\n/** Event listeners for media queries - dette varslet React ved endringer */\nfunction subscribeToBreakpointChanges(callback: () => void): () => void {\n  const mediaQueryList = Object.values(screen).map(mediaQuery => {\n    const mq = window.matchMedia(mediaQuery);\n    mq.addEventListener('change', callback);\n    return mq;\n  });\n\n  return (): void => {\n    mediaQueryList.forEach(mq => {\n      mq.removeEventListener('change', callback);\n    });\n  };\n}\n\n/** Brukes ved server side rendering der window ikke finnes. Returnerer minste breakpoint som default */\nconst getServerSnapshot = (): Breakpoint => Breakpoint.xxs;\n\nexport const useBreakpoint = (): Breakpoint => {\n  return useSyncExternalStore(subscribeToBreakpointChanges, getCurrentBreakpoint, getServerSnapshot);\n};\n"],"mappings":";;;AAIA,IAAY,aAAL,yBAAA,YAAA;CACL,WAAA,WAAA,SAAM,YAAY,OAAA;CAClB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;;KAClB;;AAGD,SAAS,uBAAmC;CAW1C,OAVuB,OAAO,QAAQ,OAAO,CAC1C,SAAS,CACT,KAAK,CAAC,MAAM,gBAAgB;EAC3B,OAAO;GACL,YAAY,WAAW;GACvB,IAAI,OAAO,WAAW,WAAW;GAClC;GAGW,CAAe,MAAK,UAAS,MAAM,GAAG,QAC/C,EAAS,cAAc,WAAW;;;AAI3C,SAAS,6BAA6B,UAAkC;CACtE,MAAM,iBAAiB,OAAO,OAAO,OAAO,CAAC,KAAI,eAAc;EAC7D,MAAM,KAAK,OAAO,WAAW,WAAW;EACxC,GAAG,iBAAiB,UAAU,SAAS;EACvC,OAAO;GACP;CAEF,aAAmB;EACjB,eAAe,SAAQ,OAAM;GAC3B,GAAG,oBAAoB,UAAU,SAAS;IAC1C;;;;AAKN,IAAM,0BAAsC,WAAW;AAEvD,IAAa,sBAAkC;CAC7C,OAAO,qBAAqB,8BAA8B,sBAAsB,kBAAkB"}
+{"version":3,"file":"useBreakpoint.js","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport { breakpoints, screen } from '../theme/grid';\n\nexport enum Breakpoint {\n  xxs = breakpoints.xxs,\n  xs = breakpoints.xs,\n  sm = breakpoints.sm,\n  md = breakpoints.md,\n  lg = breakpoints.lg,\n  xl = breakpoints.xl,\n}\n\n/** Sjekker nettleserens media queries fra største til minste; det høyeste treffet gjelder */\nfunction getCurrentBreakpoint(): Breakpoint {\n  const mediaQueryList = Object.entries(screen)\n    .reverse() // Sjekk xl, lg, md, osv. i synkende rekkefølge\n    .map(([size, mediaQuery]) => {\n      return {\n        breakpoint: Breakpoint[size as keyof typeof Breakpoint],\n        mq: window.matchMedia(mediaQuery),\n      };\n    });\n\n  const matched = mediaQueryList.find(entry => entry.mq.matches);\n  return matched?.breakpoint ?? Breakpoint.xxs;\n}\n\n/** Event listeners for media queries - dette varslet React ved endringer */\nfunction subscribeToBreakpointChanges(callback: () => void): () => void {\n  const mediaQueryList = Object.values(screen).map(mediaQuery => {\n    const mq = window.matchMedia(mediaQuery);\n    mq.addEventListener('change', callback);\n    return mq;\n  });\n\n  return (): void => {\n    mediaQueryList.forEach(mq => {\n      mq.removeEventListener('change', callback);\n    });\n  };\n}\n\n/** Brukes ved server side rendering der window ikke finnes. Returnerer minste breakpoint som default */\nconst getServerSnapshot = (): Breakpoint => Breakpoint.xxs;\n\nexport const useBreakpoint = (): Breakpoint => {\n  return useSyncExternalStore(subscribeToBreakpointChanges, getCurrentBreakpoint, getServerSnapshot);\n};\n"],"mappings":";;;AAIA,IAAY,aAAL,yBAAA,YAAA;CACL,WAAA,WAAA,SAAM,YAAY,OAAA;CAClB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;CACjB,WAAA,WAAA,QAAK,YAAY,MAAA;;AACnB,EAAA,CAAA,CAAA;;AAGA,SAAS,uBAAmC;CAW1C,OAVuB,OAAO,QAAQ,MAAM,EACzC,QAAQ,EACR,KAAK,CAAC,MAAM,gBAAgB;EAC3B,OAAO;GACL,YAAY,WAAW;GACvB,IAAI,OAAO,WAAW,UAAU;EAClC;CACF,CAEc,EAAe,MAAK,UAAS,MAAM,GAAG,OAC/C,GAAS,cAAc,WAAW;AAC3C;;AAGA,SAAS,6BAA6B,UAAkC;CACtE,MAAM,iBAAiB,OAAO,OAAO,MAAM,EAAE,KAAI,eAAc;EAC7D,MAAM,KAAK,OAAO,WAAW,UAAU;EACvC,GAAG,iBAAiB,UAAU,QAAQ;EACtC,OAAO;CACT,CAAC;CAED,aAAmB;EACjB,eAAe,SAAQ,OAAM;GAC3B,GAAG,oBAAoB,UAAU,QAAQ;EAC3C,CAAC;CACH;AACF;;AAGA,IAAM,0BAAsC,WAAW;AAEvD,IAAa,sBAAkC;CAC7C,OAAO,qBAAqB,8BAA8B,sBAAsB,iBAAiB;AACnG"}

package/lib/hooks/useElementList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementList.js","names":[],"sources":["../../src/hooks/useElementList.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\n/**\n * Hent ut en liste med HTML-elementer. Bruker MutationObserver-APIet.\n * @param ref Element som skal observeres\n * @param selectors Selektorer som sendes til querySelectorAll for å hente ut liste med elementer\n * @param options MutationObserver-options. Default er å lytte på endringer på child-elementer og deres attributter.\n * @returns Liste med HTML-elementer\n */\nexport const useElementList = (\n  ref: React.RefObject<HTMLElement | null>,\n  selectors: string,\n  options?: MutationObserverInit\n): NodeListOf<HTMLElement> | undefined => {\n  const [elementList, setElementList] = useState<NodeListOf<HTMLElement>>();\n  const previousElementsRef = useRef<HTMLElement[]>([]);\n\n  useEffect(() => {\n    const handleMutationChange = (): void => {\n      const elements = ref.current?.querySelectorAll<HTMLElement>(selectors);\n      if (!elements) {\n        if (previousElementsRef.current.length > 0) {\n          previousElementsRef.current = [];\n          setElementList(undefined);\n        }\n        return;\n      }\n\n      // We check if an element has been added/removed to avoid extra state updates on other changes.\n      const elementsArray = Array.from(elements);\n      const previousElements = previousElementsRef.current;\n\n      const hasChanged = elementsArray.length !== previousElements.length || elementsArray.some((el, i) => el !== previousElements[i]);\n\n      if (hasChanged) {\n        previousElementsRef.current = elementsArray;\n        setElementList(elements);\n      }\n    };\n\n    const mutationObserver = new MutationObserver(handleMutationChange);\n    if (ref?.current) {\n      mutationObserver.observe(ref.current, { subtree: true, childList: true, attributes: true, ...options });\n    }\n\n    handleMutationChange();\n\n    return (): void => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, selectors]);\n\n  return elementList;\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,kBACX,KACA,WACA,YACwC;CACxC,MAAM,CAAC,aAAa,kBAAkB,UAAmC;CACzE,MAAM,sBAAsB,OAAsB,EAAE,CAAC;CAErD,gBAAgB;EACd,MAAM,6BAAmC;GACvC,MAAM,WAAW,IAAI,SAAS,iBAA8B,UAAU;GACtE,IAAI,CAAC,UAAU;IACb,IAAI,oBAAoB,QAAQ,SAAS,GAAG;KAC1C,oBAAoB,UAAU,EAAE;KAChC,eAAe,KAAA,EAAU;;IAE3B;;GAIF,MAAM,gBAAgB,MAAM,KAAK,SAAS;GAC1C,MAAM,mBAAmB,oBAAoB;GAI7C,IAFmB,cAAc,WAAW,iBAAiB,UAAU,cAAc,MAAM,IAAI,MAAM,OAAO,iBAAiB,GAAG,EAEhH;IACd,oBAAoB,UAAU;IAC9B,eAAe,SAAS;;;EAI5B,MAAM,mBAAmB,IAAI,iBAAiB,qBAAqB;EACnE,IAAI,KAAK,SACP,iBAAiB,QAAQ,IAAI,SAAS;GAAE,SAAS;GAAM,WAAW;GAAM,YAAY;GAAM,GAAG;GAAS,CAAC;EAGzG,sBAAsB;EAEtB,aAAmB;GACjB,iBAAiB,YAAY;;IAE9B,CAAC,KAAK,UAAU,CAAC;CAEpB,OAAO"}
+{"version":3,"file":"useElementList.js","names":[],"sources":["../../src/hooks/useElementList.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\n/**\n * Hent ut en liste med HTML-elementer. Bruker MutationObserver-APIet.\n * @param ref Element som skal observeres\n * @param selectors Selektorer som sendes til querySelectorAll for å hente ut liste med elementer\n * @param options MutationObserver-options. Default er å lytte på endringer på child-elementer og deres attributter.\n * @returns Liste med HTML-elementer\n */\nexport const useElementList = (\n  ref: React.RefObject<HTMLElement | null>,\n  selectors: string,\n  options?: MutationObserverInit\n): NodeListOf<HTMLElement> | undefined => {\n  const [elementList, setElementList] = useState<NodeListOf<HTMLElement>>();\n  const previousElementsRef = useRef<HTMLElement[]>([]);\n\n  useEffect(() => {\n    const handleMutationChange = (): void => {\n      const elements = ref.current?.querySelectorAll<HTMLElement>(selectors);\n      if (!elements) {\n        if (previousElementsRef.current.length > 0) {\n          previousElementsRef.current = [];\n          setElementList(undefined);\n        }\n        return;\n      }\n\n      // We check if an element has been added/removed to avoid extra state updates on other changes.\n      const elementsArray = Array.from(elements);\n      const previousElements = previousElementsRef.current;\n\n      const hasChanged = elementsArray.length !== previousElements.length || elementsArray.some((el, i) => el !== previousElements[i]);\n\n      if (hasChanged) {\n        previousElementsRef.current = elementsArray;\n        setElementList(elements);\n      }\n    };\n\n    const mutationObserver = new MutationObserver(handleMutationChange);\n    if (ref?.current) {\n      mutationObserver.observe(ref.current, { subtree: true, childList: true, attributes: true, ...options });\n    }\n\n    handleMutationChange();\n\n    return (): void => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, selectors]);\n\n  return elementList;\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,kBACX,KACA,WACA,YACwC;CACxC,MAAM,CAAC,aAAa,kBAAkB,SAAkC;CACxE,MAAM,sBAAsB,OAAsB,CAAC,CAAC;CAEpD,gBAAgB;EACd,MAAM,6BAAmC;GACvC,MAAM,WAAW,IAAI,SAAS,iBAA8B,SAAS;GACrE,IAAI,CAAC,UAAU;IACb,IAAI,oBAAoB,QAAQ,SAAS,GAAG;KAC1C,oBAAoB,UAAU,CAAC;KAC/B,eAAe,KAAA,CAAS;IAC1B;IACA;GACF;GAGA,MAAM,gBAAgB,MAAM,KAAK,QAAQ;GACzC,MAAM,mBAAmB,oBAAoB;GAI7C,IAFmB,cAAc,WAAW,iBAAiB,UAAU,cAAc,MAAM,IAAI,MAAM,OAAO,iBAAiB,EAAE,GAE/G;IACd,oBAAoB,UAAU;IAC9B,eAAe,QAAQ;GACzB;EACF;EAEA,MAAM,mBAAmB,IAAI,iBAAiB,oBAAoB;EAClE,IAAI,KAAK,SACP,iBAAiB,QAAQ,IAAI,SAAS;GAAE,SAAS;GAAM,WAAW;GAAM,YAAY;GAAM,GAAG;EAAQ,CAAC;EAGxG,qBAAqB;EAErB,aAAmB;GACjB,iBAAiB,WAAW;EAC9B;CACF,GAAG,CAAC,KAAK,SAAS,CAAC;CAEnB,OAAO;AACT"}

package/lib/hooks/useEventListenerState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListenerState.js","names":[],"sources":["../../src/hooks/useEventListenerState.ts"],"sourcesContent":["import React from 'react';\n\nexport const useEventListenerState = <T>(initial?: T): [valueRef: React.MutableRefObject<T | undefined>, setValue: (x: T) => void] => {\n  const [value, _setValue] = React.useState<T | undefined>(initial);\n\n  const valueRef = React.useRef(value);\n\n  const setValue = (x: T): void => {\n    valueRef.current = x;\n    _setValue(x);\n  };\n\n  return [valueRef, setValue];\n};\n"],"mappings":";;AAEA,IAAa,yBAA4B,YAA6F;CACpI,MAAM,CAAC,OAAO,aAAa,MAAM,SAAwB,QAAQ;CAEjE,MAAM,WAAW,MAAM,OAAO,MAAM;CAEpC,MAAM,YAAY,MAAe;EAC/B,SAAS,UAAU;EACnB,UAAU,EAAE;;CAGd,OAAO,CAAC,UAAU,SAAS"}
+{"version":3,"file":"useEventListenerState.js","names":[],"sources":["../../src/hooks/useEventListenerState.ts"],"sourcesContent":["import React from 'react';\n\nexport const useEventListenerState = <T>(initial?: T): [valueRef: React.MutableRefObject<T | undefined>, setValue: (x: T) => void] => {\n  const [value, _setValue] = React.useState<T | undefined>(initial);\n\n  const valueRef = React.useRef(value);\n\n  const setValue = (x: T): void => {\n    valueRef.current = x;\n    _setValue(x);\n  };\n\n  return [valueRef, setValue];\n};\n"],"mappings":";;AAEA,IAAa,yBAA4B,YAA6F;CACpI,MAAM,CAAC,OAAO,aAAa,MAAM,SAAwB,OAAO;CAEhE,MAAM,WAAW,MAAM,OAAO,KAAK;CAEnC,MAAM,YAAY,MAAe;EAC/B,SAAS,UAAU;EACnB,UAAU,CAAC;CACb;CAEA,OAAO,CAAC,UAAU,QAAQ;AAC5B"}

package/lib/hooks/useExpand.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpand.js","names":[],"sources":["../../src/hooks/useExpand.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\nexport const useExpand = (expanded: boolean, onExpand?: (isExpanded: boolean) => void): [boolean, Dispatch<SetStateAction<boolean>>] => {\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const [prevExpanded, setPrevExpanded] = useState(expanded);\n  const previousIsExpanded = usePrevious(isExpanded);\n\n  if (expanded !== prevExpanded) {\n    setPrevExpanded(expanded);\n    setIsExpanded(expanded);\n  }\n\n  useEffect(() => {\n    if (onExpand && isExpanded !== !!previousIsExpanded) {\n      onExpand(isExpanded);\n    }\n  }, [isExpanded, onExpand]);\n\n  return [isExpanded, setIsExpanded];\n};\n"],"mappings":";;;AAKA,IAAa,aAAa,UAAmB,aAA2F;CACtI,MAAM,CAAC,YAAY,iBAAiB,SAAS,SAAS;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,SAAS;CAC1D,MAAM,qBAAqB,YAAY,WAAW;CAElD,IAAI,aAAa,cAAc;EAC7B,gBAAgB,SAAS;EACzB,cAAc,SAAS;;CAGzB,gBAAgB;EACd,IAAI,YAAY,eAAe,CAAC,CAAC,oBAC/B,SAAS,WAAW;IAErB,CAAC,YAAY,SAAS,CAAC;CAE1B,OAAO,CAAC,YAAY,cAAc"}
+{"version":3,"file":"useExpand.js","names":[],"sources":["../../src/hooks/useExpand.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useEffect, useState } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\nexport const useExpand = (expanded: boolean, onExpand?: (isExpanded: boolean) => void): [boolean, Dispatch<SetStateAction<boolean>>] => {\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const [prevExpanded, setPrevExpanded] = useState(expanded);\n  const previousIsExpanded = usePrevious(isExpanded);\n\n  if (expanded !== prevExpanded) {\n    setPrevExpanded(expanded);\n    setIsExpanded(expanded);\n  }\n\n  useEffect(() => {\n    if (onExpand && isExpanded !== !!previousIsExpanded) {\n      onExpand(isExpanded);\n    }\n  }, [isExpanded, onExpand]);\n\n  return [isExpanded, setIsExpanded];\n};\n"],"mappings":";;;AAKA,IAAa,aAAa,UAAmB,aAA2F;CACtI,MAAM,CAAC,YAAY,iBAAiB,SAAS,QAAQ;CACrD,MAAM,CAAC,cAAc,mBAAmB,SAAS,QAAQ;CACzD,MAAM,qBAAqB,YAAY,UAAU;CAEjD,IAAI,aAAa,cAAc;EAC7B,gBAAgB,QAAQ;EACxB,cAAc,QAAQ;CACxB;CAEA,gBAAgB;EACd,IAAI,YAAY,eAAe,CAAC,CAAC,oBAC/B,SAAS,UAAU;CAEvB,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,OAAO,CAAC,YAAY,aAAa;AACnC"}

package/lib/hooks/useFocusToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusToggle.js","names":[],"sources":["../../src/hooks/useFocusToggle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useElementList } from './useElementList';\nimport { FOCUSABLE_SELECTORS } from './useFocusableElements';\n\n/**\n * Skru av og på fokus på fokuserbare elementer slik at de kan være en del av DOMen, men samtidig\n * ikke kunne fokuseres/tabbes til med tastaturet.\n * @param ref Alle barn av dette elementet vil sjekkes for om de er fokuserbare\n * @param allowFocus Om elementene skal være fokuserbare eller ikke\n * @returns void\n */\nexport const useFocusToggle = (ref: React.RefObject<HTMLElement | null>, allowFocus?: boolean): void => {\n  // Kan ikke lytte på endringer i attributter, fordi det vil føre til en loop når vi endrer dem etterpå\n  const focusableElementList = useElementList(ref, FOCUSABLE_SELECTORS, { attributes: false });\n\n  useEffect(() => {\n    const TABINDEX_ATTRIBUTE_NAME = 'tabindex';\n    const PREVIOUS_TABINDEX_ATTRIBUTE_NAME = 'data-tabindex';\n    if (allowFocus) {\n      focusableElementList?.forEach(el => {\n        // Sett tabIndex tilbake til verdien den hadde før, eller fjern tabIndex\n        // slik at elementet kan tabbes til igjen.\n        const prevTabIndex = el.getAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME);\n        if (prevTabIndex) {\n          el.setAttribute(TABINDEX_ATTRIBUTE_NAME, prevTabIndex);\n        } else {\n          el.removeAttribute(TABINDEX_ATTRIBUTE_NAME);\n        }\n      });\n    } else {\n      focusableElementList?.forEach(el => {\n        // Hvis elementet allerede har tabIndex, ta vare på den før vi gjør det umulig å\n        // tabbe til det.\n        if (el.hasAttribute(TABINDEX_ATTRIBUTE_NAME)) {\n          el.setAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME, `${el.tabIndex}`);\n        }\n        el.tabIndex = -1;\n      });\n    }\n  }, [ref, allowFocus, focusableElementList]);\n};\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,kBAAkB,KAA0C,eAA+B;CAEtG,MAAM,uBAAuB,eAAe,KAAK,qBAAqB,EAAE,YAAY,OAAO,CAAC;CAE5F,gBAAgB;EACd,MAAM,0BAA0B;EAChC,MAAM,mCAAmC;EACzC,IAAI,YACF,sBAAsB,SAAQ,OAAM;GAGlC,MAAM,eAAe,GAAG,aAAa,iCAAiC;GACtE,IAAI,cACF,GAAG,aAAa,yBAAyB,aAAa;QAEtD,GAAG,gBAAgB,wBAAwB;IAE7C;OAEF,sBAAsB,SAAQ,OAAM;GAGlC,IAAI,GAAG,aAAa,wBAAwB,EAC1C,GAAG,aAAa,kCAAkC,GAAG,GAAG,WAAW;GAErE,GAAG,WAAW;IACd;IAEH;EAAC;EAAK;EAAY;EAAqB,CAAC"}
+{"version":3,"file":"useFocusToggle.js","names":[],"sources":["../../src/hooks/useFocusToggle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useElementList } from './useElementList';\nimport { FOCUSABLE_SELECTORS } from './useFocusableElements';\n\n/**\n * Skru av og på fokus på fokuserbare elementer slik at de kan være en del av DOMen, men samtidig\n * ikke kunne fokuseres/tabbes til med tastaturet.\n * @param ref Alle barn av dette elementet vil sjekkes for om de er fokuserbare\n * @param allowFocus Om elementene skal være fokuserbare eller ikke\n * @returns void\n */\nexport const useFocusToggle = (ref: React.RefObject<HTMLElement | null>, allowFocus?: boolean): void => {\n  // Kan ikke lytte på endringer i attributter, fordi det vil føre til en loop når vi endrer dem etterpå\n  const focusableElementList = useElementList(ref, FOCUSABLE_SELECTORS, { attributes: false });\n\n  useEffect(() => {\n    const TABINDEX_ATTRIBUTE_NAME = 'tabindex';\n    const PREVIOUS_TABINDEX_ATTRIBUTE_NAME = 'data-tabindex';\n    if (allowFocus) {\n      focusableElementList?.forEach(el => {\n        // Sett tabIndex tilbake til verdien den hadde før, eller fjern tabIndex\n        // slik at elementet kan tabbes til igjen.\n        const prevTabIndex = el.getAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME);\n        if (prevTabIndex) {\n          el.setAttribute(TABINDEX_ATTRIBUTE_NAME, prevTabIndex);\n        } else {\n          el.removeAttribute(TABINDEX_ATTRIBUTE_NAME);\n        }\n      });\n    } else {\n      focusableElementList?.forEach(el => {\n        // Hvis elementet allerede har tabIndex, ta vare på den før vi gjør det umulig å\n        // tabbe til det.\n        if (el.hasAttribute(TABINDEX_ATTRIBUTE_NAME)) {\n          el.setAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME, `${el.tabIndex}`);\n        }\n        el.tabIndex = -1;\n      });\n    }\n  }, [ref, allowFocus, focusableElementList]);\n};\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,kBAAkB,KAA0C,eAA+B;CAEtG,MAAM,uBAAuB,eAAe,KAAK,qBAAqB,EAAE,YAAY,MAAM,CAAC;CAE3F,gBAAgB;EACd,MAAM,0BAA0B;EAChC,MAAM,mCAAmC;EACzC,IAAI,YACF,sBAAsB,SAAQ,OAAM;GAGlC,MAAM,eAAe,GAAG,aAAa,gCAAgC;GACrE,IAAI,cACF,GAAG,aAAa,yBAAyB,YAAY;QAErD,GAAG,gBAAgB,uBAAuB;EAE9C,CAAC;OAED,sBAAsB,SAAQ,OAAM;GAGlC,IAAI,GAAG,aAAa,uBAAuB,GACzC,GAAG,aAAa,kCAAkC,GAAG,GAAG,UAAU;GAEpE,GAAG,WAAW;EAChB,CAAC;CAEL,GAAG;EAAC;EAAK;EAAY;CAAoB,CAAC;AAC5C"}

package/lib/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","names":[],"sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useFocusableElements } from './useFocusableElements';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * Lås fokus til et bestemt element. Bruker vil bare kunne tabbe mellom fokuserbare elementer innenfor elementet.\n * @param ref Alle barn av dette elementet vil være fokuserbare, elementer utenfor vil ikke det\n * @param trapFocus Om fokus skal \"trappes\" innenfor elementet eller ikke. Default=true.\n */\nexport const useFocusTrap = (ref: React.RefObject<HTMLElement | null>, trapFocus = true): void => {\n  const focusableElementList = useFocusableElements(ref);\n\n  const handleKeyboardEvent = (e: KeyboardEvent): void => {\n    if (trapFocus && ref.current && focusableElementList?.length && e.key === 'Tab') {\n      const activeElement = getDocumentActiveElement(ref.current);\n      const firstElement = focusableElementList[0];\n      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];\n\n      if (e.shiftKey && activeElement === firstElement) {\n        /* shift + tab */\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && activeElement === lastElement) {\n        /* tab */\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  useEffect(() => {\n    ref.current?.addEventListener('keydown', handleKeyboardEvent);\n\n    return (): void => {\n      ref.current?.removeEventListener('keydown', handleKeyboardEvent);\n    };\n  }, [ref, trapFocus, focusableElementList]); // focusableElementList må være med som dependency for at handleKeyboardEvent skal få oppdatert state\n};\n\nexport default useFocusTrap;\n"],"mappings":";;;;;;;;;AAUA,IAAa,gBAAgB,KAA0C,YAAY,SAAe;CAChG,MAAM,uBAAuB,qBAAqB,IAAI;CAEtD,MAAM,uBAAuB,MAA2B;EACtD,IAAI,aAAa,IAAI,WAAW,sBAAsB,UAAU,EAAE,QAAQ,OAAO;GAC/E,MAAM,gBAAgB,yBAAyB,IAAI,QAAQ;GAC3D,MAAM,eAAe,qBAAqB;GAC1C,MAAM,cAAc,qBAAqB,WAAW,IAAI,eAAe,qBAAqB,qBAAqB,SAAS;GAE1H,IAAI,EAAE,YAAY,kBAAkB,cAAc;IAEhD,YAAY,OAAO;IACnB,EAAE,gBAAgB;UACb,IAAI,CAAC,EAAE,YAAY,kBAAkB,aAAa;IAEvD,aAAa,OAAO;IACpB,EAAE,gBAAgB;;;;CAKxB,gBAAgB;EACd,IAAI,SAAS,iBAAiB,WAAW,oBAAoB;EAE7D,aAAmB;GACjB,IAAI,SAAS,oBAAoB,WAAW,oBAAoB;;IAEjE;EAAC;EAAK;EAAW;EAAqB,CAAC"}
+{"version":3,"file":"useFocusTrap.js","names":[],"sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useFocusableElements } from './useFocusableElements';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * Lås fokus til et bestemt element. Bruker vil bare kunne tabbe mellom fokuserbare elementer innenfor elementet.\n * @param ref Alle barn av dette elementet vil være fokuserbare, elementer utenfor vil ikke det\n * @param trapFocus Om fokus skal \"trappes\" innenfor elementet eller ikke. Default=true.\n */\nexport const useFocusTrap = (ref: React.RefObject<HTMLElement | null>, trapFocus = true): void => {\n  const focusableElementList = useFocusableElements(ref);\n\n  const handleKeyboardEvent = (e: KeyboardEvent): void => {\n    if (trapFocus && ref.current && focusableElementList?.length && e.key === 'Tab') {\n      const activeElement = getDocumentActiveElement(ref.current);\n      const firstElement = focusableElementList[0];\n      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];\n\n      if (e.shiftKey && activeElement === firstElement) {\n        /* shift + tab */\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && activeElement === lastElement) {\n        /* tab */\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  useEffect(() => {\n    ref.current?.addEventListener('keydown', handleKeyboardEvent);\n\n    return (): void => {\n      ref.current?.removeEventListener('keydown', handleKeyboardEvent);\n    };\n  }, [ref, trapFocus, focusableElementList]); // focusableElementList må være med som dependency for at handleKeyboardEvent skal få oppdatert state\n};\n\nexport default useFocusTrap;\n"],"mappings":";;;;;;;;;AAUA,IAAa,gBAAgB,KAA0C,YAAY,SAAe;CAChG,MAAM,uBAAuB,qBAAqB,GAAG;CAErD,MAAM,uBAAuB,MAA2B;EACtD,IAAI,aAAa,IAAI,WAAW,sBAAsB,UAAU,EAAE,QAAQ,OAAO;GAC/E,MAAM,gBAAgB,yBAAyB,IAAI,OAAO;GAC1D,MAAM,eAAe,qBAAqB;GAC1C,MAAM,cAAc,qBAAqB,WAAW,IAAI,eAAe,qBAAqB,qBAAqB,SAAS;GAE1H,IAAI,EAAE,YAAY,kBAAkB,cAAc;IAEhD,YAAY,MAAM;IAClB,EAAE,eAAe;GACnB,OAAO,IAAI,CAAC,EAAE,YAAY,kBAAkB,aAAa;IAEvD,aAAa,MAAM;IACnB,EAAE,eAAe;GACnB;EACF;CACF;CAEA,gBAAgB;EACd,IAAI,SAAS,iBAAiB,WAAW,mBAAmB;EAE5D,aAAmB;GACjB,IAAI,SAAS,oBAAoB,WAAW,mBAAmB;EACjE;CACF,GAAG;EAAC;EAAK;EAAW;CAAoB,CAAC;AAC3C"}

package/lib/hooks/useFocusableElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusableElements.js","names":[],"sources":["../../src/hooks/useFocusableElements.ts"],"sourcesContent":["import { useElementList } from './useElementList';\n\n// Fra https://github.com/KittyGiraudel/focusable-selectors\nexport const FOCUSABLE_SELECTORS = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * Overvåk et element og finn alle fokuserbare elementer inne i elementet. Bruker MutationObserver slik at eventuelle\n * nye elementer som legges til også vil inkluderes i listen.\n * @param ref Element som skal observeres\n * @returns Liste med fokuserbare HTML-elementer\n */\nexport const useFocusableElements = (ref: React.RefObject<HTMLElement | null>): NodeListOf<HTMLElement> | undefined =>\n  useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ['href', 'tabindex', 'type', 'disabled', 'controls', 'contenteditable'] });\n"],"mappings":";;AAGA,IAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,KAAK,IAAI;;;;;;;AAQX,IAAa,wBAAwB,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB;CAAC;CAAQ;CAAY;CAAQ;CAAY;CAAY;CAAkB,EAAE,CAAC"}
+{"version":3,"file":"useFocusableElements.js","names":[],"sources":["../../src/hooks/useFocusableElements.ts"],"sourcesContent":["import { useElementList } from './useElementList';\n\n// Fra https://github.com/KittyGiraudel/focusable-selectors\nexport const FOCUSABLE_SELECTORS = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * Overvåk et element og finn alle fokuserbare elementer inne i elementet. Bruker MutationObserver slik at eventuelle\n * nye elementer som legges til også vil inkluderes i listen.\n * @param ref Element som skal observeres\n * @returns Liste med fokuserbare HTML-elementer\n */\nexport const useFocusableElements = (ref: React.RefObject<HTMLElement | null>): NodeListOf<HTMLElement> | undefined =>\n  useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ['href', 'tabindex', 'type', 'disabled', 'controls', 'contenteditable'] });\n"],"mappings":";;AAGA,IAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EAAE,KAAK,GAAG;;;;;;;AAQV,IAAa,wBAAwB,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB;CAAC;CAAQ;CAAY;CAAQ;CAAY;CAAY;AAAiB,EAAE,CAAC"}

package/lib/hooks/useIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.js","names":[],"sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import type { BaseIconProps, IconProps } from '../components/Icon';\nimport type { LazyIconProps } from '../components/LazyIcon';\n\nimport Icon from '../components/Icon';\nimport LazyIcon from '../components/LazyIcon';\nimport { isComponent } from '../utils/component';\n\nexport type BaseIconElement = React.ReactElement<BaseIconProps>;\n\nexport const useIcons = (children: React.ReactNode[]): [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null] => {\n  let leftIcon: BaseIconElement | null = null;\n  let rightIcon: BaseIconElement | null = null;\n\n  const firstChild = children[0];\n  if (isComponent<IconProps>(firstChild, Icon) || isComponent<LazyIconProps>(firstChild, LazyIcon)) {\n    leftIcon = firstChild;\n    children.shift();\n  }\n\n  const lastChild = children[children.length - 1];\n  if (isComponent<IconProps>(lastChild, Icon) || isComponent<LazyIconProps>(lastChild, LazyIcon)) {\n    rightIcon = lastChild;\n    children.pop();\n  }\n  const restChildren = children.filter(child => child);\n\n  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];\n};\n"],"mappings":";;;;AASA,IAAa,YAAY,aAA4G;CACnI,IAAI,WAAmC;CACvC,IAAI,YAAoC;CAExC,MAAM,aAAa,SAAS;CAC5B,IAAI,YAAuB,YAAY,aAAK,IAAI,YAA2B,YAAY,iBAAS,EAAE;EAChG,WAAW;EACX,SAAS,OAAO;;CAGlB,MAAM,YAAY,SAAS,SAAS,SAAS;CAC7C,IAAI,YAAuB,WAAW,aAAK,IAAI,YAA2B,WAAW,iBAAS,EAAE;EAC9F,YAAY;EACZ,SAAS,KAAK;;CAEhB,MAAM,eAAe,SAAS,QAAO,UAAS,MAAM;CAEpD,OAAO;EAAC;EAAU;EAAW,aAAa,SAAS,IAAI,eAAe;EAAK"}
+{"version":3,"file":"useIcons.js","names":[],"sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import type { BaseIconProps, IconProps } from '../components/Icon';\nimport type { LazyIconProps } from '../components/LazyIcon';\n\nimport Icon from '../components/Icon';\nimport LazyIcon from '../components/LazyIcon';\nimport { isComponent } from '../utils/component';\n\nexport type BaseIconElement = React.ReactElement<BaseIconProps>;\n\nexport const useIcons = (children: React.ReactNode[]): [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null] => {\n  let leftIcon: BaseIconElement | null = null;\n  let rightIcon: BaseIconElement | null = null;\n\n  const firstChild = children[0];\n  if (isComponent<IconProps>(firstChild, Icon) || isComponent<LazyIconProps>(firstChild, LazyIcon)) {\n    leftIcon = firstChild;\n    children.shift();\n  }\n\n  const lastChild = children[children.length - 1];\n  if (isComponent<IconProps>(lastChild, Icon) || isComponent<LazyIconProps>(lastChild, LazyIcon)) {\n    rightIcon = lastChild;\n    children.pop();\n  }\n  const restChildren = children.filter(child => child);\n\n  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];\n};\n"],"mappings":";;;;AASA,IAAa,YAAY,aAA4G;CACnI,IAAI,WAAmC;CACvC,IAAI,YAAoC;CAExC,MAAM,aAAa,SAAS;CAC5B,IAAI,YAAuB,YAAY,YAAI,KAAK,YAA2B,YAAY,gBAAQ,GAAG;EAChG,WAAW;EACX,SAAS,MAAM;CACjB;CAEA,MAAM,YAAY,SAAS,SAAS,SAAS;CAC7C,IAAI,YAAuB,WAAW,YAAI,KAAK,YAA2B,WAAW,gBAAQ,GAAG;EAC9F,YAAY;EACZ,SAAS,IAAI;CACf;CACA,MAAM,eAAe,SAAS,QAAO,UAAS,KAAK;CAEnD,OAAO;EAAC;EAAU;EAAW,aAAa,SAAS,IAAI,eAAe;CAAI;AAC5E"}

package/lib/hooks/useIdWithFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIdWithFallback.js","names":[],"sources":["../../src/hooks/useIdWithFallback.ts"],"sourcesContent":["import { useId } from 'react';\n\n/**\n * Returner unik id som ikke endrer seg for hver render\n * @param initial id som vil overstyre react sin useId\n * @returns stable id-string\n */\nexport const useIdWithFallback = (initial?: string): string => {\n  const fallbackId = useId();\n\n  return initial || fallbackId;\n};\n"],"mappings":";;;;;;;AAOA,IAAa,qBAAqB,YAA6B;CAC7D,MAAM,aAAa,OAAO;CAE1B,OAAO,WAAW"}
+{"version":3,"file":"useIdWithFallback.js","names":[],"sources":["../../src/hooks/useIdWithFallback.ts"],"sourcesContent":["import { useId } from 'react';\n\n/**\n * Returner unik id som ikke endrer seg for hver render\n * @param initial id som vil overstyre react sin useId\n * @returns stable id-string\n */\nexport const useIdWithFallback = (initial?: string): string => {\n  const fallbackId = useId();\n\n  return initial || fallbackId;\n};\n"],"mappings":";;;;;;;AAOA,IAAa,qBAAqB,YAA6B;CAC7D,MAAM,aAAa,MAAM;CAEzB,OAAO,WAAW;AACpB"}

package/lib/hooks/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","names":[],"sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback\n * når elementet er i ferd med å forsvinne ut av vinduet.\n *\n * @param ref Element som skal observeres\n * @param callback Kalles når en endring i intersection er observert\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n */\n\nexport const useIntersectionObserver = (\n  ref: React.RefObject<Element | null>,\n  callback: IntersectionObserverCallback,\n  options?: IntersectionObserverInit\n): void => {\n  useEffect(() => {\n    const intersectionObserver = new IntersectionObserver(callback, options);\n\n    if (ref?.current) {\n      intersectionObserver.observe(ref.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        intersectionObserver.unobserve(ref.current);\n      } else {\n        intersectionObserver.disconnect();\n      }\n    };\n  }, [ref, options]);\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,2BACX,KACA,UACA,YACS;CACT,gBAAgB;EACd,MAAM,uBAAuB,IAAI,qBAAqB,UAAU,QAAQ;EAExE,IAAI,KAAK,SACP,qBAAqB,QAAQ,IAAI,QAAQ;EAG3C,aAAmB;GACjB,IAAI,KAAK,SACP,qBAAqB,UAAU,IAAI,QAAQ;QAE3C,qBAAqB,YAAY;;IAGpC,CAAC,KAAK,QAAQ,CAAC"}
+{"version":3,"file":"useIntersectionObserver.js","names":[],"sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback\n * når elementet er i ferd med å forsvinne ut av vinduet.\n *\n * @param ref Element som skal observeres\n * @param callback Kalles når en endring i intersection er observert\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n */\n\nexport const useIntersectionObserver = (\n  ref: React.RefObject<Element | null>,\n  callback: IntersectionObserverCallback,\n  options?: IntersectionObserverInit\n): void => {\n  useEffect(() => {\n    const intersectionObserver = new IntersectionObserver(callback, options);\n\n    if (ref?.current) {\n      intersectionObserver.observe(ref.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        intersectionObserver.unobserve(ref.current);\n      } else {\n        intersectionObserver.disconnect();\n      }\n    };\n  }, [ref, options]);\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,2BACX,KACA,UACA,YACS;CACT,gBAAgB;EACd,MAAM,uBAAuB,IAAI,qBAAqB,UAAU,OAAO;EAEvE,IAAI,KAAK,SACP,qBAAqB,QAAQ,IAAI,OAAO;EAG1C,aAAmB;GACjB,IAAI,KAAK,SACP,qBAAqB,UAAU,IAAI,OAAO;QAE1C,qBAAqB,WAAW;EAEpC;CACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB"}

package/lib/hooks/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","names":[],"sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Kjør en funksjon ved intervaller basert på ønsket frequency.\n *\n * @param callback Funksjon som skal kjøres\n * @param frequency Hvor ofte vi skal kjøre funksjonen\n * @returns void\n */\nexport const useInterval = (callback: () => void, frequency = 10): void => {\n  useEffect(() => {\n    const timer = setInterval(callback, frequency);\n\n    return (): void => {\n      clearInterval(timer);\n    };\n  }, [callback, frequency]);\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,eAAe,UAAsB,YAAY,OAAa;CACzE,gBAAgB;EACd,MAAM,QAAQ,YAAY,UAAU,UAAU;EAE9C,aAAmB;GACjB,cAAc,MAAM;;IAErB,CAAC,UAAU,UAAU,CAAC"}
+{"version":3,"file":"useInterval.js","names":[],"sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Kjør en funksjon ved intervaller basert på ønsket frequency.\n *\n * @param callback Funksjon som skal kjøres\n * @param frequency Hvor ofte vi skal kjøre funksjonen\n * @returns void\n */\nexport const useInterval = (callback: () => void, frequency = 10): void => {\n  useEffect(() => {\n    const timer = setInterval(callback, frequency);\n\n    return (): void => {\n      clearInterval(timer);\n    };\n  }, [callback, frequency]);\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,eAAe,UAAsB,YAAY,OAAa;CACzE,gBAAgB;EACd,MAAM,QAAQ,YAAY,UAAU,SAAS;EAE7C,aAAmB;GACjB,cAAc,KAAK;EACrB;CACF,GAAG,CAAC,UAAU,SAAS,CAAC;AAC1B"}

package/lib/hooks/useIsMobileBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMobileBreakpoint.js","names":[],"sources":["../../src/hooks/useIsMobileBreakpoint.ts"],"sourcesContent":["import { useBreakpoint } from './useBreakpoint';\nimport { breakpoints } from '../theme/grid';\n\nexport const useIsMobileBreakpoint = (): boolean => {\n  const breakpoint = useBreakpoint();\n  return breakpoint < breakpoints.md;\n};\n"],"mappings":";;;AAGA,IAAa,8BAAuC;CAElD,OADmB,eACZ,GAAa,YAAY"}
+{"version":3,"file":"useIsMobileBreakpoint.js","names":[],"sources":["../../src/hooks/useIsMobileBreakpoint.ts"],"sourcesContent":["import { useBreakpoint } from './useBreakpoint';\nimport { breakpoints } from '../theme/grid';\n\nexport const useIsMobileBreakpoint = (): boolean => {\n  const breakpoint = useBreakpoint();\n  return breakpoint < breakpoints.md;\n};\n"],"mappings":";;;AAGA,IAAa,8BAAuC;CAElD,OADmB,cACZ,IAAa,YAAY;AAClC"}

package/lib/hooks/useIsServerSide.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsServerSide.js","names":[],"sources":["../../src/hooks/useIsServerSide.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst emptySubscribe = (): (() => void) => (): void => {};\nconst getClientSnapshot = (): boolean => false;\nconst getServerSnapshot = (): boolean => true;\n\n/**\n * Sjekk om React kjører på server, eller ikke.\n *\n * @returns true dersom koden kjører på server\n */\nexport const useIsServerSide = (): boolean => {\n  return useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot);\n};\n"],"mappings":";;AAEA,IAAM,6BAAiD;AACvD,IAAM,0BAAmC;AACzC,IAAM,0BAAmC;;;;;;AAOzC,IAAa,wBAAiC;CAC5C,OAAO,qBAAqB,gBAAgB,mBAAmB,kBAAkB"}
+{"version":3,"file":"useIsServerSide.js","names":[],"sources":["../../src/hooks/useIsServerSide.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst emptySubscribe = (): (() => void) => (): void => {};\nconst getClientSnapshot = (): boolean => false;\nconst getServerSnapshot = (): boolean => true;\n\n/**\n * Sjekk om React kjører på server, eller ikke.\n *\n * @returns true dersom koden kjører på server\n */\nexport const useIsServerSide = (): boolean => {\n  return useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot);\n};\n"],"mappings":";;AAEA,IAAM,6BAAiD,CAAC;AACxD,IAAM,0BAAmC;AACzC,IAAM,0BAAmC;;;;;;AAOzC,IAAa,wBAAiC;CAC5C,OAAO,qBAAqB,gBAAgB,mBAAmB,iBAAiB;AAClF"}

package/lib/hooks/useIsVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsVisible.js","names":[],"sources":["../../src/hooks/useIsVisible.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIntersectionObserver } from './useIntersectionObserver';\n\n/**\n * Sjekk om et HTML-element er synlig i vinduet, eller ikke.\n *\n * @param ref Element som skal observeres\n * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n * @param initial Om elementet default skal antas å være synlig eller ikke. Default: ikke synlig\n * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke\n */\nexport const useIsVisible = (\n  ref: React.RefObject<Element | null>,\n  threshold = 1,\n  options?: IntersectionObserverInit,\n  initial = false\n): boolean => {\n  const [isVisible, setIsVisible] = useState(initial);\n\n  const handleIntersectChange: IntersectionObserverCallback = entries => {\n    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);\n  };\n\n  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });\n\n  return isVisible;\n};\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,gBACX,KACA,YAAY,GACZ,SACA,UAAU,UACE;CACZ,MAAM,CAAC,WAAW,gBAAgB,SAAS,QAAQ;CAEnD,MAAM,yBAAsD,YAAW;EACrE,aAAa,cAAc,IAAI,QAAQ,GAAG,sBAAsB,YAAY,QAAQ,GAAG,qBAAqB,UAAU;;CAGxH,wBAAwB,KAAK,uBAAuB;EAAE;EAAW,GAAG;EAAS,CAAC;CAE9E,OAAO"}
+{"version":3,"file":"useIsVisible.js","names":[],"sources":["../../src/hooks/useIsVisible.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIntersectionObserver } from './useIntersectionObserver';\n\n/**\n * Sjekk om et HTML-element er synlig i vinduet, eller ikke.\n *\n * @param ref Element som skal observeres\n * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n * @param initial Om elementet default skal antas å være synlig eller ikke. Default: ikke synlig\n * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke\n */\nexport const useIsVisible = (\n  ref: React.RefObject<Element | null>,\n  threshold = 1,\n  options?: IntersectionObserverInit,\n  initial = false\n): boolean => {\n  const [isVisible, setIsVisible] = useState(initial);\n\n  const handleIntersectChange: IntersectionObserverCallback = entries => {\n    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);\n  };\n\n  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });\n\n  return isVisible;\n};\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,gBACX,KACA,YAAY,GACZ,SACA,UAAU,UACE;CACZ,MAAM,CAAC,WAAW,gBAAgB,SAAS,OAAO;CAElD,MAAM,yBAAsD,YAAW;EACrE,aAAa,cAAc,IAAI,QAAQ,GAAG,sBAAsB,YAAY,QAAQ,GAAG,qBAAqB,SAAS;CACvH;CAEA,wBAAwB,KAAK,uBAAuB;EAAE;EAAW,GAAG;CAAQ,CAAC;CAE7E,OAAO;AACT"}

package/lib/hooks/useKeyboardEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardEvent.js","names":[],"sources":["../../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = {\n  [K in keyof HTMLElementEventMap]: HTMLElementEventMap[K] extends KeyboardEvent ? K : never;\n}[keyof HTMLElementEventMap];\n\n/**\n * Kjør en callback når bruker skriver på tastaturet.\n * @param ref Element som skal lyttes på.\n * @param callback Callback som kjøres når det skjer en event.\n * @param key Knapp, eller liste med knapper, som skal trigge callback\n * @param events Liste med keyboard-events som skal trigge callback. Default: \"keydown\"\n */\nexport const useKeyboardEvent = (\n  ref: React.RefObject<HTMLElement | null>,\n  callback: (event: KeyboardEvent) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) {\n      return;\n    }\n\n    const handleKeyboardEvent = (event: KeyboardEvent): void => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => element.addEventListener(eventName, handleKeyboardEvent));\n\n    return (): void => {\n      events.forEach(eventName => element.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"mappings":";;;;;;;;;AAaA,IAAa,oBACX,KACA,UACA,KACA,SAA2B,CAAC,UAAU,KAC7B;CACT,gBAAgB;EACd,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SACH;EAGF,MAAM,uBAAuB,UAA+B;GAC1D,IAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,IAAI,IAAI,IAAI,SAAS,MAAM,IAAI,EACrE,SAAS,MAAM;;EAInB,OAAO,SAAQ,cAAa,QAAQ,iBAAiB,WAAW,oBAAoB,CAAC;EAErF,aAAmB;GACjB,OAAO,SAAQ,cAAa,QAAQ,oBAAoB,WAAW,oBAAoB,CAAC;;IAEzF;EAAC;EAAK;EAAU;EAAQ;EAAI,CAAC"}
+{"version":3,"file":"useKeyboardEvent.js","names":[],"sources":["../../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = {\n  [K in keyof HTMLElementEventMap]: HTMLElementEventMap[K] extends KeyboardEvent ? K : never;\n}[keyof HTMLElementEventMap];\n\n/**\n * Kjør en callback når bruker skriver på tastaturet.\n * @param ref Element som skal lyttes på.\n * @param callback Callback som kjøres når det skjer en event.\n * @param key Knapp, eller liste med knapper, som skal trigge callback\n * @param events Liste med keyboard-events som skal trigge callback. Default: \"keydown\"\n */\nexport const useKeyboardEvent = (\n  ref: React.RefObject<HTMLElement | null>,\n  callback: (event: KeyboardEvent) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) {\n      return;\n    }\n\n    const handleKeyboardEvent = (event: KeyboardEvent): void => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => element.addEventListener(eventName, handleKeyboardEvent));\n\n    return (): void => {\n      events.forEach(eventName => element.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"mappings":";;;;;;;;;AAaA,IAAa,oBACX,KACA,UACA,KACA,SAA2B,CAAC,SAAS,MAC5B;CACT,gBAAgB;EACd,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SACH;EAGF,MAAM,uBAAuB,UAA+B;GAC1D,IAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,GAAG,KAAK,IAAI,SAAS,MAAM,GAAG,GACpE,SAAS,KAAK;EAElB;EAEA,OAAO,SAAQ,cAAa,QAAQ,iBAAiB,WAAW,mBAAmB,CAAC;EAEpF,aAAmB;GACjB,OAAO,SAAQ,cAAa,QAAQ,oBAAoB,WAAW,mBAAmB,CAAC;EACzF;CACF,GAAG;EAAC;EAAK;EAAU;EAAQ;CAAG,CAAC;AACjC"}

package/lib/hooks/useLanguage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLanguage.js","names":[],"sources":["../../src/hooks/useLanguage.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { LanguageContextType } from '../utils/language';\n\nexport const LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n/**\n * Hent nåværende språk fra context\n * @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten\n * @returns LanguageContext\n */\nexport const useLanguage = <T extends string>(fallbackLanguage: T): LanguageContextType<T> => {\n  const context = useContext(LanguageContext as unknown as React.Context<LanguageContextType<T>>);\n\n  if (!context) {\n    return { language: fallbackLanguage };\n  }\n\n  return context;\n};\n"],"mappings":";;AAIA,IAAa,kBAAkB,cAA+C,KAAA,EAAU;;;;;;AAOxF,IAAa,eAAiC,qBAAgD;CAC5F,MAAM,UAAU,WAAW,gBAAoE;CAE/F,IAAI,CAAC,SACH,OAAO,EAAE,UAAU,kBAAkB;CAGvC,OAAO"}
+{"version":3,"file":"useLanguage.js","names":[],"sources":["../../src/hooks/useLanguage.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { LanguageContextType } from '../utils/language';\n\nexport const LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n/**\n * Hent nåværende språk fra context\n * @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten\n * @returns LanguageContext\n */\nexport const useLanguage = <T extends string>(fallbackLanguage: T): LanguageContextType<T> => {\n  const context = useContext(LanguageContext as unknown as React.Context<LanguageContextType<T>>);\n\n  if (!context) {\n    return { language: fallbackLanguage };\n  }\n\n  return context;\n};\n"],"mappings":";;AAIA,IAAa,kBAAkB,cAA+C,KAAA,CAAS;;;;;;AAOvF,IAAa,eAAiC,qBAAgD;CAC5F,MAAM,UAAU,WAAW,eAAmE;CAE9F,IAAI,CAAC,SACH,OAAO,EAAE,UAAU,iBAAiB;CAGtC,OAAO;AACT"}

package/lib/hooks/useLayoutEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEvent.js","names":[],"sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10): void => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return (): void => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,kBAAkB,UAAsB,SAAS;CAAC;CAAgB;CAAU;CAAoB,EAAE,aAAa,OAAa;CACvI,gBAAgB;EACd,IAAI,OAAO,WAAW,UAAU;EAChC,MAAM,CAAC,mBAAmB,YAAY,SAAS,UAAU,WAAW;EAEpE,OAAO,SAAQ,cAAa,OAAO,iBAAiB,WAAW,kBAAkB,CAAC;EAElF,mBAAmB;EAEnB,aAAmB;GACjB,UAAU;GACV,OAAO,SAAQ,cAAa,OAAO,oBAAoB,WAAW,kBAAkB,CAAC;;IAEtF,EAAE,CAAC"}
+{"version":3,"file":"useLayoutEvent.js","names":[],"sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10): void => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return (): void => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,kBAAkB,UAAsB,SAAS;CAAC;CAAgB;CAAU;AAAmB,GAAG,aAAa,OAAa;CACvI,gBAAgB;EACd,IAAI,OAAO,WAAW,UAAU;EAChC,MAAM,CAAC,mBAAmB,YAAY,SAAS,UAAU,UAAU;EAEnE,OAAO,SAAQ,cAAa,OAAO,iBAAiB,WAAW,iBAAiB,CAAC;EAEjF,kBAAkB;EAElB,aAAmB;GACjB,SAAS;GACT,OAAO,SAAQ,cAAa,OAAO,oBAAoB,WAAW,iBAAiB,CAAC;EACtF;CACF,GAAG,CAAC,CAAC;AACP"}

package/lib/hooks/useOutsideEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = {\n  [K in keyof DocumentEventMap]: DocumentEventMap[K] extends MouseEvent | FocusEvent ? K : never;\n}[keyof DocumentEventMap];\n\n/**\n * Custom hook for klikk eller fokus utenfor et gitt element (eller flere elementer)\n * @param ref Sjekker om det klikkes utenfor dette elementet/elementene\n * @param callback Callback-funksjon ved klikk utenfor elementet/elementene\n * @param events Type eventer å lytte på. Default: mousedown\n */\nexport const useOutsideEvent = (\n  ref: React.RefObject<HTMLElement | null> | React.RefObject<HTMLElement | null>[],\n  callback: (event: MouseEvent | FocusEvent) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const refArray = Array.isArray(ref) ? ref : [ref];\n\n  const handleOutsideEvent = (event: MouseEvent | FocusEvent): void => {\n    if (refArray.every(r => r.current && !event.composedPath().includes(r.current))) {\n      callback(event);\n    }\n  };\n\n  useEffect(() => {\n    events.forEach(eventName => document.addEventListener(eventName, handleOutsideEvent));\n\n    return (): void => {\n      events.forEach(eventName => document.removeEventListener(eventName, handleOutsideEvent));\n    };\n  }, [refArray, callback, events]);\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,mBACX,KACA,UACA,SAA0B,CAAC,YAAY,KAC9B;CACT,MAAM,WAAW,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI;CAEjD,MAAM,sBAAsB,UAAyC;EACnE,IAAI,SAAS,OAAM,MAAK,EAAE,WAAW,CAAC,MAAM,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,EAC7E,SAAS,MAAM;;CAInB,gBAAgB;EACd,OAAO,SAAQ,cAAa,SAAS,iBAAiB,WAAW,mBAAmB,CAAC;EAErF,aAAmB;GACjB,OAAO,SAAQ,cAAa,SAAS,oBAAoB,WAAW,mBAAmB,CAAC;;IAEzF;EAAC;EAAU;EAAU;EAAO,CAAC"}
+{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = {\n  [K in keyof DocumentEventMap]: DocumentEventMap[K] extends MouseEvent | FocusEvent ? K : never;\n}[keyof DocumentEventMap];\n\n/**\n * Custom hook for klikk eller fokus utenfor et gitt element (eller flere elementer)\n * @param ref Sjekker om det klikkes utenfor dette elementet/elementene\n * @param callback Callback-funksjon ved klikk utenfor elementet/elementene\n * @param events Type eventer å lytte på. Default: mousedown\n */\nexport const useOutsideEvent = (\n  ref: React.RefObject<HTMLElement | null> | React.RefObject<HTMLElement | null>[],\n  callback: (event: MouseEvent | FocusEvent) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const refArray = Array.isArray(ref) ? ref : [ref];\n\n  const handleOutsideEvent = (event: MouseEvent | FocusEvent): void => {\n    if (refArray.every(r => r.current && !event.composedPath().includes(r.current))) {\n      callback(event);\n    }\n  };\n\n  useEffect(() => {\n    events.forEach(eventName => document.addEventListener(eventName, handleOutsideEvent));\n\n    return (): void => {\n      events.forEach(eventName => document.removeEventListener(eventName, handleOutsideEvent));\n    };\n  }, [refArray, callback, events]);\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,mBACX,KACA,UACA,SAA0B,CAAC,WAAW,MAC7B;CACT,MAAM,WAAW,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;CAEhD,MAAM,sBAAsB,UAAyC;EACnE,IAAI,SAAS,OAAM,MAAK,EAAE,WAAW,CAAC,MAAM,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC,GAC5E,SAAS,KAAK;CAElB;CAEA,gBAAgB;EACd,OAAO,SAAQ,cAAa,SAAS,iBAAiB,WAAW,kBAAkB,CAAC;EAEpF,aAAmB;GACjB,OAAO,SAAQ,cAAa,SAAS,oBAAoB,WAAW,kBAAkB,CAAC;EACzF;CACF,GAAG;EAAC;EAAU;EAAU;CAAM,CAAC;AACjC"}

package/lib/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","names":[],"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): T | null => {\n  const ref = useRef<T | null>(null);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"mappings":";;;;;;;AAOA,IAAa,eAAkB,UAAuB;CACpD,MAAM,MAAM,OAAiB,KAAK;CAElC,gBAAgB;EACd,IAAI,UAAU;IACb,CAAC,MAAM,CAAC;CAEX,OAAO,IAAI"}
+{"version":3,"file":"usePrevious.js","names":[],"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): T | null => {\n  const ref = useRef<T | null>(null);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"mappings":";;;;;;;AAOA,IAAa,eAAkB,UAAuB;CACpD,MAAM,MAAM,OAAiB,IAAI;CAEjC,gBAAgB;EACd,IAAI,UAAU;CAChB,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO,IAAI;AACb"}

package/lib/hooks/usePseudoClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.js","names":[],"sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useEffect, useState } 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 | null>(\n  ref?: RefObject<T> | null\n): { refObject: RefObject<T | null>; isHovered: boolean; isFocused: boolean; isActive: boolean } => {\n  const internalRef = useRef<T | null>(null);\n  const refObject = ref ?? internalRef;\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n    const handlePointerDown = (): void => setIsActive(true);\n    const handlePointerUp = (): void => setIsActive(false);\n    const handlePointerLeave = (): void => setIsActive(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n    refObject.current?.addEventListener('pointerdown', handlePointerDown);\n    refObject.current?.addEventListener('pointerup', handlePointerUp);\n    refObject.current?.addEventListener('pointerleave', handlePointerLeave);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n      refObject.current?.removeEventListener('pointerdown', handlePointerDown);\n      refObject.current?.removeEventListener('pointerup', handlePointerUp);\n      refObject.current?.removeEventListener('pointerleave', handlePointerLeave);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused, isActive };\n};\n"],"mappings":";;;;;;;AAQA,IAAa,oBACX,QACkG;CAClG,MAAM,cAAc,OAAiB,KAAK;CAC1C,MAAM,YAAY,OAAO;CACzB,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,gBAAgB;EACd,MAAM,yBAA+B,aAAa,KAAK;EACvD,MAAM,yBAA+B,aAAa,MAAM;EACxD,MAAM,sBAA4B,aAAa,KAAK;EACpD,MAAM,uBAA6B,aAAa,MAAM;EACtD,MAAM,0BAAgC,YAAY,KAAK;EACvD,MAAM,wBAA8B,YAAY,MAAM;EACtD,MAAM,2BAAiC,YAAY,MAAM;EAEzD,UAAU,SAAS,iBAAiB,cAAc,iBAAiB;EACnE,UAAU,SAAS,iBAAiB,cAAc,iBAAiB;EACnE,UAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;EACrE,UAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;EACrE,UAAU,SAAS,iBAAiB,WAAW,cAAc;EAC7D,UAAU,SAAS,iBAAiB,YAAY,eAAe;EAC/D,UAAU,SAAS,iBAAiB,eAAe,kBAAkB;EACrE,UAAU,SAAS,iBAAiB,aAAa,gBAAgB;EACjE,UAAU,SAAS,iBAAiB,gBAAgB,mBAAmB;EAEvE,aAAmB;GACjB,UAAU,SAAS,oBAAoB,cAAc,iBAAiB;GACtE,UAAU,SAAS,oBAAoB,cAAc,iBAAiB;GACtE,UAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;GACxE,UAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;GACxE,UAAU,SAAS,oBAAoB,WAAW,cAAc;GAChE,UAAU,SAAS,oBAAoB,YAAY,eAAe;GAClE,UAAU,SAAS,oBAAoB,eAAe,kBAAkB;GACxE,UAAU,SAAS,oBAAoB,aAAa,gBAAgB;GACpE,UAAU,SAAS,oBAAoB,gBAAgB,mBAAmB;;IAE3E,CAAC,UAAU,CAAC;CAEf,OAAO;EAAE;EAAW;EAAW;EAAW;EAAU"}
+{"version":3,"file":"usePseudoClasses.js","names":[],"sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useEffect, useState } 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 | null>(\n  ref?: RefObject<T> | null\n): { refObject: RefObject<T | null>; isHovered: boolean; isFocused: boolean; isActive: boolean } => {\n  const internalRef = useRef<T | null>(null);\n  const refObject = ref ?? internalRef;\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n    const handlePointerDown = (): void => setIsActive(true);\n    const handlePointerUp = (): void => setIsActive(false);\n    const handlePointerLeave = (): void => setIsActive(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n    refObject.current?.addEventListener('pointerdown', handlePointerDown);\n    refObject.current?.addEventListener('pointerup', handlePointerUp);\n    refObject.current?.addEventListener('pointerleave', handlePointerLeave);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n      refObject.current?.removeEventListener('pointerdown', handlePointerDown);\n      refObject.current?.removeEventListener('pointerup', handlePointerUp);\n      refObject.current?.removeEventListener('pointerleave', handlePointerLeave);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused, isActive };\n};\n"],"mappings":";;;;;;;AAQA,IAAa,oBACX,QACkG;CAClG,MAAM,cAAc,OAAiB,IAAI;CACzC,MAAM,YAAY,OAAO;CACzB,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,gBAAgB;EACd,MAAM,yBAA+B,aAAa,IAAI;EACtD,MAAM,yBAA+B,aAAa,KAAK;EACvD,MAAM,sBAA4B,aAAa,IAAI;EACnD,MAAM,uBAA6B,aAAa,KAAK;EACrD,MAAM,0BAAgC,YAAY,IAAI;EACtD,MAAM,wBAA8B,YAAY,KAAK;EACrD,MAAM,2BAAiC,YAAY,KAAK;EAExD,UAAU,SAAS,iBAAiB,cAAc,gBAAgB;EAClE,UAAU,SAAS,iBAAiB,cAAc,gBAAgB;EAClE,UAAU,SAAS,iBAAiB,gBAAgB,gBAAgB;EACpE,UAAU,SAAS,iBAAiB,gBAAgB,gBAAgB;EACpE,UAAU,SAAS,iBAAiB,WAAW,aAAa;EAC5D,UAAU,SAAS,iBAAiB,YAAY,cAAc;EAC9D,UAAU,SAAS,iBAAiB,eAAe,iBAAiB;EACpE,UAAU,SAAS,iBAAiB,aAAa,eAAe;EAChE,UAAU,SAAS,iBAAiB,gBAAgB,kBAAkB;EAEtE,aAAmB;GACjB,UAAU,SAAS,oBAAoB,cAAc,gBAAgB;GACrE,UAAU,SAAS,oBAAoB,cAAc,gBAAgB;GACrE,UAAU,SAAS,oBAAoB,gBAAgB,gBAAgB;GACvE,UAAU,SAAS,oBAAoB,gBAAgB,gBAAgB;GACvE,UAAU,SAAS,oBAAoB,WAAW,aAAa;GAC/D,UAAU,SAAS,oBAAoB,YAAY,cAAc;GACjE,UAAU,SAAS,oBAAoB,eAAe,iBAAiB;GACvE,UAAU,SAAS,oBAAoB,aAAa,eAAe;GACnE,UAAU,SAAS,oBAAoB,gBAAgB,kBAAkB;EAC3E;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,OAAO;EAAE;EAAW;EAAW;EAAW;CAAS;AACrD"}

package/lib/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","names":[],"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 | null>): 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"],"mappings":";;;;;;;;AAQA,IAAa,qBAAqB,QAAmE;CACnG,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;CAC3C,gBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;GACnD,IAAI,CAAC,QAAQ,SACX,OAAO,4BAA4B;IACjC,QAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;IAClD,QAAQ,UAAU;KAClB;GAEJ,QAAQ,UAAU;IAClB;EACF,IAAI,KAAK,SACP,eAAe,QAAQ,KAAK,QAAQ;EAGtC,aAAmB;GACjB,IAAI,KAAK,SACP,eAAe,UAAU,IAAI,QAAQ;QAErC,eAAe,YAAY;;IAG9B,CAAC,IAAI,CAAC;CAET,OAAO"}
+{"version":3,"file":"useResizeObserver.js","names":[],"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 | null>): 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"],"mappings":";;;;;;;;AAQA,IAAa,qBAAqB,QAAmE;CACnG,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAkB;CAC1C,gBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;GACnD,IAAI,CAAC,QAAQ,SACX,OAAO,4BAA4B;IACjC,QAAQ,QAAQ,GAAG,OAAO,sBAAsB,CAAC;IACjD,QAAQ,UAAU;GACpB,CAAC;GAEH,QAAQ,UAAU;EACpB,CAAC;EACD,IAAI,KAAK,SACP,eAAe,QAAQ,KAAK,OAAO;EAGrC,aAAmB;GACjB,IAAI,KAAK,SACP,eAAe,UAAU,IAAI,OAAO;QAEpC,eAAe,WAAW;EAE9B;CACF,GAAG,CAAC,GAAG,CAAC;CAER,OAAO;AACT"}

package/lib/hooks/useReturnFocusOnUnmount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReturnFocusOnUnmount.js","names":[],"sources":["../../src/hooks/useReturnFocusOnUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { deepContains } from '../utils/deepContains';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * A hook that stores the currently focused element when the component mounts,\n * and returns focus to it when the component unmounts.\n */\nexport const useReturnFocusOnUnmount = (ref: React.RefObject<HTMLElement | null>): void => {\n  const previouslyFocusedElementRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // Captures which element was focused on mount\n    // const activeElement = document.activeElement;\n    const activeElement = ref.current ? getDocumentActiveElement(ref.current) : null;\n    if (activeElement instanceof HTMLElement) {\n      previouslyFocusedElementRef.current = activeElement;\n    }\n\n    // Restores focus to the stored element on unmount\n    return (): void => {\n      if (previouslyFocusedElementRef.current instanceof HTMLElement && deepContains(document, previouslyFocusedElementRef.current)) {\n        previouslyFocusedElementRef.current.focus();\n      }\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;;AASA,IAAa,2BAA2B,QAAmD;CACzF,MAAM,8BAA8B,OAA2B,KAAK;CAEpE,gBAAgB;EAGd,MAAM,gBAAgB,IAAI,UAAU,yBAAyB,IAAI,QAAQ,GAAG;EAC5E,IAAI,yBAAyB,aAC3B,4BAA4B,UAAU;EAIxC,aAAmB;GACjB,IAAI,4BAA4B,mBAAmB,eAAe,aAAa,UAAU,4BAA4B,QAAQ,EAC3H,4BAA4B,QAAQ,OAAO;;IAG9C,EAAE,CAAC"}
+{"version":3,"file":"useReturnFocusOnUnmount.js","names":[],"sources":["../../src/hooks/useReturnFocusOnUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { deepContains } from '../utils/deepContains';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * A hook that stores the currently focused element when the component mounts,\n * and returns focus to it when the component unmounts.\n */\nexport const useReturnFocusOnUnmount = (ref: React.RefObject<HTMLElement | null>): void => {\n  const previouslyFocusedElementRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // Captures which element was focused on mount\n    // const activeElement = document.activeElement;\n    const activeElement = ref.current ? getDocumentActiveElement(ref.current) : null;\n    if (activeElement instanceof HTMLElement) {\n      previouslyFocusedElementRef.current = activeElement;\n    }\n\n    // Restores focus to the stored element on unmount\n    return (): void => {\n      if (previouslyFocusedElementRef.current instanceof HTMLElement && deepContains(document, previouslyFocusedElementRef.current)) {\n        previouslyFocusedElementRef.current.focus();\n      }\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;;AASA,IAAa,2BAA2B,QAAmD;CACzF,MAAM,8BAA8B,OAA2B,IAAI;CAEnE,gBAAgB;EAGd,MAAM,gBAAgB,IAAI,UAAU,yBAAyB,IAAI,OAAO,IAAI;EAC5E,IAAI,yBAAyB,aAC3B,4BAA4B,UAAU;EAIxC,aAAmB;GACjB,IAAI,4BAA4B,mBAAmB,eAAe,aAAa,UAAU,4BAA4B,OAAO,GAC1H,4BAA4B,QAAQ,MAAM;EAE9C;CACF,GAAG,CAAC,CAAC;AACP"}

package/lib/hooks/useRovingFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRovingFocus.js","names":[],"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.RefObject<React.RefObject<HTMLElement | null>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement | null>,\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"],"mappings":";;;;AAMA,IAAa,kBAEX,gBAEA,cAEA,cAEA,wBACS;CACT,sBAAsB,uBAAuB;CAG7C,gBAAgB;EACd,IAAI,CAAC,aAAa,SAChB;EAEF,aAAa,QAAQ,SAAQ,QAAO;GAClC,IAAI,SAAS,aAAa,YAAY,KAAK;IAC3C;EACF,aAAa,QAAQ,IAAI,SAAS,aAAa,YAAY,IAAI;IAC9D,EAAE,CAAC;CAEN,MAAM,4BAA4B,UAA+B;EAC/D,IAAI,MAAM,QAAQ,iBAAiB,KACjC;EAEF,MAAM,gBAAgB;EAEtB,IAAI,CAAC,aAAa,SAChB;EAEF,MAAM,QAAQ,aAAa,QAAQ,WAAU,MAAK,EAAE,YAAY,MAAM,OAAO;EAC7E,IAAI,YAAY;EAEhB,IAAI,MAAM,QAAQ,iBAAiB,MACjC,YAAY;OACP,IAAI,MAAM,QAAQ,iBAAiB,KACxC,YAAY,aAAa,QAAQ,SAAS;OACrC,KACJ,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,GAEtC,YAAY,QAAQ;OACf,KAAK,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,GACzG,YAAY,QAAQ;OACf,IAAI,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,OAChF,YAAY;EAGd,IAAI,cAAc,IAAI;GACpB,aAAa,SAAS,SAAS,KAAK,MAAM;IACxC,IAAI,IAAI,SACN,IAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;KAE/C;GACF,aAAa,QAAQ,YAAY,SAAS,OAAO;GACjD,aAAa,QAAQ,YAAY,SAAS,SAAS;GACnD,eAAe,UAAU;;;CAI7B,MAAM,aAAa;EAAC,iBAAiB;EAAK,iBAAiB;EAAO,iBAAiB;EAAQ,iBAAiB;EAAK;CAEjH,MAAM,YAAY,sBACd,CAAC,iBAAiB,YAAY,iBAAiB,UAAU,GACzD,CAAC,iBAAiB,SAAS,iBAAiB,UAAU;CAE1D,iBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,UAAU,CAAC"}
+{"version":3,"file":"useRovingFocus.js","names":[],"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.RefObject<React.RefObject<HTMLElement | null>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement | null>,\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"],"mappings":";;;;AAMA,IAAa,kBAEX,gBAEA,cAEA,cAEA,wBACS;CACT,sBAAsB,uBAAuB;CAG7C,gBAAgB;EACd,IAAI,CAAC,aAAa,SAChB;EAEF,aAAa,QAAQ,SAAQ,QAAO;GAClC,IAAI,SAAS,aAAa,YAAY,IAAI;EAC5C,CAAC;EACD,aAAa,QAAQ,IAAI,SAAS,aAAa,YAAY,GAAG;CAChE,GAAG,CAAC,CAAC;CAEL,MAAM,4BAA4B,UAA+B;EAC/D,IAAI,MAAM,QAAQ,iBAAiB,KACjC;EAEF,MAAM,eAAe;EAErB,IAAI,CAAC,aAAa,SAChB;EAEF,MAAM,QAAQ,aAAa,QAAQ,WAAU,MAAK,EAAE,YAAY,MAAM,MAAM;EAC5E,IAAI,YAAY;EAEhB,IAAI,MAAM,QAAQ,iBAAiB,MACjC,YAAY;OACP,IAAI,MAAM,QAAQ,iBAAiB,KACxC,YAAY,aAAa,QAAQ,SAAS;OACrC,KACJ,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,GAEtC,YAAY,QAAQ;OACf,KAAK,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,GACzG,YAAY,QAAQ;OACf,IAAI,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,OAChF,YAAY;EAGd,IAAI,cAAc,IAAI;GACpB,aAAa,SAAS,SAAS,KAAK,MAAM;IACxC,IAAI,IAAI,SACN,IAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;GAEjD,CAAC;GACD,aAAa,QAAQ,YAAY,SAAS,MAAM;GAChD,aAAa,QAAQ,YAAY,SAAS,QAAQ;GAClD,eAAe,SAAS;EAC1B;CACF;CAEA,MAAM,aAAa;EAAC,iBAAiB;EAAK,iBAAiB;EAAO,iBAAiB;EAAQ,iBAAiB;CAAI;CAEhH,MAAM,YAAY,sBACd,CAAC,iBAAiB,YAAY,iBAAiB,SAAS,IACxD,CAAC,iBAAiB,SAAS,iBAAiB,SAAS;CAEzD,iBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,SAAS,CAAC;AACxF"}

package/lib/hooks/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","names":[],"sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\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 | null>): 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    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref?.current]);\n\n  return size;\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,WAAW,QAAmE;CACzF,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;CAC3C,gBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;GACnD,IAAI,CAAC,QAAQ,SACX,OAAO,4BAA4B;IACjC,QAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;IAClD,QAAQ,UAAU;KAClB;GAEJ,QAAQ,UAAU;IAClB;EACF,IAAI,KAAK,SACP,eAAe,QAAQ,KAAK,QAAQ;EAEtC,aAAmB;GACjB,IAAI,KAAK,SACP,eAAe,UAAU,IAAI,QAAQ;QAErC,eAAe,YAAY;;IAG9B,CAAC,KAAK,QAAQ,CAAC;CAElB,OAAO"}
+{"version":3,"file":"useSize.js","names":[],"sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\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 | null>): 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    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref?.current]);\n\n  return size;\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,WAAW,QAAmE;CACzF,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAkB;CAC1C,gBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;GACnD,IAAI,CAAC,QAAQ,SACX,OAAO,4BAA4B;IACjC,QAAQ,QAAQ,GAAG,OAAO,sBAAsB,CAAC;IACjD,QAAQ,UAAU;GACpB,CAAC;GAEH,QAAQ,UAAU;EACpB,CAAC;EACD,IAAI,KAAK,SACP,eAAe,QAAQ,KAAK,OAAO;EAErC,aAAmB;GACjB,IAAI,KAAK,SACP,eAAe,UAAU,IAAI,OAAO;QAEpC,eAAe,WAAW;EAE9B;CACF,GAAG,CAAC,KAAK,OAAO,CAAC;CAEjB,OAAO;AACT"}

package/lib/hooks/useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","names":[],"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 [prevInitialValue, setPrevInitialValue] = useState(initialValue);\n  const previousValue = usePrevious(value);\n\n  if (initialValue !== prevInitialValue) {\n    setPrevInitialValue(initialValue);\n    setValue(initialValue);\n  }\n\n  const toggleValue = (): void => {\n    setValue(!value);\n  };\n\n  useEffect(() => {\n    if (callback && value !== !!previousValue) {\n      callback(value);\n    }\n  }, [value, callback]);\n\n  return { value, toggleValue };\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,aAAa,cAAuB,aAAqF;CACpI,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;CAChD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,aAAa;CACtE,MAAM,gBAAgB,YAAY,MAAM;CAExC,IAAI,iBAAiB,kBAAkB;EACrC,oBAAoB,aAAa;EACjC,SAAS,aAAa;;CAGxB,MAAM,oBAA0B;EAC9B,SAAS,CAAC,MAAM;;CAGlB,gBAAgB;EACd,IAAI,YAAY,UAAU,CAAC,CAAC,eAC1B,SAAS,MAAM;IAEhB,CAAC,OAAO,SAAS,CAAC;CAErB,OAAO;EAAE;EAAO;EAAa"}
+{"version":3,"file":"useToggle.js","names":[],"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 [prevInitialValue, setPrevInitialValue] = useState(initialValue);\n  const previousValue = usePrevious(value);\n\n  if (initialValue !== prevInitialValue) {\n    setPrevInitialValue(initialValue);\n    setValue(initialValue);\n  }\n\n  const toggleValue = (): void => {\n    setValue(!value);\n  };\n\n  useEffect(() => {\n    if (callback && value !== !!previousValue) {\n      callback(value);\n    }\n  }, [value, callback]);\n\n  return { value, toggleValue };\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,aAAa,cAAuB,aAAqF;CACpI,MAAM,CAAC,OAAO,YAAY,SAAS,YAAY;CAC/C,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,YAAY;CACrE,MAAM,gBAAgB,YAAY,KAAK;CAEvC,IAAI,iBAAiB,kBAAkB;EACrC,oBAAoB,YAAY;EAChC,SAAS,YAAY;CACvB;CAEA,MAAM,oBAA0B;EAC9B,SAAS,CAAC,KAAK;CACjB;CAEA,gBAAgB;EACd,IAAI,YAAY,UAAU,CAAC,CAAC,eAC1B,SAAS,KAAK;CAElB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,OAAO;EAAE;EAAO;CAAY;AAC9B"}

package/lib/hooks/usestopPropagation.js.map

@@ -1 +1 @@
-{"version":3,"file":"usestopPropagation.js","names":[],"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 | null>, events: string[]): void => {\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"],"mappings":";;;;;;;AAOA,IAAa,sBAAsB,KAA0C,WAA2B;CACtG,MAAM,eAAe,MAAmB,EAAE,iBAAiB;CAE3D,gBAAgB;EACd,OAAO,SAAQ,SAAQ,KAAK,SAAS,iBAAiB,MAAM,YAAY,CAAC;EAEzE,aAAmB,OAAO,SAAQ,SAAQ,IAAI,SAAS,oBAAoB,MAAM,YAAY,CAAC;IAC7F,CAAC,IAAI,CAAC"}
+{"version":3,"file":"usestopPropagation.js","names":[],"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 | null>, events: string[]): void => {\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"],"mappings":";;;;;;;AAOA,IAAa,sBAAsB,KAA0C,WAA2B;CACtG,MAAM,eAAe,MAAmB,EAAE,gBAAgB;CAE1D,gBAAgB;EACd,OAAO,SAAQ,SAAQ,KAAK,SAAS,iBAAiB,MAAM,WAAW,CAAC;EAExE,aAAmB,OAAO,SAAQ,SAAQ,IAAI,SAAS,oBAAoB,MAAM,WAAW,CAAC;CAC/F,GAAG,CAAC,GAAG,CAAC;AACV"}

package/lib/resourceHelper.js

@@ -1,23 +1,27 @@
 import { LanguageLocales } from "./constants.js";
 var HN_Designsystem_Filter_en_GB_default = {
-	filterButtonText: "Find...",
+	filterButtonText: "Find ...",
 	sortLabel: "Sorting",
 	resetButtonText: "Reset",
-	showButtonText: "Show {0} results",
-	filterOverviewTitle: "Find...",
+	showButtonText: "Show results",
+	filterOverviewTitle: "Find ...",
 	searchPlaceholder: "Search the list",
 	searchClearButtonAriaLabel: "Reset",
-	searchButtonAriaLabel: "Search"
+	searchButtonAriaLabel: "Search",
+	loadingText: "Loading results",
+	resultsText: "{0} results"
 };
 var HN_Designsystem_Filter_nb_NO_default = {
-	filterButtonText: "Finn...",
+	filterButtonText: "Finn ...",
 	sortLabel: "Sortering",
 	resetButtonText: "Nullstill",
-	showButtonText: "Vis {0} treff",
-	filterOverviewTitle: "Finn...",
+	showButtonText: "Vis treff",
+	filterOverviewTitle: "Finn ...",
 	searchPlaceholder: "Søk i listen",
 	searchClearButtonAriaLabel: "Nullstill",
-	searchButtonAriaLabel: "Søk"
+	searchButtonAriaLabel: "Søk",
+	loadingText: "Henter treff",
+	resultsText: "{0} treff"
 };
 //#endregion
 //#region src/components/Filter/resourceHelper.ts

package/lib/resourceHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"resourceHelper.js","names":[],"sources":["../src/resources/HN.Designsystem.Filter.en-GB.json","../src/resources/HN.Designsystem.Filter.nb-NO.json","../src/components/Filter/resourceHelper.ts"],"sourcesContent":["{\n  \"filterButtonText\": \"Find...\",\n  \"sortLabel\": \"Sorting\",\n  \"resetButtonText\": \"Reset\",\n  \"showButtonText\": \"Show {0} results\",\n  \"filterOverviewTitle\": \"Find...\",\n  \"searchPlaceholder\": \"Search the list\",\n  \"searchClearButtonAriaLabel\": \"Reset\",\n  \"searchButtonAriaLabel\": \"Search\"\n}\n","{\n  \"filterButtonText\": \"Finn...\",\n  \"sortLabel\": \"Sortering\",\n  \"resetButtonText\": \"Nullstill\",\n  \"showButtonText\": \"Vis {0} treff\",\n  \"filterOverviewTitle\": \"Finn...\",\n  \"searchPlaceholder\": \"Søk i listen\",\n  \"searchClearButtonAriaLabel\": \"Nullstill\",\n  \"searchButtonAriaLabel\": \"Søk\"\n}\n","import type { HNDesignsystemFilter } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Filter.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Filter.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFilter => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AEMA,IAAa,gBAAgB,aAAoD;CAC/E,QAAQ,UAAR;EACE,KAAK,gBAAgB,SACnB,OAAO;EACT,KAAK,gBAAgB;EACrB,SACE,OAAO"}
+{"version":3,"file":"resourceHelper.js","names":[],"sources":["../src/resources/HN.Designsystem.Filter.en-GB.json","../src/resources/HN.Designsystem.Filter.nb-NO.json","../src/components/Filter/resourceHelper.ts"],"sourcesContent":["{\n  \"filterButtonText\": \"Find ...\",\n  \"sortLabel\": \"Sorting\",\n  \"resetButtonText\": \"Reset\",\n  \"showButtonText\": \"Show results\",\n  \"filterOverviewTitle\": \"Find ...\",\n  \"searchPlaceholder\": \"Search the list\",\n  \"searchClearButtonAriaLabel\": \"Reset\",\n  \"searchButtonAriaLabel\": \"Search\",\n  \"loadingText\": \"Loading results\",\n  \"resultsText\": \"{0} results\"\n}\n","{\n  \"filterButtonText\": \"Finn ...\",\n  \"sortLabel\": \"Sortering\",\n  \"resetButtonText\": \"Nullstill\",\n  \"showButtonText\": \"Vis treff\",\n  \"filterOverviewTitle\": \"Finn ...\",\n  \"searchPlaceholder\": \"Søk i listen\",\n  \"searchClearButtonAriaLabel\": \"Nullstill\",\n  \"searchButtonAriaLabel\": \"Søk\",\n  \"loadingText\": \"Henter treff\",\n  \"resultsText\": \"{0} treff\"\n}\n","import type { HNDesignsystemFilter } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Filter.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Filter.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFilter => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AEMA,IAAa,gBAAgB,aAAoD;CAC/E,QAAQ,UAAR;EACE,KAAK,gBAAgB,SACnB,OAAO;EACT,KAAK,gBAAgB;EACrB,SACE,OAAO;CACX;AACF"}

package/lib/resources/HN.Designsystem.Drawer.en-GB.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-  "ariaLabelBackButton": "Go back",
-  "ariaLabelCloseBtn": "Close"
+  "ariaLabelCloseBtn": "Close",
+  "ariaLabelBackButton": "Go back"
 }
 ;
 

package/lib/resources/HN.Designsystem.Filter.en-GB.json.d.ts

@@ -1,12 +1,14 @@
 declare const _default: {
-  "filterButtonText": "Find...",
+  "filterButtonText": "Find ...",
   "sortLabel": "Sorting",
   "resetButtonText": "Reset",
-  "showButtonText": "Show {0} results",
-  "filterOverviewTitle": "Find...",
+  "showButtonText": "Show results",
+  "filterOverviewTitle": "Find ...",
   "searchPlaceholder": "Search the list",
   "searchClearButtonAriaLabel": "Reset",
-  "searchButtonAriaLabel": "Search"
+  "searchButtonAriaLabel": "Search",
+  "loadingText": "Loading results",
+  "resultsText": "{0} results"
 }
 ;
 

package/lib/resources/HN.Designsystem.Filter.nb-NO.json.d.ts

@@ -1,12 +1,14 @@
 declare const _default: {
-  "filterButtonText": "Finn...",
+  "filterButtonText": "Finn ...",
   "sortLabel": "Sortering",
   "resetButtonText": "Nullstill",
-  "showButtonText": "Vis {0} treff",
-  "filterOverviewTitle": "Finn...",
+  "showButtonText": "Vis treff",
+  "filterOverviewTitle": "Finn ...",
   "searchPlaceholder": "Søk i listen",
   "searchClearButtonAriaLabel": "Nullstill",
-  "searchButtonAriaLabel": "Søk"
+  "searchButtonAriaLabel": "Søk",
+  "loadingText": "Henter treff",
+  "resultsText": "{0} treff"
 }
 ;
 

package/lib/resources/Resources.d.ts

@@ -148,7 +148,7 @@ export type HNDesignsystemInput = {
 
 export type HNDesignsystemFilter = {
   /**
-   * Finn...
+   * Finn ...
    */
   filterButtonText: string;
   /**
@@ -160,11 +160,11 @@ export type HNDesignsystemFilter = {
    */
   resetButtonText: string;
   /**
-   * Vis {0} treff
+   * Vis treff
    */
   showButtonText: string;
   /**
-   * Finn...
+   * Finn ...
    */
   filterOverviewTitle: string;
   /**
@@ -179,6 +179,14 @@ export type HNDesignsystemFilter = {
    * Søk
    */
   searchButtonAriaLabel: string;
+  /**
+   * Henter treff
+   */
+  loadingText: string;
+  /**
+   * {0} treff
+   */
+  resultsText: string;
 };
 
 export type HNDesignsystemChip = {