@fremtind/jokul 4.7.4 → 4.7.5

package/build/cjs/components/input-panel/InputPanel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),a=require("../checkbox/Checkbox.cjs"),i=require("../radio-button/RadioButton.cjs");require("../../hooks/useId/useId.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/WarningIcon.cjs"),require("../radio-button/radioGroupContext.cjs"),require("../radio-button/BaseRadioButton.cjs");const s=n.forwardRef(function({className:n,description:s,type:c,label:o,amount:t,value:l=o,name:u="Panelvalg",children:d,extraLabel:j,alwaysOpen:p=!1,...x},h){return e.jsxs("div",{className:r.clsx("jkl-input-panel",`jkl-${c}-panel`,n),ref:h,"data-always-open":p,children:[e.jsxs("div",{className:"jkl-input-panel__header",children:["checkbox"===c&&e.jsx(a.Checkbox,{value:l?.toString(),name:u,...x,children:o}),"radio"===c&&e.jsx(i.RadioButton,{value:l?.toString(),name:u,...x,children:o}),(t||j)&&e.jsx("span",{className:"jkl-input-panel__header__amount",children:t||j})]}),(s||d)&&e.jsx("div",{className:"jkl-input-panel__description",children:s||d})]})});exports.InputPanel=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),i=require("../checkbox/Checkbox.cjs"),a=require("../radio-button/RadioButton.cjs");require("../../hooks/useId/useId.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/WarningIcon.cjs"),require("../radio-button/radioGroupContext.cjs"),require("../radio-button/BaseRadioButton.cjs");const c=n.forwardRef(function({className:n,description:c,type:s,label:o,amount:t,value:l=o,name:u="Panelvalg",children:d,extraLabel:j,alwaysOpen:p,...x},h){return e.jsxs("div",{className:r.clsx("jkl-input-panel",`jkl-${s}-panel`,n),ref:h,children:[e.jsxs("div",{className:"jkl-input-panel__header",children:["checkbox"===s&&e.jsx(i.Checkbox,{value:l?.toString(),name:u,...x,children:o}),"radio"===s&&e.jsx(a.RadioButton,{value:l?.toString(),name:u,...x,children:o}),(t||j)&&e.jsx("span",{className:"jkl-input-panel__header__amount",children:t||j})]}),(c||d)&&e.jsx("div",{className:"jkl-input-panel__description",children:c||d})]})});exports.InputPanel=c;
 //# sourceMappingURL=InputPanel.cjs.map

package/build/cjs/components/input-panel/InputPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPanel.cjs","sources":["../../../../src/components/input-panel/InputPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ForwardedRef, forwardRef } from \"react\";\nimport { Checkbox } from \"../checkbox/index.js\";\nimport { RadioButton } from \"../radio-button/index.js\";\nimport type { InputPanelProps } from \"./types.js\";\n\nexport const InputPanel = forwardRef(function BasePanel(\n    {\n        className,\n        description,\n        type,\n        label,\n        amount,\n        value = label,\n        name = \"Panelvalg\",\n        children,\n        extraLabel,\n        alwaysOpen = false,\n        ...rest\n    }: InputPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    return (\n        <div\n            className={clsx(\"jkl-input-panel\", `jkl-${type}-panel`, className)}\n            ref={ref}\n            data-always-open={alwaysOpen}\n        >\n            <div className=\"jkl-input-panel__header\">\n                {type === \"checkbox\" && (\n                    <Checkbox value={value?.toString()} name={name} {...rest}>\n                        {label}\n                    </Checkbox>\n                )}\n                {type === \"radio\" && (\n                    <RadioButton\n                        value={value?.toString()}\n                        name={name}\n                        {...rest}\n                    >\n                        {label}\n                    </RadioButton>\n                )}\n                {(amount || extraLabel) && (\n                    <span className=\"jkl-input-panel__header__amount\">\n                        {amount || extraLabel}\n                    </span>\n                )}\n            </div>\n            {(description || children) && (\n                <div className=\"jkl-input-panel__description\">\n                    {description || children}\n                </div>\n            )}\n        </div>\n    );\n});\n"],"names":["InputPanel","forwardRef","className","description","type","label","amount","value","name","children","extraLabel","alwaysOpen","rest","ref","jsxs","clsx","jsx","Checkbox","toString","RadioButton"],"mappings":"mgBAMO,MAAMA,EAAaC,EAAAA,WAAW,UAE7BC,UAAAA,EACAC,YAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EAAQF,EACRG,KAAAA,EAAO,YACPC,SAAAA,EACAC,WAAAA,EACAC,WAAAA,GAAa,KACVC,GAEPC,GAEA,OACIC,EAAAA,KAAC,MAAA,CACGZ,UAAWa,EAAAA,KAAK,kBAAmB,OAAOX,UAAcF,GACxDW,IAAAA,EACA,mBAAkBF,EAElBF,SAAA,CAAAK,EAAAA,KAAC,MAAA,CAAIZ,UAAU,0BACVO,SAAA,CAAS,aAATL,GACGY,EAAAA,IAACC,EAAAA,SAAA,CAASV,MAAOA,GAAOW,WAAYV,KAAAA,KAAgBI,EAC/CH,SAAAJ,IAGC,UAATD,GACGY,EAAAA,IAACG,EAAAA,YAAA,CACGZ,MAAOA,GAAOW,WACdV,KAAAA,KACII,EAEHH,SAAAJ,KAGPC,GAAUI,IACRM,EAAAA,IAAC,QAAKd,UAAU,kCACXO,YAAUC,QAIrBP,GAAeM,IACbO,EAAAA,IAAC,OAAId,UAAU,+BACVO,YAAeA,MAKpC"}
+{"version":3,"file":"InputPanel.cjs","sources":["../../../../src/components/input-panel/InputPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ForwardedRef, forwardRef } from \"react\";\nimport { Checkbox } from \"../checkbox/index.js\";\nimport { RadioButton } from \"../radio-button/index.js\";\nimport type { InputPanelProps } from \"./types.js\";\n\nexport const InputPanel = forwardRef(function BasePanel(\n    {\n        className,\n        description,\n        type,\n        label,\n        amount,\n        value = label,\n        name = \"Panelvalg\",\n        children,\n        extraLabel,\n        alwaysOpen: _alwaysOpen,\n        ...rest\n    }: InputPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    return (\n        <div\n            className={clsx(\"jkl-input-panel\", `jkl-${type}-panel`, className)}\n            ref={ref}\n        >\n            <div className=\"jkl-input-panel__header\">\n                {type === \"checkbox\" && (\n                    <Checkbox value={value?.toString()} name={name} {...rest}>\n                        {label}\n                    </Checkbox>\n                )}\n                {type === \"radio\" && (\n                    <RadioButton\n                        value={value?.toString()}\n                        name={name}\n                        {...rest}\n                    >\n                        {label}\n                    </RadioButton>\n                )}\n                {(amount || extraLabel) && (\n                    <span className=\"jkl-input-panel__header__amount\">\n                        {amount || extraLabel}\n                    </span>\n                )}\n            </div>\n            {(description || children) && (\n                <div className=\"jkl-input-panel__description\">\n                    {description || children}\n                </div>\n            )}\n        </div>\n    );\n});\n"],"names":["InputPanel","forwardRef","className","description","type","label","amount","value","name","children","extraLabel","alwaysOpen","_alwaysOpen","rest","ref","jsxs","clsx","jsx","Checkbox","toString","RadioButton"],"mappings":"mgBAMO,MAAMA,EAAaC,EAAAA,WAAW,UAE7BC,UAAAA,EACAC,YAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EAAQF,EACRG,KAAAA,EAAO,YACPC,SAAAA,EACAC,WAAAA,EACAC,WAAYC,KACTC,GAEPC,GAEA,OACIC,EAAAA,KAAC,MAAA,CACGb,UAAWc,EAAAA,KAAK,kBAAmB,OAAOZ,UAAcF,GACxDY,IAAAA,EAEAL,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAIb,UAAU,0BACVO,SAAA,CAAS,aAATL,GACGa,EAAAA,IAACC,EAAAA,SAAA,CAASX,MAAOA,GAAOY,WAAYX,KAAAA,KAAgBK,EAC/CJ,SAAAJ,IAGC,UAATD,GACGa,EAAAA,IAACG,EAAAA,YAAA,CACGb,MAAOA,GAAOY,WACdX,KAAAA,KACIK,EAEHJ,SAAAJ,KAGPC,GAAUI,IACRO,EAAAA,IAAC,QAAKf,UAAU,kCACXO,YAAUC,QAIrBP,GAAeM,IACbQ,EAAAA,IAAC,OAAIf,UAAU,+BACVO,YAAeA,MAKpC"}

