@fremtind/jokul 0.28.1 → 0.30.0

package/build/es/components/system-message/SystemMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.js","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\ninterface Props extends WithChildren {\n    id?: string;\n    className?: string;\n    density?: Density;\n    maxContentWidth?: string;\n    paddingLeft?: string;\n    /** Overstyr standardrollen til meldingen. Om du ønsker å \"skru av\" rollen kan du bruke verdien `none presentation`. */\n    role?: string;\n    dismissed?: boolean;\n    dismissAction?: {\n        handleDismiss: () => void;\n        buttonTitle?: string;\n    };\n}\n\nfunction systemFactory(messageType: messageTypes): React.FC<Props> {\n    const SystemMessage: React.FC<Props> = ({\n        id,\n        className,\n        density,\n        maxContentWidth,\n        paddingLeft,\n        role = \"status\",\n        dismissed,\n        dismissAction,\n        children,\n        ...rest\n    }) => {\n        const systemId = useId(id || \"jkl-system-message\", {\n            generateSuffix: !id,\n        });\n\n        return (\n            <div\n                role={role}\n                {...rest}\n                id={systemId}\n                className={clsx(\n                    \"jkl-system-message\",\n                    \"jkl-system-message--\" + messageType,\n                    className,\n                    {\n                        \"jkl-system-message--dismissed\": dismissed,\n                    },\n                )}\n                data-density={density}\n            >\n                <div\n                    className=\"jkl-system-message__content\"\n                    data-testid=\"system-message-content\"\n                    data-theme=\"light\"\n                    style={{\n                        maxWidth: maxContentWidth,\n                        paddingLeft,\n                    }}\n                >\n                    <MessageIcon messageType={messageType} />\n                    <span className=\"jkl-system-message__message\">\n                        {children}\n                    </span>\n                    {dismissAction?.handleDismiss && (\n                        <DismissButton\n                            aria-controls={systemId}\n                            className=\"jkl-system-message__dismiss-button\"\n                            label={dismissAction.buttonTitle || \"Lukk\"}\n                            onClick={dismissAction.handleDismiss}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    };\n    return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"qQAwBA,SAASA,EAAcC,GAyDZ,MAxDgC,EACnCC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEGC,MAAAA,EAAWC,EAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EACP,qBACA,uBAAyBf,EACzBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,EAACK,GAAYnB,YAAAA,IACZc,EAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAACO,EAAA,CACG,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}
+{"version":3,"file":"SystemMessage.js","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\nexport interface SystemMessageProps extends WithChildren {\n    id?: string;\n    className?: string;\n    density?: Density;\n    maxContentWidth?: string;\n    paddingLeft?: string;\n    /** Overstyr standardrollen til meldingen. Om du ønsker å \"skru av\" rollen kan du bruke verdien `none presentation`. */\n    role?: string;\n    dismissed?: boolean;\n    dismissAction?: {\n        handleDismiss: () => void;\n        buttonTitle?: string;\n    };\n}\n\nfunction systemFactory(\n    messageType: messageTypes,\n): React.FC<SystemMessageProps> {\n    const SystemMessage: React.FC<SystemMessageProps> = ({\n        id,\n        className,\n        density,\n        maxContentWidth,\n        paddingLeft,\n        role = \"status\",\n        dismissed,\n        dismissAction,\n        children,\n        ...rest\n    }) => {\n        const systemId = useId(id || \"jkl-system-message\", {\n            generateSuffix: !id,\n        });\n\n        return (\n            <div\n                role={role}\n                {...rest}\n                id={systemId}\n                className={clsx(\n                    \"jkl-system-message\",\n                    \"jkl-system-message--\" + messageType,\n                    className,\n                    {\n                        \"jkl-system-message--dismissed\": dismissed,\n                    },\n                )}\n                data-density={density}\n            >\n                <div\n                    className=\"jkl-system-message__content\"\n                    data-testid=\"system-message-content\"\n                    data-theme=\"light\"\n                    style={{\n                        maxWidth: maxContentWidth,\n                        paddingLeft,\n                    }}\n                >\n                    <MessageIcon messageType={messageType} />\n                    <span className=\"jkl-system-message__message\">\n                        {children}\n                    </span>\n                    {dismissAction?.handleDismiss && (\n                        <DismissButton\n                            aria-controls={systemId}\n                            className=\"jkl-system-message__dismiss-button\"\n                            label={dismissAction.buttonTitle || \"Lukk\"}\n                            onClick={dismissAction.handleDismiss}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    };\n    return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"qQAwBA,SAASA,EACLC,GA0DO,MAxD6C,EAChDC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEGC,MAAAA,EAAWC,EAAMX,GAAM,qBAAsB,CAC/CY,gBAAiBZ,IAIjB,OAAAa,EAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EACP,qBACA,uBAAyBf,EACzBE,EACA,CACI,gCAAiCK,IAGzC,eAAcJ,EAEdM,SAAAO,EAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,EAACK,GAAYnB,YAAAA,IACZc,EAAA,OAAA,CAAKZ,UAAU,8BACXO,SAAAA,KAEJ,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAACO,EAAA,CACG,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}

package/build/es/components/system-message/index.d.ts

@@ -1 +1 @@
-export { InfoSystemMessage, WarningSystemMessage, ErrorSystemMessage, SuccessSystemMessage, } from './SystemMessage.js';
+export { InfoSystemMessage, WarningSystemMessage, ErrorSystemMessage, SuccessSystemMessage, type SystemMessageProps, } from './SystemMessage.js';

package/build/es/components/tabs/index.d.ts

@@ -1,6 +1,6 @@
-export * from './NavTab.js';
-export * from './NavTabs.js';
-export * from './Tabs.js';
-export * from './TabList.js';
-export * from './Tab.js';
-export * from './TabPanel.js';
+export { NavTab, type NavTabProps } from './NavTab.js';
+export { NavTabs, type NavTabsProps } from './NavTabs.js';
+export { Tabs, type TabsProps } from './Tabs.js';
+export { TabList, type TabListProps } from './TabList.js';
+export { Tab, type TabProps } from './Tab.js';
+export { TabPanel, type TabPanelProps } from './TabPanel.js';

package/build/es/components/tag/index.d.ts

@@ -1,3 +1 @@
-import { Tag, InfoTag, ErrorTag, WarningTag, SuccessTag } from './Tag.js';
-export type { TagProps } from './Tag.js';
-export { Tag, InfoTag, ErrorTag, WarningTag, SuccessTag };
+export { Tag, InfoTag, ErrorTag, WarningTag, SuccessTag, type TagProps, type DismissAction, } from './Tag.js';

package/build/es/components/text-input/BaseTextArea.d.ts

@@ -1,5 +1,5 @@
 import { default as React, TextareaHTMLAttributes } from 'react';
-type Counter = {
+export type Counter = {
     /** Antall tegn før telleren når maksimum og vi viser en feilmelding */
     maxLength: number;
     /**
@@ -24,4 +24,3 @@ export interface BaseTextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextA
     autoExpand?: boolean;
 }
 export declare const BaseTextArea: React.ForwardRefExoticComponent<BaseTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export {};

package/build/es/components/text-input/BaseTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTextArea.js","sources":["../../../../src/components/text-input/BaseTextArea.tsx"],"sourcesContent":["import React, {\n    type FocusEvent,\n    forwardRef,\n    type RefObject,\n    type TextareaHTMLAttributes,\n    useRef,\n    useState,\n    useEffect,\n    ChangeEvent,\n} from \"react\";\n\ntype Counter = {\n    /** Antall tegn før telleren når maksimum og vi viser en feilmelding */\n    maxLength: number;\n    /**\n     * Med teller vises en progress-bar i bunnen av tekstfeltet som krymper\n     * ned fra 100% (null tegn skrevet) til 0% (maks antall tegn skrevet).\n     * Om du vil skjule den, sett denne propen til true.\n     *\n     * @default false\n     */\n    hideProgress?: boolean;\n};\n\nexport interface BaseTextAreaProps\n    extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"children\"> {\n    /**\n     * Viser en teller i tekstfeltet når det har fokus.\n     */\n    counter?: Counter;\n    /** Sett antall rader skjemafeltet ekspanderes til ved focus. Innholdet scroller om feltet fylles med mer innhold enn det er plass til. */\n    rows?: number;\n    inline?: boolean;\n    startOpen?: boolean;\n    /** Gjør så skjemafeltet ekspanderer seg til å vise alt innhold i stedet for å scrolle */\n    autoExpand?: boolean;\n}\n\nexport const BaseTextArea = forwardRef<HTMLTextAreaElement, BaseTextAreaProps>(\n    (props, ref) => {\n        const {\n            autoExpand,\n            counter,\n            onBlur,\n            onFocus,\n            rows = 7,\n            placeholder = \" \", // This space intentionally left blank. Denne + rows trengs for å få den ekspanderende effekten.\n            startOpen,\n            style,\n            value,\n            \"aria-invalid\": ariaInvalid,\n            onChange,\n            ...rest\n        } = props;\n\n        const [counterCurrent, setCounterCurrent] = useState(() => {\n            if (typeof value === \"undefined\") {\n                return 0;\n            } else if (typeof value === \"number\") {\n                return String(value).length;\n            } else {\n                return value.length;\n            }\n        });\n        const [textAreaFocused, setTextAreaFocused] = useState(false);\n        const internalRef = useRef<HTMLTextAreaElement>(null);\n        const textAreaRef =\n            (ref as RefObject<HTMLTextAreaElement>) || internalRef;\n\n        useEffect(() => {\n            const textAreaElement = textAreaRef.current;\n            if (textAreaElement) {\n                if (!autoExpand) {\n                    textAreaElement.style.height = \"\";\n                    return;\n                }\n\n                if (textAreaFocused || value) {\n                    textAreaElement.style.height = \"auto\"; // Sett til auto før scrollhøyden leses, sånn at redusering av høyde ved sletting av tekst fungerer\n                    textAreaElement.style.height = `${textAreaElement.scrollHeight}px`;\n                } else {\n                    textAreaElement.style.height = \"\";\n                }\n            }\n        }, [autoExpand, textAreaRef, value, textAreaFocused]);\n\n        function handleOnFocus(e: FocusEvent<HTMLTextAreaElement>) {\n            setTextAreaFocused(true);\n            if (onFocus) {\n                onFocus(e);\n            }\n        }\n\n        function handleOnBlur(e: FocusEvent<HTMLTextAreaElement>) {\n            setTextAreaFocused(false);\n            if (onBlur) {\n                onBlur(e);\n            }\n        }\n\n        function handleOnChange(e: ChangeEvent<HTMLTextAreaElement>) {\n            setCounterCurrent(e.target.value.length);\n            if (onChange) {\n                onChange(e);\n            }\n        }\n\n        const counterTotal: number = counter?.maxLength || 0;\n        const progressCurrent: number = counterTotal - counterCurrent;\n        function calculatePercentage(current: number, total: number): number {\n            if (current <= 0) {\n                return 0;\n            }\n            return total === 0 ? 0 : (current * 100) / total;\n        }\n        const counterLabel =\n            counter && counterCurrent > counterTotal\n                ? `Du har skrevet ${counterCurrent - counterTotal} tegn for mye`\n                : undefined;\n\n        const invalid = Boolean(ariaInvalid || counterLabel);\n\n        const overflowStyle = {\n            overflowX: autoExpand ? \"hidden\" : undefined, // Must set overflowX hidden for Firefox https://stackoverflow.com/a/22700700\n        } as React.CSSProperties;\n\n        return (\n            <div\n                className=\"jkl-text-input-wrapper\"\n                data-invalid={invalid}\n                data-has-content={counterCurrent > 0}\n            >\n                <textarea\n                    aria-invalid={invalid}\n                    className={`jkl-text-area__text-area jkl-text-area__text-area--${rows}-rows`}\n                    onBlur={handleOnBlur}\n                    onFocus={handleOnFocus}\n                    onChange={handleOnChange}\n                    ref={textAreaRef}\n                    style={{ ...style, ...overflowStyle }}\n                    placeholder={placeholder}\n                    value={value}\n                    {...rest}\n                />\n                {counter && (\n                    <div className=\"jkl-text-area__counter\" aria-hidden=\"true\">\n                        <div className=\"jkl-text-area__counter-count\">\n                            {counterCurrent}&nbsp;/&nbsp;{counterTotal}\n                        </div>\n                        {!counter.hideProgress && (\n                            <div\n                                className=\"jkl-text-area__counter-progress\"\n                                style={{\n                                    [\"--progress-width\" as string]: `${calculatePercentage(\n                                        progressCurrent,\n                                        counterTotal,\n                                    )}%`,\n                                }}\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\nBaseTextArea.displayName = \"BaseTextArea\";\n"],"names":["BaseTextArea","forwardRef","props","ref","autoExpand","counter","onBlur","onFocus","rows","placeholder","startOpen","style","value","ariaInvalid","onChange","rest","counterCurrent","setCounterCurrent","useState","String","length","textAreaFocused","setTextAreaFocused","internalRef","useRef","textAreaRef","useEffect","textAreaElement","current","height","scrollHeight","counterTotal","maxLength","progressCurrent","invalid","jsxs","className","children","jsx","e","target","overflowX","hideProgress","total","calculatePercentage","displayName"],"mappings":"8HAsCO,MAAMA,EAAeC,GACxB,CAACC,EAAOC,KACE,MACFC,WAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,EACPC,YAAAA,EAAc,IACdC,UAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,eAAgBC,EAChBC,SAAAA,KACGC,GACHb,GAEGc,EAAgBC,GAAqBC,GAAS,WACtCN,EAAU,IACV,EACiB,iBAAVA,EACPO,OAAOP,GAAOQ,OAEdR,EAAMQ,UAGdC,EAAiBC,GAAsBJ,GAAS,GACjDK,EAAcC,EAA4B,MAC1CC,EACDtB,GAA0CoB,EAE/CG,GAAU,KACN,MAAMC,EAAkBF,EAAYG,QACpC,GAAID,EAAiB,CACjB,IAAKvB,EAED,YADAuB,EAAgBhB,MAAMkB,OAAS,IAI/BR,GAAmBT,GACnBe,EAAgBhB,MAAMkB,OAAS,OAC/BF,EAAgBhB,MAAMkB,OAAS,GAAGF,EAAgBG,kBAElDH,EAAgBhB,MAAMkB,OAAS,EAEvC,IACD,CAACzB,EAAYqB,EAAab,EAAOS,IAuB9B,MAAAU,GAAuB,MAAA1B,OAAA,EAAAA,EAAS2B,YAAa,EAC7CC,EAA0BF,EAAef,EAO/C,MAKMkB,KAAkBrB,KAJpBR,GAAWW,EAAiBe,EACtB,kBAAkBf,EAAiBe,sBACnC,IASN,OAAAI,EAAC,MAAA,CACGC,UAAU,yBACV,eAAcF,EACd,mBAAkBlB,EAAiB,EAEnCqB,SAAA,CAAAC,EAAC,WAAA,CACG,eAAcJ,EACdE,UAAW,sDAAsD5B,SACjEF,OA1CZ,SAAsBiC,GAClBjB,GAAmB,GACfhB,GACAA,EAAOiC,EAEf,EAsCYhC,QAlDZ,SAAuBgC,GACnBjB,GAAmB,GACff,GACAA,EAAQgC,EAEhB,EA8CYzB,SArCZ,SAAwByB,GACFtB,EAAAsB,EAAEC,OAAO5B,MAAMQ,QAC7BN,GACAA,EAASyB,EAEjB,EAiCYpC,IAAKsB,EACLd,MAAO,IAAKA,KAjBF,CAClB8B,UAAWrC,EAAa,cAAW,IAiB3BK,YAAAA,EACAG,MAAAA,KACIG,IAEPV,GACI8B,EAAA,MAAA,CAAIC,UAAU,yBAAyB,cAAY,OAChDC,SAAA,CAACF,EAAA,MAAA,CAAIC,UAAU,+BACVC,SAAA,CAAArB,EAAe,MAAce,MAEhC1B,EAAQqC,cACNJ,EAAC,MAAA,CACGF,UAAU,kCACVzB,MAAO,CACF,oBA5CAiB,EA6CGK,EA7CcU,EA8CdZ,EA7CxBH,GAAW,GAGE,IAAVe,EAFI,EAEyB,IAAVf,EAAiBe,GAwCa,aA5CnDC,IAAoBhB,EAAiBe,CAmDlC,IAMpB3C,EAAa6C,YAAc"}
+{"version":3,"file":"BaseTextArea.js","sources":["../../../../src/components/text-input/BaseTextArea.tsx"],"sourcesContent":["import React, {\n    type FocusEvent,\n    forwardRef,\n    type RefObject,\n    type TextareaHTMLAttributes,\n    useRef,\n    useState,\n    useEffect,\n    ChangeEvent,\n} from \"react\";\n\nexport type Counter = {\n    /** Antall tegn før telleren når maksimum og vi viser en feilmelding */\n    maxLength: number;\n    /**\n     * Med teller vises en progress-bar i bunnen av tekstfeltet som krymper\n     * ned fra 100% (null tegn skrevet) til 0% (maks antall tegn skrevet).\n     * Om du vil skjule den, sett denne propen til true.\n     *\n     * @default false\n     */\n    hideProgress?: boolean;\n};\n\nexport interface BaseTextAreaProps\n    extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"children\"> {\n    /**\n     * Viser en teller i tekstfeltet når det har fokus.\n     */\n    counter?: Counter;\n    /** Sett antall rader skjemafeltet ekspanderes til ved focus. Innholdet scroller om feltet fylles med mer innhold enn det er plass til. */\n    rows?: number;\n    inline?: boolean;\n    startOpen?: boolean;\n    /** Gjør så skjemafeltet ekspanderer seg til å vise alt innhold i stedet for å scrolle */\n    autoExpand?: boolean;\n}\n\nexport const BaseTextArea = forwardRef<HTMLTextAreaElement, BaseTextAreaProps>(\n    (props, ref) => {\n        const {\n            autoExpand,\n            counter,\n            onBlur,\n            onFocus,\n            rows = 7,\n            placeholder = \" \", // This space intentionally left blank. Denne + rows trengs for å få den ekspanderende effekten.\n            startOpen,\n            style,\n            value,\n            \"aria-invalid\": ariaInvalid,\n            onChange,\n            ...rest\n        } = props;\n\n        const [counterCurrent, setCounterCurrent] = useState(() => {\n            if (typeof value === \"undefined\") {\n                return 0;\n            } else if (typeof value === \"number\") {\n                return String(value).length;\n            } else {\n                return value.length;\n            }\n        });\n        const [textAreaFocused, setTextAreaFocused] = useState(false);\n        const internalRef = useRef<HTMLTextAreaElement>(null);\n        const textAreaRef =\n            (ref as RefObject<HTMLTextAreaElement>) || internalRef;\n\n        useEffect(() => {\n            const textAreaElement = textAreaRef.current;\n            if (textAreaElement) {\n                if (!autoExpand) {\n                    textAreaElement.style.height = \"\";\n                    return;\n                }\n\n                if (textAreaFocused || value) {\n                    textAreaElement.style.height = \"auto\"; // Sett til auto før scrollhøyden leses, sånn at redusering av høyde ved sletting av tekst fungerer\n                    textAreaElement.style.height = `${textAreaElement.scrollHeight}px`;\n                } else {\n                    textAreaElement.style.height = \"\";\n                }\n            }\n        }, [autoExpand, textAreaRef, value, textAreaFocused]);\n\n        function handleOnFocus(e: FocusEvent<HTMLTextAreaElement>) {\n            setTextAreaFocused(true);\n            if (onFocus) {\n                onFocus(e);\n            }\n        }\n\n        function handleOnBlur(e: FocusEvent<HTMLTextAreaElement>) {\n            setTextAreaFocused(false);\n            if (onBlur) {\n                onBlur(e);\n            }\n        }\n\n        function handleOnChange(e: ChangeEvent<HTMLTextAreaElement>) {\n            setCounterCurrent(e.target.value.length);\n            if (onChange) {\n                onChange(e);\n            }\n        }\n\n        const counterTotal: number = counter?.maxLength || 0;\n        const progressCurrent: number = counterTotal - counterCurrent;\n        function calculatePercentage(current: number, total: number): number {\n            if (current <= 0) {\n                return 0;\n            }\n            return total === 0 ? 0 : (current * 100) / total;\n        }\n        const counterLabel =\n            counter && counterCurrent > counterTotal\n                ? `Du har skrevet ${counterCurrent - counterTotal} tegn for mye`\n                : undefined;\n\n        const invalid = Boolean(ariaInvalid || counterLabel);\n\n        const overflowStyle = {\n            overflowX: autoExpand ? \"hidden\" : undefined, // Must set overflowX hidden for Firefox https://stackoverflow.com/a/22700700\n        } as React.CSSProperties;\n\n        return (\n            <div\n                className=\"jkl-text-input-wrapper\"\n                data-invalid={invalid}\n                data-has-content={counterCurrent > 0}\n            >\n                <textarea\n                    aria-invalid={invalid}\n                    className={`jkl-text-area__text-area jkl-text-area__text-area--${rows}-rows`}\n                    onBlur={handleOnBlur}\n                    onFocus={handleOnFocus}\n                    onChange={handleOnChange}\n                    ref={textAreaRef}\n                    style={{ ...style, ...overflowStyle }}\n                    placeholder={placeholder}\n                    value={value}\n                    {...rest}\n                />\n                {counter && (\n                    <div className=\"jkl-text-area__counter\" aria-hidden=\"true\">\n                        <div className=\"jkl-text-area__counter-count\">\n                            {counterCurrent}&nbsp;/&nbsp;{counterTotal}\n                        </div>\n                        {!counter.hideProgress && (\n                            <div\n                                className=\"jkl-text-area__counter-progress\"\n                                style={{\n                                    [\"--progress-width\" as string]: `${calculatePercentage(\n                                        progressCurrent,\n                                        counterTotal,\n                                    )}%`,\n                                }}\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        );\n    },\n);\nBaseTextArea.displayName = \"BaseTextArea\";\n"],"names":["BaseTextArea","forwardRef","props","ref","autoExpand","counter","onBlur","onFocus","rows","placeholder","startOpen","style","value","ariaInvalid","onChange","rest","counterCurrent","setCounterCurrent","useState","String","length","textAreaFocused","setTextAreaFocused","internalRef","useRef","textAreaRef","useEffect","textAreaElement","current","height","scrollHeight","counterTotal","maxLength","progressCurrent","invalid","jsxs","className","children","jsx","e","target","overflowX","hideProgress","total","calculatePercentage","displayName"],"mappings":"8HAsCO,MAAMA,EAAeC,GACxB,CAACC,EAAOC,KACE,MACFC,WAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,EACPC,YAAAA,EAAc,IACdC,UAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,eAAgBC,EAChBC,SAAAA,KACGC,GACHb,GAEGc,EAAgBC,GAAqBC,GAAS,WACtCN,EAAU,IACV,EACiB,iBAAVA,EACPO,OAAOP,GAAOQ,OAEdR,EAAMQ,UAGdC,EAAiBC,GAAsBJ,GAAS,GACjDK,EAAcC,EAA4B,MAC1CC,EACDtB,GAA0CoB,EAE/CG,GAAU,KACN,MAAMC,EAAkBF,EAAYG,QACpC,GAAID,EAAiB,CACjB,IAAKvB,EAED,YADAuB,EAAgBhB,MAAMkB,OAAS,IAI/BR,GAAmBT,GACnBe,EAAgBhB,MAAMkB,OAAS,OAC/BF,EAAgBhB,MAAMkB,OAAS,GAAGF,EAAgBG,kBAElDH,EAAgBhB,MAAMkB,OAAS,EAEvC,IACD,CAACzB,EAAYqB,EAAab,EAAOS,IAuB9B,MAAAU,GAAuB,MAAA1B,OAAA,EAAAA,EAAS2B,YAAa,EAC7CC,EAA0BF,EAAef,EAO/C,MAKMkB,KAAkBrB,KAJpBR,GAAWW,EAAiBe,EACtB,kBAAkBf,EAAiBe,sBACnC,IASN,OAAAI,EAAC,MAAA,CACGC,UAAU,yBACV,eAAcF,EACd,mBAAkBlB,EAAiB,EAEnCqB,SAAA,CAAAC,EAAC,WAAA,CACG,eAAcJ,EACdE,UAAW,sDAAsD5B,SACjEF,OA1CZ,SAAsBiC,GAClBjB,GAAmB,GACfhB,GACAA,EAAOiC,EAEf,EAsCYhC,QAlDZ,SAAuBgC,GACnBjB,GAAmB,GACff,GACAA,EAAQgC,EAEhB,EA8CYzB,SArCZ,SAAwByB,GACFtB,EAAAsB,EAAEC,OAAO5B,MAAMQ,QAC7BN,GACAA,EAASyB,EAEjB,EAiCYpC,IAAKsB,EACLd,MAAO,IAAKA,KAjBF,CAClB8B,UAAWrC,EAAa,cAAW,IAiB3BK,YAAAA,EACAG,MAAAA,KACIG,IAEPV,GACI8B,EAAA,MAAA,CAAIC,UAAU,yBAAyB,cAAY,OAChDC,SAAA,CAACF,EAAA,MAAA,CAAIC,UAAU,+BACVC,SAAA,CAAArB,EAAe,MAAce,MAEhC1B,EAAQqC,cACNJ,EAAC,MAAA,CACGF,UAAU,kCACVzB,MAAO,CACF,oBA5CAiB,EA6CGK,EA7CcU,EA8CdZ,EA7CxBH,GAAW,GAGE,IAAVe,EAFI,EAEyB,IAAVf,EAAiBe,GAwCa,aA5CnDC,IAAoBhB,EAAiBe,CAmDlC,IAMpB3C,EAAa6C,YAAc"}

package/build/es/components/text-input/index.d.ts

@@ -1,4 +1,4 @@
-export { BaseTextArea, type BaseTextAreaProps } from './BaseTextArea.js';
-export { BaseTextInput, type BaseTextInputProps } from './BaseTextInput.js';
+export { BaseTextArea, type BaseTextAreaProps, type Counter, } from './BaseTextArea.js';
+export { BaseTextInput, type BaseTextInputProps, type Action, } from './BaseTextInput.js';
 export { TextArea, type TextAreaProps } from './TextArea.js';
 export { TextInput, type TextInputProps } from './TextInput.js';

package/build/es/components/toast/index.d.ts

@@ -1,2 +1,2 @@
 export { ToastProvider, useToast } from './toastContext.js';
-export { type ToastContent } from './types.js';
+export { type ToastContent, type ToastOptions, type ToastContext, } from './types.js';

package/build/es/components/toast/toastContext.d.ts

@@ -1,16 +1,4 @@
 import { FC } from 'react';
-import { WithChildren } from '../../core/types.js';
-import { ToastContent, ToastOptions } from './types.js';
-interface ToastContextProviderProps extends WithChildren {
-    maxVisibleToasts?: number;
-    /**
-     * @default "center"
-     */
-    placement?: "center" | "left";
-}
-type ToastContext = {
-    add: (toast: ToastContent, options?: ToastOptions) => string;
-};
+import { ToastContext, ToastContextProviderProps } from './types.js';
 export declare const useToast: () => ToastContext;
 export declare const ToastProvider: FC<ToastContextProviderProps>;
-export {};

package/build/es/components/toast/toastContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastContext.js","sources":["../../../../src/components/toast/toastContext.tsx"],"sourcesContent":["import { ToastQueue } from \"@react-stately/toast\";\nimport React, { createContext, useContext, useState, type FC } from \"react\";\nimport { type WithChildren } from \"../../core/types.js\";\nimport { ToastRegion } from \"./ToastRegion.js\";\nimport { ToastContent, ToastOptions } from \"./types.js\";\n\ninterface ToastContextProviderProps extends WithChildren {\n    maxVisibleToasts?: number;\n    /**\n     * @default \"center\"\n     */\n    placement?: \"center\" | \"left\";\n}\n\ntype ToastContext = {\n    add: (toast: ToastContent, options?: ToastOptions) => string;\n};\n\nconst context = createContext<ToastContext>({\n    add: () => {\n        return \"missing-provider\";\n    },\n});\n\nexport const useToast = (): ToastContext => useContext(context);\n\nexport const ToastProvider: FC<ToastContextProviderProps> = ({\n    children,\n    maxVisibleToasts = 5,\n    placement = \"center\",\n}) => {\n    const [queue] = useState(\n        new ToastQueue<ToastContent>({\n            maxVisibleToasts,\n            hasExitAnimation: true,\n        }),\n    );\n\n    return (\n        <context.Provider\n            value={{\n                add: (toast: ToastContent, options?: ToastOptions) => {\n                    let timeout: number | undefined = 5000;\n\n                    if (typeof options?.timeout === \"number\") {\n                        timeout = options.timeout as number;\n                    } else if (\n                        options?.timeout === null ||\n                        options?.timeout === \"off\"\n                    ) {\n                        timeout = undefined;\n                    }\n\n                    return queue.add(toast, {\n                        ...options,\n                        timeout,\n                    });\n                },\n            }}\n        >\n            {children}\n            <ToastRegion queue={queue} placement={placement} />\n        </context.Provider>\n    );\n};\n"],"names":["context","createContext","add","useToast","useContext","ToastProvider","children","maxVisibleToasts","placement","queue","useState","ToastQueue","hasExitAnimation","jsxs","Provider","value","toast","options","timeout","jsx","ToastRegion"],"mappings":"uNAkBA,MAAMA,EAAUC,EAA4B,CACxCC,IAAK,IACM,qBAIFC,EAAW,IAAoBC,EAAWJ,GAE1CK,EAA+C,EACxDC,SAAAA,EACAC,iBAAAA,EAAmB,EACnBC,UAAAA,EAAY,aAEN,MAACC,GAASC,EACZ,IAAIC,EAAyB,CACzBJ,iBAAAA,EACAK,kBAAkB,KAKtB,OAAAC,EAACb,EAAQc,SAAR,CACGC,MAAO,CACHb,IAAK,CAACc,EAAqBC,KACvB,IAAIC,EAA8B,IAE9B,MAA4B,iBAArB,MAAAD,OAAAA,EAAAA,EAASC,SAChBA,EAAUD,EAAQC,SAEG,QAArB,MAAAD,OAAA,EAAAA,EAASC,UACY,SAArB,MAAAD,OAAA,EAAAA,EAASC,YAECA,OAAA,GAGPT,EAAMP,IAAIc,EAAO,IACjBC,EACHC,QAAAA,GACH,GAIRZ,SAAA,CAAAA,EACDa,EAACC,EAAY,CAAAX,MAAAA,EAAcD,UAAAA,MAAsB"}
+{"version":3,"file":"toastContext.js","sources":["../../../../src/components/toast/toastContext.tsx"],"sourcesContent":["import { ToastQueue } from \"@react-stately/toast\";\nimport React, { createContext, useContext, useState, type FC } from \"react\";\nimport { ToastRegion } from \"./ToastRegion.js\";\nimport {\n    ToastContent,\n    ToastContext,\n    ToastContextProviderProps,\n    ToastOptions,\n} from \"./types.js\";\n\nconst context = createContext<ToastContext>({\n    add: () => {\n        return \"missing-provider\";\n    },\n});\n\nexport const useToast = (): ToastContext => useContext(context);\n\nexport const ToastProvider: FC<ToastContextProviderProps> = ({\n    children,\n    maxVisibleToasts = 5,\n    placement = \"center\",\n}) => {\n    const [queue] = useState(\n        new ToastQueue<ToastContent>({\n            maxVisibleToasts,\n            hasExitAnimation: true,\n        }),\n    );\n\n    return (\n        <context.Provider\n            value={{\n                add: (toast: ToastContent, options?: ToastOptions) => {\n                    let timeout: number | undefined = 5000;\n\n                    if (typeof options?.timeout === \"number\") {\n                        timeout = options.timeout as number;\n                    } else if (\n                        options?.timeout === null ||\n                        options?.timeout === \"off\"\n                    ) {\n                        timeout = undefined;\n                    }\n\n                    return queue.add(toast, {\n                        ...options,\n                        timeout,\n                    });\n                },\n            }}\n        >\n            {children}\n            <ToastRegion queue={queue} placement={placement} />\n        </context.Provider>\n    );\n};\n"],"names":["context","createContext","add","useToast","useContext","ToastProvider","children","maxVisibleToasts","placement","queue","useState","ToastQueue","hasExitAnimation","jsxs","Provider","value","toast","options","timeout","jsx","ToastRegion"],"mappings":"uNAUA,MAAMA,EAAUC,EAA4B,CACxCC,IAAK,IACM,qBAIFC,EAAW,IAAoBC,EAAWJ,GAE1CK,EAA+C,EACxDC,SAAAA,EACAC,iBAAAA,EAAmB,EACnBC,UAAAA,EAAY,aAEN,MAACC,GAASC,EACZ,IAAIC,EAAyB,CACzBJ,iBAAAA,EACAK,kBAAkB,KAKtB,OAAAC,EAACb,EAAQc,SAAR,CACGC,MAAO,CACHb,IAAK,CAACc,EAAqBC,KACvB,IAAIC,EAA8B,IAE9B,MAA4B,iBAArB,MAAAD,OAAAA,EAAAA,EAASC,SAChBA,EAAUD,EAAQC,SAEG,QAArB,MAAAD,OAAA,EAAAA,EAASC,UACY,SAArB,MAAAD,OAAA,EAAAA,EAASC,YAECA,OAAA,GAGPT,EAAMP,IAAIc,EAAO,IACjBC,EACHC,QAAAA,GACH,GAIRZ,SAAA,CAAAA,EACDa,EAACC,EAAY,CAAAX,MAAAA,EAAcD,UAAAA,MAAsB"}

