@fremtind/jokul 0.7.0 → 0.8.0

package/build/es/utilities/formatters/util/registerWithMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerWithMask.js","sources":["../../../../../src/utilities/formatters/util/registerWithMask.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEventHandler } from \"react\";\nimport type {\n    FieldValues,\n    Path,\n    PathValue,\n    RegisterOptions,\n    UseFormRegisterReturn,\n    UseFormReturn,\n} from \"react-hook-form\";\nimport { formatDateString } from \"../date/formatDate\";\nimport { formatFodselsnummer } from \"../fodselsnummer/formatFodselsnummer\";\nimport { formatKontonummer } from \"../kontonummer/formatKontonummer\";\nimport { formatKortnummer } from \"../kortnummer/formatKortnummer\";\nimport { formatOrganisasjonsnummer } from \"../organisasjonsnummer/formatOrganisasjonsnummer\";\nimport { formatTelefonnummer } from \"../telefonnummer/formatTelefonnummer\";\nimport { formatNumber } from \"./formatNumber\";\n\nconst formatters = {\n    date: formatDateString,\n    fodselsnummer: formatFodselsnummer,\n    kortnummer: formatKortnummer,\n    kontonummer: formatKontonummer,\n    telefonnummer: formatTelefonnummer,\n    number: formatNumber,\n    organisasjonsnummer: formatOrganisasjonsnummer,\n};\nexport type Formatter = keyof typeof formatters;\n\nexport type RegisterWithMaskOptions<T extends FieldValues> = Omit<RegisterOptions<T>, \"setValueAs\">;\n\nconst registerWithMask =\n    (formatter: Formatter) =>\n    <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T>) => {\n        let onKeyDownCaretPosition = 0;\n        let onKeyDownKeyPressed = \"\";\n\n        const setValueAs = (value: string) => value.replace(/\\s/g, \"\");\n        const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n            options?.onChange?.(event);\n\n            // save some values before event.target.value change\n            let onChangeCaretPosition = 0;\n            const inputLength = event.target.value.length;\n\n            // type checking formalities\n            if (event.target.selectionStart !== null) {\n                onChangeCaretPosition = event.target.selectionStart;\n            }\n\n            form.setValue(name, formatters[formatter](event.target.value, { partial: true }) as PathValue<T, Path<T>>);\n\n            let newPosition: number | null = null;\n\n            if ([\"Delete\", \"Backspace\"].includes(onKeyDownKeyPressed)) {\n                // handle removing content\n                // calculate how much to move the caret, this also accounts for removing sections of text\n                const delta = onKeyDownCaretPosition - onChangeCaretPosition;\n\n                // calculate new caret position (- because we move backwards)\n                newPosition = onKeyDownCaretPosition - delta;\n            } else if (onChangeCaretPosition < event.target.value.length) {\n                // handle adding content from inside the string\n                // calculate how much to move the caret forwards\n                const delta = event.target.value.length - inputLength;\n\n                // calculate new caret position (+ because we move forwards)\n                newPosition = onChangeCaretPosition + delta;\n            }\n\n            if (newPosition !== null) {\n                event.target.setSelectionRange(newPosition, newPosition, undefined);\n            }\n        };\n\n        const registerOptions: RegisterOptions<T, Path<T>> = {\n            setValueAs,\n            onChange,\n        };\n        if (options) {\n            Object.assign(registerOptions, options);\n        }\n        const register = form.register(name, registerOptions);\n\n        // save the caret position before the change occured\n        const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if ((event.target as HTMLInputElement).selectionStart !== null) {\n                onKeyDownCaretPosition = (event.target as HTMLInputElement).selectionStart as number;\n            }\n            onKeyDownKeyPressed = event.key;\n        };\n\n        // add onKeyDown event handler to the registered input\n        const extra: Record<string, unknown> = {\n            onKeyDown,\n        };\n\n        if (formatter === \"number\") {\n            extra.align = \"right\"; // Se https://github.com/fremtind/jokul/pull/2898\n        }\n\n        return Object.assign(register, extra);\n    };\n\n/** @deprecated Bruk `registerWithMasks` i stedet */\nexport const registerWithFodselsnummerMask = registerWithMask(\"fodselsnummer\");\n/** @deprecated Bruk `registerWithMasks` i stedet */\nexport const registerWithKortnummerMask = registerWithMask(\"kortnummer\");\n/** @deprecated Bruk `registerWithMasks` i stedet */\nexport const registerWithKontonummerMask = registerWithMask(\"kontonummer\");\n/** @deprecated Bruk `registerWithMasks` i stedet */\nexport const registerWithTelefonnummerMask = registerWithMask(\"telefonnummer\");\n\n/**\n * Hjelpefunksjon for React Hook Form som lar deg bruke formateringsfunksjonene i denne pakken som inputmasker.\n */\nexport const registerWithMasks = <T extends FieldValues>(form: UseFormReturn<T>) => ({\n    registerWithFodselsnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T>): UseFormRegisterReturn =>\n        registerWithMask(\"fodselsnummer\")<T>(form, name, options),\n    registerWithKortnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T>): UseFormRegisterReturn =>\n        registerWithMask(\"kortnummer\")<T>(form, name, options),\n    registerWithKontonummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T>): UseFormRegisterReturn =>\n        registerWithMask(\"kontonummer\")<T>(form, name, options),\n    registerWithTelefonnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T>): UseFormRegisterReturn =>\n        registerWithMask(\"telefonnummer\")<T>(form, name, options),\n    registerWithOrganisasjonsnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T>): UseFormRegisterReturn =>\n        registerWithMask(\"organisasjonsnummer\")<T>(form, name, options),\n    registerWithDateMask: (name: Path<T>, options?: RegisterWithMaskOptions<T>): UseFormRegisterReturn =>\n        registerWithMask(\"date\")<T>(form, name, options),\n    registerWithNumber: (\n        name: Path<T>,\n        options?: RegisterWithMaskOptions<T>,\n    ): UseFormRegisterReturn & { align: \"right\" } =>\n        registerWithMask(\"number\")<T>(form, name, options) as unknown as UseFormRegisterReturn & {\n            align: \"right\";\n        },\n});\n"],"names":["formatters","date","formatDateString","fodselsnummer","formatFodselsnummer","kortnummer","formatKortnummer","kontonummer","formatKontonummer","telefonnummer","formatTelefonnummer","number","formatNumber","organisasjonsnummer","formatOrganisasjonsnummer","registerWithMask","formatter","form","name","options","onKeyDownCaretPosition","onKeyDownKeyPressed","registerOptions","setValueAs","value","replace","onChange","event","_a","call","onChangeCaretPosition","inputLength","target","length","selectionStart","setValue","partial","newPosition","includes","setSelectionRange","Object","assign","register","extra","onKeyDown","key","align","registerWithFodselsnummerMask","registerWithKortnummerMask","registerWithKontonummerMask","registerWithTelefonnummerMask","registerWithMasks","registerWithOrganisasjonsnummerMask","registerWithDateMask","registerWithNumber"],"mappings":"mfAiBA,MAAMA,EAAa,CACfC,KAAMC,EACNC,cAAeC,EACfC,WAAYC,EACZC,YAAaC,EACbC,cAAeC,EACfC,OAAQC,EACRC,oBAAqBC,GAMnBC,EACDC,GACD,CAAwBC,EAAwBC,EAAeC,KACvDC,IAAAA,EAAyB,EACzBC,EAAsB,GAwC1B,MAAMC,EAA+C,CACjDC,WAvCgBC,GAAkBA,EAAMC,QAAQ,MAAO,IAwCvDC,SAvCcC,UACd,OAAAC,EAAA,MAAAT,OAAAA,EAAAA,EAASO,WAATE,EAAAC,KAAAV,EAAoBQ,GAGpB,IAAIG,EAAwB,EACtBC,MAAAA,EAAcJ,EAAMK,OAAOR,MAAMS,OAGH,OAAhCN,EAAMK,OAAOE,iBACbJ,EAAwBH,EAAMK,OAAOE,gBAGzCjB,EAAKkB,SAASjB,EAAMlB,EAAWgB,GAAWW,EAAMK,OAAOR,MAAO,CAAEY,SAAS,KAEzE,IAAIC,EAA6B,KAEjC,GAAI,CAAC,SAAU,aAAaC,SAASjB,GAAsB,CAMvDgB,EAAcjB,GAHAA,EAAyBU,EAIhC,MAAAA,GAAAA,EAAwBH,EAAMK,OAAOR,MAAMS,OAAQ,CAM1DI,EAAcP,GAHAH,EAAMK,OAAOR,MAAMS,OAASF,EAI9C,CAEoB,OAAhBM,GACAV,EAAMK,OAAOO,kBAAkBF,EAAaA,OAAa,EAAS,GAQtElB,GACOqB,OAAAC,OAAOnB,EAAiBH,GAEnC,MAAMuB,EAAWzB,EAAKyB,SAASxB,EAAMI,GAW/BqB,EAAiC,CACnCC,UATuDjB,IACG,OAArDA,EAAMK,OAA4BE,iBACnCd,EAA0BO,EAAMK,OAA4BE,gBAEhEb,EAAsBM,EAAMkB,GAAA,GAQ5B7B,MAAc,WAAdA,IACA2B,EAAMG,MAAQ,SAGXN,OAAOC,OAAOC,EAAUC,EAAK,EAI/BI,EAAgChC,EAAiB,iBAEjDiC,EAA6BjC,EAAiB,cAE9CkC,EAA8BlC,EAAiB,eAE/CmC,EAAgCnC,EAAiB,iBAKjDoC,EAA4ClC,IAA4B,CACjF8B,8BAA+B,CAAC7B,EAAeC,IAC3CJ,EAAiB,gBAAjBA,CAAqCE,EAAMC,EAAMC,GACrD6B,2BAA4B,CAAC9B,EAAeC,IACxCJ,EAAiB,aAAjBA,CAAkCE,EAAMC,EAAMC,GAClD8B,4BAA6B,CAAC/B,EAAeC,IACzCJ,EAAiB,cAAjBA,CAAmCE,EAAMC,EAAMC,GACnD+B,8BAA+B,CAAChC,EAAeC,IAC3CJ,EAAiB,gBAAjBA,CAAqCE,EAAMC,EAAMC,GACrDiC,oCAAqC,CAAClC,EAAeC,IACjDJ,EAAiB,sBAAjBA,CAA2CE,EAAMC,EAAMC,GAC3DkC,qBAAsB,CAACnC,EAAeC,IAClCJ,EAAiB,OAAjBA,CAA4BE,EAAMC,EAAMC,GAC5CmC,mBAAoB,CAChBpC,EACAC,IAEAJ,EAAiB,SAAjBA,CAA8BE,EAAMC,EAAMC"}