package/build/cjs/hooks/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useAnimatedDetails/useAnimatedDetails.cjs"),s=require("./useAnimatedHeight/useAnimatedHeight.cjs"),r=require("./useAnimatedHeight/useAnimatedHeightBetween.cjs"),u=require("./useAnimatedHeight/useAutoAnimateHeight.cjs"),i=require("./useBrowserPreferences/useBrowserPreferences.cjs"),t=require("./useIntersectionObserver/useIntersectionObserver.cjs"),o=require("./useLocalStorage/useLocalStorage.cjs"),n=require("./useMutationObserver/useMutationObserver.cjs"),c=require("./usePreviousValue/usePreviousValue.cjs"),a=require("./useProgressiveImg/useProgressiveImg.cjs"),g=require("./useScreen/useScreen.cjs"),l=require("./useScrollIntoView/useScrollIntoView.cjs"),d=require("./useAriaLiveRegion/useAriaLiveRegion.cjs"),m=require("./useClickOutside/useClickOutside.cjs"),p=require("./useFocusOutside/useFocusOutside.cjs"),v=require("./useElementDimensions/useElementDimensions.cjs"),A=require("./useId/useId.cjs"),j=require("./useKeyListener/useKeyListener.cjs"),x=require("./useListNavigation/useListNavigation.cjs"),q=require("./useSwipeGesture/useSwipeGesture.cjs");exports.useAnimatedDetails=e.useAnimatedDetails,exports.useAnimatedHeight=s.useAnimatedHeight,exports.useAnimatedHeightBetween=r.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=u.useAutoAnimatedHeight,exports.useBrowserPreferences=i.useBrowserPreferences,exports.useIntersectionObserver=t.useIntersectionObserver,exports.useLocalStorage=o.useLocalStorage,exports.useMutationObserver=n.useMutationObserver,exports.usePreviousValue=c.usePreviousValue,exports.useProgressiveImg=a.useProgressiveImg,exports.useScreen=g.useScreen,exports.useScrollIntoView=l.useScrollIntoView,exports.useAriaLiveRegion=d.useAriaLiveRegion,exports.useClickOutside=m.useClickOutside,exports.useFocusOutside=p.useFocusOutside,exports.useElementDimensions=v.useElementDimensions,exports.useId=A.useId,exports.useKeyListener=j.useKeyListener,exports.useListNavigation=x.useListNavigation,exports.useSwipeGesture=q.useSwipeGesture;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useAnimatedDetails/useAnimatedDetails.cjs"),s=require("./useAnimatedHeight/useAnimatedHeight.cjs"),r=require("./useAnimatedHeight/useAnimatedHeightBetween.cjs"),u=require("./useAnimatedHeight/useAutoAnimateHeight.cjs"),i=require("./useBrowserPreferences/useBrowserPreferences.cjs"),t=require("./useIntersectionObserver/useIntersectionObserver.cjs"),o=require("./useLocalStorage/useLocalStorage.cjs"),n=require("./useMutationObserver/useMutationObserver.cjs"),c=require("./usePreviousValue/usePreviousValue.cjs"),a=require("./useProgressiveImg/useProgressiveImg.cjs"),g=require("./useScreen/useScreen.cjs"),l=require("./useScrollIntoView/useScrollIntoView.cjs"),d=require("./useAriaLiveRegion/useAriaLiveRegion.cjs"),m=require("./useClickOutside/useClickOutside.cjs"),p=require("./useFocusOutside/useFocusOutside.cjs"),v=require("./useElementDimensions/useElementDimensions.cjs"),A=require("./useId/useId.cjs"),j=require("./useKeyListener/useKeyListener.cjs"),x=require("./useListNavigation/useListNavigation.cjs"),q=require("./useMergeRefs/useMergeRefs.cjs"),S=require("./useSwipeGesture/useSwipeGesture.cjs");exports.useAnimatedDetails=e.useAnimatedDetails,exports.useAnimatedHeight=s.useAnimatedHeight,exports.useAnimatedHeightBetween=r.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=u.useAutoAnimatedHeight,exports.useBrowserPreferences=i.useBrowserPreferences,exports.useIntersectionObserver=t.useIntersectionObserver,exports.useLocalStorage=o.useLocalStorage,exports.useMutationObserver=n.useMutationObserver,exports.usePreviousValue=c.usePreviousValue,exports.useProgressiveImg=a.useProgressiveImg,exports.useScreen=g.useScreen,exports.useScrollIntoView=l.useScrollIntoView,exports.useAriaLiveRegion=d.useAriaLiveRegion,exports.useClickOutside=m.useClickOutside,exports.useFocusOutside=p.useFocusOutside,exports.useElementDimensions=v.useElementDimensions,exports.useId=A.useId,exports.useKeyListener=j.useKeyListener,exports.useListNavigation=x.useListNavigation,exports.useMergeRefs=q.useMergeRefs,exports.useSwipeGesture=S.useSwipeGesture;
 //# sourceMappingURL=index.cjs.map

package/build/cjs/hooks/index.d.cts

@@ -15,4 +15,5 @@ export { useElementDimensions, type Dimensions, } from './useElementDimensions/u
 export { useId } from './useId/useId.cjs';
 export { useKeyListener } from './useKeyListener/useKeyListener.cjs';
 export { useListNavigation } from './useListNavigation/useListNavigation.cjs';
+export { useMergeRefs } from './useMergeRefs/useMergeRefs.cjs';
 export { useSwipeGesture, type SwipeChangeHandler, } from './useSwipeGesture/useSwipeGesture.cjs';

package/build/cjs/hooks/useMergeRefs/useMergeRefs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../utilities/mergeRefs.cjs");exports.useMergeRefs=function(...t){return e.useMemo(()=>r.mergeRefs(...t),t)};
+//# sourceMappingURL=useMergeRefs.cjs.map

package/build/cjs/hooks/useMergeRefs/useMergeRefs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeRefs.cjs","sources":["../../../../src/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["import {\n    type ForwardedRef,\n    type MutableRefObject,\n    type RefCallback,\n    useMemo,\n} from \"react\";\nimport { mergeRefs } from \"../../utilities/mergeRefs.js\";\n\n/**\n * Slår sammen flere refs til én callback som bare endres når en av refsene endres.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);\n */\nexport function useMergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Sammenlign hver ref for seg; [refs] blir ny ved hver rendring.\n    return useMemo(() => mergeRefs(...refs), refs);\n}\n"],"names":["refs","useMemo","mergeRefs"],"mappings":"yKAcO,YACAA,GAGH,OAAOC,EAAAA,QAAQ,IAAMC,EAAAA,aAAaF,GAAOA,EAC7C"}

package/build/cjs/hooks/useMergeRefs/useMergeRefs.d.cts

@@ -0,0 +1,8 @@
+import { ForwardedRef, MutableRefObject, RefCallback } from 'react';
+/**
+ * Slår sammen flere refs til én callback som bare endres når en av refsene endres.
+ * @param refs Liste over refs du vil slå sammen
+ * @returns En `RefCallback` du kan sende videre til en komponent/element
+ * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);
+ */
+export declare function useMergeRefs<T>(...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]): RefCallback<T>;