package/build/es/components/toast/types.d.ts

@@ -1,5 +1,6 @@
 import { ToastOptions as StatelyToastOptions } from '@react-stately/toast';
 import { ReactNode } from 'react';
+import { WithChildren } from '../../core/types.js';
 export type ToastContent = {
     content: ReactNode;
     title?: string;
@@ -8,3 +9,13 @@ export type ToastOptions = Omit<StatelyToastOptions, "timeout"> & {
     variant?: "info" | "success" | "warning" | "error";
     timeout?: number | null | "off";
 };
+export type ToastContext = {
+    add: (toast: ToastContent, options?: ToastOptions) => string;
+};
+export type ToastContextProviderProps = WithChildren & {
+    maxVisibleToasts?: number;
+    /**
+     * @default "center"
+     */
+    placement?: "center" | "left";
+};

package/build/es/components/toggle-switch/ToggleSlider.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Density, WithChildren } from '../../core/types.js';
-interface Props extends WithChildren {
+export interface ToggleSliderProps extends WithChildren {
     labels: [string, string];
     onToggle: (value: string) => void;
     defaultValue?: string;
@@ -8,5 +8,4 @@ interface Props extends WithChildren {
     hideLegend?: boolean;
     density?: Density;
 }
-export declare const ToggleSlider: FC<Props>;
-export {};
+export declare const ToggleSlider: FC<ToggleSliderProps>;

package/build/es/components/toggle-switch/ToggleSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSlider.js","sources":["../../../../src/components/toggle-switch/ToggleSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    FC,\n    Fragment,\n    MouseEventHandler,\n    useRef,\n    useState,\n} from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { useSwipeGesture } from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { ToggleChangeHandler } from \"./ToggleSwitch.js\";\nimport { usePillStyles } from \"./usePillStyles.js\";\n\ninterface Props extends WithChildren {\n    labels: [string, string];\n    onToggle: (value: string) => void;\n    defaultValue?: string;\n    className?: string;\n    hideLegend?: boolean;\n    density?: Density;\n}\n\nexport const ToggleSlider: FC<Props> = ({\n    children,\n    labels,\n    className = \"\",\n    onToggle,\n    defaultValue,\n    hideLegend = false,\n    density,\n    ...rest\n}) => {\n    const [currentLabel, setCurrentLabel] = useState(defaultValue || labels[0]);\n    const id = useId(\"jkl-toggle-slider\");\n    const legendId = useId(\"jkl-toggle-slider-legend\");\n    const activeRef = useRef<HTMLLabelElement>(null);\n\n    const shouldTransform = currentLabel === labels[1];\n    const pillStyles = usePillStyles(activeRef, shouldTransform, [density]);\n\n    const handleChange: ToggleChangeHandler<HTMLElement> = (_, pressed) => {\n        setCurrentLabel(pressed ? labels[1] : labels[0]);\n        onToggle(pressed ? labels[1] : labels[0]);\n    };\n\n    const handleClick: MouseEventHandler<HTMLInputElement> = (event) => {\n        const { value } = event.currentTarget;\n        setCurrentLabel(value);\n        onToggle(value);\n    };\n\n    const { gestureHandlers } = useSwipeGesture<HTMLDivElement>({\n        onClick: handleClick,\n        onChange: handleChange,\n    });\n    const { onClick, ...swipeHandlers } = gestureHandlers;\n\n    if (process.env.NODE_ENV !== \"production\") {\n        console.error(\n            \"WARNING: ToggleSlider component has been deprecated and will be removed in some future version of the library\",\n        );\n    }\n\n    return (\n        <fieldset\n            {...rest}\n            className={clsx(\"jkl-toggle-slider\", className)}\n            aria-labelledby={legendId}\n            data-testid=\"jkl-toggle-slider\"\n            data-density={density}\n        >\n            <div\n                id={legendId}\n                className={clsx(\"jkl-toggle-slider__legend\", {\n                    \"jkl-toggle-slider__legend--sr-only\": hideLegend,\n                })}\n            >\n                {children}\n            </div>\n            <div className=\"jkl-toggle-slider__inputs\" {...swipeHandlers}>\n                {labels.map((label) => (\n                    <Fragment key={label}>\n                        <input\n                            className=\"jkl-toggle-slider__input\"\n                            type=\"radio\"\n                            value={label}\n                            checked={label === currentLabel}\n                            name={id}\n                            id={`${label}-${id}`}\n                            onClick={onClick}\n                            onChange={() => {}}\n                        />\n                        <label\n                            className={clsx(\"jkl-toggle-slider__label\", {\n                                \"jkl-toggle-slider__label--selected\":\n                                    label === currentLabel,\n                            })}\n                            ref={label === currentLabel ? activeRef : undefined}\n                            htmlFor={`${label}-${id}`}\n                        >\n                            {label}\n                        </label>\n                    </Fragment>\n                ))}\n                <span\n                    className=\"jkl-toggle-slider__pill\"\n                    style={pillStyles}\n                    aria-hidden\n                />\n            </div>\n        </fieldset>\n    );\n};\n"],"names":["ToggleSlider","children","labels","className","onToggle","defaultValue","hideLegend","density","rest","currentLabel","setCurrentLabel","useState","id","useId","legendId","activeRef","useRef","shouldTransform","pillStyles","usePillStyles","gestureHandlers","useSwipeGesture","onClick","event","value","currentTarget","onChange","_","pressed","swipeHandlers","process","env","NODE_ENV","console","error","jsxs","clsx","jsx","map","label","Fragment","type","checked","name","ref","htmlFor","style"],"mappings":"kVAuBO,MAAMA,EAA0B,EACnCC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EAAY,GACZC,SAAAA,EACAC,aAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,KACGC,MAEG,MAACC,EAAcC,GAAmBC,EAASN,GAAgBH,EAAO,IAClEU,EAAKC,EAAM,qBACXC,EAAWD,EAAM,4BACjBE,EAAYC,EAAyB,MAErCC,EAAkBR,IAAiBP,EAAO,GAC1CgB,EAAaC,EAAcJ,EAAWE,EAAiB,CAACV,KAatDa,gBAAAA,GAAoBC,EAAgC,CACxDC,QAPsDC,IAChD,MAAEC,MAAAA,GAAUD,EAAME,cACxBf,EAAgBc,GAChBpB,EAASoB,EAAK,EAKdE,SAbmD,CAACC,EAAGC,KACvDlB,EAAgBkB,EAAU1B,EAAO,GAAKA,EAAO,IAC7CE,EAASwB,EAAU1B,EAAO,GAAKA,EAAO,GAAE,KAapCoB,QAAAA,KAAYO,GAAkBT,EAElC,MAAyB,eAAzBU,QAAQC,IAAIC,UACJC,QAAAC,MACJ,iHAKJC,EAAC,WAAA,IACO3B,EACJL,UAAWiC,EAAK,oBAAqBjC,GACrC,kBAAiBW,EACjB,cAAY,oBACZ,eAAcP,EAEdN,SAAA,CAAAoC,EAAC,MAAA,CACGzB,GAAIE,EACJX,UAAWiC,EAAK,4BAA6B,CACzC,qCAAsC9B,IAGzCL,SAAAA,IAEJkC,EAAA,MAAA,CAAIhC,UAAU,+BAAgC0B,EAC1C5B,SAAA,CAAAC,EAAOoC,KAAKC,GACTJ,EAACK,EACG,CAAAvC,SAAA,CAAAoC,EAAC,QAAA,CACGlC,UAAU,2BACVsC,KAAK,QACLjB,MAAOe,EACPG,QAASH,IAAU9B,EACnBkC,KAAM/B,EACNA,GAAI,GAAG2B,KAAS3B,IAChBU,QAAAA,EACAI,SAAU,SAEdW,EAAC,QAAA,CACGlC,UAAWiC,EAAK,2BAA4B,CACxC,qCACIG,IAAU9B,IAElBmC,IAAKL,IAAU9B,EAAeM,OAAY,EAC1C8B,QAAS,GAAGN,KAAS3B,IAEpBX,SAAAsC,MAnBMA,KAuBnBF,EAAC,OAAA,CACGlC,UAAU,0BACV2C,MAAO5B,EACP,eAAW,SAEnB"}
+{"version":3,"file":"ToggleSlider.js","sources":["../../../../src/components/toggle-switch/ToggleSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    FC,\n    Fragment,\n    MouseEventHandler,\n    useRef,\n    useState,\n} from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { useSwipeGesture } from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { ToggleChangeHandler } from \"./ToggleSwitch.js\";\nimport { usePillStyles } from \"./usePillStyles.js\";\n\nexport interface ToggleSliderProps extends WithChildren {\n    labels: [string, string];\n    onToggle: (value: string) => void;\n    defaultValue?: string;\n    className?: string;\n    hideLegend?: boolean;\n    density?: Density;\n}\n\nexport const ToggleSlider: FC<ToggleSliderProps> = ({\n    children,\n    labels,\n    className = \"\",\n    onToggle,\n    defaultValue,\n    hideLegend = false,\n    density,\n    ...rest\n}) => {\n    const [currentLabel, setCurrentLabel] = useState(defaultValue || labels[0]);\n    const id = useId(\"jkl-toggle-slider\");\n    const legendId = useId(\"jkl-toggle-slider-legend\");\n    const activeRef = useRef<HTMLLabelElement>(null);\n\n    const shouldTransform = currentLabel === labels[1];\n    const pillStyles = usePillStyles(activeRef, shouldTransform, [density]);\n\n    const handleChange: ToggleChangeHandler<HTMLElement> = (_, pressed) => {\n        setCurrentLabel(pressed ? labels[1] : labels[0]);\n        onToggle(pressed ? labels[1] : labels[0]);\n    };\n\n    const handleClick: MouseEventHandler<HTMLInputElement> = (event) => {\n        const { value } = event.currentTarget;\n        setCurrentLabel(value);\n        onToggle(value);\n    };\n\n    const { gestureHandlers } = useSwipeGesture<HTMLDivElement>({\n        onClick: handleClick,\n        onChange: handleChange,\n    });\n    const { onClick, ...swipeHandlers } = gestureHandlers;\n\n    if (process.env.NODE_ENV !== \"production\") {\n        console.error(\n            \"WARNING: ToggleSlider component has been deprecated and will be removed in some future version of the library\",\n        );\n    }\n\n    return (\n        <fieldset\n            {...rest}\n            className={clsx(\"jkl-toggle-slider\", className)}\n            aria-labelledby={legendId}\n            data-testid=\"jkl-toggle-slider\"\n            data-density={density}\n        >\n            <div\n                id={legendId}\n                className={clsx(\"jkl-toggle-slider__legend\", {\n                    \"jkl-toggle-slider__legend--sr-only\": hideLegend,\n                })}\n            >\n                {children}\n            </div>\n            <div className=\"jkl-toggle-slider__inputs\" {...swipeHandlers}>\n                {labels.map((label) => (\n                    <Fragment key={label}>\n                        <input\n                            className=\"jkl-toggle-slider__input\"\n                            type=\"radio\"\n                            value={label}\n                            checked={label === currentLabel}\n                            name={id}\n                            id={`${label}-${id}`}\n                            onClick={onClick}\n                            onChange={() => {}}\n                        />\n                        <label\n                            className={clsx(\"jkl-toggle-slider__label\", {\n                                \"jkl-toggle-slider__label--selected\":\n                                    label === currentLabel,\n                            })}\n                            ref={label === currentLabel ? activeRef : undefined}\n                            htmlFor={`${label}-${id}`}\n                        >\n                            {label}\n                        </label>\n                    </Fragment>\n                ))}\n                <span\n                    className=\"jkl-toggle-slider__pill\"\n                    style={pillStyles}\n                    aria-hidden\n                />\n            </div>\n        </fieldset>\n    );\n};\n"],"names":["ToggleSlider","children","labels","className","onToggle","defaultValue","hideLegend","density","rest","currentLabel","setCurrentLabel","useState","id","useId","legendId","activeRef","useRef","shouldTransform","pillStyles","usePillStyles","gestureHandlers","useSwipeGesture","onClick","event","value","currentTarget","onChange","_","pressed","swipeHandlers","process","env","NODE_ENV","console","error","jsxs","clsx","jsx","map","label","Fragment","type","checked","name","ref","htmlFor","style"],"mappings":"kVAuBO,MAAMA,EAAsC,EAC/CC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EAAY,GACZC,SAAAA,EACAC,aAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,KACGC,MAEG,MAACC,EAAcC,GAAmBC,EAASN,GAAgBH,EAAO,IAClEU,EAAKC,EAAM,qBACXC,EAAWD,EAAM,4BACjBE,EAAYC,EAAyB,MAErCC,EAAkBR,IAAiBP,EAAO,GAC1CgB,EAAaC,EAAcJ,EAAWE,EAAiB,CAACV,KAatDa,gBAAAA,GAAoBC,EAAgC,CACxDC,QAPsDC,IAChD,MAAEC,MAAAA,GAAUD,EAAME,cACxBf,EAAgBc,GAChBpB,EAASoB,EAAK,EAKdE,SAbmD,CAACC,EAAGC,KACvDlB,EAAgBkB,EAAU1B,EAAO,GAAKA,EAAO,IAC7CE,EAASwB,EAAU1B,EAAO,GAAKA,EAAO,GAAE,KAapCoB,QAAAA,KAAYO,GAAkBT,EAElC,MAAyB,eAAzBU,QAAQC,IAAIC,UACJC,QAAAC,MACJ,iHAKJC,EAAC,WAAA,IACO3B,EACJL,UAAWiC,EAAK,oBAAqBjC,GACrC,kBAAiBW,EACjB,cAAY,oBACZ,eAAcP,EAEdN,SAAA,CAAAoC,EAAC,MAAA,CACGzB,GAAIE,EACJX,UAAWiC,EAAK,4BAA6B,CACzC,qCAAsC9B,IAGzCL,SAAAA,IAEJkC,EAAA,MAAA,CAAIhC,UAAU,+BAAgC0B,EAC1C5B,SAAA,CAAAC,EAAOoC,KAAKC,GACTJ,EAACK,EACG,CAAAvC,SAAA,CAAAoC,EAAC,QAAA,CACGlC,UAAU,2BACVsC,KAAK,QACLjB,MAAOe,EACPG,QAASH,IAAU9B,EACnBkC,KAAM/B,EACNA,GAAI,GAAG2B,KAAS3B,IAChBU,QAAAA,EACAI,SAAU,SAEdW,EAAC,QAAA,CACGlC,UAAWiC,EAAK,2BAA4B,CACxC,qCACIG,IAAU9B,IAElBmC,IAAKL,IAAU9B,EAAeM,OAAY,EAC1C8B,QAAS,GAAGN,KAAS3B,IAEpBX,SAAAsC,MAnBMA,KAuBnBF,EAAC,OAAA,CACGlC,UAAU,0BACV2C,MAAO5B,EACP,eAAW,SAEnB"}

