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

package/lib/palette.js

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

package/lib/palette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.js","names":[],"sources":["../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FDF8DF',\n  banana100: '#FCF2BF',\n  banana200: '#F9EA9F',\n  banana300: '#F5E080',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"mappings":"AAAA,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,IAAM,YAAY;CAChB,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAED,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV;AAED,IAAM,UAAU;CACd,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACb;AAED,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV;AAED,MAAa,UAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,OAAO;CACP,OAAO;CACR"}

package/lib/refs.js

@@ -1,14 +0,0 @@
-const mergeRefs = (refs) => {
-	return (value) => {
-		refs.forEach((ref) => {
-			if (typeof ref === "function") ref(value);
-			else if (ref != null && ref !== void 0) ref.current = value;
-		});
-	};
-};
-const isMutableRefObject = (ref) => {
-	return !!ref && typeof ref !== "function" && "current" in ref;
-};
-export { mergeRefs as n, isMutableRefObject as t };
-
-//# sourceMappingURL=refs.js.map

package/lib/refs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"refs.js","names":[],"sources":["../src/utils/refs.ts"],"sourcesContent":["/**\n * Slår sammen to refs, typisk ref via prop og useRef slik at begge deler kan brukes som en felles ref\n * Fra https://github.com/gregberge/react-merge-refs\n * @param refs array med refs som skal slås sammen\n * @returns refcallback som kan brukes på komponent\n */\nexport const mergeRefs = <T>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | null | undefined>): React.RefCallback<T> => {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null && ref !== undefined) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n};\n\n/**\n * Sjekker om ref er et objekt (og ikke en funksjon)\n * @param ref\n * @returns type predicate\n */\nexport const isMutableRefObject = <T>(ref: React.Ref<T> | undefined): ref is React.MutableRefObject<T> => {\n  return !!ref && typeof ref !== 'function' && 'current' in ref;\n};\n"],"mappings":"AAMA,MAAa,aAAgB,SAAyG;AACpI,SAAO,UAAS;AACd,OAAK,SAAQ,QAAO;AAClB,OAAI,OAAO,QAAQ,WACjB,KAAI,MAAM;YACD,OAAO,QAAQ,QAAQ,KAAA,EAC/B,KAAyC,UAAU;IAEtD;;;AASN,MAAa,sBAAyB,QAAoE;AACxG,QAAO,CAAC,CAAC,OAAO,OAAO,QAAQ,cAAc,aAAa"}

package/lib/resource.js

@@ -1,4 +0,0 @@
-const formatResource = (template, ...args) => args.reduce((result, arg, index) => result.replace(`{${index}}`, String(arg)), template);
-export { formatResource as t };
-
-//# sourceMappingURL=resource.js.map

package/lib/resource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resource.js","names":[],"sources":["../src/utils/resource.ts"],"sourcesContent":["/**\n * Replace `{0}`, `{1}` etc. placeholders in a resource string with the supplied values.\n * @example formatResource('Siste {0} måneder', 6)  // 'Siste 6 måneder'\n * @example formatResource('{0} av {1}', 'side', 10) // 'side av 10'\n */\nexport const formatResource = (template: string, ...args: (string | number)[]): string =>\n  args.reduce<string>((result, arg, index) => result.replace(`{${index}}`, String(arg)), template);\n"],"mappings":"AAKA,MAAa,kBAAkB,UAAkB,GAAG,SAClD,KAAK,QAAgB,QAAQ,KAAK,UAAU,OAAO,QAAQ,IAAI,MAAM,IAAI,OAAO,IAAI,CAAC,EAAE,SAAS"}

package/lib/scroll.js

@@ -1,9 +0,0 @@
-const disableBodyScroll = () => {
-	document.body.style.overflow = "hidden";
-};
-const enableBodyScroll = () => {
-	document.body.style.removeProperty("overflow");
-};
-export { enableBodyScroll as n, disableBodyScroll as t };
-
-//# sourceMappingURL=scroll.js.map