package/build/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/tokens.cjs"),s=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),r=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),i=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),t=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),o=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),u=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),a=require("./hooks/useLocalStorage/useLocalStorage.cjs"),m=require("./hooks/useMutationObserver/useMutationObserver.cjs"),n=require("./hooks/usePreviousValue/usePreviousValue.cjs"),l=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),d=require("./hooks/useScreen/useScreen.cjs"),c=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),g=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),p=require("./hooks/useClickOutside/useClickOutside.cjs"),h=require("./hooks/useFocusOutside/useFocusOutside.cjs"),x=require("./hooks/useElementDimensions/useElementDimensions.cjs"),f=require("./hooks/useId/useId.cjs"),j=require("./hooks/useKeyListener/useKeyListener.cjs"),q=require("./hooks/useListNavigation/useListNavigation.cjs"),E=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),V=require("../index-CaISwoxr.cjs"),v=require("./utilities/formatters/util/formatNumber.cjs"),M=require("./utilities/formatters/util/parseNumber.cjs"),k=require("./utilities/formatters/util/registerWithMask.cjs"),O=require("./utilities/formatters/avstand/formatAvstand.cjs"),R=require("./utilities/formatters/bytes/formatBytes.cjs"),N=require("./utilities/formatters/date/formatDate.cjs"),S=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),A=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),I=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),L=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),T=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),b=require("./utilities/formatters/valuta/formatValuta.cjs"),P=require("./utilities/getThemeAndSize.cjs"),K=require("./utilities/mergeRefs.cjs"),D=require("./utilities/polymorphism/mergeProps.cjs"),F=require("./utilities/polymorphism/SlotComponent.cjs"),G=require("./utilities/tabListener.cjs"),w=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),C=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),W=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),y=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),H=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),B=require("./utilities/validators/isExactLength/isExactLength.cjs"),U=require("./utilities/validators/isInteger/isInteger.cjs"),X=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),_=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),z=require("./utilities/validators/isValidName/isValidName.cjs"),J=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Q=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),Y=require("./utilities/valuePair.cjs");exports.tokens=e,exports.useAnimatedDetails=s.useAnimatedDetails,exports.useAnimatedHeight=r.useAnimatedHeight,exports.useAnimatedHeightBetween=i.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=t.useAutoAnimatedHeight,exports.useBrowserPreferences=o.useBrowserPreferences,exports.useIntersectionObserver=u.useIntersectionObserver,exports.useLocalStorage=a.useLocalStorage,exports.useMutationObserver=m.useMutationObserver,exports.usePreviousValue=n.usePreviousValue,exports.useProgressiveImg=l.useProgressiveImg,exports.useScreen=d.useScreen,exports.useScrollIntoView=c.useScrollIntoView,exports.useAriaLiveRegion=g.useAriaLiveRegion,exports.useClickOutside=p.useClickOutside,exports.useFocusOutside=h.useFocusOutside,exports.useElementDimensions=x.useElementDimensions,exports.useId=f.useId,exports.useKeyListener=j.useKeyListener,exports.useListNavigation=q.useListNavigation,exports.useSwipeGesture=E.useSwipeGesture,exports.unicode=V.unicode,exports.formatNumber=v.formatNumber,exports.parseNumber=M.parseNumber,exports.registerWithFodselsnummerMask=k.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=k.registerWithKontonummerMask,exports.registerWithKortnummerMask=k.registerWithKortnummerMask,exports.registerWithMasks=k.registerWithMasks,exports.registerWithTelefonnummerMask=k.registerWithTelefonnummerMask,exports.formatAvstand=O.formatAvstand,exports.formatBytes=R.formatBytes,exports.formatDate=N.formatDate,exports.FODSELSNUMMER_REGEX=S.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=S.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=A.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=A.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=I.KONTONUMMER_REGEX,exports.formatKontonummer=I.formatKontonummer,exports.KORTNUMMER_REGEX=L.KORTNUMMER_REGEX,exports.formatKortnummer=L.formatKortnummer,exports.TELEFONNUMMER_REGEX=T.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=T.formatTelefonnummer,exports.formatValuta=b.formatValuta,exports.getThemeAndSize=P.getThemeAndSize,exports.mergeRefs=K.mergeRefs,exports.useMergeRefs=K.useMergeRefs,exports.mergeProps=D.mergeProps,exports.SlotComponent=F.SlotComponent,exports.initTabListener=G.initTabListener,exports.isValidEpost=w.isValidEpost,exports.isValidTelefonnummer=C.isValidTelefonnummer,exports.isValidRegistreringsnummer=W.isValidRegistreringsnummer,exports.isValidChassisnummer=y.isValidChassisnummer,exports.isValidDogId=H.isValidDogId,exports.isExactLength=B.isExactLength,exports.isInteger=U.isInteger,exports.isValidFodselsnummer=X.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=_.isValidOrganisasjonsnummer,exports.isValidName=z.isValidName,exports.hasMinimumWords=J.hasMinimumWords,exports.hasNoIllegalCharacters=Q.hasNoIllegalCharacters,exports.getValuePair=Y.getValuePair;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/tokens.cjs"),s=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),r=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),i=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),t=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),o=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),u=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),a=require("./hooks/useLocalStorage/useLocalStorage.cjs"),m=require("./hooks/useMutationObserver/useMutationObserver.cjs"),n=require("./hooks/usePreviousValue/usePreviousValue.cjs"),l=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),d=require("./hooks/useScreen/useScreen.cjs"),c=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),g=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),p=require("./hooks/useClickOutside/useClickOutside.cjs"),h=require("./hooks/useFocusOutside/useFocusOutside.cjs"),x=require("./hooks/useElementDimensions/useElementDimensions.cjs"),f=require("./hooks/useId/useId.cjs"),j=require("./hooks/useKeyListener/useKeyListener.cjs"),q=require("./hooks/useListNavigation/useListNavigation.cjs"),E=require("./hooks/useMergeRefs/useMergeRefs.cjs"),V=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),M=require("../index-CaISwoxr.cjs"),v=require("./utilities/formatters/util/formatNumber.cjs"),k=require("./utilities/formatters/util/parseNumber.cjs"),R=require("./utilities/formatters/util/registerWithMask.cjs"),O=require("./utilities/formatters/avstand/formatAvstand.cjs"),N=require("./utilities/formatters/bytes/formatBytes.cjs"),S=require("./utilities/formatters/date/formatDate.cjs"),A=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),I=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),L=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),T=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),b=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),P=require("./utilities/formatters/valuta/formatValuta.cjs"),K=require("./utilities/getThemeAndSize.cjs"),D=require("./utilities/mergeRefs.cjs"),F=require("./utilities/polymorphism/mergeProps.cjs"),G=require("./utilities/polymorphism/SlotComponent.cjs"),w=require("./utilities/tabListener.cjs"),C=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),W=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),y=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),H=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),B=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),U=require("./utilities/validators/isExactLength/isExactLength.cjs"),X=require("./utilities/validators/isInteger/isInteger.cjs"),_=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),z=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),J=require("./utilities/validators/isValidName/isValidName.cjs"),Q=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Y=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),Z=require("./utilities/valuePair.cjs");exports.tokens=e,exports.useAnimatedDetails=s.useAnimatedDetails,exports.useAnimatedHeight=r.useAnimatedHeight,exports.useAnimatedHeightBetween=i.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=t.useAutoAnimatedHeight,exports.useBrowserPreferences=o.useBrowserPreferences,exports.useIntersectionObserver=u.useIntersectionObserver,exports.useLocalStorage=a.useLocalStorage,exports.useMutationObserver=m.useMutationObserver,exports.usePreviousValue=n.usePreviousValue,exports.useProgressiveImg=l.useProgressiveImg,exports.useScreen=d.useScreen,exports.useScrollIntoView=c.useScrollIntoView,exports.useAriaLiveRegion=g.useAriaLiveRegion,exports.useClickOutside=p.useClickOutside,exports.useFocusOutside=h.useFocusOutside,exports.useElementDimensions=x.useElementDimensions,exports.useId=f.useId,exports.useKeyListener=j.useKeyListener,exports.useListNavigation=q.useListNavigation,exports.useMergeRefs=E.useMergeRefs,exports.useSwipeGesture=V.useSwipeGesture,exports.unicode=M.unicode,exports.formatNumber=v.formatNumber,exports.parseNumber=k.parseNumber,exports.registerWithFodselsnummerMask=R.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=R.registerWithKontonummerMask,exports.registerWithKortnummerMask=R.registerWithKortnummerMask,exports.registerWithMasks=R.registerWithMasks,exports.registerWithTelefonnummerMask=R.registerWithTelefonnummerMask,exports.formatAvstand=O.formatAvstand,exports.formatBytes=N.formatBytes,exports.formatDate=S.formatDate,exports.FODSELSNUMMER_REGEX=A.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=A.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=I.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=I.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=L.KONTONUMMER_REGEX,exports.formatKontonummer=L.formatKontonummer,exports.KORTNUMMER_REGEX=T.KORTNUMMER_REGEX,exports.formatKortnummer=T.formatKortnummer,exports.TELEFONNUMMER_REGEX=b.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=b.formatTelefonnummer,exports.formatValuta=P.formatValuta,exports.getThemeAndSize=K.getThemeAndSize,exports.mergeRefs=D.mergeRefs,exports.mergeProps=F.mergeProps,exports.SlotComponent=G.SlotComponent,exports.initTabListener=w.initTabListener,exports.isValidEpost=C.isValidEpost,exports.isValidTelefonnummer=W.isValidTelefonnummer,exports.isValidRegistreringsnummer=y.isValidRegistreringsnummer,exports.isValidChassisnummer=H.isValidChassisnummer,exports.isValidDogId=B.isValidDogId,exports.isExactLength=U.isExactLength,exports.isInteger=X.isInteger,exports.isValidFodselsnummer=_.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=z.isValidOrganisasjonsnummer,exports.isValidName=J.isValidName,exports.hasMinimumWords=Q.hasMinimumWords,exports.hasNoIllegalCharacters=Y.hasNoIllegalCharacters,exports.getValuePair=Z.getValuePair;
 //# sourceMappingURL=index.cjs.map

package/build/cjs/utilities/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../index-CaISwoxr.cjs"),r=require("./formatters/util/formatNumber.cjs"),s=require("./formatters/util/parseNumber.cjs"),t=require("./formatters/util/registerWithMask.cjs"),i=require("./formatters/avstand/formatAvstand.cjs"),a=require("./formatters/bytes/formatBytes.cjs"),o=require("./formatters/date/formatDate.cjs"),m=require("./formatters/fodselsnummer/formatFodselsnummer.cjs"),n=require("./formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),u=require("./formatters/kontonummer/formatKontonummer.cjs"),l=require("./formatters/kortnummer/formatKortnummer.cjs"),d=require("./formatters/telefonnummer/formatTelefonnummer.cjs"),p=require("./formatters/valuta/formatValuta.cjs"),f=require("./getThemeAndSize.cjs"),g=require("./mergeRefs.cjs"),x=require("./polymorphism/mergeProps.cjs"),c=require("./polymorphism/SlotComponent.cjs"),E=require("./tabListener.cjs"),j=require("./validators/isValidEpost/isValidEpost.cjs"),M=require("./validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),V=require("./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),h=require("./validators/isValidChassisnummer/isValidChassisnummer.cjs"),R=require("./validators/isValidDogId/isValidDogId.cjs"),N=require("./validators/isExactLength/isExactLength.cjs"),q=require("./validators/isInteger/isInteger.cjs"),O=require("./validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),T=require("./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),v=require("./validators/isValidName/isValidName.cjs"),S=require("./validators/hasMinimumWords/hasMinimumWords.cjs"),W=require("./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),I=require("./valuePair.cjs");exports.unicode=e.unicode,exports.formatNumber=r.formatNumber,exports.parseNumber=s.parseNumber,exports.registerWithFodselsnummerMask=t.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=t.registerWithKontonummerMask,exports.registerWithKortnummerMask=t.registerWithKortnummerMask,exports.registerWithMasks=t.registerWithMasks,exports.registerWithTelefonnummerMask=t.registerWithTelefonnummerMask,exports.formatAvstand=i.formatAvstand,exports.formatBytes=a.formatBytes,exports.formatDate=o.formatDate,exports.FODSELSNUMMER_REGEX=m.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=m.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=n.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=n.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=u.KONTONUMMER_REGEX,exports.formatKontonummer=u.formatKontonummer,exports.KORTNUMMER_REGEX=l.KORTNUMMER_REGEX,exports.formatKortnummer=l.formatKortnummer,exports.TELEFONNUMMER_REGEX=d.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=d.formatTelefonnummer,exports.formatValuta=p.formatValuta,exports.getThemeAndSize=f.getThemeAndSize,exports.mergeRefs=g.mergeRefs,exports.useMergeRefs=g.useMergeRefs,exports.mergeProps=x.mergeProps,exports.SlotComponent=c.SlotComponent,exports.initTabListener=E.initTabListener,exports.isValidEpost=j.isValidEpost,exports.isValidTelefonnummer=M.isValidTelefonnummer,exports.isValidRegistreringsnummer=V.isValidRegistreringsnummer,exports.isValidChassisnummer=h.isValidChassisnummer,exports.isValidDogId=R.isValidDogId,exports.isExactLength=N.isExactLength,exports.isInteger=q.isInteger,exports.isValidFodselsnummer=O.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=T.isValidOrganisasjonsnummer,exports.isValidName=v.isValidName,exports.hasMinimumWords=S.hasMinimumWords,exports.hasNoIllegalCharacters=W.hasNoIllegalCharacters,exports.getValuePair=I.getValuePair;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../index-CaISwoxr.cjs"),r=require("./formatters/util/formatNumber.cjs"),s=require("./formatters/util/parseNumber.cjs"),t=require("./formatters/util/registerWithMask.cjs"),i=require("./formatters/avstand/formatAvstand.cjs"),a=require("./formatters/bytes/formatBytes.cjs"),o=require("./formatters/date/formatDate.cjs"),m=require("./formatters/fodselsnummer/formatFodselsnummer.cjs"),n=require("./formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),u=require("./formatters/kontonummer/formatKontonummer.cjs"),l=require("./formatters/kortnummer/formatKortnummer.cjs"),d=require("./formatters/telefonnummer/formatTelefonnummer.cjs"),f=require("./formatters/valuta/formatValuta.cjs"),g=require("./getThemeAndSize.cjs"),p=require("./mergeRefs.cjs"),x=require("../hooks/useMergeRefs/useMergeRefs.cjs"),c=require("./polymorphism/mergeProps.cjs"),E=require("./polymorphism/SlotComponent.cjs"),j=require("./tabListener.cjs"),M=require("./validators/isValidEpost/isValidEpost.cjs"),h=require("./validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),V=require("./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),R=require("./validators/isValidChassisnummer/isValidChassisnummer.cjs"),q=require("./validators/isValidDogId/isValidDogId.cjs"),N=require("./validators/isExactLength/isExactLength.cjs"),O=require("./validators/isInteger/isInteger.cjs"),T=require("./validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),v=require("./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),S=require("./validators/isValidName/isValidName.cjs"),W=require("./validators/hasMinimumWords/hasMinimumWords.cjs"),k=require("./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),I=require("./valuePair.cjs");exports.unicode=e.unicode,exports.formatNumber=r.formatNumber,exports.parseNumber=s.parseNumber,exports.registerWithFodselsnummerMask=t.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=t.registerWithKontonummerMask,exports.registerWithKortnummerMask=t.registerWithKortnummerMask,exports.registerWithMasks=t.registerWithMasks,exports.registerWithTelefonnummerMask=t.registerWithTelefonnummerMask,exports.formatAvstand=i.formatAvstand,exports.formatBytes=a.formatBytes,exports.formatDate=o.formatDate,exports.FODSELSNUMMER_REGEX=m.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=m.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=n.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=n.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=u.KONTONUMMER_REGEX,exports.formatKontonummer=u.formatKontonummer,exports.KORTNUMMER_REGEX=l.KORTNUMMER_REGEX,exports.formatKortnummer=l.formatKortnummer,exports.TELEFONNUMMER_REGEX=d.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=d.formatTelefonnummer,exports.formatValuta=f.formatValuta,exports.getThemeAndSize=g.getThemeAndSize,exports.mergeRefs=p.mergeRefs,exports.useMergeRefs=x.useMergeRefs,exports.mergeProps=c.mergeProps,exports.SlotComponent=E.SlotComponent,exports.initTabListener=j.initTabListener,exports.isValidEpost=M.isValidEpost,exports.isValidTelefonnummer=h.isValidTelefonnummer,exports.isValidRegistreringsnummer=V.isValidRegistreringsnummer,exports.isValidChassisnummer=R.isValidChassisnummer,exports.isValidDogId=q.isValidDogId,exports.isExactLength=N.isExactLength,exports.isInteger=O.isInteger,exports.isValidFodselsnummer=T.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=v.isValidOrganisasjonsnummer,exports.isValidName=S.isValidName,exports.hasMinimumWords=W.hasMinimumWords,exports.hasNoIllegalCharacters=k.hasNoIllegalCharacters,exports.getValuePair=I.getValuePair;
 //# sourceMappingURL=index.cjs.map