package/build/es/utilities/formatters/valuta/formatValuta.js

@@ -0,0 +1,2 @@
+import{n as i}from"../../../../index-DfvUcA5T.js";import{formatNumber as r}from"../util/formatNumber.js";import{parseNumber as t}from"../util/parseNumber.js";const m={locale:"no-NB",minimumFractionDigits:0,maximumFractionDigits:2,suffix:"kr"};function n(n,o){const s=t(n);if(isNaN(s))return n.toString();const u=Number.isInteger(s)?{}:{minimumFractionDigits:2,maximumFractionDigits:2},a=void 0!==(null==o?void 0:o.suffix)?o.suffix:m.suffix,{prefix:e,...f}={...m,...u,...o},l=null!=e&&e.length?`${e}${i}`:"",c=null!=a&&a.length?`${i}${a}`:"";return`${l}${r(s,f)}${c}`}export{n as formatValuta};
+//# sourceMappingURL=formatValuta.js.map

package/build/es/utilities/formatters/valuta/formatValuta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatValuta.js","sources":["../../../../../src/utilities/formatters/valuta/formatValuta.ts"],"sourcesContent":["import { unicode } from \"../../constants\";\nimport { formatNumber, FormatNumberOptions } from \"../util/formatNumber\";\nimport { parseNumber } from \"../util/parseNumber\";\n\ninterface FormatValutaOptions extends FormatNumberOptions {\n    prefix?: string;\n    /**\n     * For å fjerne suffix, send inn en tom streng\n     * @default \"kr\"\n     */\n    suffix?: string;\n}\n\nconst defaultOptions: FormatValutaOptions = {\n    locale: \"no-NB\",\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 2,\n    suffix: \"kr\",\n};\n\n/**\n * Formaterer et gitt tall som valuta. Som standard vises suffikset \"kr\" og tallet formateres med norsk lokalisasjon\n *\n * @param input Tallet som skal formateres til valuta\n * @param options Valgene fra formatNumber, pluss valg for prefix og suffix\n * @returns Formatert beløp\n */\nexport function formatValuta(input: string | number, options?: FormatValutaOptions) {\n    const number = parseNumber(input);\n    if (isNaN(number)) {\n        return input.toString();\n    }\n\n    // Dersom tallet ikke er et heltall, pass på å alltid vise to desimaler\n    // Antall desimaler kan i alle tilfeller overstyres via options\n    const fractionOptions: Intl.NumberFormatOptions = Number.isInteger(number)\n        ? {}\n        : { minimumFractionDigits: 2, maximumFractionDigits: 2 };\n\n    const suffix = options?.suffix !== undefined ? options.suffix : defaultOptions.suffix;\n    const { prefix, ...formatOptions } = { ...defaultOptions, ...fractionOptions, ...options };\n\n    const prefixString = prefix?.length ? `${prefix}${unicode.nbsp}` : \"\";\n    const suffixString = suffix?.length ? `${unicode.nbsp}${suffix}` : \"\";\n    const formattedNumber = formatNumber(number, formatOptions);\n\n    return `${prefixString}${formattedNumber}${suffixString}`;\n}\n"],"names":["defaultOptions","locale","minimumFractionDigits","maximumFractionDigits","suffix","formatValuta","input","options","number","parseNumber","isNaN","toString","fractionOptions","Number","isInteger","prefix","formatOptions","prefixString","length","unicode.nbsp","suffixString","formatNumber"],"mappings":"8JAaA,MAAMA,EAAsC,CACxCC,OAAQ,QACRC,sBAAuB,EACvBC,sBAAuB,EACvBC,OAAQ,MAUI,SAAAC,EAAaC,EAAwBC,GAC3CC,MAAAA,EAASC,EAAYH,GACvB,GAAAI,MAAMF,GACN,OAAOF,EAAMK,WAKX,MAAAC,EAA4CC,OAAOC,UAAUN,GAC7D,GACA,CAAEN,sBAAuB,EAAGC,sBAAuB,GAEnDC,OAA6B,KAApB,MAAAG,OAAA,EAAAA,EAASH,QAAuBG,EAAQH,OAASJ,EAAeI,QACvEW,OAAAA,KAAWC,GAAkB,IAAKhB,KAAmBY,KAAoBL,GAE3EU,EAAe,MAAAF,GAAAA,EAAQG,OAAS,GAAGH,IAASI,IAAiB,GAC7DC,EAAe,MAAAhB,GAAAA,EAAQc,OAAS,GAAGC,IAAef,IAAW,GAGnE,MAAO,GAAGa,IAFcI,EAAab,EAAQQ,KAEFI,GAC/C"}