package/lib/scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll.js","names":[],"sources":["../src/utils/scroll.ts"],"sourcesContent":["export const disableBodyScroll = (): void => {\n  document.body.style.overflow = 'hidden';\n};\n\nexport const enableBodyScroll = (): void => {\n  document.body.style.removeProperty('overflow');\n};\n"],"mappings":"AAAA,MAAa,0BAAgC;AAC3C,UAAS,KAAK,MAAM,WAAW;;AAGjC,MAAa,yBAA+B;AAC1C,UAAS,KAAK,MAAM,eAAe,WAAW"}

package/lib/spacers.js

@@ -1,20 +0,0 @@
-const spacer = 1;
-const spacers = {
-	0: 0,
-	1: 1 / 8,
-	2: 1 / 4,
-	3: 1 / 2,
-	4: 1 * .75,
-	5: 1,
-	6: 1 * 1.5,
-	7: 2,
-	8: 3,
-	9: 4,
-	10: 5,
-	11: 6,
-	12: 7,
-	13: 8
-};
-export { spacers as n, spacer as t };
-
-//# sourceMappingURL=spacers.js.map

package/lib/spacers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacers.js","names":[],"sources":["../src/theme/spacers.ts"],"sourcesContent":["export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';\n\nexport const spacer = 1;\n\nexport const spacers = {\n  0: 0,\n  1: spacer / 8,\n  2: spacer / 4,\n  3: spacer / 2,\n  4: spacer * 0.75,\n  5: spacer * 1,\n  6: spacer * 1.5,\n  7: spacer * 2,\n  8: spacer * 3,\n  9: spacer * 4,\n  10: spacer * 5,\n  11: spacer * 6,\n  12: spacer * 7,\n  13: spacer * 8,\n};\n"],"mappings":"AAEA,MAAa,SAAS;AAEtB,MAAa,UAAU;CACrB,GAAG;CACH,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA;CACA,GAAA,IAAY;CACZ,GAAA;CACA,GAAA;CACA,GAAA;CACA,IAAA;CACA,IAAA;CACA,IAAA;CACA,IAAA;CACD"}

package/lib/spacing.js

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

package/lib/spacing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.js","names":[],"sources":["../src/theme/currys/spacing.ts"],"sourcesContent":["import type { SpacerSizes } from './../spacers';\n\nimport { spacers } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"mappings":";AAIA,MAAa,kBAAkB,eAAoC;AACjE,SAAQ,YAAR;EACE,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,KACH,QAAO,QAAQ;EACjB,KAAK,IACH,QAAO,QAAQ;EACjB,KAAK,IACH,QAAO,QAAQ;EACjB,KAAK,IACH,QAAO,QAAQ;EACjB,KAAK,KACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,QAAQ;EACjB,QACE,QAAO,QAAQ;;;AAIrB,MAAa,aAAa,eAAoC;AAE5D,QAAO,GADa,eAAe,WAAW,CACxB"}

package/lib/theme.js

@@ -1,13 +0,0 @@
-import { r as screen, t as breakpoints } from "./grid.js";
-import { t as palette } from "./palette.js";
-import { n as spacers, t as spacer } from "./spacers.js";
-const theme = {
-	spacer: 1,
-	spacers,
-	palette,
-	screen,
-	breakpoints
-};
-export { theme as t };
-
-//# sourceMappingURL=theme.js.map

package/lib/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"mappings":";;;AAIA,MAAa,QAAQ;CACnB,QAAA;CACA;CACA;CACA;CACA;CACD"}

package/lib/useBreakpoint.js