package/build/cjs/utilities/index.d.cts

@@ -2,6 +2,7 @@ export * from './constants/index.cjs';
 export * from './formatters/index.cjs';
 export * from './getThemeAndSize.cjs';
 export * from './mergeRefs.cjs';
+export { useMergeRefs } from '../hooks/useMergeRefs/useMergeRefs.cjs';
 export * from './polymorphism/index.cjs';
 export * from './tabListener.cjs';
 export * from './validators/index.cjs';

package/build/cjs/utilities/mergeRefs.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function t(...e){return function(t){for(const r of e)r&&("function"==typeof r?r(t):r&&(r.current=t))}}exports.mergeRefs=t,exports.useMergeRefs=function(...r){return e.useMemo(()=>t(...r),[r])};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.mergeRefs=function(...e){return function(t){for(const o of e)o&&("function"==typeof o?o(t):o&&(o.current=t))}};
 //# sourceMappingURL=mergeRefs.cjs.map

package/build/cjs/utilities/mergeRefs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.cjs","sources":["../../../src/utilities/mergeRefs.ts"],"sourcesContent":["import {\n    type ForwardedRef,\n    type MutableRefObject,\n    type RefCallback,\n    useMemo,\n} from \"react\";\n\n/**\n * Slår sammen flere refs til én, for eksempel hvis du har både en\n * egen ref i en komponent og også vil kunne ta inn en forwardRef\n * fra brukeren av komponenten.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example\n * const ref = useRef<HTMLElement>(null);\n * const combinedRef = mergeRefs(ref, forwardedRef, anotherRef);\n *\n * return <div ref={combinedRef} {...props} />;\n */\nexport function mergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    return function combinedRef(instance: T | null) {\n        for (const ref of refs) {\n            if (!ref) continue;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        }\n    };\n}\n\n/**\n * Gjør det samme som {@link mergeRefs}, men wrappet i en `useMemo`, hvis du\n * vil unngå å lage en ny funksjon ved hver render. Som regel ikke nødvendig.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);\n */\nexport function useMergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    return useMemo(() => mergeRefs(...refs), [refs]);\n}\n"],"names":["mergeRefs","refs","instance","ref","current","useMemo"],"mappings":"yGAmBO,SAASA,KACTC,GAEH,OAAO,SAAqBC,GACxB,IAAA,MAAWC,KAAOF,EACTE,IAEc,mBAARA,EACPA,EAAID,GACGC,IACPA,EAAIC,QAAUF,GAG1B,CACJ,0CASO,YACAD,GAEH,OAAOI,EAAAA,QAAQ,IAAML,KAAaC,GAAO,CAACA,GAC9C"}
+{"version":3,"file":"mergeRefs.cjs","sources":["../../../src/utilities/mergeRefs.ts"],"sourcesContent":["import type { ForwardedRef, MutableRefObject, RefCallback } from \"react\";\n\n/**\n * Slår sammen flere refs til én, for eksempel hvis du har både en\n * egen ref i en komponent og også vil kunne ta inn en forwardRef\n * fra brukeren av komponenten.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example\n * const ref = useRef<HTMLElement>(null);\n * const combinedRef = mergeRefs(ref, forwardedRef, anotherRef);\n *\n * return <div ref={combinedRef} {...props} />;\n */\nexport function mergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    return function combinedRef(instance: T | null) {\n        for (const ref of refs) {\n            if (!ref) continue;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        }\n    };\n}\n"],"names":["refs","instance","ref","current"],"mappings":"kGAcO,YACAA,GAEH,OAAO,SAAqBC,GACxB,IAAA,MAAWC,KAAOF,EACTE,IAEc,mBAARA,EACPA,EAAID,GACGC,IACPA,EAAIC,QAAUF,GAG1B,CACJ"}

package/build/cjs/utilities/mergeRefs.d.cts

@@ -12,11 +12,3 @@ import { ForwardedRef, MutableRefObject, RefCallback } from 'react';
  * return <div ref={combinedRef} {...props} />;
  */
 export declare function mergeRefs<T>(...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]): RefCallback<T>;
-/**
- * Gjør det samme som {@link mergeRefs}, men wrappet i en `useMemo`, hvis du
- * vil unngå å lage en ny funksjon ved hver render. Som regel ikke nødvendig.
- * @param refs Liste over refs du vil slå sammen
- * @returns En `RefCallback` du kan sende videre til en komponent/element
- * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);
- */
-export declare function useMergeRefs<T>(...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]): RefCallback<T>;

package/build/es/components/input-panel/InputPanel.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as a}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import{forwardRef as e}from"react";import{Checkbox as r}from"../checkbox/Checkbox.js";import{RadioButton as i}from"../radio-button/RadioButton.js";import"../../hooks/useId/useId.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";const t=e(function({className:e,description:t,type:s,label:c,amount:l,value:p=c,name:m="Panelvalg",children:d,extraLabel:u,alwaysOpen:j=!1,...h},x){return o("div",{className:n("jkl-input-panel",`jkl-${s}-panel`,e),ref:x,"data-always-open":j,children:[o("div",{className:"jkl-input-panel__header",children:["checkbox"===s&&a(r,{value:p?.toString(),name:m,...h,children:c}),"radio"===s&&a(i,{value:p?.toString(),name:m,...h,children:c}),(l||u)&&a("span",{className:"jkl-input-panel__header__amount",children:l||u})]}),(t||d)&&a("div",{className:"jkl-input-panel__description",children:t||d})]})});export{t as InputPanel};
+import{jsxs as o,jsx as a}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import{forwardRef as e}from"react";import{Checkbox as r}from"../checkbox/Checkbox.js";import{RadioButton as i}from"../radio-button/RadioButton.js";import"../../hooks/useId/useId.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";const t=e(function({className:e,description:t,type:s,label:c,amount:l,value:p=c,name:m="Panelvalg",children:d,extraLabel:u,alwaysOpen:j,...h},x){return o("div",{className:n("jkl-input-panel",`jkl-${s}-panel`,e),ref:x,children:[o("div",{className:"jkl-input-panel__header",children:["checkbox"===s&&a(r,{value:p?.toString(),name:m,...h,children:c}),"radio"===s&&a(i,{value:p?.toString(),name:m,...h,children:c}),(l||u)&&a("span",{className:"jkl-input-panel__header__amount",children:l||u})]}),(t||d)&&a("div",{className:"jkl-input-panel__description",children:t||d})]})});export{t as InputPanel};
 //# sourceMappingURL=InputPanel.js.map