package/build/es/components/toggle-switch/ToggleSwitch.d.ts

@@ -2,7 +2,7 @@ import { default as React, ButtonHTMLAttributes } from 'react';
 import { Density } from '../../core/types.js';
 import { SwipeChangeHandler } from '../../hooks/useSwipeGesture/useSwipeGesture.js';
 export type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;
-export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
+export type ToggleSwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
     density?: Density;
     /**
      * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på

package/build/es/components/toggle-switch/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","sources":["../../../../src/components/toggle-switch/ToggleSwitch.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    type ButtonHTMLAttributes,\n    type MouseEventHandler,\n    forwardRef,\n} from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport {\n    SwipeChangeHandler,\n    useSwipeGesture,\n} from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\n\nexport type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;\n\nexport type ToggleProps = Omit<\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    \"onChange\"\n> & {\n    density?: Density;\n    /**\n     * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på\n     * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.\n     * @example\n     * ```js\n     * function handleChange(event, pressed) {\n     *    console.log(`ToggleSwitch er ${pressed ? \"på\" : \"av\"}`);\n     * }\n     * ```\n     */\n    onChange?: ToggleChangeHandler<HTMLButtonElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleProps>(\n    (\n        {\n            \"aria-pressed\": ariaPressed = false,\n            children,\n            className,\n            density,\n            id,\n            onChange,\n            ...rest\n        },\n        ref,\n    ) => {\n        const uid = useId(id || \"jkl-toggle-switch\", { generateSuffix: !id });\n        const [pressed, setPressed] = React.useState(ariaPressed);\n        React.useEffect(() => {\n            setPressed(ariaPressed);\n        }, [ariaPressed]);\n\n        const {\n            onClick,\n            onPointerCancel,\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n            ...buttonProps\n        } = rest;\n\n        const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n            setPressed(!pressed);\n            onChange?.(event, !pressed);\n            onClick?.(event);\n        };\n\n        const handleChange: ToggleChangeHandler<HTMLButtonElement> = (\n            event,\n            toggleTo,\n        ) => {\n            if (toggleTo !== pressed) {\n                setPressed(toggleTo);\n                onChange?.(event, toggleTo);\n            }\n        };\n\n        const { gestureHandlers } = useSwipeGesture({\n            onClick: handleClick,\n            onChange: handleChange,\n            onPointerCancel,\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n        });\n\n        return (\n            <button\n                className={clsx(\"jkl-toggle-switch\", className)}\n                id={uid}\n                ref={ref}\n                aria-pressed={pressed}\n                data-density={density}\n                {...buttonProps}\n                {...(buttonProps.disabled ? {} : gestureHandlers)}\n            >\n                {children}\n                <div aria-hidden className=\"jkl-toggle-switch-widget\">\n                    <div className=\"jkl-toggle-switch-widget__slider\">\n                        <div className=\"jkl-toggle-switch-widget__knob\" />\n                        <CheckIcon\n                            variant=\"small\"\n                            bold\n                            className=\"jkl-toggle-switch-widget__indicator\"\n                        />\n                    </div>\n                </div>\n            </button>\n        );\n    },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n"],"names":["ToggleSwitch","forwardRef","ariaPressed","children","className","density","id","onChange","rest","ref","uid","useId","generateSuffix","pressed","setPressed","React","useState","useEffect","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","buttonProps","gestureHandlers","useSwipeGesture","event","toggleTo","jsxs","clsx","disabled","jsx","CheckIcon","variant","bold","displayName"],"mappings":"iUAkCO,MAAMA,EAAeC,GACxB,EAEQ,eAAgBC,GAAc,EAC9BC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,EACAC,SAAAA,KACGC,GAEPC,KAEM,MAAAC,EAAMC,EAAML,GAAM,oBAAqB,CAAEM,gBAAiBN,KACzDO,EAASC,GAAcC,EAAMC,SAASd,GAC7Ca,EAAME,WAAU,KACZH,EAAWZ,EAAW,GACvB,CAACA,IAEE,MACFgB,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,KACGC,GACHf,GAkBIgB,gBAAAA,GAAoBC,EAAgB,CACxCP,QAjBuDQ,IACvDZ,GAAYD,GACD,MAAAN,GAAAA,EAAAmB,GAAQb,GACnB,MAAAK,GAAAA,EAAUQ,EAAAA,EAeVnB,SAZyD,CACzDmB,EACAC,KAEIA,IAAad,IACbC,EAAWa,GACX,MAAApB,GAAAA,EAAWmB,EAAOC,GAAAA,EAOtBR,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAM,EAAC,SAAA,CACGxB,UAAWyB,EAAK,oBAAqBzB,GACrCE,GAAII,EACJD,IAAAA,EACA,eAAcI,EACd,eAAcR,KACVkB,KACCA,EAAYO,SAAW,CAAA,EAAKN,EAEhCrB,SAAA,CAAAA,EACD4B,EAAC,OAAI,eAAW,EAAC3B,UAAU,2BACvBD,SAAAyB,EAAC,MAAI,CAAAxB,UAAU,mCACXD,SAAA,CAAC4B,EAAA,MAAA,CAAI3B,UAAU,mCACf2B,EAACC,EAAA,CACGC,QAAQ,QACRC,MAAI,EACJ9B,UAAU,+CAGtB,IAKhBJ,EAAamC,YAAc"}
+{"version":3,"file":"ToggleSwitch.js","sources":["../../../../src/components/toggle-switch/ToggleSwitch.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    type ButtonHTMLAttributes,\n    type MouseEventHandler,\n    forwardRef,\n} from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport {\n    SwipeChangeHandler,\n    useSwipeGesture,\n} from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\n\nexport type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;\n\nexport type ToggleSwitchProps = Omit<\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    \"onChange\"\n> & {\n    density?: Density;\n    /**\n     * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på\n     * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.\n     * @example\n     * ```js\n     * function handleChange(event, pressed) {\n     *    console.log(`ToggleSwitch er ${pressed ? \"på\" : \"av\"}`);\n     * }\n     * ```\n     */\n    onChange?: ToggleChangeHandler<HTMLButtonElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleSwitchProps>(\n    (\n        {\n            \"aria-pressed\": ariaPressed = false,\n            children,\n            className,\n            density,\n            id,\n            onChange,\n            ...rest\n        },\n        ref,\n    ) => {\n        const uid = useId(id || \"jkl-toggle-switch\", { generateSuffix: !id });\n        const [pressed, setPressed] = React.useState(ariaPressed);\n        React.useEffect(() => {\n            setPressed(ariaPressed);\n        }, [ariaPressed]);\n\n        const {\n            onClick,\n            onPointerCancel,\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n            ...buttonProps\n        } = rest;\n\n        const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n            setPressed(!pressed);\n            onChange?.(event, !pressed);\n            onClick?.(event);\n        };\n\n        const handleChange: ToggleChangeHandler<HTMLButtonElement> = (\n            event,\n            toggleTo,\n        ) => {\n            if (toggleTo !== pressed) {\n                setPressed(toggleTo);\n                onChange?.(event, toggleTo);\n            }\n        };\n\n        const { gestureHandlers } = useSwipeGesture({\n            onClick: handleClick,\n            onChange: handleChange,\n            onPointerCancel,\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n        });\n\n        return (\n            <button\n                className={clsx(\"jkl-toggle-switch\", className)}\n                id={uid}\n                ref={ref}\n                aria-pressed={pressed}\n                data-density={density}\n                {...buttonProps}\n                {...(buttonProps.disabled ? {} : gestureHandlers)}\n            >\n                {children}\n                <div aria-hidden className=\"jkl-toggle-switch-widget\">\n                    <div className=\"jkl-toggle-switch-widget__slider\">\n                        <div className=\"jkl-toggle-switch-widget__knob\" />\n                        <CheckIcon\n                            variant=\"small\"\n                            bold\n                            className=\"jkl-toggle-switch-widget__indicator\"\n                        />\n                    </div>\n                </div>\n            </button>\n        );\n    },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n"],"names":["ToggleSwitch","forwardRef","ariaPressed","children","className","density","id","onChange","rest","ref","uid","useId","generateSuffix","pressed","setPressed","React","useState","useEffect","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","buttonProps","gestureHandlers","useSwipeGesture","event","toggleTo","jsxs","clsx","disabled","jsx","CheckIcon","variant","bold","displayName"],"mappings":"iUAkCO,MAAMA,EAAeC,GACxB,EAEQ,eAAgBC,GAAc,EAC9BC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,EACAC,SAAAA,KACGC,GAEPC,KAEM,MAAAC,EAAMC,EAAML,GAAM,oBAAqB,CAAEM,gBAAiBN,KACzDO,EAASC,GAAcC,EAAMC,SAASd,GAC7Ca,EAAME,WAAU,KACZH,EAAWZ,EAAW,GACvB,CAACA,IAEE,MACFgB,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,KACGC,GACHf,GAkBIgB,gBAAAA,GAAoBC,EAAgB,CACxCP,QAjBuDQ,IACvDZ,GAAYD,GACD,MAAAN,GAAAA,EAAAmB,GAAQb,GACnB,MAAAK,GAAAA,EAAUQ,EAAAA,EAeVnB,SAZyD,CACzDmB,EACAC,KAEIA,IAAad,IACbC,EAAWa,GACX,MAAApB,GAAAA,EAAWmB,EAAOC,GAAAA,EAOtBR,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAM,EAAC,SAAA,CACGxB,UAAWyB,EAAK,oBAAqBzB,GACrCE,GAAII,EACJD,IAAAA,EACA,eAAcI,EACd,eAAcR,KACVkB,KACCA,EAAYO,SAAW,CAAA,EAAKN,EAEhCrB,SAAA,CAAAA,EACD4B,EAAC,OAAI,eAAW,EAAC3B,UAAU,2BACvBD,SAAAyB,EAAC,MAAI,CAAAxB,UAAU,mCACXD,SAAA,CAAC4B,EAAA,MAAA,CAAI3B,UAAU,mCACf2B,EAACC,EAAA,CACGC,QAAQ,QACRC,MAAI,EACJ9B,UAAU,+CAGtB,IAKhBJ,EAAamC,YAAc"}

package/build/es/components/toggle-switch/index.d.ts

@@ -1,2 +1,2 @@
-export { ToggleSwitch, type ToggleChangeHandler } from './ToggleSwitch.js';
-export { ToggleSlider } from './ToggleSlider.js';
+export { ToggleSwitch, type ToggleChangeHandler, type ToggleSwitchProps, } from './ToggleSwitch.js';
+export { ToggleSlider, type ToggleSliderProps } from './ToggleSlider.js';

package/build/es/components/tooltip/Tooltip.d.ts

@@ -29,13 +29,13 @@ type UseTooltipReturn = {
     triggerOn: NonNullable<TooltipProps["triggerOn"]>;
     isOpen: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    arrowElement: React.RefObject<HTMLElement>;
+    arrowElement: React.RefObject<SVGSVGElement>;
     refs: {
         description: React.MutableRefObject<HTMLElement | null>;
         setDescription: (element: HTMLElement | null) => void;
     } & UseFloatingReturn["refs"];
 } & UseFloatingReturn & ReturnType<typeof useInteractions>;
-export declare const useTooltip: ({ initialOpen, placement, delay, triggerOn, }: TooltipProps) => UseTooltipReturn;
+declare const useTooltip: ({ initialOpen, placement, delay, triggerOn, }: TooltipProps) => UseTooltipReturn;
 export type TooltipContext = ReturnType<typeof useTooltip> | null;
 export declare const TooltipProvider: React.Provider<TooltipContext>;
 export declare const useTooltipContext: () => UseTooltipReturn;

package/build/es/components/tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useFloating as t,autoUpdate as n,offset as o,flip as s,shift as r,arrow as a,useRole as i,useDismiss as l,useClick as c,useHover as u,useFocus as p,useInteractions as d}from"@floating-ui/react";import{createContext as m,useState as f,useRef as x,useContext as g}from"react";const h=({initialOpen:e=!1,placement:m="top",delay:g=250,triggerOn:h="hover"})=>{const[k,v]=f(e),w=x(null),O=x(null),T=t({open:k,onOpenChange:v,placement:m,whileElementsMounted:n,middleware:[o(16),s(),r({padding:16}),a({element:w,padding:20})]}),C=i(T.context,{role:"tooltip"}),b=l(T.context,{referencePress:!1}),E=c(T.context,{enabled:"click"===h&&!k}),P=u(T.context,{enabled:"hover"===h,delay:k?0:g}),j=p(T.context,{enabled:"click"!==h||k}),y=d([b,j,C,E,P]);return{triggerOn:h,isOpen:k,setOpen:v,arrowElement:w,...T,refs:{...T.refs,description:O,setDescription:e=>O.current=e},...y}},k=m(null),v=k.Provider,w=()=>{const e=g(k);if(null===e)throw new Error("Tooltip-komponentene kan kun brukes inne i <Tooltip />");return e},O=({children:t,...n})=>{const o=h(n);return e(v,{value:o,children:t})};export{O as Tooltip,v as TooltipProvider,h as useTooltip,w as useTooltipContext};
+import{jsx as e}from"react/jsx-runtime";import{useFloating as t,autoUpdate as n,offset as o,flip as s,shift as r,arrow as a,useRole as i,useDismiss as l,useClick as c,useHover as u,useFocus as p,useInteractions as d}from"@floating-ui/react";import{createContext as m,useContext as f,useState as x,useRef as g}from"react";const h=m(null),k=h.Provider,v=()=>{const e=f(h);if(null===e)throw new Error("Tooltip-komponentene kan kun brukes inne i <Tooltip />");return e},w=({children:m,...f})=>{const h=(({initialOpen:e=!1,placement:m="top",delay:f=250,triggerOn:h="hover"})=>{const[k,v]=x(e),w=g(null),O=g(null),C=t({open:k,onOpenChange:v,placement:m,whileElementsMounted:n,middleware:[o(16),s(),r({padding:16}),a({element:w,padding:8})]}),T=i(C.context,{role:"tooltip"}),b=l(C.context,{referencePress:!1}),E=c(C.context,{enabled:"click"===h&&!k}),P=u(C.context,{enabled:"hover"===h,delay:k?0:f}),j=p(C.context,{enabled:"click"!==h||k}),y=d([b,j,T,E,P]);return{triggerOn:h,isOpen:k,setOpen:v,arrowElement:w,...C,refs:{...C.refs,description:O,setDescription:e=>O.current=e},...y}})(f);return e(k,{value:h,children:m})};export{w as Tooltip,k as TooltipProvider,v as useTooltipContext};
 //# sourceMappingURL=Tooltip.js.map