package/build/es/utilities/index.js

@@ -0,0 +1,2 @@
+import{u as r}from"../../index-DfvUcA5T.js";import{formatNumber as m}from"./formatters/util/formatNumber.js";import{parseNumber as s}from"./formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as a,registerWithKontonummerMask as t,registerWithKortnummerMask as o,registerWithMasks as e,registerWithTelefonnummerMask as f}from"./formatters/util/registerWithMask.js";import{formatAvstand as n}from"./formatters/avstand/formatAvstand.js";import{formatBytes as i}from"./formatters/bytes/formatBytes.js";import{formatDate as u}from"./formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as E,formatFodselsnummer as p}from"./formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as M,formatOrganisasjonsnummer as l}from"./formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as R,formatKontonummer as N}from"./formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as g,formatKortnummer as j}from"./formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as O,formatTelefonnummer as h}from"./formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as K}from"./formatters/valuta/formatValuta.js";import{mergeProps as d}from"./polymorphism/mergeProps.js";import{mergeRefs as k}from"./polymorphism/mergeRefs.js";import{SlotComponent as S}from"./polymorphism/SlotComponent.js";import{initTabListener as T}from"./tabListener.js";import{getValuePair as G}from"./valuePair.js";export{E as FODSELSNUMMER_REGEX,R as KONTONUMMER_REGEX,g as KORTNUMMER_REGEX,M as ORGANISASJONSNUMMER_REGEX,S as SlotComponent,O as TELEFONNUMMER_REGEX,n as formatAvstand,i as formatBytes,u as formatDate,p as formatFodselsnummer,N as formatKontonummer,j as formatKortnummer,m as formatNumber,l as formatOrganisasjonsnummer,h as formatTelefonnummer,K as formatValuta,G as getValuePair,T as initTabListener,d as mergeProps,k as mergeRefs,s as parseNumber,a as registerWithFodselsnummerMask,t as registerWithKontonummerMask,o as registerWithKortnummerMask,e as registerWithMasks,f as registerWithTelefonnummerMask,r as unicode};
+//# sourceMappingURL=index.js.map

package/build/es/utilities/index.js.map

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

package/build/es/utilities/polymorphism/SlotComponent.js

@@ -0,0 +1,2 @@
+import e from"react";import{mergeProps as r}from"./mergeProps.js";import{mergeRefs as n}from"./mergeRefs.js";const o=e.forwardRef((function({children:o,...t},m){if(e.isValidElement(o))return e.cloneElement(o,{...r(t,o.props),ref:n(m,o.ref)});if(e.Children.count(o)>1)throw new Error("Du kan kun bruke ett enkelt React-element som children i en komponent med asChild");return null}));export{o as SlotComponent};
+//# sourceMappingURL=SlotComponent.js.map

package/build/es/utilities/polymorphism/SlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotComponent.js","sources":["../../../../src/utilities/polymorphism/SlotComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps } from \"./mergeProps\";\nimport { mergeRefs } from \"./mergeRefs\";\n\nexport type SlotComponentProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement | false | null;\n};\n\nexport const SlotComponent = React.forwardRef<HTMLElement, SlotComponentProps>(function SlotComponent(\n    { children, ...slotProps },\n    forwardedRef,\n) {\n    if (React.isValidElement(children)) {\n        return React.cloneElement(children as React.ReactElement, {\n            ...mergeProps(slotProps, children.props),\n            ref: mergeRefs(forwardedRef, (children as any).ref),\n        });\n    }\n\n    if (React.Children.count(children) > 1) {\n        throw new Error(\"Du kan kun bruke ett enkelt React-element som children i en komponent med asChild\");\n    }\n\n    return null;\n});\n"],"names":["SlotComponent","React","forwardRef","children","slotProps","forwardedRef","isValidElement","cloneElement","mergeProps","props","ref","mergeRefs","Children","count","Error"],"mappings":"6GAQa,MAAAA,EAAgBC,EAAMC,YAA4C,UACzEC,SAAAA,KAAaC,GACfC,GAEIJ,GAAAA,EAAMK,eAAeH,GACdF,OAAAA,EAAMM,aAAaJ,EAAgC,IACnDK,EAAWJ,EAAWD,EAASM,OAClCC,IAAKC,EAAUN,EAAeF,EAAiBO,OAIvD,GAAIT,EAAMW,SAASC,MAAMV,GAAY,EAC3B,MAAA,IAAIW,MAAM,qFAGb,OAAA,IACX"}

package/build/es/utilities/polymorphism/index.js

@@ -0,0 +1,2 @@
+import{mergeProps as e}from"./mergeProps.js";import{mergeRefs as o}from"./mergeRefs.js";import{SlotComponent as r}from"./SlotComponent.js";export{r as SlotComponent,e as mergeProps,o as mergeRefs};
+//# sourceMappingURL=index.js.map

package/build/es/utilities/polymorphism/index.js.map

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