package/build/es/components/input-panel/InputPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPanel.js","sources":["../../../../src/components/input-panel/InputPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ForwardedRef, forwardRef } from \"react\";\nimport { Checkbox } from \"../checkbox/index.js\";\nimport { RadioButton } from \"../radio-button/index.js\";\nimport type { InputPanelProps } from \"./types.js\";\n\nexport const InputPanel = forwardRef(function BasePanel(\n    {\n        className,\n        description,\n        type,\n        label,\n        amount,\n        value = label,\n        name = \"Panelvalg\",\n        children,\n        extraLabel,\n        alwaysOpen = false,\n        ...rest\n    }: InputPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    return (\n        <div\n            className={clsx(\"jkl-input-panel\", `jkl-${type}-panel`, className)}\n            ref={ref}\n            data-always-open={alwaysOpen}\n        >\n            <div className=\"jkl-input-panel__header\">\n                {type === \"checkbox\" && (\n                    <Checkbox value={value?.toString()} name={name} {...rest}>\n                        {label}\n                    </Checkbox>\n                )}\n                {type === \"radio\" && (\n                    <RadioButton\n                        value={value?.toString()}\n                        name={name}\n                        {...rest}\n                    >\n                        {label}\n                    </RadioButton>\n                )}\n                {(amount || extraLabel) && (\n                    <span className=\"jkl-input-panel__header__amount\">\n                        {amount || extraLabel}\n                    </span>\n                )}\n            </div>\n            {(description || children) && (\n                <div className=\"jkl-input-panel__description\">\n                    {description || children}\n                </div>\n            )}\n        </div>\n    );\n});\n"],"names":["InputPanel","forwardRef","className","description","type","label","amount","value","name","children","extraLabel","alwaysOpen","rest","ref","jsxs","clsx","jsx","Checkbox","toString","RadioButton"],"mappings":"2dAMO,MAAMA,EAAaC,EAAW,UAE7BC,UAAAA,EACAC,YAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EAAQF,EACRG,KAAAA,EAAO,YACPC,SAAAA,EACAC,WAAAA,EACAC,WAAAA,GAAa,KACVC,GAEPC,GAEA,OACIC,EAAC,MAAA,CACGZ,UAAWa,EAAK,kBAAmB,OAAOX,UAAcF,GACxDW,IAAAA,EACA,mBAAkBF,EAElBF,SAAA,CAAAK,EAAC,MAAA,CAAIZ,UAAU,0BACVO,SAAA,CAAS,aAATL,GACGY,EAACC,EAAA,CAASV,MAAOA,GAAOW,WAAYV,KAAAA,KAAgBI,EAC/CH,SAAAJ,IAGC,UAATD,GACGY,EAACG,EAAA,CACGZ,MAAOA,GAAOW,WACdV,KAAAA,KACII,EAEHH,SAAAJ,KAGPC,GAAUI,IACRM,EAAC,QAAKd,UAAU,kCACXO,YAAUC,QAIrBP,GAAeM,IACbO,EAAC,OAAId,UAAU,+BACVO,YAAeA,MAKpC"}
+{"version":3,"file":"InputPanel.js","sources":["../../../../src/components/input-panel/InputPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ForwardedRef, forwardRef } from \"react\";\nimport { Checkbox } from \"../checkbox/index.js\";\nimport { RadioButton } from \"../radio-button/index.js\";\nimport type { InputPanelProps } from \"./types.js\";\n\nexport const InputPanel = forwardRef(function BasePanel(\n    {\n        className,\n        description,\n        type,\n        label,\n        amount,\n        value = label,\n        name = \"Panelvalg\",\n        children,\n        extraLabel,\n        alwaysOpen: _alwaysOpen,\n        ...rest\n    }: InputPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    return (\n        <div\n            className={clsx(\"jkl-input-panel\", `jkl-${type}-panel`, className)}\n            ref={ref}\n        >\n            <div className=\"jkl-input-panel__header\">\n                {type === \"checkbox\" && (\n                    <Checkbox value={value?.toString()} name={name} {...rest}>\n                        {label}\n                    </Checkbox>\n                )}\n                {type === \"radio\" && (\n                    <RadioButton\n                        value={value?.toString()}\n                        name={name}\n                        {...rest}\n                    >\n                        {label}\n                    </RadioButton>\n                )}\n                {(amount || extraLabel) && (\n                    <span className=\"jkl-input-panel__header__amount\">\n                        {amount || extraLabel}\n                    </span>\n                )}\n            </div>\n            {(description || children) && (\n                <div className=\"jkl-input-panel__description\">\n                    {description || children}\n                </div>\n            )}\n        </div>\n    );\n});\n"],"names":["InputPanel","forwardRef","className","description","type","label","amount","value","name","children","extraLabel","alwaysOpen","_alwaysOpen","rest","ref","jsxs","clsx","jsx","Checkbox","toString","RadioButton"],"mappings":"2dAMO,MAAMA,EAAaC,EAAW,UAE7BC,UAAAA,EACAC,YAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EAAQF,EACRG,KAAAA,EAAO,YACPC,SAAAA,EACAC,WAAAA,EACAC,WAAYC,KACTC,GAEPC,GAEA,OACIC,EAAC,MAAA,CACGb,UAAWc,EAAK,kBAAmB,OAAOZ,UAAcF,GACxDY,IAAAA,EAEAL,SAAA,CAAAM,EAAC,MAAA,CAAIb,UAAU,0BACVO,SAAA,CAAS,aAATL,GACGa,EAACC,EAAA,CAASX,MAAOA,GAAOY,WAAYX,KAAAA,KAAgBK,EAC/CJ,SAAAJ,IAGC,UAATD,GACGa,EAACG,EAAA,CACGb,MAAOA,GAAOY,WACdX,KAAAA,KACIK,EAEHJ,SAAAJ,KAGPC,GAAUI,IACRO,EAAC,QAAKf,UAAU,kCACXO,YAAUC,QAIrBP,GAAeM,IACbQ,EAAC,OAAIf,UAAU,+BACVO,YAAeA,MAKpC"}

package/build/es/hooks/index.d.ts

@@ -15,4 +15,5 @@ export { useElementDimensions, type Dimensions, } from './useElementDimensions/u
 export { useId } from './useId/useId.js';
 export { useKeyListener } from './useKeyListener/useKeyListener.js';
 export { useListNavigation } from './useListNavigation/useListNavigation.js';
+export { useMergeRefs } from './useMergeRefs/useMergeRefs.js';
 export { useSwipeGesture, type SwipeChangeHandler, } from './useSwipeGesture/useSwipeGesture.js';

package/build/es/hooks/index.js

@@ -1,2 +1,2 @@
-import{useAnimatedDetails as e}from"./useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as s}from"./useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as i}from"./useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as r}from"./useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as t}from"./useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as u}from"./useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as o}from"./useLocalStorage/useLocalStorage.js";import{useMutationObserver as a}from"./useMutationObserver/useMutationObserver.js";import{usePreviousValue as m}from"./usePreviousValue/usePreviousValue.js";import{useProgressiveImg as n}from"./useProgressiveImg/useProgressiveImg.js";import{useScreen as g}from"./useScreen/useScreen.js";import{useScrollIntoView as c}from"./useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as l}from"./useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as d}from"./useClickOutside/useClickOutside.js";import{useFocusOutside as p}from"./useFocusOutside/useFocusOutside.js";import{useElementDimensions as f}from"./useElementDimensions/useElementDimensions.js";import{useId as v}from"./useId/useId.js";import{useKeyListener as A}from"./useKeyListener/useKeyListener.js";import{useListNavigation as j}from"./useListNavigation/useListNavigation.js";import{useSwipeGesture as I}from"./useSwipeGesture/useSwipeGesture.js";export{e as useAnimatedDetails,s as useAnimatedHeight,i as useAnimatedHeightBetween,l as useAriaLiveRegion,r as useAutoAnimatedHeight,t as useBrowserPreferences,d as useClickOutside,f as useElementDimensions,p as useFocusOutside,v as useId,u as useIntersectionObserver,A as useKeyListener,j as useListNavigation,o as useLocalStorage,a as useMutationObserver,m as usePreviousValue,n as useProgressiveImg,g as useScreen,c as useScrollIntoView,I as useSwipeGesture};
+import{useAnimatedDetails as e}from"./useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as s}from"./useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as i}from"./useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as r}from"./useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as u}from"./useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as t}from"./useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as o}from"./useLocalStorage/useLocalStorage.js";import{useMutationObserver as a}from"./useMutationObserver/useMutationObserver.js";import{usePreviousValue as m}from"./usePreviousValue/usePreviousValue.js";import{useProgressiveImg as n}from"./useProgressiveImg/useProgressiveImg.js";import{useScreen as g}from"./useScreen/useScreen.js";import{useScrollIntoView as f}from"./useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as c}from"./useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as l}from"./useClickOutside/useClickOutside.js";import{useFocusOutside as d}from"./useFocusOutside/useFocusOutside.js";import{useElementDimensions as p}from"./useElementDimensions/useElementDimensions.js";import{useId as v}from"./useId/useId.js";import{useKeyListener as A}from"./useKeyListener/useKeyListener.js";import{useListNavigation as j}from"./useListNavigation/useListNavigation.js";import{useMergeRefs as I}from"./useMergeRefs/useMergeRefs.js";import{useSwipeGesture as L}from"./useSwipeGesture/useSwipeGesture.js";export{e as useAnimatedDetails,s as useAnimatedHeight,i as useAnimatedHeightBetween,c as useAriaLiveRegion,r as useAutoAnimatedHeight,u as useBrowserPreferences,l as useClickOutside,p as useElementDimensions,d as useFocusOutside,v as useId,t as useIntersectionObserver,A as useKeyListener,j as useListNavigation,o as useLocalStorage,I as useMergeRefs,a as useMutationObserver,m as usePreviousValue,n as useProgressiveImg,g as useScreen,f as useScrollIntoView,L as useSwipeGesture};
 //# sourceMappingURL=index.js.map

package/build/es/hooks/useMergeRefs/useMergeRefs.d.ts

@@ -0,0 +1,8 @@
+import { ForwardedRef, MutableRefObject, RefCallback } from 'react';
+/**
+ * Slår sammen flere refs til én callback som bare endres når en av refsene endres.
+ * @param refs Liste over refs du vil slå sammen
+ * @returns En `RefCallback` du kan sende videre til en komponent/element
+ * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);
+ */
+export declare function useMergeRefs<T>(...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]): RefCallback<T>;

package/build/es/hooks/useMergeRefs/useMergeRefs.js

@@ -0,0 +1,2 @@
+import{useMemo as e}from"react";import{mergeRefs as r}from"../../utilities/mergeRefs.js";function s(...s){return e(()=>r(...s),s)}export{s as useMergeRefs};
+//# sourceMappingURL=useMergeRefs.js.map