@@ -1,38 +0,0 @@
-import { r as screen, t as breakpoints } from "./grid.js";
-import { useSyncExternalStore } from "react";
-let Breakpoint = /* @__PURE__ */ function(Breakpoint$1) {
-	Breakpoint$1[Breakpoint$1["xxs"] = breakpoints.xxs] = "xxs";
-	Breakpoint$1[Breakpoint$1["xs"] = breakpoints.xs] = "xs";
-	Breakpoint$1[Breakpoint$1["sm"] = breakpoints.sm] = "sm";
-	Breakpoint$1[Breakpoint$1["md"] = breakpoints.md] = "md";
-	Breakpoint$1[Breakpoint$1["lg"] = breakpoints.lg] = "lg";
-	Breakpoint$1[Breakpoint$1["xl"] = breakpoints.xl] = "xl";
-	return Breakpoint$1;
-}({});
-function getCurrentBreakpoint() {
-	return Object.entries(screen).reverse().map(([size, mediaQuery]) => {
-		return {
-			breakpoint: Breakpoint[size],
-			mq: window.matchMedia(mediaQuery)
-		};
-	}).find((entry) => entry.mq.matches)?.breakpoint ?? Breakpoint.xxs;
-}
-function subscribeToBreakpointChanges(callback) {
-	const mediaQueryList = Object.values(screen).map((mediaQuery) => {
-		const mq = window.matchMedia(mediaQuery);
-		mq.addEventListener("change", callback);
-		return mq;
-	});
-	return () => {
-		mediaQueryList.forEach((mq) => {
-			mq.removeEventListener("change", callback);
-		});
-	};
-}
-var getServerSnapshot = () => Breakpoint.xxs;
-const useBreakpoint = () => {
-	return useSyncExternalStore(subscribeToBreakpointChanges, getCurrentBreakpoint, getServerSnapshot);
-};
-export { useBreakpoint as n, Breakpoint as t };
-
-//# sourceMappingURL=useBreakpoint.js.map

package/lib/useBreakpoint.js.map

@@ -1 +0,0 @@
-{"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,aAAA,yBAAA,cAAL;AACL,cAAA,aAAA,SAAM,YAAY,OAAA;AAClB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;;;AAInB,SAAS,uBAAmC;AAW1C,QAVuB,OAAO,QAAQ,OAAO,CAC1C,SAAS,CACT,KAAK,CAAC,MAAM,gBAAgB;AAC3B,SAAO;GACL,YAAY,WAAW;GACvB,IAAI,OAAO,WAAW,WAAW;GAClC;GACD,CAE2B,MAAK,UAAS,MAAM,GAAG,QAAQ,EAC9C,cAAc,WAAW;;AAI3C,SAAS,6BAA6B,UAAkC;CACtE,MAAM,iBAAiB,OAAO,OAAO,OAAO,CAAC,KAAI,eAAc;EAC7D,MAAM,KAAK,OAAO,WAAW,WAAW;AACxC,KAAG,iBAAiB,UAAU,SAAS;AACvC,SAAO;GACP;AAEF,cAAmB;AACjB,iBAAe,SAAQ,OAAM;AAC3B,MAAG,oBAAoB,UAAU,SAAS;IAC1C;;;AAKN,IAAM,0BAAsC,WAAW;AAEvD,MAAa,sBAAkC;AAC7C,QAAO,qBAAqB,8BAA8B,sBAAsB,kBAAkB"}

package/lib/useElementList.js

@@ -1,38 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-const useElementList = (ref, selectors, options) => {
-	const [elementList, setElementList] = useState();
-	const previousElementsRef = useRef([]);
-	useEffect(() => {
-		const handleMutationChange = () => {
-			const elements = ref.current?.querySelectorAll(selectors);
-			if (!elements) {
-				if (previousElementsRef.current.length > 0) {
-					previousElementsRef.current = [];
-					setElementList(void 0);
-				}
-				return;
-			}
-			const elementsArray = Array.from(elements);
-			const previousElements = previousElementsRef.current;
-			if (elementsArray.length !== previousElements.length || elementsArray.some((el, i) => el !== previousElements[i])) {
-				previousElementsRef.current = elementsArray;
-				setElementList(elements);
-			}
-		};
-		const mutationObserver = new MutationObserver(handleMutationChange);
-		if (ref?.current) mutationObserver.observe(ref.current, {
-			subtree: true,
-			childList: true,
-			attributes: true,
-			...options
-		});
-		handleMutationChange();
-		return () => {
-			mutationObserver.disconnect();
-		};
-	}, [ref, selectors]);
-	return elementList;
-};
-export { useElementList as t };
-
-//# sourceMappingURL=useElementList.js.map