package/build/es/utilities/polymorphism/mergeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.js","sources":["../../../../src/utilities/polymorphism/mergeProps.ts"],"sourcesContent":["export function mergeProps(baseProps: Record<string, any>, addedProps: Record<string, any>) {\n    const overrides = { ...addedProps };\n\n    for (const prop in addedProps) {\n        const basePropValue = baseProps[prop];\n        const addedPropValue = addedProps[prop];\n\n        if (/^on[A-Z]/.test(prop)) {\n            // Propen er en event handler. Slå sammen hvis\n            // den finnes på både base og added\n            if (basePropValue && addedPropValue) {\n                overrides[prop] = (...args: unknown[]) => {\n                    addedPropValue(...args);\n                    basePropValue(...args);\n                };\n            } else if (basePropValue) {\n                overrides[prop] = basePropValue;\n            }\n        }\n\n        if (prop === \"style\") {\n            overrides[prop] = { ...basePropValue, ...addedPropValue };\n        }\n\n        if (prop === \"className\") {\n            overrides[prop] = [basePropValue, addedPropValue].filter(Boolean).join(\" \");\n        }\n    }\n\n    return { ...baseProps, ...overrides };\n}\n"],"names":["mergeProps","baseProps","addedProps","overrides","prop","basePropValue","addedPropValue","test","args","filter","Boolean","join"],"mappings":"AAAgB,SAAAA,EAAWC,EAAgCC,GACjDC,MAAAA,EAAY,IAAKD,GAEvB,IAAA,MAAWE,KAAQF,EAAY,CACrB,MAAAG,EAAgBJ,EAAUG,GAC1BE,EAAiBJ,EAAWE,GAE9B,WAAWG,KAAKH,KAGZC,GAAiBC,EACPH,EAAAC,GAAQ,IAAII,KAClBF,KAAkBE,GAClBH,KAAiBG,EAAI,EAElBH,IACPF,EAAUC,GAAQC,IAIb,UAATD,IACAD,EAAUC,GAAQ,IAAKC,KAAkBC,IAGhC,cAATF,IACUD,EAAAC,GAAQ,CAACC,EAAeC,GAAgBG,OAAOC,SAASC,KAAK,KAE/E,CAEA,MAAO,IAAKV,KAAcE,EAC9B"}

package/build/es/utilities/polymorphism/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> | undefined;\n\nexport function mergeRefs<T>(...possibleRefs: PossibleRef<T>[]): React.RefCallback<T> {\n    return (instance) =>\n        possibleRefs.forEach((ref) => {\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref !== null && ref !== undefined) {\n                (ref as React.MutableRefObject<T | null>).current = instance;\n            }\n        });\n}\n"],"names":["mergeRefs","possibleRefs","instance","forEach","ref","current"],"mappings":"AAIO,SAASA,KAAgBC,GAC5B,OAAQC,GACJD,EAAaE,SAASC,IACC,mBAARA,EACPA,EAAIF,GACW,MAARE,IACNA,EAAyCC,QAAUH,EAAAA,GAGpE"}

package/build/es/utilities/tabListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabListener.js","sources":["../../../src/utilities/tabListener.ts"],"sourcesContent":["let mousenavigation = false;\nlet touchnavigation = false;\nlet touchEventFired = false;\n\nconst listeners = {\n    mousedown: handleMouseDown as EventListener,\n    keydown: handleKeydown as EventListener,\n    touchstart: handleTouchStart as EventListener,\n};\n\nfunction removeAllListeners() {\n    (Object.keys(listeners) as Array<keyof typeof listeners>).forEach((listenerType) => {\n        document.removeEventListener(listenerType, listeners[listenerType]);\n    });\n}\n\nfunction addListener(listenerType: keyof typeof listeners) {\n    document.addEventListener(listenerType, listeners[listenerType]);\n}\n\nfunction handleMouseDown() {\n    if (!mousenavigation && !touchEventFired) {\n        mousenavigation = true;\n        touchnavigation = false;\n        const htmlElement = document.querySelector(\"html\");\n        htmlElement?.setAttribute(\"data-mousenavigation\", \"true\");\n        htmlElement?.removeAttribute(\"data-touchnavigation\");\n\n        // Reset listeners\n        removeAllListeners();\n        addListener(\"touchstart\");\n        addListener(\"keydown\");\n    }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Tab\") {\n        const htmlElement = document.querySelector(\"html\");\n        removeAllListeners();\n        htmlElement?.removeAttribute(\"data-mousenavigation\");\n        htmlElement?.removeAttribute(\"data-touchnavigation\");\n        mousenavigation = false;\n        touchnavigation = false;\n\n        // Reset listeners\n        addListener(\"touchstart\");\n        addListener(\"mousedown\");\n    }\n}\n\nfunction handleTouchStart() {\n    if (!touchnavigation) {\n        mousenavigation = false;\n        touchnavigation = true;\n        const htmlElement = document.querySelector(\"html\");\n        htmlElement?.setAttribute(\"data-touchnavigation\", \"true\");\n        htmlElement?.removeAttribute(\"data-mousenavigation\");\n\n        // Reset listeners\n        removeAllListeners();\n        addListener(\"touchstart\");\n        addListener(\"keydown\");\n        addListener(\"mousedown\");\n    }\n\n    // Most touch devices fire both touch and mouse events on touch (in that order)\n    // see https://w3c.github.io/touch-events/#mouse-events\n    // Set a check variable to avoid resetting the data-attribute:\n    touchEventFired = true;\n    setTimeout(() => {\n        touchEventFired = false;\n    }, 150); // Yes, it can take this long between the events\n}\n\nexport function initTabListener(): void {\n    if (typeof document !== \"undefined\") {\n        addListener(\"touchstart\");\n        addListener(\"mousedown\");\n    }\n}\n"],"names":["mousenavigation","touchnavigation","touchEventFired","listeners","mousedown","htmlElement","document","querySelector","setAttribute","removeAttribute","removeAllListeners","addListener","keydown","event","key","touchstart","setTimeout","Object","keys","forEach","listenerType","removeEventListener","addEventListener","initTabListener"],"mappings":"AAAA,IAAIA,GAAkB,EAClBC,GAAkB,EAClBC,GAAkB,EAEtB,MAAMC,EAAY,CACdC,UAeJ,WACQ,IAACJ,IAAoBE,EAAiB,CACpBF,GAAA,EACAC,GAAA,EACZI,MAAAA,EAAcC,SAASC,cAAc,QAC9B,MAAAF,GAAAA,EAAAG,aAAa,uBAAwB,QAClD,MAAAH,GAAAA,EAAaI,gBAAgB,wBAGVC,IACnBC,EAAY,cACZA,EAAY,UAChB,CACJ,EA3BIC,QA6BJ,SAAuBC,GACfA,GAAc,QAAdA,EAAMC,IAAe,CACfT,MAAAA,EAAcC,SAASC,cAAc,QACxBG,IACnB,MAAAL,GAAAA,EAAaI,gBAAgB,wBAC7B,MAAAJ,GAAAA,EAAaI,gBAAgB,wBACXT,GAAA,EACAC,GAAA,EAGlBU,EAAY,cACZA,EAAY,YAChB,CACJ,EAzCII,WA2CJ,WACI,IAAKd,EAAiB,CACAD,GAAA,EACAC,GAAA,EACZI,MAAAA,EAAcC,SAASC,cAAc,QAC9B,MAAAF,GAAAA,EAAAG,aAAa,uBAAwB,QAClD,MAAAH,GAAAA,EAAaI,gBAAgB,wBAGVC,IACnBC,EAAY,cACZA,EAAY,WACZA,EAAY,YAChB,CAKkBT,GAAA,EAClBc,YAAW,KACWd,GAAA,CAAA,GACnB,IACP,GA9DA,SAASQ,IACJO,OAAOC,KAAKf,GAA6CgB,SAASC,IAC/Dd,SAASe,oBAAoBD,EAAcjB,EAAUiB,GAAa,GAE1E,CAEA,SAAST,EAAYS,GACjBd,SAASgB,iBAAiBF,EAAcjB,EAAUiB,GACtD,CAwDO,SAASG,WACDjB,SAAa,MACpBK,EAAY,cACZA,EAAY,aAEpB"}

package/build/es/{core/utils/getValuePair.js → utilities/valuePair.js}

@@ -1,2 +1,2 @@
 function e(e){return"string"==typeof e?{value:e,label:e}:e}export{e as getValuePair};
-//# sourceMappingURL=getValuePair.js.map
+//# sourceMappingURL=valuePair.js.map

package/build/es/utilities/valuePair.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valuePair.js","sources":["../../../src/utilities/valuePair.ts"],"sourcesContent":["export type ValuePair = {\n    value: string;\n    label: string;\n    description?: string;\n};\n\nexport function getValuePair(item: string | ValuePair): ValuePair {\n    return typeof item === \"string\" ? { value: item, label: item } : item;\n}\n"],"names":["getValuePair","item","value","label"],"mappings":"AAMO,SAASA,EAAaC,GAClB,MAAgB,iBAATA,EAAoB,CAAEC,MAAOD,EAAME,MAAOF,GAASA,CACrE"}

package/build/index-DfvUcA5T.js

@@ -0,0 +1,2 @@
+const R=" ",s=" ",a="‑",_="‑",A="­",O="­",e="©",N="↗",S="←",W="↑",E="→",o="↓",t="​",H=Object.freeze(Object.defineProperty({__proto__:null,COPYRIGHT:"©",DOWNWARDS_ARROW:"↓",LEFTWARDS_ARROW:"←",NON_BREAKING_HYPHEN:"‑",NON_BREAKING_SPACE:" ",NORTH_EAST_ARROW:"↗",RIGHTWARDS_ARROW:"→",SOFT_HYPHEN:"­",UPWARDS_ARROW:"↑",ZERO_WIDTH_SPACE:"​",nbhy:"‑",nbsp:" ",shy:"­"},Symbol.toStringTag,{value:"Module"}));export{e as C,o as D,S as L,R as N,E as R,A as S,W as U,t as Z,a,_ as b,N as c,s as n,O as s,H as u};
+//# sourceMappingURL=index-DfvUcA5T.js.map

package/build/index-DfvUcA5T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DfvUcA5T.js","sources":["../src/utilities/constants/unicode.ts"],"sourcesContent":["export const NON_BREAKING_SPACE = \"\\u00A0\";\nexport const nbsp = NON_BREAKING_SPACE;\nexport const NON_BREAKING_HYPHEN = \"\\u2011\";\nexport const nbhy = NON_BREAKING_HYPHEN;\nexport const SOFT_HYPHEN = \"\\u00AD\";\nexport const shy = SOFT_HYPHEN;\nexport const COPYRIGHT = \"\\u00A9\";\nexport const NORTH_EAST_ARROW = \"\\u2197\";\nexport const LEFTWARDS_ARROW = \"\\u2190\";\nexport const UPWARDS_ARROW = \"\\u2191\";\nexport const RIGHTWARDS_ARROW = \"\\u2192\";\nexport const DOWNWARDS_ARROW = \"\\u2193\";\nexport const ZERO_WIDTH_SPACE = \"\\u200B\";\n"],"names":["NON_BREAKING_SPACE","nbsp","NON_BREAKING_HYPHEN","nbhy","SOFT_HYPHEN","shy","COPYRIGHT","NORTH_EAST_ARROW","LEFTWARDS_ARROW","UPWARDS_ARROW","RIGHTWARDS_ARROW","DOWNWARDS_ARROW","ZERO_WIDTH_SPACE"],"mappings":"AAAO,MAAMA,EAAqB,IACrBC,EADqB,IAErBC,EAAsB,IACtBC,EADsB,IAEtBC,EAAc,IACdC,EADc,IAEdC,EAAY,IACZC,EAAmB,IACnBC,EAAkB,IAClBC,EAAgB,IAChBC,EAAmB,IACnBC,EAAkB,IAClBC,EAAmB,oEANP,oBAKM,oBAHA,wBANI,uBAFD,qBAOF,qBAGA,gBANL,kBAKE,qBAGG,SAVG,SAFD,QAIP"}