package/build/es/hooks/useMergeRefs/useMergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeRefs.js","sources":["../../../../src/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["import {\n    type ForwardedRef,\n    type MutableRefObject,\n    type RefCallback,\n    useMemo,\n} from \"react\";\nimport { mergeRefs } from \"../../utilities/mergeRefs.js\";\n\n/**\n * Slår sammen flere refs til én callback som bare endres når en av refsene endres.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);\n */\nexport function useMergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Sammenlign hver ref for seg; [refs] blir ny ved hver rendring.\n    return useMemo(() => mergeRefs(...refs), refs);\n}\n"],"names":["useMergeRefs","refs","useMemo","mergeRefs"],"mappings":"yFAcO,SAASA,KACTC,GAGH,OAAOC,EAAQ,IAAMC,KAAaF,GAAOA,EAC7C"}

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{default as s}from"./core/tokens.js";import{useAnimatedDetails as e}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as i}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as r}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as t}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as a}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as o}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as m}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as u}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as n}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as l}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as f}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as d}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as g}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as p}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as h}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as j}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as E}from"./hooks/useId/useId.js";import{useKeyListener as V}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as v}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as M}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as k}from"../index-C1iqmqvT.js";import{formatNumber as c}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as O}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as R,registerWithKontonummerMask as N,registerWithKortnummerMask as A,registerWithMasks as S,registerWithTelefonnummerMask as I}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as L}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as T}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as b}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as K,formatFodselsnummer as P}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as D,formatOrganisasjonsnummer as F}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as G,formatKontonummer as w}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as C,formatKortnummer as W}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as H,formatTelefonnummer as y}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as B}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndSize as U}from"./utilities/getThemeAndSize.js";import{mergeRefs as X,useMergeRefs as _}from"./utilities/mergeRefs.js";import{mergeProps as x}from"./utilities/polymorphism/mergeProps.js";import{SlotComponent as z}from"./utilities/polymorphism/SlotComponent.js";import{initTabListener as J}from"./utilities/tabListener.js";import{isValidEpost as q}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as Q}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as Y}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as Z}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as $}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as ss}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as es}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as is}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as rs}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as ts}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as as}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as os}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{getValuePair as ms}from"./utilities/valuePair.js";export{K as FODSELSNUMMER_REGEX,G as KONTONUMMER_REGEX,C as KORTNUMMER_REGEX,D as ORGANISASJONSNUMMER_REGEX,z as SlotComponent,H as TELEFONNUMMER_REGEX,L as formatAvstand,T as formatBytes,b as formatDate,P as formatFodselsnummer,w as formatKontonummer,W as formatKortnummer,c as formatNumber,F as formatOrganisasjonsnummer,y as formatTelefonnummer,B as formatValuta,U as getThemeAndSize,ms as getValuePair,as as hasMinimumWords,os as hasNoIllegalCharacters,J as initTabListener,ss as isExactLength,es as isInteger,Z as isValidChassisnummer,$ as isValidDogId,q as isValidEpost,is as isValidFodselsnummer,ts as isValidName,rs as isValidOrganisasjonsnummer,Y as isValidRegistreringsnummer,Q as isValidTelefonnummer,x as mergeProps,X as mergeRefs,O as parseNumber,R as registerWithFodselsnummerMask,N as registerWithKontonummerMask,A as registerWithKortnummerMask,S as registerWithMasks,I as registerWithTelefonnummerMask,s as tokens,k as unicode,e as useAnimatedDetails,i as useAnimatedHeight,r as useAnimatedHeightBetween,g as useAriaLiveRegion,t as useAutoAnimatedHeight,a as useBrowserPreferences,p as useClickOutside,j as useElementDimensions,h as useFocusOutside,E as useId,o as useIntersectionObserver,V as useKeyListener,v as useListNavigation,m as useLocalStorage,_ as useMergeRefs,u as useMutationObserver,n as usePreviousValue,l as useProgressiveImg,f as useScreen,d as useScrollIntoView,M as useSwipeGesture};
+import{default as s}from"./core/tokens.js";import{useAnimatedDetails as e}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as i}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as r}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as t}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as a}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as o}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as m}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as u}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as n}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as l}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as f}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as d}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as g}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as p}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as h}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as j}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as E}from"./hooks/useId/useId.js";import{useKeyListener as V}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as M}from"./hooks/useListNavigation/useListNavigation.js";import{useMergeRefs as v}from"./hooks/useMergeRefs/useMergeRefs.js";import{useSwipeGesture as k}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as R}from"../index-C1iqmqvT.js";import{formatNumber as c}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as O}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as N,registerWithKontonummerMask as A,registerWithKortnummerMask as S,registerWithMasks as I,registerWithTelefonnummerMask as L}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as T}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as b}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as K}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as P,formatFodselsnummer as D}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as F,formatOrganisasjonsnummer as G}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as w,formatKontonummer as C}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as W,formatKortnummer as H}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as y,formatTelefonnummer as B}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as U}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndSize as X}from"./utilities/getThemeAndSize.js";import{mergeRefs as _}from"./utilities/mergeRefs.js";import{mergeProps as x}from"./utilities/polymorphism/mergeProps.js";import{SlotComponent as z}from"./utilities/polymorphism/SlotComponent.js";import{initTabListener as J}from"./utilities/tabListener.js";import{isValidEpost as q}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as Q}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as Y}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as Z}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as $}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as ss}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as es}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as is}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as rs}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as ts}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as as}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as os}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{getValuePair as ms}from"./utilities/valuePair.js";export{P as FODSELSNUMMER_REGEX,w as KONTONUMMER_REGEX,W as KORTNUMMER_REGEX,F as ORGANISASJONSNUMMER_REGEX,z as SlotComponent,y as TELEFONNUMMER_REGEX,T as formatAvstand,b as formatBytes,K as formatDate,D as formatFodselsnummer,C as formatKontonummer,H as formatKortnummer,c as formatNumber,G as formatOrganisasjonsnummer,B as formatTelefonnummer,U as formatValuta,X as getThemeAndSize,ms as getValuePair,as as hasMinimumWords,os as hasNoIllegalCharacters,J as initTabListener,ss as isExactLength,es as isInteger,Z as isValidChassisnummer,$ as isValidDogId,q as isValidEpost,is as isValidFodselsnummer,ts as isValidName,rs as isValidOrganisasjonsnummer,Y as isValidRegistreringsnummer,Q as isValidTelefonnummer,x as mergeProps,_ as mergeRefs,O as parseNumber,N as registerWithFodselsnummerMask,A as registerWithKontonummerMask,S as registerWithKortnummerMask,I as registerWithMasks,L as registerWithTelefonnummerMask,s as tokens,R as unicode,e as useAnimatedDetails,i as useAnimatedHeight,r as useAnimatedHeightBetween,g as useAriaLiveRegion,t as useAutoAnimatedHeight,a as useBrowserPreferences,p as useClickOutside,j as useElementDimensions,h as useFocusOutside,E as useId,o as useIntersectionObserver,V as useKeyListener,M as useListNavigation,m as useLocalStorage,v as useMergeRefs,u as useMutationObserver,n as usePreviousValue,l as useProgressiveImg,f as useScreen,d as useScrollIntoView,k as useSwipeGesture};
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,7 @@ export * from './constants/index.js';
 export * from './formatters/index.js';
 export * from './getThemeAndSize.js';
 export * from './mergeRefs.js';
+export { useMergeRefs } from '../hooks/useMergeRefs/useMergeRefs.js';
 export * from './polymorphism/index.js';
 export * from './tabListener.js';
 export * from './validators/index.js';

package/build/es/utilities/index.js

@@ -1,2 +1,2 @@
-import{u as s}from"../../index-C1iqmqvT.js";import{formatNumber as a}from"./formatters/util/formatNumber.js";import{parseNumber as r}from"./formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as m,registerWithKontonummerMask as e,registerWithKortnummerMask as o,registerWithMasks as t,registerWithTelefonnummerMask as i}from"./formatters/util/registerWithMask.js";import{formatAvstand as n}from"./formatters/avstand/formatAvstand.js";import{formatBytes as l}from"./formatters/bytes/formatBytes.js";import{formatDate as f}from"./formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as d,formatFodselsnummer as u}from"./formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as g,formatOrganisasjonsnummer as p}from"./formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as E,formatKontonummer as j}from"./formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as M,formatKortnummer as V}from"./formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as h,formatTelefonnummer as R}from"./formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as N}from"./formatters/valuta/formatValuta.js";import{getThemeAndSize as O}from"./getThemeAndSize.js";import{mergeRefs as T,useMergeRefs as v}from"./mergeRefs.js";import{mergeProps as S}from"./polymorphism/mergeProps.js";import{SlotComponent as W}from"./polymorphism/SlotComponent.js";import{initTabListener as I}from"./tabListener.js";import{isValidEpost as K}from"./validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as k}from"./validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as F}from"./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as G}from"./validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as C}from"./validators/isValidDogId/isValidDogId.js";import{isExactLength as L}from"./validators/isExactLength/isExactLength.js";import{isInteger as b}from"./validators/isInteger/isInteger.js";import{isValidFodselsnummer as A}from"./validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as U}from"./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as X}from"./validators/isValidName/isValidName.js";import{hasMinimumWords as _}from"./validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as c}from"./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{getValuePair as D}from"./valuePair.js";export{d as FODSELSNUMMER_REGEX,E as KONTONUMMER_REGEX,M as KORTNUMMER_REGEX,g as ORGANISASJONSNUMMER_REGEX,W as SlotComponent,h as TELEFONNUMMER_REGEX,n as formatAvstand,l as formatBytes,f as formatDate,u as formatFodselsnummer,j as formatKontonummer,V as formatKortnummer,a as formatNumber,p as formatOrganisasjonsnummer,R as formatTelefonnummer,N as formatValuta,O as getThemeAndSize,D as getValuePair,_ as hasMinimumWords,c as hasNoIllegalCharacters,I as initTabListener,L as isExactLength,b as isInteger,G as isValidChassisnummer,C as isValidDogId,K as isValidEpost,A as isValidFodselsnummer,X as isValidName,U as isValidOrganisasjonsnummer,F as isValidRegistreringsnummer,k as isValidTelefonnummer,S as mergeProps,T as mergeRefs,r as parseNumber,m as registerWithFodselsnummerMask,e as registerWithKontonummerMask,o as registerWithKortnummerMask,t as registerWithMasks,i as registerWithTelefonnummerMask,s as unicode,v as useMergeRefs};
+import{u as s}from"../../index-C1iqmqvT.js";import{formatNumber as r}from"./formatters/util/formatNumber.js";import{parseNumber as a}from"./formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as m,registerWithKontonummerMask as e,registerWithKortnummerMask as o,registerWithMasks as t,registerWithTelefonnummerMask as i}from"./formatters/util/registerWithMask.js";import{formatAvstand as n}from"./formatters/avstand/formatAvstand.js";import{formatBytes as f}from"./formatters/bytes/formatBytes.js";import{formatDate as l}from"./formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as u,formatFodselsnummer as d}from"./formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as g,formatOrganisasjonsnummer as p}from"./formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as E,formatKontonummer as j}from"./formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as M,formatKortnummer as h}from"./formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as V,formatTelefonnummer as R}from"./formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as N}from"./formatters/valuta/formatValuta.js";import{getThemeAndSize as O}from"./getThemeAndSize.js";import{mergeRefs as T}from"./mergeRefs.js";import{useMergeRefs as v}from"../hooks/useMergeRefs/useMergeRefs.js";import{mergeProps as S}from"./polymorphism/mergeProps.js";import{SlotComponent as W}from"./polymorphism/SlotComponent.js";import{initTabListener as k}from"./tabListener.js";import{isValidEpost as I}from"./validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as K}from"./validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as F}from"./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as G}from"./validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as C}from"./validators/isValidDogId/isValidDogId.js";import{isExactLength as L}from"./validators/isExactLength/isExactLength.js";import{isInteger as b}from"./validators/isInteger/isInteger.js";import{isValidFodselsnummer as A}from"./validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as U}from"./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as X}from"./validators/isValidName/isValidName.js";import{hasMinimumWords as _}from"./validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as c}from"./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{getValuePair as D}from"./valuePair.js";export{u as FODSELSNUMMER_REGEX,E as KONTONUMMER_REGEX,M as KORTNUMMER_REGEX,g as ORGANISASJONSNUMMER_REGEX,W as SlotComponent,V as TELEFONNUMMER_REGEX,n as formatAvstand,f as formatBytes,l as formatDate,d as formatFodselsnummer,j as formatKontonummer,h as formatKortnummer,r as formatNumber,p as formatOrganisasjonsnummer,R as formatTelefonnummer,N as formatValuta,O as getThemeAndSize,D as getValuePair,_ as hasMinimumWords,c as hasNoIllegalCharacters,k as initTabListener,L as isExactLength,b as isInteger,G as isValidChassisnummer,C as isValidDogId,I as isValidEpost,A as isValidFodselsnummer,X as isValidName,U as isValidOrganisasjonsnummer,F as isValidRegistreringsnummer,K as isValidTelefonnummer,S as mergeProps,T as mergeRefs,a as parseNumber,m as registerWithFodselsnummerMask,e as registerWithKontonummerMask,o as registerWithKortnummerMask,t as registerWithMasks,i as registerWithTelefonnummerMask,s as unicode,v as useMergeRefs};
 //# sourceMappingURL=index.js.map