package/lib/useElementList.js.map

@@ -1 +0,0 @@
-{"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,MAAa,kBACX,KACA,WACA,YACwC;CACxC,MAAM,CAAC,aAAa,kBAAkB,UAAmC;CACzE,MAAM,sBAAsB,OAAsB,EAAE,CAAC;AAErD,iBAAgB;EACd,MAAM,6BAAmC;GACvC,MAAM,WAAW,IAAI,SAAS,iBAA8B,UAAU;AACtE,OAAI,CAAC,UAAU;AACb,QAAI,oBAAoB,QAAQ,SAAS,GAAG;AAC1C,yBAAoB,UAAU,EAAE;AAChC,oBAAe,KAAA,EAAU;;AAE3B;;GAIF,MAAM,gBAAgB,MAAM,KAAK,SAAS;GAC1C,MAAM,mBAAmB,oBAAoB;AAI7C,OAFmB,cAAc,WAAW,iBAAiB,UAAU,cAAc,MAAM,IAAI,MAAM,OAAO,iBAAiB,GAAG,EAEhH;AACd,wBAAoB,UAAU;AAC9B,mBAAe,SAAS;;;EAI5B,MAAM,mBAAmB,IAAI,iBAAiB,qBAAqB;AACnE,MAAI,KAAK,QACP,kBAAiB,QAAQ,IAAI,SAAS;GAAE,SAAS;GAAM,WAAW;GAAM,YAAY;GAAM,GAAG;GAAS,CAAC;AAGzG,wBAAsB;AAEtB,eAAmB;AACjB,oBAAiB,YAAY;;IAE9B,CAAC,KAAK,UAAU,CAAC;AAEpB,QAAO"}

package/lib/useExpand.js

@@ -1,18 +0,0 @@
-import { t as usePrevious } from "./usePrevious.js";
-import { useEffect, useState } from "react";
-const useExpand = (expanded, onExpand) => {
-	const [isExpanded, setIsExpanded] = useState(expanded);
-	const [prevExpanded, setPrevExpanded] = useState(expanded);
-	const previousIsExpanded = usePrevious(isExpanded);
-	if (expanded !== prevExpanded) {
-		setPrevExpanded(expanded);
-		setIsExpanded(expanded);
-	}
-	useEffect(() => {
-		if (onExpand && isExpanded !== !!previousIsExpanded) onExpand(isExpanded);
-	}, [isExpanded, onExpand]);
-	return [isExpanded, setIsExpanded];
-};
-export { useExpand as t };
-
-//# sourceMappingURL=useExpand.js.map

package/lib/useExpand.js.map

@@ -1 +0,0 @@
-{"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,MAAa,aAAa,UAAmB,aAA2F;CACtI,MAAM,CAAC,YAAY,iBAAiB,SAAS,SAAS;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,SAAS;CAC1D,MAAM,qBAAqB,YAAY,WAAW;AAElD,KAAI,aAAa,cAAc;AAC7B,kBAAgB,SAAS;AACzB,gBAAc,SAAS;;AAGzB,iBAAgB;AACd,MAAI,YAAY,eAAe,CAAC,CAAC,mBAC/B,UAAS,WAAW;IAErB,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAO,CAAC,YAAY,cAAc"}

package/lib/useFocusToggle.js