package/build/index-hKyqa1PH.cjs

@@ -0,0 +1,2 @@
+"use strict";const R=Object.freeze(Object.defineProperty({__proto__:null,COPYRIGHT:"©",DOWNWARDS_ARROW:"↓",LEFTWARDS_ARROW:"←",NON_BREAKING_HYPHEN:"‑",NON_BREAKING_SPACE:" ",NORTH_EAST_ARROW:"↗",RIGHTWARDS_ARROW:"→",SOFT_HYPHEN:"­",UPWARDS_ARROW:"↑",ZERO_WIDTH_SPACE:"​",nbhy:"‑",nbsp:" ",shy:"­"},Symbol.toStringTag,{value:"Module"}));exports.COPYRIGHT="©",exports.DOWNWARDS_ARROW="↓",exports.LEFTWARDS_ARROW="←",exports.NON_BREAKING_HYPHEN="‑",exports.NON_BREAKING_SPACE=" ",exports.NORTH_EAST_ARROW="↗",exports.RIGHTWARDS_ARROW="→",exports.SOFT_HYPHEN="­",exports.UPWARDS_ARROW="↑",exports.ZERO_WIDTH_SPACE="​",exports.nbhy="‑",exports.nbsp=" ",exports.shy="­",exports.unicode=R;
+//# sourceMappingURL=index-hKyqa1PH.cjs.map