package/build/es/utilities/mergeRefs.d.ts

@@ -12,11 +12,3 @@ import { ForwardedRef, MutableRefObject, RefCallback } from 'react';
  * return <div ref={combinedRef} {...props} />;
  */
 export declare function mergeRefs<T>(...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]): RefCallback<T>;
-/**
- * Gjør det samme som {@link mergeRefs}, men wrappet i en `useMemo`, hvis du
- * vil unngå å lage en ny funksjon ved hver render. Som regel ikke nødvendig.
- * @param refs Liste over refs du vil slå sammen
- * @returns En `RefCallback` du kan sende videre til en komponent/element
- * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);
- */
-export declare function useMergeRefs<T>(...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]): RefCallback<T>;

package/build/es/utilities/mergeRefs.js

@@ -1,2 +1,2 @@
-import{useMemo as e}from"react";function r(...e){return function(r){for(const n of e)n&&("function"==typeof n?n(r):n&&(n.current=r))}}function n(...n){return e(()=>r(...n),[n])}export{r as mergeRefs,n as useMergeRefs};
+function n(...n){return function(o){for(const t of n)t&&("function"==typeof t?t(o):t&&(t.current=o))}}export{n as mergeRefs};
 //# sourceMappingURL=mergeRefs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.js","sources":["../../../src/utilities/mergeRefs.ts"],"sourcesContent":["import {\n    type ForwardedRef,\n    type MutableRefObject,\n    type RefCallback,\n    useMemo,\n} from \"react\";\n\n/**\n * Slår sammen flere refs til én, for eksempel hvis du har både en\n * egen ref i en komponent og også vil kunne ta inn en forwardRef\n * fra brukeren av komponenten.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example\n * const ref = useRef<HTMLElement>(null);\n * const combinedRef = mergeRefs(ref, forwardedRef, anotherRef);\n *\n * return <div ref={combinedRef} {...props} />;\n */\nexport function mergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    return function combinedRef(instance: T | null) {\n        for (const ref of refs) {\n            if (!ref) continue;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        }\n    };\n}\n\n/**\n * Gjør det samme som {@link mergeRefs}, men wrappet i en `useMemo`, hvis du\n * vil unngå å lage en ny funksjon ved hver render. Som regel ikke nødvendig.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example const combinedRef = useMergeRefs(ref, forwardedRef, anotherRef);\n */\nexport function useMergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    return useMemo(() => mergeRefs(...refs), [refs]);\n}\n"],"names":["mergeRefs","refs","instance","ref","current","useMergeRefs","useMemo"],"mappings":"gCAmBO,SAASA,KACTC,GAEH,OAAO,SAAqBC,GACxB,IAAA,MAAWC,KAAOF,EACTE,IAEc,mBAARA,EACPA,EAAID,GACGC,IACPA,EAAIC,QAAUF,GAG1B,CACJ,CASO,SAASG,KACTJ,GAEH,OAAOK,EAAQ,IAAMN,KAAaC,GAAO,CAACA,GAC9C"}
+{"version":3,"file":"mergeRefs.js","sources":["../../../src/utilities/mergeRefs.ts"],"sourcesContent":["import type { ForwardedRef, MutableRefObject, RefCallback } from \"react\";\n\n/**\n * Slår sammen flere refs til én, for eksempel hvis du har både en\n * egen ref i en komponent og også vil kunne ta inn en forwardRef\n * fra brukeren av komponenten.\n * @param refs Liste over refs du vil slå sammen\n * @returns En `RefCallback` du kan sende videre til en komponent/element\n * @example\n * const ref = useRef<HTMLElement>(null);\n * const combinedRef = mergeRefs(ref, forwardedRef, anotherRef);\n *\n * return <div ref={combinedRef} {...props} />;\n */\nexport function mergeRefs<T>(\n    ...refs: (ForwardedRef<T> | MutableRefObject<T> | undefined)[]\n): RefCallback<T> {\n    return function combinedRef(instance: T | null) {\n        for (const ref of refs) {\n            if (!ref) continue;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        }\n    };\n}\n"],"names":["mergeRefs","refs","instance","ref","current"],"mappings":"AAcO,SAASA,KACTC,GAEH,OAAO,SAAqBC,GACxB,IAAA,MAAWC,KAAOF,EACTE,IAEc,mBAARA,EACPA,EAAID,GACGC,IACPA,EAAIC,QAAUF,GAG1B,CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fremtind/jokul",
-  "version": "4.7.4",
+  "version": "4.7.5",
   "type": "module",
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

package/styles/components/card/card.css

@@ -3,10 +3,10 @@
  */
 @layer jokul.components {
   .jkl-card {
-    --padding-s: var(--jkl-unit-05);
-    --padding-m: var(--jkl-unit-15);
-    --padding-l: var(--jkl-unit-20);
-    --padding-xl: var(--jkl-unit-30);
+    --padding-s: var(--jkl-unit-10);
+    --padding-m: var(--jkl-unit-20);
+    --padding-l: var(--jkl-unit-30);
+    --padding-xl: var(--jkl-unit-40);
     --border-radius: var(--jkl-border-radius-m);
     --border-color: transparent;
     --border-width: 0.0625rem;
@@ -32,14 +32,6 @@
     transition-duration: 100ms;
     transition-property: border-color, border-size;
   }
-  @media (min-width: 680px) {
-    .jkl-card {
-      --padding-s: var(--jkl-unit-10);
-      --padding-m: var(--jkl-unit-20);
-      --padding-l: var(--jkl-unit-30);
-      --padding-xl: var(--jkl-unit-40);
-    }
-  }
   .jkl-card[data-padding=s] {
     --padding: var(--padding-s);
   }

package/styles/components/card/card.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:var(--jkl-border-radius-m);--border-color:transparent;--border-width:0.0625rem;--background-color:transparent;background-color:var(--background-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card:after{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:.1s;transition-property:border-color,border-size;transition-timing-function:ease}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--high{--background-color:var(--jkl-color-background-container-high)}.jkl-card--low{--background-color:var(--jkl-color-background-container-low)}.jkl-card--outlined{--border-color:var(--jkl-color-border-separator)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-separator-hover);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);object-fit:cover;width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}}
+@layer jokul.components{.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40);--border-radius:var(--jkl-border-radius-m);--border-color:transparent;--border-width:0.0625rem;--background-color:transparent;background-color:var(--background-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card:after{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:.1s;transition-property:border-color,border-size;transition-timing-function:ease}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--high{--background-color:var(--jkl-color-background-container-high)}.jkl-card--low{--background-color:var(--jkl-color-background-container-low)}.jkl-card--outlined{--border-color:var(--jkl-color-border-separator)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-separator-hover);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);object-fit:cover;width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}}

package/styles/components/card/card.scss

@@ -3,10 +3,10 @@
 
 @layer jokul.components {
     .jkl-card {
-        --padding-s: var(--jkl-unit-05);
-        --padding-m: var(--jkl-unit-15);
-        --padding-l: var(--jkl-unit-20);
-        --padding-xl: var(--jkl-unit-30);
+        --padding-s: var(--jkl-unit-10);
+        --padding-m: var(--jkl-unit-20);
+        --padding-l: var(--jkl-unit-30);
+        --padding-xl: var(--jkl-unit-40);
         --border-radius: var(--jkl-border-radius-m);
         --border-color: transparent;
         --border-width: #{jkl.rem(1px)};
@@ -33,13 +33,6 @@
             @include jkl.motion("standard", "snappy", border-color, border-size);
         }
 
-        @include jkl.from-medium-device {
-            --padding-s: var(--jkl-unit-10);
-            --padding-m: var(--jkl-unit-20);
-            --padding-l: var(--jkl-unit-30);
-            --padding-xl: var(--jkl-unit-40);
-        }
-
         &[data-padding="s"] {
             --padding: var(--padding-s);
         }

package/styles/components/checkbox-panel/checkbox-panel.css

@@ -52,30 +52,21 @@
     font-weight: 700;
   }
   .jkl-input-panel__description {
-    height: 0;
-    overflow: hidden;
     padding-inline: var(--padding-inline);
-    padding-block-end: var(--jkl-spacing-none);
+    padding-block-end: var(--jkl-unit-20);
     line-height: initial;
     font-size: var(--jkl-font-size-3);
     line-height: var(--jkl-line-height-relaxed);
     font-weight: 400;
     --jkl-icon-weight: 300;
-    transition-timing-function: ease;
-    transition-duration: 150ms;
-    transition-property: height;
   }
   .jkl-input-panel:has(:focus-visible) {
     outline: 3px solid var(--jkl-color-border-action);
     outline-offset: 3px;
   }