package/build/es/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n    type Placement,\n    type UseFloatingReturn,\n    arrow,\n    autoUpdate,\n    flip,\n    offset,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { FC, createContext, useContext, useRef, useState } from \"react\";\nimport { type WithChildren } from \"../../core/types.js\";\n\nexport type TooltipPlacement = Extract<\n    Placement,\n    \"top-start\" | \"top-end\" | \"left\" | \"right\" | \"top\"\n>;\n\nexport interface TooltipProps {\n    /**\n     * Sett til true dersom du ønsker at tooltipen skal være åpen som default\n     * @default false\n     */\n    initialOpen?: boolean;\n    /**\n     * Plassering av tooltipen i forhold til triggeren. Tooltipen vil automatisk\n     * bytte posisjon dersom det ikke er plass.\n     * @default \"top\"\n     */\n    placement?: TooltipPlacement;\n    /**\n     * Valgfri forsinkelse før tooltipen åpner. Ignoreres dersom triggerOn er satt til \"click\"\n     * @default 250\n     */\n    delay?: number;\n    /**\n     * Angir om tooltipen skal åpnes ved klikk eller hover\n     * @default \"hover\"\n     */\n    triggerOn?: \"click\" | \"hover\";\n}\n\ntype UseTooltipReturn = {\n    triggerOn: NonNullable<TooltipProps[\"triggerOn\"]>;\n    isOpen: boolean;\n    setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n    arrowElement: React.RefObject<HTMLElement>;\n    refs: {\n        description: React.MutableRefObject<HTMLElement | null>;\n        setDescription: (element: HTMLElement | null) => void;\n    } & UseFloatingReturn[\"refs\"];\n} & UseFloatingReturn &\n    ReturnType<typeof useInteractions>;\n\nexport const useTooltip = ({\n    initialOpen = false,\n    placement = \"top\",\n    delay = 250,\n    triggerOn = \"hover\",\n}: TooltipProps): UseTooltipReturn => {\n    const [isOpen, setOpen] = useState(initialOpen);\n    const arrowElement = useRef<HTMLElement>(null);\n    const description = useRef<HTMLElement | null>(null);\n    const setDescription = (element: HTMLElement | null) =>\n        (description.current = element);\n\n    const data = useFloating({\n        open: isOpen,\n        onOpenChange: setOpen,\n        placement,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(16),\n            flip(),\n            shift({ padding: 16 }),\n            arrow({ element: arrowElement, padding: 20 }),\n        ],\n    });\n\n    const role = useRole(data.context, { role: \"tooltip\" });\n    const dismiss = useDismiss(data.context, { referencePress: false });\n    const click = useClick(data.context, {\n        enabled: triggerOn === \"click\" && !isOpen,\n    });\n    const hover = useHover(data.context, {\n        enabled: triggerOn === \"hover\",\n        delay: isOpen ? 0 : delay,\n    });\n    const focus = useFocus(data.context, {\n        enabled: triggerOn === \"click\" ? isOpen : true,\n    });\n\n    const interactions = useInteractions([dismiss, focus, role, click, hover]);\n\n    return {\n        triggerOn,\n        isOpen,\n        setOpen,\n        arrowElement,\n        ...data,\n        refs: {\n            ...data.refs,\n            description,\n            setDescription,\n        },\n        ...interactions,\n    };\n};\n\nexport type TooltipContext = ReturnType<typeof useTooltip> | null;\n\nconst tooltipContext = createContext<TooltipContext>(null);\n\nexport const TooltipProvider = tooltipContext.Provider;\n\nexport const useTooltipContext = () => {\n    const context = useContext(tooltipContext);\n\n    if (context === null) {\n        throw new Error(\n            \"Tooltip-komponentene kan kun brukes inne i <Tooltip />\",\n        );\n    }\n\n    return context;\n};\n\nexport const Tooltip: FC<TooltipProps & WithChildren> = ({\n    children,\n    ...options\n}) => {\n    const tooltip = useTooltip(options);\n\n    return <TooltipProvider value={tooltip}>{children}</TooltipProvider>;\n};\n"],"names":["useTooltip","initialOpen","placement","delay","triggerOn","isOpen","setOpen","useState","arrowElement","useRef","description","data","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","padding","arrow","element","role","useRole","context","dismiss","useDismiss","referencePress","click","useClick","enabled","hover","useHover","focus","useFocus","interactions","useInteractions","refs","setDescription","current","tooltipContext","createContext","TooltipProvider","Provider","useTooltipContext","useContext","Error","Tooltip","children","options","tooltip","jsx","value"],"mappings":"iUA4DO,MAAMA,EAAa,EACtBC,YAAAA,GAAc,EACdC,UAAAA,EAAY,MACZC,MAAAA,EAAQ,IACRC,UAAAA,EAAY,YAEN,MAACC,EAAQC,GAAWC,EAASN,GAC7BO,EAAeC,EAAoB,MACnCC,EAAcD,EAA2B,MAIzCE,EAAOC,EAAY,CACrBC,KAAMR,EACNS,aAAcR,EACdJ,UAAAA,EACAa,qBAAsBC,EACtBC,WAAY,CACRC,EAAO,IACPC,IACAC,EAAM,CAAEC,QAAS,KACjBC,EAAM,CAAEC,QAASf,EAAca,QAAS,QAI1CG,EAAOC,EAAQd,EAAKe,QAAS,CAAEF,KAAM,YACrCG,EAAUC,EAAWjB,EAAKe,QAAS,CAAEG,gBAAgB,IACrDC,EAAQC,EAASpB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,IAA0BC,IAEjC4B,EAAQC,EAASvB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,EACTD,MAAOE,EAAS,EAAIF,IAElBgC,EAAQC,EAASzB,EAAKe,QAAS,CACjCM,QAAuB,UAAd5B,GAAwBC,IAG/BgC,EAAeC,EAAgB,CAACX,EAASQ,EAAOX,EAAMM,EAAOG,IAE5D,MAAA,CACH7B,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAE,aAAAA,KACGG,EACH4B,KAAM,IACC5B,EAAK4B,KACR7B,YAAAA,EACA8B,eAxCgBjB,GACnBb,EAAY+B,QAAUlB,MAyCpBc,EAAA,EAMLK,EAAiBC,EAA8B,MAExCC,EAAkBF,EAAeG,SAEjCC,EAAoB,KACvBpB,MAAAA,EAAUqB,EAAWL,GAE3B,GAAgB,OAAZhB,EACA,MAAM,IAAIsB,MACN,0DAIDtB,OAAAA,CAAAA,EAGEuB,EAA2C,EACpDC,SAAAA,KACGC,MAEGC,MAAAA,EAAUpD,EAAWmD,GAEnB,OAAAE,EAAAT,EAAA,CAAgBU,MAAOF,EAAUF,SAAAA,GAAS"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n    type Placement,\n    type UseFloatingReturn,\n    arrow,\n    autoUpdate,\n    flip,\n    offset,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { FC, createContext, useContext, useRef, useState } from \"react\";\nimport { type WithChildren } from \"../../core/types.js\";\n\nexport type TooltipPlacement = Extract<\n    Placement,\n    \"top-start\" | \"top-end\" | \"left\" | \"right\" | \"top\"\n>;\n\nexport interface TooltipProps {\n    /**\n     * Sett til true dersom du ønsker at tooltipen skal være åpen som default\n     * @default false\n     */\n    initialOpen?: boolean;\n    /**\n     * Plassering av tooltipen i forhold til triggeren. Tooltipen vil automatisk\n     * bytte posisjon dersom det ikke er plass.\n     * @default \"top\"\n     */\n    placement?: TooltipPlacement;\n    /**\n     * Valgfri forsinkelse før tooltipen åpner. Ignoreres dersom triggerOn er satt til \"click\"\n     * @default 250\n     */\n    delay?: number;\n    /**\n     * Angir om tooltipen skal åpnes ved klikk eller hover\n     * @default \"hover\"\n     */\n    triggerOn?: \"click\" | \"hover\";\n}\n\ntype UseTooltipReturn = {\n    triggerOn: NonNullable<TooltipProps[\"triggerOn\"]>;\n    isOpen: boolean;\n    setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n    arrowElement: React.RefObject<SVGSVGElement>;\n    refs: {\n        description: React.MutableRefObject<HTMLElement | null>;\n        setDescription: (element: HTMLElement | null) => void;\n    } & UseFloatingReturn[\"refs\"];\n} & UseFloatingReturn &\n    ReturnType<typeof useInteractions>;\n\nconst useTooltip = ({\n    initialOpen = false,\n    placement = \"top\",\n    delay = 250,\n    triggerOn = \"hover\",\n}: TooltipProps): UseTooltipReturn => {\n    const [isOpen, setOpen] = useState(initialOpen);\n    const arrowElement = useRef<SVGSVGElement>(null);\n    const description = useRef<HTMLElement | null>(null);\n    const setDescription = (element: HTMLElement | null) =>\n        (description.current = element);\n\n    const data = useFloating({\n        open: isOpen,\n        onOpenChange: setOpen,\n        placement,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(16),\n            flip(),\n            shift({ padding: 16 }),\n            arrow({ element: arrowElement, padding: 8 }),\n        ],\n    });\n\n    const role = useRole(data.context, { role: \"tooltip\" });\n    const dismiss = useDismiss(data.context, { referencePress: false });\n    const click = useClick(data.context, {\n        enabled: triggerOn === \"click\" && !isOpen,\n    });\n    const hover = useHover(data.context, {\n        enabled: triggerOn === \"hover\",\n        delay: isOpen ? 0 : delay,\n    });\n    const focus = useFocus(data.context, {\n        enabled: triggerOn === \"click\" ? isOpen : true,\n    });\n\n    const interactions = useInteractions([dismiss, focus, role, click, hover]);\n\n    return {\n        triggerOn,\n        isOpen,\n        setOpen,\n        arrowElement,\n        ...data,\n        refs: {\n            ...data.refs,\n            description,\n            setDescription,\n        },\n        ...interactions,\n    };\n};\n\nexport type TooltipContext = ReturnType<typeof useTooltip> | null;\n\nconst tooltipContext = createContext<TooltipContext>(null);\n\nexport const TooltipProvider = tooltipContext.Provider;\n\nexport const useTooltipContext = () => {\n    const context = useContext(tooltipContext);\n\n    if (context === null) {\n        throw new Error(\n            \"Tooltip-komponentene kan kun brukes inne i <Tooltip />\",\n        );\n    }\n\n    return context;\n};\n\nexport const Tooltip: FC<TooltipProps & WithChildren> = ({\n    children,\n    ...options\n}) => {\n    const tooltip = useTooltip(options);\n\n    return <TooltipProvider value={tooltip}>{children}</TooltipProvider>;\n};\n"],"names":["tooltipContext","createContext","TooltipProvider","Provider","useTooltipContext","context","useContext","Error","Tooltip","children","options","tooltip","initialOpen","placement","delay","triggerOn","isOpen","setOpen","useState","arrowElement","useRef","description","data","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","padding","arrow","element","role","useRole","dismiss","useDismiss","referencePress","click","useClick","enabled","hover","useHover","focus","useFocus","interactions","useInteractions","refs","setDescription","current","useTooltip","jsx","value"],"mappings":"iUA4DA,MAyDMA,EAAiBC,EAA8B,MAExCC,EAAkBF,EAAeG,SAEjCC,EAAoB,KACvBC,MAAAA,EAAUC,EAAWN,GAE3B,GAAgB,OAAZK,EACA,MAAM,IAAIE,MACN,0DAIDF,OAAAA,CAAAA,EAGEG,EAA2C,EACpDC,SAAAA,KACGC,MAEGC,MAAAA,EA7ES,GACfC,YAAAA,GAAc,EACdC,UAAAA,EAAY,MACZC,MAAAA,EAAQ,IACRC,UAAAA,EAAY,YAEN,MAACC,EAAQC,GAAWC,EAASN,GAC7BO,EAAeC,EAAsB,MACrCC,EAAcD,EAA2B,MAIzCE,EAAOC,EAAY,CACrBC,KAAMR,EACNS,aAAcR,EACdJ,UAAAA,EACAa,qBAAsBC,EACtBC,WAAY,CACRC,EAAO,IACPC,IACAC,EAAM,CAAEC,QAAS,KACjBC,EAAM,CAAEC,QAASf,EAAca,QAAS,OAI1CG,EAAOC,EAAQd,EAAKjB,QAAS,CAAE8B,KAAM,YACrCE,EAAUC,EAAWhB,EAAKjB,QAAS,CAAEkC,gBAAgB,IACrDC,EAAQC,EAASnB,EAAKjB,QAAS,CACjCqC,QAAuB,UAAd3B,IAA0BC,IAEjC2B,EAAQC,EAAStB,EAAKjB,QAAS,CACjCqC,QAAuB,UAAd3B,EACTD,MAAOE,EAAS,EAAIF,IAElB+B,EAAQC,EAASxB,EAAKjB,QAAS,CACjCqC,QAAuB,UAAd3B,GAAwBC,IAG/B+B,EAAeC,EAAgB,CAACX,EAASQ,EAAOV,EAAMK,EAAOG,IAE5D,MAAA,CACH5B,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAE,aAAAA,KACGG,EACH2B,KAAM,IACC3B,EAAK2B,KACR5B,YAAAA,EACA6B,eAxCgBhB,GACnBb,EAAY8B,QAAUjB,MAyCpBa,EAAA,EA0BSK,CAAW1C,GAEnB,OAAA2C,EAAAnD,EAAA,CAAgBoD,MAAO3C,EAAUF,SAAAA,GAAS"}