package/build/index-hKyqa1PH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-hKyqa1PH.cjs","sources":["../src/utilities/constants/unicode.ts"],"sourcesContent":["export const NON_BREAKING_SPACE = \"\\u00A0\";\nexport const nbsp = NON_BREAKING_SPACE;\nexport const NON_BREAKING_HYPHEN = \"\\u2011\";\nexport const nbhy = NON_BREAKING_HYPHEN;\nexport const SOFT_HYPHEN = \"\\u00AD\";\nexport const shy = SOFT_HYPHEN;\nexport const COPYRIGHT = \"\\u00A9\";\nexport const NORTH_EAST_ARROW = \"\\u2197\";\nexport const LEFTWARDS_ARROW = \"\\u2190\";\nexport const UPWARDS_ARROW = \"\\u2191\";\nexport const RIGHTWARDS_ARROW = \"\\u2192\";\nexport const DOWNWARDS_ARROW = \"\\u2193\";\nexport const ZERO_WIDTH_SPACE = \"\\u200B\";\n"],"names":[],"mappings":"aAAO,sEAMkB,oBAKM,oBAHA,wBANI,uBAFD,qBAOF,qBAGA,gBANL,kBAKE,qBAGG,SAVG,SAFD,QAIP,6DAEF,4BAKM,4BAHA,gCANI,+BAFD,6BAOF,6BAGA,wBANL,0BAKE,6BAGG,iBAVG,iBAFD,gBAIP"}

package/build/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './core';
 export * from './hooks';
+export * from './utilities';

package/build/utilities/constants/index.d.ts

@@ -0,0 +1,2 @@
+import * as unicode from "./unicode";
+export { unicode };

package/build/utilities/constants/unicode.d.ts

@@ -0,0 +1,13 @@
+export declare const NON_BREAKING_SPACE = "\u00A0";
+export declare const nbsp = "\u00A0";
+export declare const NON_BREAKING_HYPHEN = "\u2011";
+export declare const nbhy = "\u2011";
+export declare const SOFT_HYPHEN = "\u00AD";
+export declare const shy = "\u00AD";
+export declare const COPYRIGHT = "\u00A9";
+export declare const NORTH_EAST_ARROW = "\u2197";
+export declare const LEFTWARDS_ARROW = "\u2190";
+export declare const UPWARDS_ARROW = "\u2191";
+export declare const RIGHTWARDS_ARROW = "\u2192";
+export declare const DOWNWARDS_ARROW = "\u2193";
+export declare const ZERO_WIDTH_SPACE = "\u200B";

package/build/utilities/formatters/avstand/formatAvstand.d.ts

@@ -0,0 +1,23 @@
+import { FormatNumberOptions } from '../util/formatNumber';
+export type LengthUnit = "kilometer" | "meter" | "decimeter" | "centimeter" | "millimeter" | "micrometer" | "nanometer" | "picometer" | "mile" | "yard" | "foot" | "inch" | "point";
+export interface FormatAvstandOptions extends FormatNumberOptions {
+    /**
+     * Lengdeenheten som skal vises for tallet, f.eks. "kilometer" eller "foot".
+     * Hvis du _ikke_ ønsker å vise noen enhet bør du heller bruke `formatNumber` direkte.
+     *
+     * @default "kilometer"
+     */
+    unit?: LengthUnit;
+    /**
+     * Valgfritt suffiks som vises etter lengdeenheten. Ønsker du for eksempel
+     * å vise "km/år" kan du setter "kilometer" som `unit` og "/år" som `suffix`.
+     */
+    suffix?: string;
+}
+/**
+ * Formaterer en avstand med norsk locale på tallverdien.
+ * @param input Verdien som skal formateres
+ * @param options Lengdeenheten som skal vises for tallet, f.eks. "kilometer" eller "foot". Default: "kilometer". Kan også angi en valgfri suffix, f.eks. "/år".
+ * @returns Den formaterte verdien.
+ */
+export declare function formatAvstand(input: string | number, options?: FormatAvstandOptions): string;

package/build/utilities/formatters/bytes/formatBytes.d.ts

@@ -0,0 +1,8 @@
+import { FormatNumberOptions } from '../util/formatNumber';
+/**
+ * Formater et antall bytes som en lesbar verdi med enten KB eller MB som enhet.
+ * @param bytes Antall bytes som skal vises i lesbar form
+ * @param options Innstillinger for formateringen. Se https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options for detaljer.
+ * @returns Den formaterte verdien
+ */
+export declare function formatBytes(bytes: number, options?: FormatNumberOptions): string;

package/build/utilities/formatters/date/formatDate.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Formaterer en dato med "dd.mm.yyyy"-format.
+ * @param date Verdien som skal formateres
+ * @returns Verdien i "dd.mm.yyyy"-format
+ */
+export declare function formatDate(date: Date): string;
+export declare const DATE_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatDateStringOptions = {
+    partial?: boolean;
+};
+export declare function formatDateString(input: string, options?: FormatDateStringOptions): string;
+export {};

package/build/utilities/formatters/fodselsnummer/formatFodselsnummer.d.ts