-  .jkl-input-panel:has(:checked), .jkl-input-panel[data-always-open=true], .jkl-input-panel:not([data-always-open]) {
+  .jkl-input-panel:has(:checked) {
     --background-color: var(--jkl-color-background-container-high);
   }
-  .jkl-input-panel:has(:checked) .jkl-input-panel__description, .jkl-input-panel[data-always-open=true] .jkl-input-panel__description, .jkl-input-panel:not([data-always-open]) .jkl-input-panel__description {
-    height: auto;
-    padding-block-end: var(--jkl-unit-20);
-  }
   .jkl-input-panel:has(input:hover) {
     --outer-border-color: var(--jkl-color-border-separator-hover);
     --outer-border-thickness: 0.125rem;

package/styles/components/checkbox-panel/checkbox-panel.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-input);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:.15s;transition-property:box-shadow;transition-timing-function:ease}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1;inline-size:100%}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header__amount{align-items:center;display:flex;font-size:var(--jkl-font-size-3);font-weight:400;grid-column:2;grid-row:1;height:100%;justify-self:end;line-height:var(--jkl-line-height-tight);pointer-events:none;position:relative;z-index:1;--jkl-icon-weight:300;font-weight:700}.jkl-input-panel__description{height:0;overflow:hidden;padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-spacing-none);font-size:var(--jkl-font-size-3);font-weight:400;line-height:normal;line-height:var(--jkl-line-height-relaxed);padding-block-end:var(--jkl-spacing-none);--jkl-icon-weight:300;transition-duration:.15s;transition-property:height;transition-timing-function:ease}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-input-panel:has(:checked),.jkl-input-panel:not([data-always-open]),.jkl-input-panel[data-always-open=true]{--background-color:var(--jkl-color-background-container-high)}.jkl-input-panel:has(:checked) .jkl-input-panel__description,.jkl-input-panel:not([data-always-open]) .jkl-input-panel__description,.jkl-input-panel[data-always-open=true] .jkl-input-panel__description{height:auto;-webkit-padding-after:var(--jkl-unit-20);padding-block-end:var(--jkl-unit-20)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-separator-hover);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{@media screen and (prefers-color-scheme:light){:root{--jkl-checkbox-error-color:#ab2e43}}[data-theme=light]{--jkl-checkbox-error-color:#ab2e43}@media screen and (prefers-color-scheme:dark){:root{--jkl-checkbox-error-color:#d79ba5}}[data-theme=dark]{--jkl-checkbox-error-color:#d79ba5}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:transparent;font-size:var(--jkl-font-size-3);font-weight:400;line-height:var(--jkl-line-height-tight);--jkl-icon-weight:300;color:var(--text-color);display:flex;flex-wrap:wrap;position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font-size:var(--jkl-font-size-3);font-weight:400;line-height:var(--jkl-line-height-tight);transition-duration:.15s;transition-property:color;transition-timing-function:ease;--jkl-icon-weight:300}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Fremtind Material Symbols,Fremtind Material Symbols Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,24);font-weight:var(--jkl-icon-weight,300);line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:75ms;transition-property:font-variation-settings,transform;transition-timing-function:ease}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:400}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-checkbox-error-color)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}
+@layer jokul.components{.jkl-input-panel{--outer-border-color:var(--jkl-color-border-input);--outer-border-thickness:0.0625rem;--background-color:transparent;--padding-inline:var(--jkl-unit-25);background-color:var(--background-color);border-radius:var(--jkl-border-radius-s);box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);display:flex;flex-direction:column;interpolate-size:allow-keywords;transition-duration:.15s;transition-property:box-shadow;transition-timing-function:ease}.jkl-input-panel__header{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;padding:var(--jkl-unit-20) var(--padding-inline);position:relative}.jkl-input-panel__header .jkl-checkbox,.jkl-input-panel__header .jkl-radio-button{grid-column:1/-1;grid-row:1;inline-size:100%}.jkl-input-panel__header label{inline-size:100%}.jkl-input-panel__header__amount{align-items:center;display:flex;font-size:var(--jkl-font-size-3);font-weight:400;grid-column:2;grid-row:1;height:100%;justify-self:end;line-height:var(--jkl-line-height-tight);pointer-events:none;position:relative;z-index:1;--jkl-icon-weight:300;font-weight:700}.jkl-input-panel__description{padding-inline:var(--padding-inline);-webkit-padding-after:var(--jkl-unit-20);font-size:var(--jkl-font-size-3);font-weight:400;line-height:normal;line-height:var(--jkl-line-height-relaxed);padding-block-end:var(--jkl-unit-20);--jkl-icon-weight:300}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-input-panel:has(:checked){--background-color:var(--jkl-color-background-container-high)}.jkl-input-panel:has(input:hover){--outer-border-color:var(--jkl-color-border-separator-hover);--outer-border-thickness:0.125rem;cursor:pointer}}@layer jokul.components{@media screen and (prefers-color-scheme:light){:root{--jkl-checkbox-error-color:#ab2e43}}[data-theme=light]{--jkl-checkbox-error-color:#ab2e43}@media screen and (prefers-color-scheme:dark){:root{--jkl-checkbox-error-color:#d79ba5}}[data-theme=dark]{--jkl-checkbox-error-color:#d79ba5}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:transparent;font-size:var(--jkl-font-size-3);font-weight:400;line-height:var(--jkl-line-height-tight);--jkl-icon-weight:300;color:var(--text-color);display:flex;flex-wrap:wrap;position:relative}.jkl-checkbox__input{-webkit-appearance:none;appearance:none;background:transparent;block-size:1lh;border:0;border-style:none;cursor:pointer;inline-size:1lh;inset-block-start:0;inset-inline-start:0;margin:0;outline:0;outline-style:none;padding:0;position:absolute;z-index:1}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-checkbox__input{border-style:revert;outline:revert;outline-style:revert}.jkl-checkbox__input:active,.jkl-checkbox__input:focus,.jkl-checkbox__input:hover{outline:revert;outline-style:revert}}.jkl-checkbox__label{cursor:pointer;display:flex;font-size:var(--jkl-font-size-3);font-weight:400;line-height:var(--jkl-line-height-tight);transition-duration:.15s;transition-property:color;transition-timing-function:ease;--jkl-icon-weight:300}.jkl-checkbox__label:before{content:"check_box_outline_blank";-webkit-margin-end:.25em;display:inline-block;font-family:Fremtind Material Symbols,Fremtind Material Symbols Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,24);font-weight:var(--jkl-icon-weight,300);line-height:1;margin-inline-end:.25em;-webkit-font-smoothing:antialiased;transition-duration:75ms;transition-property:font-variation-settings,transform;transition-timing-function:ease}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-checkbox__input:is(:hover,:active)+.jkl-checkbox__label,.jkl-checkbox__label:active,.jkl-checkbox__label:hover{--jkl-icon-weight:400}.jkl-checkbox__input:checked+.jkl-checkbox__label:before{content:"check_box";--jkl-icon-fill:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label:before{content:"indeterminate_check_box";--jkl-icon-fill:1}.jkl-checkbox__input[aria-invalid=true]+.jkl-checkbox__label:before{color:var(--jkl-checkbox-error-color)}.jkl-checkbox+.jkl-checkbox{margin-top:.75em}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:var(--jkl-unit-30)}}@layer jokul.components{.jkl-checkbox-panel .jkl-checkbox{-webkit-margin-start:-.1em;margin-inline-start:-.1em}.jkl-checkbox-panel .jkl-checkbox__input:focus-visible+.jkl-checkbox__label:before{outline:none}}

package/styles/components/countdown/countdown.css

@@ -26,10 +26,10 @@
     }
   }
   .jkl-countdown__tracker {
-    animation: jkl-downcount-u2nk98o var(--duration) linear forwards;
+    animation: jkl-downcount-ulnxptc var(--duration) linear forwards;
     animation-play-state: var(--play-state, running);
   }
-  @keyframes jkl-downcount-u2nk98o {
+  @keyframes jkl-downcount-ulnxptc {
     from {
       width: 100%;
     }

package/styles/components/countdown/countdown.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-u2nk98o var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-u2nk98o{0%{width:100%}to{width:0}}}
+@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-ulnxptc var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-ulnxptc{0%{width:100%}to{width:0}}}

package/styles/components/feedback/feedback.css

@@ -24,12 +24,12 @@
     --jkl-icon-size: 1.2em;
   }
   .jkl-feedback__fade-in {
-    animation: jkl-show-uqnl4p8 0.25s ease-out;
+    animation: jkl-show-uil1ezt 0.25s ease-out;
   }
   .jkl-feedback__buttons {
     display: flex;
   }
-  @keyframes jkl-show-uqnl4p8 {
+  @keyframes jkl-show-uil1ezt {
     from {
       transform: translate3d(0, 0.5rem, 0);
       opacity: 0;

package/styles/components/feedback/feedback.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:var(--jkl-font-size-2);font-weight:400;line-height:var(--jkl-line-height-relaxed);margin-bottom:var(--jkl-unit-20);--jkl-icon-weight:300;--jkl-icon-size:1.2em}.jkl-feedback__fade-in{animation:jkl-show-uqnl4p8 .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-uqnl4p8{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:var(--jkl-unit-10);max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{fill:ButtonText;stroke:ButtonFace}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-action);outline-offset:3px}}
+@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:var(--jkl-font-size-2);font-weight:400;line-height:var(--jkl-line-height-relaxed);margin-bottom:var(--jkl-unit-20);--jkl-icon-weight:300;--jkl-icon-size:1.2em}.jkl-feedback__fade-in{animation:jkl-show-uil1ezt .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-uil1ezt{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:var(--jkl-unit-10);max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{fill:ButtonText;stroke:ButtonFace}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-action);outline-offset:3px}}