@@ -1,26 +0,0 @@
-import { t as useElementList } from "./useElementList.js";
-import { t as FOCUSABLE_SELECTORS } from "./useFocusableElements.js";
-import { useEffect } from "react";
-const useFocusToggle = (ref, allowFocus) => {
-	const focusableElementList = useElementList(ref, FOCUSABLE_SELECTORS, { attributes: false });
-	useEffect(() => {
-		const TABINDEX_ATTRIBUTE_NAME = "tabindex";
-		const PREVIOUS_TABINDEX_ATTRIBUTE_NAME = "data-tabindex";
-		if (allowFocus) focusableElementList?.forEach((el) => {
-			const prevTabIndex = el.getAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME);
-			if (prevTabIndex) el.setAttribute(TABINDEX_ATTRIBUTE_NAME, prevTabIndex);
-			else el.removeAttribute(TABINDEX_ATTRIBUTE_NAME);
-		});
-		else focusableElementList?.forEach((el) => {
-			if (el.hasAttribute(TABINDEX_ATTRIBUTE_NAME)) el.setAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME, `${el.tabIndex}`);
-			el.tabIndex = -1;
-		});
-	}, [
-		ref,
-		allowFocus,
-		focusableElementList
-	]);
-};
-export { useFocusToggle as t };
-
-//# sourceMappingURL=useFocusToggle.js.map

package/lib/useFocusToggle.js.map

@@ -1 +0,0 @@
-{"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,MAAa,kBAAkB,KAA0C,eAA+B;CAEtG,MAAM,uBAAuB,eAAe,KAAK,qBAAqB,EAAE,YAAY,OAAO,CAAC;AAE5F,iBAAgB;EACd,MAAM,0BAA0B;EAChC,MAAM,mCAAmC;AACzC,MAAI,WACF,uBAAsB,SAAQ,OAAM;GAGlC,MAAM,eAAe,GAAG,aAAa,iCAAiC;AACtE,OAAI,aACF,IAAG,aAAa,yBAAyB,aAAa;OAEtD,IAAG,gBAAgB,wBAAwB;IAE7C;MAEF,uBAAsB,SAAQ,OAAM;AAGlC,OAAI,GAAG,aAAa,wBAAwB,CAC1C,IAAG,aAAa,kCAAkC,GAAG,GAAG,WAAW;AAErE,MAAG,WAAW;IACd;IAEH;EAAC;EAAK;EAAY;EAAqB,CAAC"}

package/lib/useFocusTrap.js

@@ -1,34 +0,0 @@
-import { n as useFocusableElements } from "./useFocusableElements.js";
-import { t as getDocumentActiveElement } from "./focus.js";
-import { useEffect } from "react";
-const useFocusTrap = (ref, trapFocus = true) => {
-	const focusableElementList = useFocusableElements(ref);
-	const handleKeyboardEvent = (e) => {
-		if (trapFocus && ref.current && focusableElementList?.length && e.key === "Tab") {
-			const activeElement = getDocumentActiveElement(ref.current);
-			const firstElement = focusableElementList[0];
-			const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];
-			if (e.shiftKey && activeElement === firstElement) {
-				lastElement.focus();
-				e.preventDefault();
-			} else if (!e.shiftKey && activeElement === lastElement) {
-				firstElement.focus();
-				e.preventDefault();
-			}
-		}
-	};
-	useEffect(() => {
-		ref.current?.addEventListener("keydown", handleKeyboardEvent);
-		return () => {
-			ref.current?.removeEventListener("keydown", handleKeyboardEvent);
-		};
-	}, [
-		ref,
-		trapFocus,
-		focusableElementList
-	]);
-};
-var useFocusTrap_default = useFocusTrap;
-export { useFocusTrap_default as n, useFocusTrap as t };
-
-//# sourceMappingURL=useFocusTrap.js.map

package/lib/useFocusTrap.js.map