@@ -0,0 +1,15 @@
+export declare const FODSELSNUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatFodselsnummerOptions = {
+    partial?: boolean;
+};
+/**
+ * Formaterer et fødselsnummer. Delene av fødselsnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig fødselsnummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatFodselsnummer(input: string, options?: FormatFodselsnummerOptions): string;
+export {};

package/build/utilities/formatters/index.d.ts

@@ -0,0 +1,14 @@
+export type { FormatNumberOptions } from './util/formatNumber';
+export { formatNumber } from './util/formatNumber';
+export { parseNumber } from './util/parseNumber';
+export type { Formatter, RegisterWithMaskOptions } from './util/registerWithMask';
+export { registerWithMasks, registerWithFodselsnummerMask, registerWithKontonummerMask, registerWithKortnummerMask, registerWithTelefonnummerMask, } from './util/registerWithMask';
+export { formatAvstand } from './avstand/formatAvstand';
+export { formatBytes } from './bytes/formatBytes';
+export { formatDate } from './date/formatDate';
+export { FODSELSNUMMER_REGEX, formatFodselsnummer } from './fodselsnummer/formatFodselsnummer';
+export { ORGANISASJONSNUMMER_REGEX, formatOrganisasjonsnummer } from './organisasjonsnummer/formatOrganisasjonsnummer';
+export { KONTONUMMER_REGEX, formatKontonummer } from './kontonummer/formatKontonummer';
+export { KORTNUMMER_REGEX, formatKortnummer } from './kortnummer/formatKortnummer';
+export { TELEFONNUMMER_REGEX, formatTelefonnummer } from './telefonnummer/formatTelefonnummer';
+export { formatValuta } from './valuta/formatValuta';

package/build/utilities/formatters/kontonummer/formatKontonummer.d.ts

@@ -0,0 +1,16 @@
+export declare const KONTONUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatKontonummerOptions = {
+    partial?: boolean;
+    separator?: string;
+};
+/**
+ * Formaterer et kontonummer, med eller uten punktum som skilletegn. Default er med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig kontonummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatKontonummer(input: string, options?: FormatKontonummerOptions): string;
+export {};

package/build/utilities/formatters/kortnummer/formatKortnummer.d.ts

@@ -0,0 +1,15 @@
+export declare const KORTNUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatKortnummerOptions = {
+    partial?: boolean;
+};
+/**
+ * Formaterer et kortnummer. Delene av kortnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig kortnummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatKortnummer(input: string, options?: FormatKortnummerOptions): string;
+export {};

package/build/utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.d.ts

@@ -0,0 +1,15 @@
+export declare const ORGANISASJONSNUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatOrganisasjonsnummerOptions = {
+    partial?: boolean;
+};
+/**
+ * Formaterer et organisasjonsnummer. Delene av organisasjonsnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig organisasjonsnummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatOrganisasjonsnummer(input: string, options?: FormatOrganisasjonsnummerOptions): string;
+export {};

package/build/utilities/formatters/telefonnummer/formatTelefonnummer.d.ts

@@ -0,0 +1,18 @@
+export declare const TELEFONNUMMER_REGEX: {
+    mobil: RegExp;
+    fast: RegExp;
+    mobilPartial: RegExp;
+    fastPartial: RegExp;
+};
+type FormatTelefonnummerOptions = {
+    partial?: boolean;
+    countryCode?: string;
+};
+/**
+ * Formaterer et telefonnummer etter språkrådets anbefalinger. Delene av telefonnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Inkluder en valgfri landkode, eller angi at verdien er et ufullstendig telefonnummer og likevel skal formateres.
+ * @returns Den formatererte verdien
+ */
+export declare function formatTelefonnummer(input: string, options?: FormatTelefonnummerOptions): string;
+export {};

package/build/utilities/formatters/util/formatNumber.d.ts

@@ -0,0 +1,14 @@
+export interface FormatNumberOptions extends Intl.NumberFormatOptions {
+    /**
+     * Hvilken lokalisasjon tallet skal formateres med
+     * @default "no-NB"
+     */
+    locale?: string;
+}
+/**
+ * Formaterer et tall med norsk locale.
+ * @param input Verdien som skal formateres
+ * @param options Innstillinger for formateringen. Se https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options for detaljer.
+ * @returns Den formatererte verdien
+ */
+export declare function formatNumber(input: string | number, options?: FormatNumberOptions): string;

package/build/utilities/formatters/util/parseNumber.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Parser en formatert string til et Number.
+ * @param input Kandidaten som skal parses til et tall
+ * @returns Verdien som et Number
+ */
+export declare function parseNumber(input: string | number): number;

package/build/utilities/formatters/util/registerWithMask.d.ts

@@ -0,0 +1,42 @@
+import { FieldValues, Path, RegisterOptions, UseFormRegisterReturn, UseFormReturn } from 'react-hook-form';
+import { formatDateString } from '../date/formatDate';
+import { formatFodselsnummer } from '../fodselsnummer/formatFodselsnummer';
+import { formatKontonummer } from '../kontonummer/formatKontonummer';
+import { formatKortnummer } from '../kortnummer/formatKortnummer';
+import { formatOrganisasjonsnummer } from '../organisasjonsnummer/formatOrganisasjonsnummer';
+import { formatTelefonnummer } from '../telefonnummer/formatTelefonnummer';
+import { formatNumber } from './formatNumber';
+declare const formatters: {
+    date: typeof formatDateString;
+    fodselsnummer: typeof formatFodselsnummer;
+    kortnummer: typeof formatKortnummer;
+    kontonummer: typeof formatKontonummer;
+    telefonnummer: typeof formatTelefonnummer;
+    number: typeof formatNumber;
+    organisasjonsnummer: typeof formatOrganisasjonsnummer;
+};
+export type Formatter = keyof typeof formatters;
+export type RegisterWithMaskOptions<T extends FieldValues> = Omit<RegisterOptions<T>, "setValueAs">;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithFodselsnummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithKortnummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithKontonummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithTelefonnummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/**
+ * Hjelpefunksjon for React Hook Form som lar deg bruke formateringsfunksjonene i denne pakken som inputmasker.
+ */
+export declare const registerWithMasks: <T extends FieldValues>(form: UseFormReturn<T>) => {
+    registerWithFodselsnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithKortnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithKontonummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithTelefonnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithOrganisasjonsnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithDateMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithNumber: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn & {
+        align: "right";
+    };
+};
+export {};

package/build/utilities/formatters/valuta/formatValuta.d.ts

@@ -0,0 +1,18 @@
+import { FormatNumberOptions } from '../util/formatNumber';
+interface FormatValutaOptions extends FormatNumberOptions {
+    prefix?: string;
+    /**
+     * For å fjerne suffix, send inn en tom streng
+     * @default "kr"
+     */
+    suffix?: string;
+}
+/**
+ * Formaterer et gitt tall som valuta. Som standard vises suffikset "kr" og tallet formateres med norsk lokalisasjon
+ *
+ * @param input Tallet som skal formateres til valuta
+ * @param options Valgene fra formatNumber, pluss valg for prefix og suffix
+ * @returns Formatert beløp
+ */
+export declare function formatValuta(input: string | number, options?: FormatValutaOptions): string;
+export {};

package/build/utilities/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './formatters';
+export * from './polymorphism';
+export * from './tabListener';
+export * from './valuePair';

package/build/utilities/polymorphism/index.d.ts

@@ -0,0 +1,5 @@
+export type { AsChildProps } from './as-child';
+export { mergeProps } from './mergeProps';
+export { mergeRefs, type PossibleRef } from './mergeRefs';
+export type { PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef } from './polymorphism';
+export { SlotComponent, type SlotComponentProps } from './SlotComponent';

package/build/utilities/valuePair.d.ts

@@ -0,0 +1,6 @@
+export type ValuePair = {
+    value: string;
+    label: string;
+    description?: string;
+};
+export declare function getValuePair(item: string | ValuePair): ValuePair;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.7.0",
+    "version": "0.8.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -18,10 +18,14 @@
         "./src/core/styles",
         "./src/core/jkl",
         "./src/core/tokens.less",
+        "./src/components/card/styles",
         "./src/components/icon/styles",
+        "./src/components/icon-button/styles",
+        "./src/components/image/styles",
         "./src/components/link/styles",
         "./src/components/link-list/styles",