package/build/es/components/tooltip/TooltipContent.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMergeRefs as r,FloatingPortal as a}from"@floating-ui/react";import{c as i}from"../../../clsx-BeLtu-UY.js";import{LazyMotion as s,domAnimation as o,AnimatePresence as n,m as l}from"framer-motion";import{forwardRef as c}from"react";import{useId as m}from"../../hooks/useId/useId.js";import{getThemeAndDensity as p}from"../../utilities/getThemeAndDensity.js";import{useTooltipContext as d}from"./Tooltip.js";function f(t,e=8){switch(!0){case t.startsWith("top"):return{top:e};case t.startsWith("left"):return{left:e,right:-e};case t.startsWith("bottom"):return{top:-e};case t.startsWith("right"):return{left:-e,right:e};default:return{top:e}}}const u=c((function({className:c,children:u,...h},g){const{triggerOn:y,arrowElement:j,isOpen:x,getFloatingProps:w,placement:k,isPositioned:v,middlewareData:{arrow:T},floatingStyles:A,refs:D}=d(),I=r([g,D.setFloating]),N=m("jkl-tooltip-content"),{density:P,theme:W}=p(D.reference.current);return t(a,{children:t(s,{features:o,children:e(n,{children:["hover"===y&&t("span",{ref:D.setDescription,hidden:!0,children:u},`${N}-trigger`),x&&t("span",{className:"jkl",children:e(l.span,{ref:I,initial:{opacity:0,...f(k,5)},animate:{opacity:1,...f(k,0)},exit:{opacity:0,...f(k,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":k,"aria-live":"click"===y?"assertive":void 0,className:i("jkl-tooltip-content",c),...w({...h,id:N}),style:{...A},"data-theme":W,"data-layout-density":P,children:[u,t("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:j,style:{left:v?`${null==T?void 0:T.x}px`:"",top:v?`${null==T?void 0:T.y}px`:""}})]},N)},`${N}-wrapper`)]})})})}));export{u as TooltipContent};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMergeRefs as r,useTransitionStyles as s,FloatingPortal as o,FloatingArrow as a}from"@floating-ui/react";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as n}from"react";import{useBrowserPreferences as l}from"../../hooks/useBrowserPreferences/useBrowserPreferences.js";import{useId as c}from"../../hooks/useId/useId.js";import{getThemeAndDensity as p}from"../../utilities/getThemeAndDensity.js";import{useTooltipContext as d}from"./Tooltip.js";function m(e,t=0){switch(e){case"top":default:return`0 ${t}px`;case"left":return`${t}px 0`;case"bottom":return`0 ${-t}px`;case"right":return-t+"px 0"}}const f=n((function({className:n,children:f,...u},h){const{triggerOn:g,arrowElement:x,getFloatingProps:y,placement:j,floatingStyles:w,refs:k,context:T}=d(),v=r([h,k.setFloating]),P=c("jkl-tooltip-content"),{prefersReducedMotion:$}=l(),{isMounted:F,styles:A}=s(T,{duration:{open:$?0:250,close:$?0:150},initial:({side:e})=>({opacity:0,translate:m(e,5)}),open:({side:e})=>({opacity:1,translate:m(e,0)}),close:({side:e})=>({opacity:0,translate:m(e,-5)})}),{density:B,theme:D}=p(k.reference.current);return e(o,{children:["hover"===g&&t("span",{ref:k.setDescription,hidden:!0,children:f},`${P}-trigger`),F&&t("span",{className:"jkl",children:e("span",{ref:v,"data-placement":j,"aria-live":"click"===g?"assertive":void 0,"data-theme":D,"data-layout-density":B,className:i("jkl-tooltip-content",n),...y({...u,id:P}),style:{...w,...A},children:[f,t(a,{context:T,ref:x,width:24,height:12,fill:"var(--background-color)"})]},P)},`${P}-wrapper`)]})}));export{f as TooltipContent};
 //# sourceMappingURL=TooltipContent.js.map