@@ -1 +0,0 @@
-{"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,MAAa,gBAAgB,KAA0C,YAAY,SAAe;CAChG,MAAM,uBAAuB,qBAAqB,IAAI;CAEtD,MAAM,uBAAuB,MAA2B;AACtD,MAAI,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;AAE1H,OAAI,EAAE,YAAY,kBAAkB,cAAc;AAEhD,gBAAY,OAAO;AACnB,MAAE,gBAAgB;cACT,CAAC,EAAE,YAAY,kBAAkB,aAAa;AAEvD,iBAAa,OAAO;AACpB,MAAE,gBAAgB;;;;AAKxB,iBAAgB;AACd,MAAI,SAAS,iBAAiB,WAAW,oBAAoB;AAE7D,eAAmB;AACjB,OAAI,SAAS,oBAAoB,WAAW,oBAAoB;;IAEjE;EAAC;EAAK;EAAW;EAAqB,CAAC;;AAG5C,IAAA,uBAAe"}

package/lib/useFocusableElements.js

@@ -1,26 +0,0 @@
-import { t as useElementList } from "./useElementList.js";
-const FOCUSABLE_SELECTORS = [
-	"a[href]:not([tabindex^=\"-\"])",
-	"area[href]:not([tabindex^=\"-\"])",
-	"input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])",
-	"input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])",
-	"select:not([disabled]):not([tabindex^=\"-\"])",
-	"textarea:not([disabled]):not([tabindex^=\"-\"])",
-	"button:not([disabled]):not([tabindex^=\"-\"])",
-	"iframe:not([tabindex^=\"-\"])",
-	"audio[controls]:not([tabindex^=\"-\"])",
-	"video[controls]:not([tabindex^=\"-\"])",
-	"[contenteditable]:not([tabindex^=\"-\"])",
-	"[tabindex]:not([tabindex^=\"-\"])"
-].join(",");
-const useFocusableElements = (ref) => useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: [
-	"href",
-	"tabindex",
-	"type",
-	"disabled",
-	"controls",
-	"contenteditable"
-] });
-export { useFocusableElements as n, FOCUSABLE_SELECTORS as t };
-
-//# sourceMappingURL=useFocusableElements.js.map

package/lib/useFocusableElements.js.map

@@ -1 +0,0 @@
-{"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,MAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,KAAK,IAAI;AAQX,MAAa,wBAAwB,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB;CAAC;CAAQ;CAAY;CAAQ;CAAY;CAAY;CAAkB,EAAE,CAAC"}

package/lib/useIcons.js

@@ -1,26 +0,0 @@
-import { t as Icon_default } from "./Icon.js";
-import { t as LazyIcon_default } from "./LazyIcon.js";
-import { t as isComponent } from "./component.js";
-const useIcons = (children) => {
-	let leftIcon = null;
-	let rightIcon = null;
-	const firstChild = children[0];
-	if (isComponent(firstChild, Icon_default) || isComponent(firstChild, LazyIcon_default)) {
-		leftIcon = firstChild;
-		children.shift();
-	}
-	const lastChild = children[children.length - 1];
-	if (isComponent(lastChild, Icon_default) || isComponent(lastChild, LazyIcon_default)) {
-		rightIcon = lastChild;
-		children.pop();
-	}
-	const restChildren = children.filter((child) => child);
-	return [
-		leftIcon,
-		rightIcon,
-		restChildren.length > 0 ? restChildren : null
-	];
-};
-export { useIcons as t };
-
-//# sourceMappingURL=useIcons.js.map