-        "./src/components/loader/styles"
+        "./src/components/loader/styles",
+        "./src/components/tag/styles"
     ],
     "exports": {
         ".": {
@@ -41,10 +45,10 @@
             "require": "./build/cjs/hooks/index.js",
             "import": "./build/es/hooks/index.js"
         },
-        "./utils": {
-            "types": "./build/core/utils/index.d.ts",
-            "require": "./build/cjs/core/utils/index.js",
-            "import": "./build/es/core/utils/index.js"
+        "./utilities": {
+            "types": "./build/utilities/index.d.ts",
+            "require": "./build/cjs/utilities/index.js",
+            "import": "./build/es/utilities/index.js"
         },
         "./components": {
             "types": "./build/components/index.d.ts",
@@ -86,6 +90,7 @@
         "cssnano-preset-lite": "^3.0.0",
         "glob": "^11.0.0",
         "postcss": "^8.4.24",
+        "react-hook-form": "^7.44.3",
         "rollup-plugin-node-externals": "^7.1.3",
         "rollup-plugin-visualizer": "^5.12.0",
         "sass-embedded": "^1.78.0",
@@ -100,5 +105,5 @@
     "bugs": {
         "url": "https://github.com/fremtind/jokul/issues"
     },
-    "gitHead": "3998d7c74bbfb356c58370c1e4ca018434458f3b"
+    "gitHead": "72cfad01e665672714cd20ea654f7f818f90dc71"
 }

package/src/components/card/styles/_index.scss

@@ -0,0 +1 @@
+@forward "card";

package/src/components/card/styles/_info-card.scss

@@ -0,0 +1,40 @@
+@use "../../../core/jkl";
+
+@include jkl.comfortable-density-variables {
+    --jkl-info-card-content-wrapper-gap: #{jkl.$spacing-m};
+    @include jkl.declare-font-variables("jkl-info-card-title", "heading-2");
+    @include jkl.declare-font-variables("jkl-info-card-content", "body");
+}
+
+@include jkl.compact-density-variables {
+    --jkl-info-card-content-wrapper-gap: #{jkl.$spacing-s};
+    --jkl-info-card-title-font-size: var(--jkl-heading-4-font-size);
+    --jkl-info-card-title-line-height: var(--jkl-heading-4-line-height);
+    --jkl-info-card-title-font-weight: #{jkl.$typography-weight-normal};
+    @include jkl.declare-font-variables("jkl-info-card-content", "small");
+}
+
+.jkl-info-card {
+    box-sizing: border-box;
+
+    &__image {
+        width: 100%;
+        aspect-ratio: 3/2;
+    }
+
+    &__title {
+        @include jkl.use-font-variables("jkl-info-card-title");
+    }
+
+    &__content-wrapper {
+        @include jkl.use-font-variables("jkl-info-card-content");
+        gap: var(--jkl-info-card-content-wrapper-gap);
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    @include jkl.forced-colors-mode {
+        border: jkl.rem(2px) solid CanvasText;
+    }
+}

package/src/components/card/styles/_nav-card.scss

@@ -0,0 +1,113 @@
+@use "../../../core/jkl";
+
+@include jkl.light-mode-variables {
+    --jkl-nav-card-background: #{jkl.$color-hvit};
+    --jkl-nav-card-shadow: #{jkl.$shadow-navigation};
+    --jkl-nav-card-shadow--hover: #{jkl.$shadow-navigation--hover};
+    --jkl-nav-card-info-border-color: #{jkl.$color-svaberg};
+}
+
+@include jkl.dark-mode-variables {
+    --jkl-nav-card-background: #{jkl.$color-skifer};
+    --jkl-nav-card-shadow: none;
+    --jkl-nav-card-shadow--hover: none;
+    --jkl-nav-card-info-border-color: #{jkl.$color-stein};
+}
+
+@include jkl.comfortable-density-variables {
+    --jkl-nav-card-content-wrapper-gap: #{jkl.$spacing-m};
+    --jkl-nav-card-info-padding: #{jkl.$spacing-l} 0 0 0;
+    @include jkl.declare-font-variables("jkl-nav-card-link", "heading-2");
+    @include jkl.declare-font-variables("jkl-nav-card-content", "body");
+}
+
+@include jkl.compact-density-variables {
+    --jkl-nav-card-info-padding: #{jkl.$spacing-s} 0 0 0;
+    @include jkl.declare-font-variables("jkl-nav-card-content", "small");
+}
+
+.jkl-nav-card {
+    display: block;
+    box-sizing: border-box;
+    transform: translate3d(0, 0, 0);
+    text-decoration: none;
+    color: var(--jkl-color);
+    outline: 0;
+
+    border-radius: jkl.rem(4px);
+    overflow: hidden;
+    box-shadow: var(--jkl-nav-card-shadow);
+    background-color: var(--jkl-nav-card-background);
+
+    @include jkl.motion;
+    transition-property: box-shadow, transform;
+
+    &__image {
+        width: 100%;
+        aspect-ratio: 3/2;
+    }
+
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--jkl-nav-card-content-wrapper-gap);
+        @include jkl.use-font-variables("jkl-nav-card-content");
+    }
+
+    &__link {
+        @include jkl.use-font-variables("jkl-nav-card-link");
+        box-sizing: border-box;
+        position: relative;
+
+        &::after {
+            $_right-arrow: "\2192"; // unicode right arrow
+            @include jkl.decorative($content: $_right-arrow);
+            display: inline;
+            margin-left: -0.2em;
+            padding-left: 0.35em;
+            padding-right: 0.35em;
+        }
+
+        &[target="_blank"],
+        &--external {
+            &::after {
+                $_north-east-arrow: "\2197"; // unicode north east arrow (up/right)
+                @include jkl.decorative($content: $_north-east-arrow);
+            }
+        }
+    }
+
+    &__description {
+        @include jkl.use-font-variables("jkl-nav-card-content");
+    }
+
+    &__info {
+        border-top: jkl.rem(1px) solid var(--jkl-nav-card-info-border-color);
+        padding: var(--jkl-nav-card-info-padding);
+        @include jkl.text-style("small");
+        width: 100%;
+    }
+
+    &__tag-wrapper {
+        display: flex;
+        gap: jkl.$spacing-12 jkl.$spacing-24;
+        flex-wrap: wrap;
+    }
+
+    &:hover {
+        box-shadow: var(--jkl-nav-card-shadow--hover);
+        transform: translate3d(0, jkl.rem(-4px), 0);
+    }
+
+    @include jkl.keyboard-navigation {
+        &:focus {
+            outline: jkl.rem(2px) solid var(--jkl-color);
+        }
+    }
+
+    @include jkl.forced-colors-mode {
+        outline: revert;
+        border: jkl.rem(2px) solid LinkText;
+    }
+}