package/build/es/components/tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import {\n    type Placement,\n    useMergeRefs,\n    FloatingPortal,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, LazyMotion, domAnimation, m } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { useTooltipContext } from \"./Tooltip.js\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n    switch (true) {\n        case placement.startsWith(\"top\"):\n            return {\n                top: value,\n            };\n        case placement.startsWith(\"left\"):\n            return {\n                left: value,\n                right: -value,\n            };\n        case placement.startsWith(\"bottom\"):\n            return {\n                top: -value,\n            };\n        case placement.startsWith(\"right\"):\n            return {\n                left: -value,\n                right: value,\n            };\n\n        default:\n            return {\n                top: value,\n            };\n    }\n}\n\nexport const TooltipContent = forwardRef<\n    HTMLDivElement,\n    HTMLProps<HTMLDivElement>\n>(function TooltipContent({ className, children, ...props }, forwardedRef) {\n    const {\n        triggerOn,\n        arrowElement,\n        isOpen,\n        getFloatingProps,\n        placement,\n        isPositioned,\n        middlewareData: { arrow },\n        floatingStyles,\n        refs,\n    } = useTooltipContext();\n    const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n    const contentId = useId(\"jkl-tooltip-content\");\n\n    // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    const { density, theme } = getThemeAndDensity(\n        refs.reference.current as HTMLElement,\n    );\n\n    return (\n        <FloatingPortal>\n            <LazyMotion features={domAnimation}>\n                <AnimatePresence>\n                    {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n            tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n                    {triggerOn === \"hover\" && (\n                        <span\n                            ref={refs.setDescription}\n                            hidden\n                            key={`${contentId}-trigger`}\n                        >\n                            {children}\n                        </span>\n                    )}\n                    {isOpen && (\n                        <span className=\"jkl\" key={`${contentId}-wrapper`}>\n                            <m.span\n                                key={contentId}\n                                ref={ref}\n                                initial={{\n                                    opacity: 0,\n                                    ...getPositionAnimation(placement, 5),\n                                }}\n                                animate={{\n                                    opacity: 1,\n                                    ...getPositionAnimation(placement, 0),\n                                }}\n                                exit={{\n                                    opacity: 0,\n                                    ...getPositionAnimation(placement, -5),\n                                    transition: {\n                                        ease: \"easeIn\",\n                                        duration: 0.15,\n                                    },\n                                }}\n                                transition={{ ease: \"easeOut\", duration: 0.25 }}\n                                data-placement={placement}\n                                aria-live={\n                                    triggerOn === \"click\"\n                                        ? \"assertive\"\n                                        : undefined\n                                }\n                                className={clsx(\n                                    \"jkl-tooltip-content\",\n                                    className,\n                                )}\n                                {...getFloatingProps({\n                                    ...props,\n                                    id: contentId,\n                                })}\n                                style={{ ...floatingStyles }}\n                                data-theme={theme}\n                                data-layout-density={density}\n                            >\n                                {children}\n                                <span\n                                    aria-hidden\n                                    className=\"jkl-tooltip-content__arrow\"\n                                    ref={arrowElement}\n                                    style={{\n                                        left: isPositioned\n                                            ? `${arrow?.x}px`\n                                            : \"\",\n                                        top: isPositioned\n                                            ? `${arrow?.y}px`\n                                            : \"\",\n                                    }}\n                                />\n                            </m.span>\n                        </span>\n                    )}\n                </AnimatePresence>\n            </LazyMotion>\n        </FloatingPortal>\n    );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","density","theme","getThemeAndDensity","reference","current","FloatingPortal","jsx","LazyMotion","features","domAnimation","AnimatePresence","setDescription","hidden","jsxs","m","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"idAYA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,GAG5B,UAA0BC,UAAAA,EAAWC,SAAAA,KAAaC,GAASC,GACnD,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,IACEC,EAAMC,EAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,EAAM,wBAIhBC,QAAAA,EAASC,MAAAA,GAAUC,EACvBT,EAAKU,UAAUC,SAGnB,SACKC,EACG,CAAAvB,SAAAwB,EAACC,GAAWC,SAAUC,EAClB3B,WAAC4B,EAGI,CAAA5B,SAAA,CAAc,UAAdG,GACGqB,EAAC,OAAA,CACGX,IAAKF,EAAKkB,eACVC,QAAM,EAGL9B,SAAAA,GAFI,GAAGgB,aAKfX,GACGmB,EAAC,OAAK,CAAAzB,UAAU,MACZC,SAAA+B,EAACC,EAAEC,KAAF,CAEGpB,IAAAA,EACAqB,QAAS,CACLC,QAAS,KACN7C,EAAqBC,EAAW,IAEvC6C,QAAS,CACLD,QAAS,KACN7C,EAAqBC,EAAW,IAEvC8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAa,GACrC+C,WAAY,CACRC,KAAM,SACNC,SAAU,MAGlBF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YACkB,UAAdY,EACM,iBACA,EAEVJ,UAAW0C,EACP,sBACA1C,MAEAO,EAAiB,IACdL,EACHyC,GAAI1B,IAER2B,MAAO,IAAKjC,GACZ,aAAYS,EACZ,sBAAqBD,EAEpBlB,SAAA,CAAAA,EACDwB,EAAC,OAAA,CACG,eAAW,EACXzB,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EACA,GAAG,MAAAE,OAAAA,EAAAA,EAAOmC,MACV,GACNlD,IAAKa,EACC,GAAG,MAAAE,OAAAA,EAAAA,EAAOoC,MACV,QAhDT7B,IAFc,GAAGA,mBA4DtD"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import {\n    FloatingArrow,\n    FloatingPortal,\n    type Side,\n    useMergeRefs,\n    useTransitionStyles,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { useTooltipContext } from \"./Tooltip.js\";\n\nfunction getTranslation(side: Side, value: number = 0) {\n    switch (side) {\n        case \"top\":\n            return `0 ${value}px`;\n        case \"left\":\n            return `${value}px 0`;\n        case \"bottom\":\n            return `0 ${-value}px`;\n        case \"right\":\n            return `${-value}px 0`;\n\n        default:\n            return `0 ${value}px`;\n    }\n}\n\nexport const TooltipContent = forwardRef<\n    HTMLDivElement,\n    HTMLProps<HTMLDivElement>\n>(function TooltipContent({ className, children, ...props }, forwardedRef) {\n    const {\n        triggerOn,\n        arrowElement,\n        getFloatingProps,\n        placement,\n        floatingStyles,\n        refs,\n        context,\n    } = useTooltipContext();\n    const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n    const contentId = useId(\"jkl-tooltip-content\");\n    const { prefersReducedMotion } = useBrowserPreferences();\n    const { isMounted, styles: animationStyles } = useTransitionStyles(\n        context,\n        {\n            duration: {\n                open: prefersReducedMotion ? 0 : 250,\n                close: prefersReducedMotion ? 0 : 150,\n            },\n            initial: ({ side }) => ({\n                opacity: 0,\n                translate: getTranslation(side, 5),\n            }),\n            open: ({ side }) => ({\n                opacity: 1,\n                translate: getTranslation(side, 0),\n            }),\n            close: ({ side }) => ({\n                opacity: 0,\n                translate: getTranslation(side, -5),\n            }),\n        },\n    );\n\n    // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    const { density, theme } = getThemeAndDensity(\n        refs.reference.current as HTMLElement,\n    );\n\n    return (\n        <FloatingPortal>\n            {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n            tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n            {triggerOn === \"hover\" && (\n                <span\n                    ref={refs.setDescription}\n                    hidden\n                    key={`${contentId}-trigger`}\n                >\n                    {children}\n                </span>\n            )}\n            {isMounted && (\n                <span className=\"jkl\" key={`${contentId}-wrapper`}>\n                    <span\n                        key={contentId}\n                        ref={ref}\n                        data-placement={placement}\n                        aria-live={\n                            triggerOn === \"click\" ? \"assertive\" : undefined\n                        }\n                        data-theme={theme}\n                        data-layout-density={density}\n                        className={clsx(\"jkl-tooltip-content\", className)}\n                        {...getFloatingProps({\n                            ...props,\n                            id: contentId,\n                        })}\n                        style={{ ...floatingStyles, ...animationStyles }}\n                    >\n                        {children}\n                        <FloatingArrow\n                            context={context}\n                            ref={arrowElement}\n                            width={24}\n                            height={12}\n                            fill=\"var(--background-color)\"\n                        />\n                    </span>\n                </span>\n            )}\n        </FloatingPortal>\n    );\n});\n"],"names":["getTranslation","side","value","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","getFloatingProps","placement","floatingStyles","refs","context","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","prefersReducedMotion","useBrowserPreferences","isMounted","styles","animationStyles","useTransitionStyles","duration","open","close","initial","opacity","translate","density","theme","getThemeAndDensity","reference","current","FloatingPortal","jsx","setDescription","hidden","jsxs","clsx","id","style","FloatingArrow","width","height","fill"],"mappings":"ugBAcA,SAASA,EAAeC,EAAYC,EAAgB,GAChD,OAAQD,GACJ,IAAK,MASL,QACI,MAAO,KAAKC,MARhB,IAAK,OACD,MAAO,GAAGA,QACd,IAAK,SACM,MAAA,MAAMA,MACjB,IAAK,QACM,OAAIA,EAAJ,OAKnB,CAEa,MAAAC,EAAiBC,GAG5B,UAA0BC,UAAAA,EAAWC,SAAAA,KAAaC,GAASC,GACnD,MACFC,UAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,UAAAA,EACAC,eAAAA,EACAC,KAAAA,EACAC,QAAAA,GACAC,IACEC,EAAMC,EAAa,CAACV,EAAcM,EAAKK,cACvCC,EAAYC,EAAM,wBAChBC,qBAAAA,GAAyBC,KACzBC,UAAAA,EAAWC,OAAQC,GAAoBC,EAC3CZ,EACA,CACIa,SAAU,CACNC,KAAMP,EAAuB,EAAI,IACjCQ,MAAOR,EAAuB,EAAI,KAEtCS,QAAS,EAAG9B,KAAAA,MAAY,CACpB+B,QAAS,EACTC,UAAWjC,EAAeC,EAAM,KAEpC4B,KAAM,EAAG5B,KAAAA,MAAY,CACjB+B,QAAS,EACTC,UAAWjC,EAAeC,EAAM,KAEpC6B,MAAO,EAAG7B,KAAAA,MAAY,CAClB+B,QAAS,EACTC,UAAWjC,EAAeC,GAAQ,QAOtCiC,QAAAA,EAASC,MAAAA,GAAUC,EACvBtB,EAAKuB,UAAUC,SAGnB,SACKC,EAGI,CAAAjC,SAAA,CAAc,UAAdG,GACG+B,EAAC,OAAA,CACGvB,IAAKH,EAAK2B,eACVC,QAAM,EAGLpC,SAAAA,GAFI,GAAGc,aAKfI,GACGgB,EAAC,OAAK,CAAAnC,UAAU,MACZC,SAAAqC,EAAC,OAAA,CAEG1B,IAAAA,EACA,iBAAgBL,EAChB,YACkB,UAAdH,EAAwB,iBAAc,EAE1C,aAAY0B,EACZ,sBAAqBD,EACrB7B,UAAWuC,EAAK,sBAAuBvC,MACnCM,EAAiB,IACdJ,EACHsC,GAAIzB,IAER0B,MAAO,IAAKjC,KAAmBa,GAE9BpB,SAAA,CAAAA,EACDkC,EAACO,EAAA,CACGhC,QAAAA,EACAE,IAAKP,EACLsC,MAAO,GACPC,OAAQ,GACRC,KAAK,8BArBJ9B,IAFc,GAAGA,eA8B9C"}

package/build/es/components/tooltip/TooltipTrigger.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as r}from"@floating-ui/react";import{c as t}from"../../../clsx-BeLtu-UY.js";import o,{forwardRef as s}from"react";import{useTooltipContext as n}from"./Tooltip.js";const l=s((function({children:s,className:l,...i},a){var p,c;const{isOpen:f,setOpen:m,getReferenceProps:u,refs:d,triggerOn:g}=n(),x=s.ref,j=r([x,d.setReference,a]),b=()=>{"click"===g&&m(!1)},B=[null==(p=d.reference.current)?void 0:p.textContent,null==(c=d.description.current)?void 0:c.textContent].filter(Boolean).join(". ");return o.isValidElement(s)?o.cloneElement(s,u({ref:j,"aria-label":B,...s.props,...i,className:t(s.props.className,l),"data-tooltip-shown":f,style:{...s.props.style},tabIndex:"click"===g?0:void 0,onBlur:()=>{s.props.onBlur&&s.props.onBlur(),b()}})):e("button",{"data-tooltip-shown":f,...u({className:t(l,"jkl-tooltip-trigger"),type:"button",ref:j,onBlur:b,"aria-label":B,...i}),children:s})}));export{l as TooltipTrigger};
+import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as r}from"@floating-ui/react";import{c as t}from"../../../clsx-BeLtu-UY.js";import o,{forwardRef as l}from"react";import{useTooltipContext as n}from"./Tooltip.js";const s=l((function({children:l,className:s,...a},i){var p,c;const{isOpen:f,setOpen:u,getReferenceProps:m,refs:d,triggerOn:g}=n(),x=l.ref,j=r([x,d.setReference,i]),b=()=>{"click"===g&&u(!1)},v=[null==(p=d.reference.current)?void 0:p.textContent,null==(c=d.description.current)?void 0:c.textContent].map((e=>null==e?void 0:e.replaceAll(/[\ue003-\uf8aa]/g,""))).filter(Boolean).join(". ");return o.isValidElement(l)?o.cloneElement(l,m({ref:j,"aria-label":v,...l.props,...a,className:t(l.props.className,s),"data-tooltip-shown":f,style:{...l.props.style},tabIndex:"click"===g?0:void 0,onBlur:()=>{l.props.onBlur&&l.props.onBlur(),b()}})):e("button",{"data-tooltip-shown":f,...m({className:t(s,"jkl-tooltip-trigger"),type:"button",ref:j,onBlur:b,"aria-label":v,...a}),children:l})}));export{s as TooltipTrigger};
 //# sourceMappingURL=TooltipTrigger.js.map