package/lib/useIcons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIcons.js","names":["leftIcon: BaseIconElement | null","rightIcon: BaseIconElement | null"],"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,MAAa,YAAY,aAA4G;CACnI,IAAIA,WAAmC;CACvC,IAAIC,YAAoC;CAExC,MAAM,aAAa,SAAS;AAC5B,KAAI,YAAuB,YAAY,aAAK,IAAI,YAA2B,YAAY,iBAAS,EAAE;AAChG,aAAW;AACX,WAAS,OAAO;;CAGlB,MAAM,YAAY,SAAS,SAAS,SAAS;AAC7C,KAAI,YAAuB,WAAW,aAAK,IAAI,YAA2B,WAAW,iBAAS,EAAE;AAC9F,cAAY;AACZ,WAAS,KAAK;;CAEhB,MAAM,eAAe,SAAS,QAAO,UAAS,MAAM;AAEpD,QAAO;EAAC;EAAU;EAAW,aAAa,SAAS,IAAI,eAAe;EAAK"}

package/lib/useIdWithFallback.js

@@ -1,8 +0,0 @@
-import { useId } from "react";
-const useIdWithFallback = (initial) => {
-	const fallbackId = useId();
-	return initial || fallbackId;
-};
-export { useIdWithFallback as t };
-
-//# sourceMappingURL=useIdWithFallback.js.map

package/lib/useIdWithFallback.js.map

@@ -1 +0,0 @@
-{"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,MAAa,qBAAqB,YAA6B;CAC7D,MAAM,aAAa,OAAO;AAE1B,QAAO,WAAW"}

package/lib/useIntersectionObserver.js

@@ -1,14 +0,0 @@
-import { useEffect } from "react";
-const useIntersectionObserver = (ref, callback, options) => {
-	useEffect(() => {
-		const intersectionObserver = new IntersectionObserver(callback, options);
-		if (ref?.current) intersectionObserver.observe(ref.current);
-		return () => {
-			if (ref?.current) intersectionObserver.unobserve(ref.current);
-			else intersectionObserver.disconnect();
-		};
-	}, [ref, options]);
-};
-export { useIntersectionObserver as t };
-
-//# sourceMappingURL=useIntersectionObserver.js.map

package/lib/useIntersectionObserver.js.map

@@ -1 +0,0 @@
-{"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,MAAa,2BACX,KACA,UACA,YACS;AACT,iBAAgB;EACd,MAAM,uBAAuB,IAAI,qBAAqB,UAAU,QAAQ;AAExE,MAAI,KAAK,QACP,sBAAqB,QAAQ,IAAI,QAAQ;AAG3C,eAAmB;AACjB,OAAI,KAAK,QACP,sBAAqB,UAAU,IAAI,QAAQ;OAE3C,sBAAqB,YAAY;;IAGpC,CAAC,KAAK,QAAQ,CAAC"}

package/lib/useIsMobileBreakpoint.js

@@ -1,8 +0,0 @@
-import { t as breakpoints } from "./grid.js";
-import { n as useBreakpoint } from "./useBreakpoint.js";
-const useIsMobileBreakpoint = () => {
-	return useBreakpoint() < breakpoints.md;
-};
-export { useIsMobileBreakpoint as t };
-
-//# sourceMappingURL=useIsMobileBreakpoint.js.map

package/lib/useIsMobileBreakpoint.js.map

@@ -1 +0,0 @@
-{"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,MAAa,8BAAuC;AAElD,QADmB,eAAe,GACd,YAAY"}

package/lib/useIsServerSide.js

@@ -1,10 +0,0 @@
-import { useSyncExternalStore } from "react";
-var emptySubscribe = () => () => {};
-var getClientSnapshot = () => false;
-var getServerSnapshot = () => true;
-const useIsServerSide = () => {
-	return useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot);
-};
-export { useIsServerSide as t };
-
-//# sourceMappingURL=useIsServerSide.js.map

package/lib/useIsServerSide.js.map

@@ -1 +0,0 @@
-{"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,MAAa,wBAAiC;AAC5C,QAAO,qBAAqB,gBAAgB,mBAAmB,kBAAkB"}

package/lib/useIsVisible.js