package/build/es/components/tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","sources":["../../../../src/components/tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { useMergeRefs } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { forwardRef, type HTMLProps } from \"react\";\nimport { useTooltipContext } from \"./Tooltip.js\";\n\nexport const TooltipTrigger = forwardRef<HTMLElement, HTMLProps<HTMLElement>>(\n    function TooltipTrigger({ children, className, ...props }, forwardedRef) {\n        const { isOpen, setOpen, getReferenceProps, refs, triggerOn } =\n            useTooltipContext();\n        const childrenRef = (children as any).ref;\n        const ref = useMergeRefs([\n            childrenRef,\n            refs.setReference,\n            forwardedRef,\n        ]);\n\n        const handleBlur = () => {\n            triggerOn === \"click\" && setOpen(false);\n        };\n\n        const ariaLabel = [\n            (refs.reference.current as HTMLElement | null)?.textContent,\n            refs.description.current?.textContent,\n        ]\n            .filter(Boolean)\n            .join(\". \");\n\n        if (React.isValidElement(children)) {\n            return React.cloneElement(\n                children,\n                getReferenceProps({\n                    ref,\n                    \"aria-label\": ariaLabel,\n                    ...children.props,\n                    ...props,\n                    className: clsx(children.props.className, className),\n                    \"data-tooltip-shown\": isOpen,\n                    style: { ...children.props.style },\n                    tabIndex: triggerOn === \"click\" ? 0 : undefined,\n                    onBlur: () => {\n                        children.props.onBlur && children.props.onBlur();\n                        handleBlur();\n                    },\n                }),\n            );\n        }\n\n        return (\n            <button\n                data-tooltip-shown={isOpen}\n                {...getReferenceProps({\n                    className: clsx(className, \"jkl-tooltip-trigger\"),\n                    // Sørg for at vi ikke sender inn skjemaer ved klikk på knappen\n                    type: \"button\",\n                    ref,\n                    onBlur: handleBlur,\n                    \"aria-label\": ariaLabel,\n                    ...props,\n                })}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n"],"names":["TooltipTrigger","forwardRef","children","className","props","forwardedRef","isOpen","setOpen","getReferenceProps","refs","triggerOn","useTooltipContext","childrenRef","ref","useMergeRefs","setReference","handleBlur","ariaLabel","_a","reference","current","textContent","_b","description","filter","Boolean","join","React","isValidElement","cloneElement","clsx","style","tabIndex","onBlur","jsx","type"],"mappings":"+NAKO,MAAMA,EAAiBC,GAC1B,UAA0BC,SAAAA,EAAUC,UAAAA,KAAcC,GAASC,WACvD,MAAQC,OAAAA,EAAQC,QAAAA,EAASC,kBAAAA,EAAmBC,KAAAA,EAAMC,UAAAA,GAC9CC,IACEC,EAAeV,EAAiBW,IAChCA,EAAMC,EAAa,CACrBF,EACAH,EAAKM,aACLV,IAGEW,EAAa,KACD,UAAAN,GAAWH,GAAQ,EAAK,EAGpCU,EAAY,CACb,OAAAC,EAAAT,EAAKU,UAAUC,gBAAfF,EAA+CG,YAChD,OAAAC,EAAAb,EAAKc,YAAYH,gBAAjBE,EAA0BD,aAEzBG,OAAOC,SACPC,KAAK,MAEN,OAAAC,EAAMC,eAAe1B,GACdyB,EAAME,aACT3B,EACAM,EAAkB,CACdK,IAAAA,EACA,aAAcI,KACXf,EAASE,SACTA,EACHD,UAAW2B,EAAK5B,EAASE,MAAMD,UAAWA,GAC1C,qBAAsBG,EACtByB,MAAO,IAAK7B,EAASE,MAAM2B,OAC3BC,SAAwB,UAAdtB,EAAwB,OAAI,EACtCuB,OAAQ,KACJ/B,EAASE,MAAM6B,QAAU/B,EAASE,MAAM6B,SAC7BjB,QAOvBkB,EAAC,SAAA,CACG,qBAAoB5B,KAChBE,EAAkB,CAClBL,UAAW2B,EAAK3B,EAAW,uBAE3BgC,KAAM,SACNtB,IAAAA,EACAoB,OAAQjB,EACR,aAAcC,KACXb,IAGNF,SAAAA,GAGb"}
+{"version":3,"file":"TooltipTrigger.js","sources":["../../../../src/components/tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { useMergeRefs } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { forwardRef, type HTMLProps } from \"react\";\nimport { useTooltipContext } from \"./Tooltip.js\";\n\nexport const TooltipTrigger = forwardRef<HTMLElement, HTMLProps<HTMLElement>>(\n    function TooltipTrigger({ children, className, ...props }, forwardedRef) {\n        const { isOpen, setOpen, getReferenceProps, refs, triggerOn } =\n            useTooltipContext();\n        const childrenRef = (children as any).ref;\n        const ref = useMergeRefs([\n            childrenRef,\n            refs.setReference,\n            forwardedRef,\n        ]);\n\n        const handleBlur = () => {\n            triggerOn === \"click\" && setOpen(false);\n        };\n\n        const filterMaterialSymbols = (\n            maybeText: string | null | undefined,\n        ) => {\n            return maybeText?.replaceAll(/[\\ue003-\\uf8aa]/g, \"\");\n        };\n\n        const ariaLabel = [\n            (refs.reference.current as HTMLElement | null)?.textContent,\n            refs.description.current?.textContent,\n        ]\n            .map(filterMaterialSymbols)\n            .filter(Boolean)\n            .join(\". \");\n\n        if (React.isValidElement(children)) {\n            return React.cloneElement(\n                children,\n                getReferenceProps({\n                    ref,\n                    \"aria-label\": ariaLabel,\n                    ...children.props,\n                    ...props,\n                    className: clsx(children.props.className, className),\n                    \"data-tooltip-shown\": isOpen,\n                    style: { ...children.props.style },\n                    tabIndex: triggerOn === \"click\" ? 0 : undefined,\n                    onBlur: () => {\n                        children.props.onBlur && children.props.onBlur();\n                        handleBlur();\n                    },\n                }),\n            );\n        }\n\n        return (\n            <button\n                data-tooltip-shown={isOpen}\n                {...getReferenceProps({\n                    className: clsx(className, \"jkl-tooltip-trigger\"),\n                    // Sørg for at vi ikke sender inn skjemaer ved klikk på knappen\n                    type: \"button\",\n                    ref,\n                    onBlur: handleBlur,\n                    \"aria-label\": ariaLabel,\n                    ...props,\n                })}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n"],"names":["TooltipTrigger","forwardRef","children","className","props","forwardedRef","isOpen","setOpen","getReferenceProps","refs","triggerOn","useTooltipContext","childrenRef","ref","useMergeRefs","setReference","handleBlur","ariaLabel","_a","reference","current","textContent","_b","description","map","maybeText","replaceAll","filter","Boolean","join","React","isValidElement","cloneElement","clsx","style","tabIndex","onBlur","jsx","type"],"mappings":"+NAKO,MAAMA,EAAiBC,GAC1B,UAA0BC,SAAAA,EAAUC,UAAAA,KAAcC,GAASC,WACvD,MAAQC,OAAAA,EAAQC,QAAAA,EAASC,kBAAAA,EAAmBC,KAAAA,EAAMC,UAAAA,GAC9CC,IACEC,EAAeV,EAAiBW,IAChCA,EAAMC,EAAa,CACrBF,EACAH,EAAKM,aACLV,IAGEW,EAAa,KACD,UAAAN,GAAWH,GAAQ,EAAK,EASpCU,EAAY,CACb,OAAAC,EAAAT,EAAKU,UAAUC,gBAAfF,EAA+CG,YAChD,OAAAC,EAAAb,EAAKc,YAAYH,gBAAjBE,EAA0BD,aAEzBG,KATDC,GAEO,MAAAA,SAAAA,EAAWC,WAAW,mBAAoB,MAQhDC,OAAOC,SACPC,KAAK,MAEN,OAAAC,EAAMC,eAAe7B,GACd4B,EAAME,aACT9B,EACAM,EAAkB,CACdK,IAAAA,EACA,aAAcI,KACXf,EAASE,SACTA,EACHD,UAAW8B,EAAK/B,EAASE,MAAMD,UAAWA,GAC1C,qBAAsBG,EACtB4B,MAAO,IAAKhC,EAASE,MAAM8B,OAC3BC,SAAwB,UAAdzB,EAAwB,OAAI,EACtC0B,OAAQ,KACJlC,EAASE,MAAMgC,QAAUlC,EAASE,MAAMgC,SAC7BpB,QAOvBqB,EAAC,SAAA,CACG,qBAAoB/B,KAChBE,EAAkB,CAClBL,UAAW8B,EAAK9B,EAAW,uBAE3BmC,KAAM,SACNzB,IAAAA,EACAuB,OAAQpB,EACR,aAAcC,KACXb,IAGNF,SAAAA,GAGb"}

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as k,isWithinLowerBound as h,isWithinUpperBound as C}from"./components/datepicker/validation.js";import{dayMonthYearRegex as S,formatInput as v,isBlurTargetOutside as M,parseDateString as L}from"./components/datepicker/utils.js";import{DatePicker as A}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{Flex as x}from"./components/flex/Flex.js";import{DescriptionDetail as B,DescriptionList as w,DescriptionTerm as P}from"./components/description-list/DescriptionList.js";import{Expander as F}from"./components/expander/Expander.js";import{ExpandSection as D}from"./components/expander/ExpandSection.js";import{Icon as N}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as V}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as y}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as O}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as G}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as H}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as W}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as U}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as K}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as X}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as _}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as z}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Q}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as J}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as Y}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as q}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as Z}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as $}from"./components/icon/icons/DotsIcon.js";import{DragIcon as oo}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as so}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as eo}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as ao}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as to}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as ro}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as no}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as io}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as mo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as po}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as co}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as lo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as uo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as fo}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as go}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as jo}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as bo}from"./components/icon/icons/PenIcon.js";import{IconButton as Io}from"./components/icon-button/IconButton.js";import{Image as To}from"./components/image/Image.js";import{FieldGroup as ko}from"./components/input-group/FieldGroup.js";import{InputGroup as ho}from"./components/input-group/InputGroup.js";import{Label as Co}from"./components/input-group/Label.js";import{SupportLabel as So}from"./components/input-group/SupportLabel.js";import{Link as vo}from"./components/link/Link.js";import{NavLink as Mo}from"./components/link/NavLink.js";import{LinkList as Lo}from"./components/link-list/LinkList.js";import{List as Ao,OrderedList as Eo,UnorderedList as Ro}from"./components/list/List.js";import{CheckListItem as xo,CrossListItem as Bo,ListItem as wo}from"./components/list/ListItem.js";import{Loader as Po}from"./components/loader/Loader.js";import{SkeletonAnimation as Fo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Do}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as No}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Vo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as yo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Oo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Go,SkeletonTableHeader as Ho,SkeletonTableRow as Wo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Uo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Ko}from"./components/logo/Logo.js";import{LogoStamp as Xo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as _o}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as zo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Qo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Jo}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Yo}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as qo}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as Zo}from"./components/menu/Menu.js";import{MenuItem as $o}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as os}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as ss}from"./components/menu/MenuDivider.js";import{ErrorMessage as es,InfoMessage as as,SuccessMessage as ts,WarningMessage as rs}from"./components/message/Message.js";import{FormErrorMessage as ns}from"./components/message/FormErrorMessage.js";import{Modal as is,ModalActions as ms,ModalBody as ps,ModalCloseButton as cs,ModalContainer as ls,ModalHeader as us,ModalOverlay as ds,ModalTitle as fs}from"./components/modal/Modal.js";import{useModal as gs}from"./components/modal/useModal.js";import{Pagination as js}from"./components/pagination/Pagination.js";import{Popover as bs}from"./components/popover/Popover.js";import{Countdown as Is}from"./components/progress-bar/Countdown.js";import{ProgressBar as Ts}from"./components/progress-bar/ProgressBar.js";import{RadioButton as ks}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as hs}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Cs}from"./components/radio-button/BaseRadioButton.js";import{RadioPanel as Ss}from"./components/radio-panel/RadioPanel.js";import{Select as vs}from"./components/select/Select.js";import{NativeSelect as Ms}from"./components/select/NativeSelect.js";import{SummaryTable as Ls}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as As}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Es,InfoSystemMessage as Rs,SuccessSystemMessage as xs,WarningSystemMessage as Bs}from"./components/system-message/SystemMessage.js";import{DataTable as ws}from"./components/table/DataTable.js";import{Table as Ps}from"./components/table/Table.js";import{TableBody as Fs}from"./components/table/TableBody.js";import{TableCaption as Ds}from"./components/table/TableCaption.js";import{TableCell as Ns}from"./components/table/TableCell.js";import{TableColumn as Vs}from"./components/table/TableColumn.js";import{TableColumnGroup as ys}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Os,useTableContext as Gs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Hs,useTableSectionContext as Ws}from"./components/table/tableSectionContext.js";import{TableFooter as Us}from"./components/table/TableFooter.js";import{TableHead as Ks}from"./components/table/TableHead.js";import{TableHeader as Xs}from"./components/table/TableHeader.js";import{TablePagination as _s}from"./components/table/TablePagination.js";import{TableRow as zs}from"./components/table/TableRow.js";import{ExpandableTableRow as Qs}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as Js}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as Ys}from"./components/table/utils.js";import{NavTab as qs}from"./components/tabs/NavTab.js";import{NavTabs as Zs}from"./components/tabs/NavTabs.js";import{Tabs as $s}from"./components/tabs/Tabs.js";import{TabList as oe}from"./components/tabs/TabList.js";import{Tab as se}from"./components/tabs/Tab.js";import{TabPanel as ee}from"./components/tabs/TabPanel.js";import{ErrorTag as ae,InfoTag as te,SuccessTag as re,Tag as ne,WarningTag as ie}from"./components/tag/Tag.js";import{BaseTextArea as me}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as pe}from"./components/text-input/BaseTextInput.js";import{TextArea as ce}from"./components/text-input/TextArea.js";import{TextInput as le}from"./components/text-input/TextInput.js";import{ToastProvider as ue,useToast as de}from"./components/toast/toastContext.js";import{ToggleSwitch as fe}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as ge}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as je}from"./components/tooltip/Tooltip.js";import{TooltipContent as be}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Ie}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Te}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as ke}from"./components/ScreenReaderOnly.js";import{default as he}from"./core/tokens.js";import{useAnimatedDetails as Ce}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Se}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as ve}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Me}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Le}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Ae}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Ee}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Re}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as xe}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Be}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as we}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Pe}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Fe}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as De}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ne}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Ve}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as ye}from"./hooks/useId/useId.js";import{useKeyListener as Oe}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Ge}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as He}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as We}from"../index-DfvUcA5T.js";import{formatNumber as Ue}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ke}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Xe,registerWithKontonummerMask as _e,registerWithKortnummerMask as ze,registerWithMasks as Qe,registerWithTelefonnummerMask as Je}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ye}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as qe}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Ze}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as $e,formatFodselsnummer as oa}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as sa,formatOrganisasjonsnummer as ea}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as aa,formatKontonummer as ta}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ra,formatKortnummer as na}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ia,formatTelefonnummer as ma}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as pa}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as ca}from"./utilities/getThemeAndDensity.js";import{mergeProps as la}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as ua}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as da}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as fa}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ga}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ja}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as ba}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as Ia}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Ta}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ka}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as ha}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as Ca}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as Sa}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as va}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as Ma}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as La}from"./utilities/tabListener.js";import{getValuePair as Aa}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,G as ArrowDownIcon,y as ArrowHorizontalAnimated,H as ArrowLeftIcon,W as ArrowNorthEastIcon,U as ArrowRightIcon,K as ArrowUpIcon,V as ArrowVerticalAnimated,Cs as BaseRadioButton,me as BaseTextArea,pe as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,X as CalendarIcon,m as Card,p as CardImage,_ as CheckIcon,xo as CheckListItem,f as Checkbox,z as ChevronDownIcon,Q as ChevronLeftIcon,J as ChevronRightIcon,Y as ChevronUpIcon,q as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,Z as CopyIcon,Is as Countdown,Bo as CrossListItem,ws as DataTable,A as DatePicker,B as DescriptionDetail,w as DescriptionList,P as DescriptionTerm,$ as DotsIcon,oo as DragIcon,so as ErrorIcon,es as ErrorMessage,Es as ErrorSystemMessage,ae as ErrorTag,D as ExpandSection,Qs as ExpandableTableRow,Js as ExpandableTableRowController,F as Expander,$e as FODSELSNUMMER_REGEX,E as Feedback,ko as FieldGroup,x as Flex,ns as FormErrorMessage,_o as ForsikringLevertAvFremtind,zo as FraSB1ogDNB,eo as GreenCheckIcon,ao as HamburgerIcon,N as Icon,Io as IconButton,To as Image,c as InfoBlock,d as InfoCard,to as InfoIcon,as as InfoMessage,Rs as InfoSystemMessage,te as InfoTag,Qo as InnovasjonFraFremtind,ho as InputGroup,aa as KONTONUMMER_REGEX,ra as KORTNUMMER_REGEX,Co as Label,vo as Link,ro as LinkIcon,Lo as LinkList,Ao as List,wo as ListItem,Po as Loader,Ko as Logo,Xo as LogoStamp,Zo as Menu,ss as MenuDivider,$o as MenuItem,os as MenuItemCheckbox,uo as MinusIcon,is as Modal,ms as ModalActions,ps as ModalBody,cs as ModalCloseButton,ls as ModalContainer,us as ModalHeader,ds as ModalOverlay,fs as ModalTitle,Ms as NativeSelect,l as NavCard,Mo as NavLink,qs as NavTab,Zs as NavTabs,sa as ORGANISASJONSNUMMER_REGEX,Eo as OrderedList,R as PRESETS,js as Pagination,bo as PenIcon,no as PlusIcon,O as PlusRemoveAnimated,bs as Popover,Te as PopupTip,r as PrimaryButton,Ts as ProgressBar,io as QuestionIcon,ks as RadioButton,hs as RadioButtonGroup,Ss as RadioPanel,mo as RedCrossIcon,ke as ScreenReaderOnly,po as SearchIcon,n as SecondaryButton,vs as Select,Fo as SkeletonAnimation,Do as SkeletonButton,No as SkeletonCheckboxGroup,Vo as SkeletonElement,yo as SkeletonInput,Oo as SkeletonRadioButtonGroup,Go as SkeletonTable,Ho as SkeletonTableHeader,Wo as SkeletonTableRow,Uo as SkeletonTextArea,da as SlotComponent,co as SuccessIcon,ts as SuccessMessage,xs as SuccessSystemMessage,re as SuccessTag,Ls as SummaryTable,As as SummaryTableRow,So as SupportLabel,ia as TELEFONNUMMER_REGEX,se as Tab,oe as TabList,ee as TabPanel,Ps as Table,Fs as TableBody,Ds as TableCaption,Ns as TableCell,Vs as TableColumn,ys as TableColumnGroup,Os as TableContextProvider,Us as TableFooter,Ks as TableHead,Xs as TableHeader,_s as TablePagination,zs as TableRow,Hs as TableSectionContextProvider,$s as Tabs,ne as Tag,u as TaskCard,Jo as TeknologiFraFremtind,i as TertiaryButton,ce as TextArea,le as TextInput,fo as ThumbDownIcon,go as ThumbUpIcon,ue as ToastProvider,ge as ToggleSlider,fe as ToggleSwitch,je as Tooltip,be as TooltipContent,Ie as TooltipTrigger,jo as TrashCanIcon,Ro as UnorderedList,Yo as VartEgetForsikringsselskap,qo as VartForsikringsselskap,lo as WarningIcon,rs as WarningMessage,Bs as WarningSystemMessage,ie as WarningTag,S as dayMonthYearRegex,Ye as formatAvstand,qe as formatBytes,Ze as formatDate,oa as formatFodselsnummer,v as formatInput,ta as formatKontonummer,na as formatKortnummer,Ue as formatNumber,ea as formatOrganisasjonsnummer,ma as formatTelefonnummer,pa as formatValuta,j as getComboboxValuePair,ca as getThemeAndDensity,Aa as getValuePair,va as hasMinimumWords,Ma as hasNoIllegalCharacters,La as initTabListener,M as isBlurTargetOutside,k as isCorrectFormat,Ta as isExactLength,ka as isInteger,ba as isValidChassisnummer,Ia as isValidDogId,fa as isValidEpost,ha as isValidFodselsnummer,Sa as isValidName,Ca as isValidOrganisasjonsnummer,ja as isValidRegistreringsnummer,ga as isValidTelefonnummer,h as isWithinLowerBound,C as isWithinUpperBound,la as mergeProps,ua as mergeRefs,L as parseDateString,Ke as parseNumber,Xe as registerWithFodselsnummerMask,_e as registerWithKontonummerMask,ze as registerWithKortnummerMask,Qe as registerWithMasks,Je as registerWithTelefonnummerMask,he as tokens,We as unicode,Ce as useAnimatedDetails,Se as useAnimatedHeight,ve as useAnimatedHeightBetween,Fe as useAriaLiveRegion,Me as useAutoAnimatedHeight,Le as useBrowserPreferences,De as useClickOutside,T as useCookieConsent,Ve as useElementDimensions,Ne as useFocusOutside,ye as useId,Ae as useIntersectionObserver,Oe as useKeyListener,Ge as useListNavigation,Ee as useLocalStorage,gs as useModal,Re as useMutationObserver,xe as usePreviousValue,Be as useProgressiveImg,we as useScreen,Pe as useScrollIntoView,Ys as useSortableTableHeader,He as useSwipeGesture,Gs as useTableContext,Ws as useTableSectionContext,de as useToast};
+import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{DatePicker as k}from"./components/datepicker/DatePicker.js";import{isCorrectFormat as C,isWithinLowerBound as h,isWithinUpperBound as S}from"./components/datepicker/validation.js";import{formatInput as v,isBlurTargetOutside as M,parseDateString as L}from"./components/datepicker/utils.js";import{Feedback as A}from"./components/feedback/Feedback.js";import{PRESETS as E}from"./components/feedback/presets.js";import{Flex as R}from"./components/flex/Flex.js";import{DescriptionDetail as x,DescriptionList as B,DescriptionTerm as P}from"./components/description-list/DescriptionList.js";import{Expander as w}from"./components/expander/Expander.js";import{ExpandSection as F}from"./components/expander/ExpandSection.js";import{Icon as D}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as N}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as V}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as y}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as O}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as G}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as H}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as W}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as U}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as K}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as X}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as _}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as z}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as Q}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as J}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as q}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as Y}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as Z}from"./components/icon/icons/DotsIcon.js";import{DragIcon as $}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as oo}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as so}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as eo}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as ao}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as to}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as ro}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as no}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as io}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as mo}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as po}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as co}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as lo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as uo}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as fo}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as go}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as jo}from"./components/icon/icons/PenIcon.js";import{IconButton as bo}from"./components/icon-button/IconButton.js";import{Image as Io}from"./components/image/Image.js";import{FieldGroup as To}from"./components/input-group/FieldGroup.js";import{InputGroup as ko}from"./components/input-group/InputGroup.js";import{Label as Co}from"./components/input-group/Label.js";import{SupportLabel as ho}from"./components/input-group/SupportLabel.js";import{CheckboxPanel as So}from"./components/input-panel/CheckboxPanel.js";import{RadioPanel as vo}from"./components/input-panel/RadioPanel.js";import{RadioPanelGroup as Mo}from"./components/input-panel/RadioPanelGroup.js";import{Link as Lo}from"./components/link/Link.js";import{NavLink as Ao}from"./components/link/NavLink.js";import{LinkList as Eo}from"./components/link-list/LinkList.js";import{List as Ro,OrderedList as xo,UnorderedList as Bo}from"./components/list/List.js";import{CheckListItem as Po,CrossListItem as wo,ListItem as Fo}from"./components/list/ListItem.js";import{Loader as Do}from"./components/loader/Loader.js";import{SkeletonAnimation as No}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Vo}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as yo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Oo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Go}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Ho}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Wo,SkeletonTableHeader as Uo,SkeletonTableRow as Ko}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Xo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as _o}from"./components/logo/Logo.js";import{LogoStamp as zo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Qo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as Jo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as qo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Yo}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Zo}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as $o}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as os}from"./components/menu/Menu.js";import{MenuItem as ss}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as es}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as as}from"./components/menu/MenuDivider.js";import{ErrorMessage as ts,InfoMessage as rs,SuccessMessage as ns,WarningMessage as is}from"./components/message/Message.js";import{FormErrorMessage as ms}from"./components/message/FormErrorMessage.js";import{Modal as ps,ModalActions as cs,ModalBody as ls,ModalCloseButton as us,ModalContainer as ds,ModalHeader as fs,ModalOverlay as gs,ModalTitle as js}from"./components/modal/Modal.js";import{useModal as bs}from"./components/modal/useModal.js";import{Pagination as Is}from"./components/pagination/Pagination.js";import{Popover as Ts}from"./components/popover/Popover.js";import{Countdown as ks}from"./components/progress-bar/Countdown.js";import{ProgressBar as Cs}from"./components/progress-bar/ProgressBar.js";import{RadioButton as hs}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Ss}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as vs}from"./components/radio-button/BaseRadioButton.js";import{Select as Ms}from"./components/select/Select.js";import{NativeSelect as Ls}from"./components/select/NativeSelect.js";import{SummaryTable as As}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Es}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Rs,InfoSystemMessage as xs,SuccessSystemMessage as Bs,WarningSystemMessage as Ps}from"./components/system-message/SystemMessage.js";import{DataTable as ws}from"./components/table/DataTable.js";import{Table as Fs}from"./components/table/Table.js";import{TableBody as Ds}from"./components/table/TableBody.js";import{TableCaption as Ns}from"./components/table/TableCaption.js";import{TableCell as Vs}from"./components/table/TableCell.js";import{TableColumn as ys}from"./components/table/TableColumn.js";import{TableColumnGroup as Os}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Gs,useTableContext as Hs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Ws,useTableSectionContext as Us}from"./components/table/tableSectionContext.js";import{TableFooter as Ks}from"./components/table/TableFooter.js";import{TableHead as Xs}from"./components/table/TableHead.js";import{TableHeader as _s}from"./components/table/TableHeader.js";import{TablePagination as zs}from"./components/table/TablePagination.js";import{TableRow as Qs}from"./components/table/TableRow.js";import{ExpandableTableRow as Js}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as qs}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as Ys}from"./components/table/utils.js";import{NavTab as Zs}from"./components/tabs/NavTab.js";import{NavTabs as $s}from"./components/tabs/NavTabs.js";import{Tabs as oe}from"./components/tabs/Tabs.js";import{TabList as se}from"./components/tabs/TabList.js";import{Tab as ee}from"./components/tabs/Tab.js";import{TabPanel as ae}from"./components/tabs/TabPanel.js";import{ErrorTag as te,InfoTag as re,SuccessTag as ne,Tag as ie,WarningTag as me}from"./components/tag/Tag.js";import{BaseTextArea as pe}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ce}from"./components/text-input/BaseTextInput.js";import{TextArea as le}from"./components/text-input/TextArea.js";import{TextInput as ue}from"./components/text-input/TextInput.js";import{ToastProvider as de,useToast as fe}from"./components/toast/toastContext.js";import{ToggleSwitch as ge}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as je}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as be}from"./components/tooltip/Tooltip.js";import{TooltipContent as Ie}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Te}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as ke}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as Ce}from"./components/ScreenReaderOnly.js";import{default as he}from"./core/tokens.js";import{useAnimatedDetails as Se}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as ve}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Me}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Le}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Ae}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Ee}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Re}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as xe}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Be}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Pe}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as we}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Fe}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as De}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Ne}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ve}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as ye}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Oe}from"./hooks/useId/useId.js";import{useKeyListener as Ge}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as He}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as We}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Ue}from"../index-DfvUcA5T.js";import{formatNumber as Ke}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Xe}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as _e,registerWithKontonummerMask as ze,registerWithKortnummerMask as Qe,registerWithMasks as Je,registerWithTelefonnummerMask as qe}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ye}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ze}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as $e}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as oa,formatFodselsnummer as sa}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as ea,formatOrganisasjonsnummer as aa}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as ta,formatKontonummer as ra}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as na,formatKortnummer as ia}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ma,formatTelefonnummer as pa}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ca}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as la}from"./utilities/getThemeAndDensity.js";import{mergeProps as ua}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as da}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as fa}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as ga}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ja}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ba}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as Ia}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as Ta}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as ka}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as Ca}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as ha}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as Sa}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as va}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Ma}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as La}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Aa}from"./utilities/tabListener.js";import{getValuePair as Ea}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,O as ArrowDownIcon,V as ArrowHorizontalAnimated,G as ArrowLeftIcon,H as ArrowNorthEastIcon,W as ArrowRightIcon,U as ArrowUpIcon,N as ArrowVerticalAnimated,vs as BaseRadioButton,pe as BaseTextArea,ce as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,K as CalendarIcon,m as Card,p as CardImage,X as CheckIcon,Po as CheckListItem,f as Checkbox,So as CheckboxPanel,_ as ChevronDownIcon,z as ChevronLeftIcon,Q as ChevronRightIcon,J as ChevronUpIcon,q as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,Y as CopyIcon,ks as Countdown,wo as CrossListItem,ws as DataTable,k as DatePicker,x as DescriptionDetail,B as DescriptionList,P as DescriptionTerm,Z as DotsIcon,$ as DragIcon,oo as ErrorIcon,ts as ErrorMessage,Rs as ErrorSystemMessage,te as ErrorTag,F as ExpandSection,Js as ExpandableTableRow,qs as ExpandableTableRowController,w as Expander,oa as FODSELSNUMMER_REGEX,A as Feedback,To as FieldGroup,R as Flex,ms as FormErrorMessage,Qo as ForsikringLevertAvFremtind,Jo as FraSB1ogDNB,so as GreenCheckIcon,eo as HamburgerIcon,D as Icon,bo as IconButton,Io as Image,c as InfoBlock,d as InfoCard,ao as InfoIcon,rs as InfoMessage,xs as InfoSystemMessage,re as InfoTag,qo as InnovasjonFraFremtind,ko as InputGroup,ta as KONTONUMMER_REGEX,na as KORTNUMMER_REGEX,Co as Label,Lo as Link,to as LinkIcon,Eo as LinkList,Ro as List,Fo as ListItem,Do as Loader,_o as Logo,zo as LogoStamp,os as Menu,as as MenuDivider,ss as MenuItem,es as MenuItemCheckbox,lo as MinusIcon,ps as Modal,cs as ModalActions,ls as ModalBody,us as ModalCloseButton,ds as ModalContainer,fs as ModalHeader,gs as ModalOverlay,js as ModalTitle,Ls as NativeSelect,l as NavCard,Ao as NavLink,Zs as NavTab,$s as NavTabs,ea as ORGANISASJONSNUMMER_REGEX,xo as OrderedList,E as PRESETS,Is as Pagination,jo as PenIcon,ro as PlusIcon,y as PlusRemoveAnimated,Ts as Popover,ke as PopupTip,r as PrimaryButton,Cs as ProgressBar,no as QuestionIcon,hs as RadioButton,Ss as RadioButtonGroup,vo as RadioPanel,Mo as RadioPanelGroup,io as RedCrossIcon,Ce as ScreenReaderOnly,mo as SearchIcon,n as SecondaryButton,Ms as Select,No as SkeletonAnimation,Vo as SkeletonButton,yo as SkeletonCheckboxGroup,Oo as SkeletonElement,Go as SkeletonInput,Ho as SkeletonRadioButtonGroup,Wo as SkeletonTable,Uo as SkeletonTableHeader,Ko as SkeletonTableRow,Xo as SkeletonTextArea,fa as SlotComponent,po as SuccessIcon,ns as SuccessMessage,Bs as SuccessSystemMessage,ne as SuccessTag,As as SummaryTable,Es as SummaryTableRow,ho as SupportLabel,ma as TELEFONNUMMER_REGEX,ee as Tab,se as TabList,ae as TabPanel,Fs as Table,Ds as TableBody,Ns as TableCaption,Vs as TableCell,ys as TableColumn,Os as TableColumnGroup,Gs as TableContextProvider,Ks as TableFooter,Xs as TableHead,_s as TableHeader,zs as TablePagination,Qs as TableRow,Ws as TableSectionContextProvider,oe as Tabs,ie as Tag,u as TaskCard,Yo as TeknologiFraFremtind,i as TertiaryButton,le as TextArea,ue as TextInput,uo as ThumbDownIcon,fo as ThumbUpIcon,de as ToastProvider,je as ToggleSlider,ge as ToggleSwitch,be as Tooltip,Ie as TooltipContent,Te as TooltipTrigger,go as TrashCanIcon,Bo as UnorderedList,Zo as VartEgetForsikringsselskap,$o as VartForsikringsselskap,co as WarningIcon,is as WarningMessage,Ps as WarningSystemMessage,me as WarningTag,Ye as formatAvstand,Ze as formatBytes,$e as formatDate,sa as formatFodselsnummer,v as formatInput,ra as formatKontonummer,ia as formatKortnummer,Ke as formatNumber,aa as formatOrganisasjonsnummer,pa as formatTelefonnummer,ca as formatValuta,j as getComboboxValuePair,la as getThemeAndDensity,Ea as getValuePair,Ma as hasMinimumWords,La as hasNoIllegalCharacters,Aa as initTabListener,M as isBlurTargetOutside,C as isCorrectFormat,ka as isExactLength,Ca as isInteger,Ia as isValidChassisnummer,Ta as isValidDogId,ga as isValidEpost,ha as isValidFodselsnummer,va as isValidName,Sa as isValidOrganisasjonsnummer,ba as isValidRegistreringsnummer,ja as isValidTelefonnummer,h as isWithinLowerBound,S as isWithinUpperBound,ua as mergeProps,da as mergeRefs,L as parseDateString,Xe as parseNumber,_e as registerWithFodselsnummerMask,ze as registerWithKontonummerMask,Qe as registerWithKortnummerMask,Je as registerWithMasks,qe as registerWithTelefonnummerMask,he as tokens,Ue as unicode,Se as useAnimatedDetails,ve as useAnimatedHeight,Me as useAnimatedHeightBetween,De as useAriaLiveRegion,Le as useAutoAnimatedHeight,Ae as useBrowserPreferences,Ne as useClickOutside,T as useCookieConsent,ye as useElementDimensions,Ve as useFocusOutside,Oe as useId,Ee as useIntersectionObserver,Ge as useKeyListener,He as useListNavigation,Re as useLocalStorage,bs as useModal,xe as useMutationObserver,Be as usePreviousValue,Pe as useProgressiveImg,we as useScreen,Fe as useScrollIntoView,Ys as useSortableTableHeader,We as useSwipeGesture,Hs as useTableContext,Us as useTableSectionContext,fe as useToast};
 //# sourceMappingURL=index.js.map