@@ -1,16 +0,0 @@
-import { t as useIntersectionObserver } from "./useIntersectionObserver.js";
-import { useState } from "react";
-const useIsVisible = (ref, threshold = 1, options, initial = false) => {
-	const [isVisible, setIsVisible] = useState(initial);
-	const handleIntersectChange = (entries) => {
-		setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);
-	};
-	useIntersectionObserver(ref, handleIntersectChange, {
-		threshold,
-		...options
-	});
-	return isVisible;
-};
-export { useIsVisible as t };
-
-//# sourceMappingURL=useIsVisible.js.map

package/lib/useIsVisible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsVisible.js","names":["handleIntersectChange: IntersectionObserverCallback"],"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,MAAa,gBACX,KACA,YAAY,GACZ,SACA,UAAU,UACE;CACZ,MAAM,CAAC,WAAW,gBAAgB,SAAS,QAAQ;CAEnD,MAAMA,yBAAsD,YAAW;AACrE,eAAa,cAAc,IAAI,QAAQ,GAAG,sBAAsB,YAAY,QAAQ,GAAG,qBAAqB,UAAU;;AAGxH,yBAAwB,KAAK,uBAAuB;EAAE;EAAW,GAAG;EAAS,CAAC;AAE9E,QAAO"}

package/lib/useKeyboardEvent.js

@@ -1,22 +0,0 @@
-import { useEffect } from "react";
-const useKeyboardEvent = (ref, callback, key, events = ["keydown"]) => {
-	useEffect(() => {
-		const element = ref.current;
-		if (!element) return;
-		const handleKeyboardEvent = (event) => {
-			if (event.key === key || Array.isArray(key) && key.includes(event.key)) callback(event);
-		};
-		events.forEach((eventName) => element.addEventListener(eventName, handleKeyboardEvent));
-		return () => {
-			events.forEach((eventName) => element.removeEventListener(eventName, handleKeyboardEvent));
-		};
-	}, [
-		ref,
-		callback,
-		events,
-		key
-	]);
-};
-export { useKeyboardEvent as t };
-
-//# sourceMappingURL=useKeyboardEvent.js.map

package/lib/useKeyboardEvent.js.map

@@ -1 +0,0 @@
-{"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,MAAa,oBACX,KACA,UACA,KACA,SAA2B,CAAC,UAAU,KAC7B;AACT,iBAAgB;EACd,MAAM,UAAU,IAAI;AACpB,MAAI,CAAC,QACH;EAGF,MAAM,uBAAuB,UAA+B;AAC1D,OAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,IAAI,IAAI,IAAI,SAAS,MAAM,IAAI,CACrE,UAAS,MAAM;;AAInB,SAAO,SAAQ,cAAa,QAAQ,iBAAiB,WAAW,oBAAoB,CAAC;AAErF,eAAmB;AACjB,UAAO,SAAQ,cAAa,QAAQ,oBAAoB,WAAW,oBAAoB,CAAC;;IAEzF;EAAC;EAAK;EAAU;EAAQ;EAAI,CAAC"}

package/lib/useLanguage.js

@@ -1,10 +0,0 @@
-import { createContext, useContext } from "react";
-const LanguageContext = createContext(void 0);
-const useLanguage = (fallbackLanguage) => {
-	const context = useContext(LanguageContext);
-	if (!context) return { language: fallbackLanguage };
-	return context;
-};
-export { useLanguage as n, LanguageContext as t };
-
-//# sourceMappingURL=useLanguage.js.map

package/lib/useLanguage.js.map

@@ -1 +0,0 @@
-{"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,MAAa,kBAAkB,cAA+C,KAAA,EAAU;AAOxF,MAAa,eAAiC,qBAAgD;CAC5F,MAAM,UAAU,WAAW,gBAAoE;AAE/F,KAAI,CAAC,QACH,QAAO,EAAE,UAAU,kBAAkB;AAGvC,QAAO"}