@fremtind/jokul 0.66.2 → 0.68.0

package/build/cjs/components/tag/stories/Tag.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.cjs","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../Tag.js\";\n\nconst meta = {\n    title: \"Komponenter/Tag\",\n    component: Tag,\n    tags: [\"autodocs\"],\n    args: {\n        children: \"Hei\",\n    },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n    name: \"Tag\",\n    render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n    name: \"Success Tag\",\n    render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n    name: \"Info Tag\",\n    render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n    name: \"Warning Tag\",\n    render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n    name: \"Error Tag\",\n    render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"yKAKMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EAAAA,IACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAA,IAAAP,EAAAA,IAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAE,EAAAA,WAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAA,IAAAI,EAAAA,QAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAM,EAAAA,WAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAA,IAAAQ,EAAAA,SAAA,IAAab"}
+{"version":3,"file":"Tag.stories.cjs","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../Tag.js\";\n\nconst meta = {\n    title: \"Komponenter/Tag\",\n    component: Tag,\n    tags: [\"autodocs\"],\n    args: {\n        children: \"Hei\",\n    },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n    name: \"Tag\",\n    render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n    name: \"Success Tag\",\n    render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n    name: \"Info Tag\",\n    render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n    name: \"Warning Tag\",\n    render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n    name: \"Error Tag\",\n    render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"gMAKMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EAAAA,IACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAA,IAAAP,EAAAA,IAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAE,EAAAA,WAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAA,IAAAI,EAAAA,QAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAA,IAAAM,EAAAA,WAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAA,IAAAQ,EAAAA,SAAA,IAAab"}

package/build/cjs/components/toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@react-aria/toast"),e=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),n=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs"),a=require("../countdown/Countdown.cjs"),r=require("../icon-button/IconButton.cjs"),i=require("../icon/icons/CloseIcon.cjs"),c=require("../icon/icons/ErrorIcon.cjs"),l=require("../icon/icons/InfoIcon.cjs"),u=require("../icon/icons/SuccessIcon.cjs"),j=require("../icon/icons/WarningIcon.cjs"),m=s=>{switch(s){case"error":return t.jsx(c.ErrorIcon,{className:"jkl-toast__icon"});case"info":return t.jsx(l.InfoIcon,{className:"jkl-toast__icon"});case"success":return t.jsx(u.SuccessIcon,{className:"jkl-toast__icon"});case"warning":return t.jsx(j.WarningIcon,{className:"jkl-toast__icon"});default:return null}};exports.Toast=function({className:c,state:l,...u}){var j;const d=o.useRef(null),{toastProps:k,titleProps:f}=s.useToast(u,l,d),x="string"==typeof u.toast.content?u.toast.content:u.toast.content.content,_="string"==typeof u.toast.content?void 0:u.toast.content.title,v=null==(null==(j=u.toast.timer)?void 0:j.timerId),{prefersReducedMotion:g}=n.useBrowserPreferences();return o.useEffect((()=>{g&&"exiting"===u.toast.animation&&l.remove(u.toast.key)}),[g,u.toast.animation,u.toast.key,l]),t.jsxs("div",{...k,ref:d,className:e.clsx("jkl-toast",{"jkl-toast--info":"info"===u.toast.variant,"jkl-toast--error":"error"===u.toast.variant,"jkl-toast--warning":"warning"===u.toast.variant,"jkl-toast--success":"success"===u.toast.variant},c),"data-animation":u.toast.animation,onAnimationEnd:()=>{"exiting"===u.toast.animation&&l.remove(u.toast.key)},children:[t.jsx("span",{className:"jkl-toast__progress",children:u.toast.timeout?t.jsx(a.Countdown,{from:u.toast.timeout,isPaused:v,onAnimationEnd:t=>{t.stopPropagation()}}):null}),m(u.toast.variant),t.jsxs("div",{...f,className:"jkl-toast__content",children:[_&&t.jsx("p",{className:"jkl-toast__title",children:_}),t.jsx("p",{className:"jkl-toast__message",children:x})]}),t.jsx(r.IconButton,{"data-theme":u.toast.variant?"light":void 0,"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{l.close(u.toast.key)},children:t.jsx(i.CloseIcon,{})})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@react-aria/toast"),o=require("../../../clsx-E3yX_9sL.cjs"),e=require("react"),n=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs"),a=require("../button/Button.cjs"),r=require("../countdown/Countdown.cjs"),c=require("../icon-button/IconButton.cjs"),i=require("../icon/icons/CloseIcon.cjs"),l=require("../icon/icons/ErrorIcon.cjs"),u=require("../icon/icons/InfoIcon.cjs"),j=require("../icon/icons/SuccessIcon.cjs"),m=require("../icon/icons/WarningIcon.cjs"),d=s=>{switch(s){case"error":return t.jsx(l.ErrorIcon,{className:"jkl-toast__icon"});case"info":return t.jsx(u.InfoIcon,{className:"jkl-toast__icon"});case"success":return t.jsx(j.SuccessIcon,{className:"jkl-toast__icon"});case"warning":return t.jsx(m.WarningIcon,{className:"jkl-toast__icon"});default:return null}};exports.Toast=function({className:l,state:u,...j}){var m;const k=e.useRef(null),{toastProps:x,titleProps:_}=s.useToast(j,u,k),f="string"==typeof j.toast.content?j.toast.content:j.toast.content.content,v="string"==typeof j.toast.content?void 0:j.toast.content.title,g=null==(null==(m=j.toast.timer)?void 0:m.timerId),{prefersReducedMotion:p}=n.useBrowserPreferences();return e.useEffect((()=>{p&&"exiting"===j.toast.animation&&u.remove(j.toast.key)}),[p,j.toast.animation,j.toast.key,u]),t.jsxs("div",{...x,ref:k,className:o.clsx("jkl-toast",{"jkl-toast--info":"info"===j.toast.variant,"jkl-toast--error":"error"===j.toast.variant,"jkl-toast--warning":"warning"===j.toast.variant,"jkl-toast--success":"success"===j.toast.variant},l),"data-animation":j.toast.animation,onAnimationEnd:()=>{"exiting"===j.toast.animation&&u.remove(j.toast.key)},children:[t.jsx("span",{className:"jkl-toast__progress",children:j.toast.timeout?t.jsx(r.Countdown,{from:j.toast.timeout,isPaused:g,onAnimationEnd:t=>{t.stopPropagation()}}):null}),d(j.toast.variant),t.jsxs("div",{..._,className:"jkl-toast__content",children:[v&&t.jsx("p",{className:"jkl-toast__title",children:v}),t.jsx("p",{className:"jkl-toast__message",children:f}),j.toast.action&&t.jsx("div",{className:"jkl-toast__action",children:t.jsx(a.Button,{variant:"secondary",density:"compact",onClick:j.toast.action.onClick,children:j.toast.action.label})})]}),t.jsx(c.IconButton,{"data-theme":j.toast.variant?"light":void 0,"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{u.close(j.toast.key)},children:t.jsx(i.CloseIcon,{})})]})};
 //# sourceMappingURL=Toast.cjs.map

package/build/cjs/components/toast/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/toast/Toast.tsx"],"sourcesContent":["import { type AriaToastProps, useToast } from \"@react-aria/toast\";\nimport type { QueuedToast, ToastState } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React, { useEffect, useRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport { Countdown } from \"../countdown/Countdown.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { InfoIcon } from \"../icon/icons/InfoIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { ToastContent, ToastOptions } from \"./types.js\";\n\ninterface ToastProps<T extends ToastContent> extends AriaToastProps<T> {\n    className?: string;\n    state: ToastState<T>;\n    toast: QueuedToast<T> & ToastOptions;\n}\n\nconst getIcon = (messageType?: \"error\" | \"info\" | \"success\" | \"warning\") => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-toast__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-toast__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-toast__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-toast__icon\" />;\n        default:\n            return null;\n    }\n};\n\nexport function Toast<T extends ToastContent>({\n    className,\n    state,\n    ...props\n}: ToastProps<T>) {\n    const ref = useRef(null);\n    const { toastProps, titleProps } = useToast(props, state, ref);\n\n    const content =\n        typeof props.toast.content === \"string\"\n            ? props.toast.content\n            : props.toast.content.content;\n    const title =\n        typeof props.toast.content === \"string\"\n            ? undefined\n            : props.toast.content.title;\n\n    // @ts-ignore Proxy for å sjekke om timeren er pauset: https://github.com/adobe/react-spectrum/blob/b1545c0d225b12672fb6a4e7b787268591d66b90/packages/%40react-stately/toast/src/useToastState.ts#L222\n    const isPaused = props.toast.timer?.timerId == null;\n\n    const { prefersReducedMotion } = useBrowserPreferences();\n\n    useEffect(() => {\n        if (prefersReducedMotion && props.toast.animation === \"exiting\") {\n            // If user has prefers-reduced-motion the exit animation won't run and our\n            // onAnimationEnd callback won't be invoked. In this case, remove the toast\n            // manually.\n            state.remove(props.toast.key);\n        }\n    }, [prefersReducedMotion, props.toast.animation, props.toast.key, state]);\n\n    return (\n        <div\n            {...toastProps}\n            ref={ref}\n            className={clsx(\n                \"jkl-toast\",\n                {\n                    \"jkl-toast--info\": props.toast.variant === \"info\",\n                    \"jkl-toast--error\": props.toast.variant === \"error\",\n                    \"jkl-toast--warning\": props.toast.variant === \"warning\",\n                    \"jkl-toast--success\": props.toast.variant === \"success\",\n                },\n                className,\n            )}\n            data-animation={props.toast.animation}\n            onAnimationEnd={() => {\n                // Remove the toast when the exiting animation completes.\n                if (props.toast.animation === \"exiting\") {\n                    state.remove(props.toast.key);\n                }\n            }}\n        >\n            <span className=\"jkl-toast__progress\">\n                {props.toast.timeout ? (\n                    <Countdown\n                        from={props.toast.timeout}\n                        isPaused={isPaused}\n                        onAnimationEnd={(e) => {\n                            // Avoid triggering the toast's onAnimationEnd handler so we still get our exit animation\n                            e.stopPropagation();\n                        }}\n                    />\n                ) : null}\n            </span>\n            {getIcon(props.toast.variant)}\n            <div {...titleProps} className=\"jkl-toast__content\">\n                {title && <p className=\"jkl-toast__title\">{title}</p>}\n                <p className=\"jkl-toast__message\">{content}</p>\n            </div>\n            <IconButton\n                data-theme={!props.toast.variant ? undefined : \"light\"}\n                aria-label=\"Lukk varsel\"\n                className=\"jkl-toast__dismiss-button\"\n                onClick={() => {\n                    state.close(props.toast.key);\n                }}\n            >\n                <CloseIcon />\n            </IconButton>\n        </div>\n    );\n}\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","state","props","ref","useRef","toastProps","titleProps","useToast","content","toast","title","isPaused","_a","timer","timerId","prefersReducedMotion","useBrowserPreferences","useEffect","animation","remove","key","jsxs","clsx","variant","onAnimationEnd","children","timeout","Countdown","from","e","stopPropagation","IconButton","onClick","close","CloseIcon"],"mappings":"2jBAoBMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,UAAU,oBAChC,IAAK,OACM,OAAAF,EAAAA,IAACG,EAASA,SAAA,CAAAD,UAAU,oBAC/B,IAAK,UACM,OAAAF,EAAAA,IAACI,EAAYA,YAAA,CAAAF,UAAU,oBAClC,IAAK,UACM,OAAAF,EAAAA,IAACK,EAAYA,YAAA,CAAAH,UAAU,oBAClC,QACW,OAAA,KACf,gBAGG,UACHA,UAAAA,EACAI,MAAAA,KACGC,UAEG,MAAAC,EAAMC,SAAO,OACXC,WAAAA,EAAYC,WAAAA,GAAeC,EAASA,SAAAL,EAAOD,EAAOE,GAEpDK,EAC6B,iBAAxBN,EAAMO,MAAMD,QACbN,EAAMO,MAAMD,QACZN,EAAMO,MAAMD,QAAQA,QACxBE,EAC6B,iBAAxBR,EAAMO,MAAMD,aACb,EACAN,EAAMO,MAAMD,QAAQE,MAGxBC,EAAyC,OAA9B,OAAAC,EAAAV,EAAMO,MAAMI,YAAZD,EAAAA,EAAmBE,UAE5BC,qBAAAA,GAAyBC,EAAAA,wBAEjCC,OAAAA,EAAAA,WAAU,KACFF,GAAkD,YAA1Bb,EAAMO,MAAMS,WAI9BjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,GAEjC,CAACL,EAAsBb,EAAMO,MAAMS,UAAWhB,EAAMO,MAAMW,IAAKnB,IAG9DoB,EAAAA,KAAC,MAAA,IACOhB,EACJF,IAAAA,EACAN,UAAWyB,EAAAA,KACP,YACA,CACI,kBAA2C,SAAxBpB,EAAMO,MAAMc,QAC/B,mBAA4C,UAAxBrB,EAAMO,MAAMc,QAChC,qBAA8C,YAAxBrB,EAAMO,MAAMc,QAClC,qBAA8C,YAAxBrB,EAAMO,MAAMc,SAEtC1B,GAEJ,iBAAgBK,EAAMO,MAAMS,UAC5BM,eAAgB,KAEkB,YAA1BtB,EAAMO,MAAMS,WACNjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,EAIpCK,SAAA,CAAA9B,MAAC,OAAK,CAAAE,UAAU,sBACX4B,SAAAvB,EAAMO,MAAMiB,QACT/B,EAAAA,IAACgC,EAAAA,UAAA,CACGC,KAAM1B,EAAMO,MAAMiB,QAClBf,SAAAA,EACAa,eAAiBK,IAEbA,EAAEC,iBAAgB,IAG1B,OAEPrC,EAAQS,EAAMO,MAAMc,SACpBF,EAAAA,KAAA,MAAA,IAAQf,EAAYT,UAAU,qBAC1B4B,SAAA,CAAAf,GAAUf,EAAAA,IAAA,IAAA,CAAEE,UAAU,mBAAoB4B,SAAMf,IAChDf,EAAAA,IAAA,IAAA,CAAEE,UAAU,qBAAsB4B,SAAQjB,OAE/Cb,EAAAA,IAACoC,EAAAA,WAAA,CACG,aAAa7B,EAAMO,MAAMc,QAAsB,aAAZ,EACnC,aAAW,cACX1B,UAAU,4BACVmC,QAAS,KACC/B,EAAAgC,MAAM/B,EAAMO,MAAMW,IAAG,EAG/BK,eAACS,EAAUA,UAAA,QAI3B"}
+{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/toast/Toast.tsx"],"sourcesContent":["import { type AriaToastProps, useToast } from \"@react-aria/toast\";\nimport type { QueuedToast, ToastState } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React, { useEffect, useRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport { Button } from \"../button/Button.js\";\nimport { Countdown } from \"../countdown/Countdown.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { InfoIcon } from \"../icon/icons/InfoIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { ToastContent, ToastOptions } from \"./types.js\";\n\nexport interface ToastProps<T extends ToastContent> extends AriaToastProps<T> {\n    className?: string;\n    state: ToastState<T>;\n    toast: QueuedToast<T> & ToastOptions;\n}\n\nconst getIcon = (messageType?: \"error\" | \"info\" | \"success\" | \"warning\") => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-toast__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-toast__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-toast__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-toast__icon\" />;\n        default:\n            return null;\n    }\n};\n\nexport function Toast<T extends ToastContent>({\n    className,\n    state,\n    ...props\n}: ToastProps<T>) {\n    const ref = useRef(null);\n    const { toastProps, titleProps } = useToast(props, state, ref);\n\n    const content =\n        typeof props.toast.content === \"string\"\n            ? props.toast.content\n            : props.toast.content.content;\n    const title =\n        typeof props.toast.content === \"string\"\n            ? undefined\n            : props.toast.content.title;\n\n    // @ts-ignore Proxy for å sjekke om timeren er pauset: https://github.com/adobe/react-spectrum/blob/b1545c0d225b12672fb6a4e7b787268591d66b90/packages/%40react-stately/toast/src/useToastState.ts#L222\n    const isPaused = props.toast.timer?.timerId == null;\n\n    const { prefersReducedMotion } = useBrowserPreferences();\n\n    useEffect(() => {\n        if (prefersReducedMotion && props.toast.animation === \"exiting\") {\n            // If user has prefers-reduced-motion the exit animation won't run and our\n            // onAnimationEnd callback won't be invoked. In this case, remove the toast\n            // manually.\n            state.remove(props.toast.key);\n        }\n    }, [prefersReducedMotion, props.toast.animation, props.toast.key, state]);\n\n    return (\n        <div\n            {...toastProps}\n            ref={ref}\n            className={clsx(\n                \"jkl-toast\",\n                {\n                    \"jkl-toast--info\": props.toast.variant === \"info\",\n                    \"jkl-toast--error\": props.toast.variant === \"error\",\n                    \"jkl-toast--warning\": props.toast.variant === \"warning\",\n                    \"jkl-toast--success\": props.toast.variant === \"success\",\n                },\n                className,\n            )}\n            data-animation={props.toast.animation}\n            onAnimationEnd={() => {\n                // Remove the toast when the exiting animation completes.\n                if (props.toast.animation === \"exiting\") {\n                    state.remove(props.toast.key);\n                }\n            }}\n        >\n            <span className=\"jkl-toast__progress\">\n                {props.toast.timeout ? (\n                    <Countdown\n                        from={props.toast.timeout}\n                        isPaused={isPaused}\n                        onAnimationEnd={(e) => {\n                            // Avoid triggering the toast's onAnimationEnd handler so we still get our exit animation\n                            e.stopPropagation();\n                        }}\n                    />\n                ) : null}\n            </span>\n            {getIcon(props.toast.variant)}\n            <div {...titleProps} className=\"jkl-toast__content\">\n                {title && <p className=\"jkl-toast__title\">{title}</p>}\n                <p className=\"jkl-toast__message\">{content}</p>\n                {props.toast.action && (\n                    <div className=\"jkl-toast__action\">\n                        <Button\n                            variant=\"secondary\"\n                            density=\"compact\"\n                            onClick={props.toast.action.onClick}\n                        >\n                            {props.toast.action.label}\n                        </Button>\n                    </div>\n                )}\n            </div>\n            <IconButton\n                data-theme={!props.toast.variant ? undefined : \"light\"}\n                aria-label=\"Lukk varsel\"\n                className=\"jkl-toast__dismiss-button\"\n                onClick={() => {\n                    state.close(props.toast.key);\n                }}\n            >\n                <CloseIcon />\n            </IconButton>\n        </div>\n    );\n}\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","state","props","ref","useRef","toastProps","titleProps","useToast","content","toast","title","isPaused","_a","timer","timerId","prefersReducedMotion","useBrowserPreferences","useEffect","animation","remove","key","jsxs","clsx","variant","onAnimationEnd","children","timeout","Countdown","from","e","stopPropagation","action","Button","density","onClick","label","IconButton","close","CloseIcon"],"mappings":"6lBAqBMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,UAAU,oBAChC,IAAK,OACM,OAAAF,EAAAA,IAACG,EAASA,SAAA,CAAAD,UAAU,oBAC/B,IAAK,UACM,OAAAF,EAAAA,IAACI,EAAYA,YAAA,CAAAF,UAAU,oBAClC,IAAK,UACM,OAAAF,EAAAA,IAACK,EAAYA,YAAA,CAAAH,UAAU,oBAClC,QACW,OAAA,KACf,gBAGG,UACHA,UAAAA,EACAI,MAAAA,KACGC,UAEG,MAAAC,EAAMC,SAAO,OACXC,WAAAA,EAAYC,WAAAA,GAAeC,EAASA,SAAAL,EAAOD,EAAOE,GAEpDK,EAC6B,iBAAxBN,EAAMO,MAAMD,QACbN,EAAMO,MAAMD,QACZN,EAAMO,MAAMD,QAAQA,QACxBE,EAC6B,iBAAxBR,EAAMO,MAAMD,aACb,EACAN,EAAMO,MAAMD,QAAQE,MAGxBC,EAAyC,OAA9B,OAAAC,EAAAV,EAAMO,MAAMI,YAAZD,EAAAA,EAAmBE,UAE5BC,qBAAAA,GAAyBC,EAAAA,wBAEjCC,OAAAA,EAAAA,WAAU,KACFF,GAAkD,YAA1Bb,EAAMO,MAAMS,WAI9BjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,GAEjC,CAACL,EAAsBb,EAAMO,MAAMS,UAAWhB,EAAMO,MAAMW,IAAKnB,IAG9DoB,EAAAA,KAAC,MAAA,IACOhB,EACJF,IAAAA,EACAN,UAAWyB,EAAAA,KACP,YACA,CACI,kBAA2C,SAAxBpB,EAAMO,MAAMc,QAC/B,mBAA4C,UAAxBrB,EAAMO,MAAMc,QAChC,qBAA8C,YAAxBrB,EAAMO,MAAMc,QAClC,qBAA8C,YAAxBrB,EAAMO,MAAMc,SAEtC1B,GAEJ,iBAAgBK,EAAMO,MAAMS,UAC5BM,eAAgB,KAEkB,YAA1BtB,EAAMO,MAAMS,WACNjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,EAIpCK,SAAA,CAAA9B,MAAC,OAAK,CAAAE,UAAU,sBACX4B,SAAAvB,EAAMO,MAAMiB,QACT/B,EAAAA,IAACgC,EAAAA,UAAA,CACGC,KAAM1B,EAAMO,MAAMiB,QAClBf,SAAAA,EACAa,eAAiBK,IAEbA,EAAEC,iBAAgB,IAG1B,OAEPrC,EAAQS,EAAMO,MAAMc,SACpBF,EAAAA,KAAA,MAAA,IAAQf,EAAYT,UAAU,qBAC1B4B,SAAA,CAAAf,GAAUf,EAAAA,IAAA,IAAA,CAAEE,UAAU,mBAAoB4B,SAAMf,IAChDf,EAAAA,IAAA,IAAA,CAAEE,UAAU,qBAAsB4B,SAAQjB,IAC1CN,EAAMO,MAAMsB,QACRpC,EAAAA,IAAA,MAAA,CAAIE,UAAU,oBACX4B,SAAA9B,EAAAA,IAACqC,EAAAA,OAAA,CACGT,QAAQ,YACRU,QAAQ,UACRC,QAAShC,EAAMO,MAAMsB,OAAOG,QAE3BT,SAAAvB,EAAMO,MAAMsB,OAAOI,aAKpCxC,EAAAA,IAACyC,EAAAA,WAAA,CACG,aAAalC,EAAMO,MAAMc,QAAsB,aAAZ,EACnC,aAAW,cACX1B,UAAU,4BACVqC,QAAS,KACCjC,EAAAoC,MAAMnC,EAAMO,MAAMW,IAAG,EAG/BK,eAACa,EAAUA,UAAA,QAI3B"}

package/build/cjs/components/toast/Toast.d.cts

@@ -2,10 +2,9 @@ import { AriaToastProps } from '@react-aria/toast';
 import { QueuedToast, ToastState } from '@react-stately/toast';
 import { default as React } from 'react';
 import { ToastContent, ToastOptions } from './types.cjs';
-interface ToastProps<T extends ToastContent> extends AriaToastProps<T> {
+export interface ToastProps<T extends ToastContent> extends AriaToastProps<T> {
     className?: string;
     state: ToastState<T>;
     toast: QueuedToast<T> & ToastOptions;
 }
 export declare function Toast<T extends ToastContent>({ className, state, ...props }: ToastProps<T>): React.JSX.Element;
-export {};

package/build/cjs/components/toast/stories/Toast.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Toast.cjs"),n={title:"Komponenter/Toast",component:t.Toast,tags:["autodocs"],argTypes:{toast:{description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Info","Error","Success","Warning","Ingen"],mapping:{Info:{content:"Hei verden",key:"",variant:"info"},Error:{content:"Hei verden",key:"",variant:"error"},Success:{content:"Hei verden",key:"",variant:"success"},Warning:{content:"Hei verden",key:"",variant:"warning"},Ingen:{content:"Hei verden",key:""}}}},args:{state:{add:()=>"e",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:"Hei verden",key:"",variant:"info"}}},r={render:n=>e.jsx(t.Toast,{...n})};exports.Toast=r,exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");/* empty css                             */const t=require("../Toast.cjs"),n={title:"Komponenter/Toast",component:t.Toast,tags:["autodocs"],argTypes:{toast:{description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Info","Error","Success","Warning","Ingen"],mapping:{Info:{content:"Utkastet er slettet",key:"",variant:"info",action:{label:"Angre",onClick:()=>{}}},Error:{content:"Hei verden",key:"",variant:"error"},Success:{content:"Hei verden",key:"",variant:"success"},Warning:{content:"Hei verden",key:"",variant:"warning"},Ingen:{content:"Hei verden",key:""}}}},args:{state:{add:()=>"e",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:"Hei verden",key:"",variant:"info"}}},r={render:n=>e.jsx(t.Toast,{...n})};exports.Toast=r,exports.default=n;
 //# sourceMappingURL=Toast.stories.cjs.map

package/build/cjs/components/toast/stories/Toast.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.cjs","sources":["../../../../../src/components/toast/stories/Toast.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Toast as ToastComponent } from \"../Toast.js\";\n\nconst meta = {\n    title: \"Komponenter/Toast\",\n    component: ToastComponent,\n    tags: [\"autodocs\"],\n    argTypes: {\n        toast: {\n            description:\n                \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n            options: [\"Info\", \"Error\", \"Success\", \"Warning\", \"Ingen\"],\n            mapping: {\n                Info: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"info\",\n                },\n                Error: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"error\",\n                },\n                Success: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"success\",\n                },\n                Warning: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"warning\",\n                },\n                Ingen: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                },\n            },\n        },\n    },\n    args: {\n        state: {\n            add: () => \"e\",\n            close: () => \"\",\n            pauseAll: () => \"\",\n            remove: () => \"\",\n            resumeAll: () => \"\",\n            visibleToasts: [\n                { content: \"Hei verden\", key: Date.now().toString() },\n            ],\n        },\n        toast: {\n            content: \"Hei verden\",\n            key: \"\",\n            variant: \"info\",\n        },\n    },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Toast: Story = {\n    render: (args) => <ToastComponent {...args} />,\n};\n"],"names":["meta","title","component","ToastComponent","Toast","tags","argTypes","toast","description","options","mapping","Info","content","key","variant","Error","Success","Warning","Ingen","args","state","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","render","jsx"],"mappings":"2KAKMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAC,MACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,YACI,8EACJC,QAAS,CAAC,OAAQ,QAAS,UAAW,UAAW,SACjDC,QAAS,CACLC,KAAM,CACFC,QAAS,aACTC,IAAK,GACLC,QAAS,QAEbC,MAAO,CACHH,QAAS,aACTC,IAAK,GACLC,QAAS,SAEbE,QAAS,CACLJ,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbG,QAAS,CACLL,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbI,MAAO,CACHN,QAAS,aACTC,IAAK,OAKrBM,KAAM,CACFC,MAAO,CACHC,IAAK,IAAM,IACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEd,QAAS,aAAcC,IAAKc,KAAKC,MAAMC,cAGjDtB,MAAO,CACHK,QAAS,aACTC,IAAK,GACLC,QAAS,UAQRV,EAAe,CACxB0B,OAASX,GAAUY,EAAAA,IAAA5B,EAAAA,MAAA,IAAmBgB"}
+{"version":3,"file":"Toast.stories.cjs","sources":["../../../../../src/components/toast/stories/Toast.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Toast as ToastComponent } from \"../Toast.js\";\nimport \"../../button/styles/button.scss\";\n\nconst meta = {\n    title: \"Komponenter/Toast\",\n    component: ToastComponent,\n    tags: [\"autodocs\"],\n    argTypes: {\n        toast: {\n            description:\n                \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n            options: [\"Info\", \"Error\", \"Success\", \"Warning\", \"Ingen\"],\n            mapping: {\n                Info: {\n                    content: \"Utkastet er slettet\",\n                    key: \"\",\n                    variant: \"info\",\n                    action: {\n                        label: \"Angre\",\n                        onClick: () => {},\n                    },\n                },\n                Error: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"error\",\n                },\n                Success: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"success\",\n                },\n                Warning: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    variant: \"warning\",\n                },\n                Ingen: {\n                    content: \"Hei verden\",\n                    key: \"\",\n                },\n            },\n        },\n    },\n    args: {\n        state: {\n            add: () => \"e\",\n            close: () => \"\",\n            pauseAll: () => \"\",\n            remove: () => \"\",\n            resumeAll: () => \"\",\n            visibleToasts: [\n                { content: \"Hei verden\", key: Date.now().toString() },\n            ],\n        },\n        toast: {\n            content: \"Hei verden\",\n            key: \"\",\n            variant: \"info\",\n        },\n    },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Toast: Story = {\n    render: (args) => <ToastComponent {...args} />,\n};\n"],"names":["meta","title","component","ToastComponent","Toast","tags","argTypes","toast","description","options","mapping","Info","content","key","variant","action","label","onClick","Error","Success","Warning","Ingen","args","state","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","render","jsx"],"mappings":"6OAMMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAC,MACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,YACI,8EACJC,QAAS,CAAC,OAAQ,QAAS,UAAW,UAAW,SACjDC,QAAS,CACLC,KAAM,CACFC,QAAS,sBACTC,IAAK,GACLC,QAAS,OACTC,OAAQ,CACJC,MAAO,QACPC,QAAS,SAGjBC,MAAO,CACHN,QAAS,aACTC,IAAK,GACLC,QAAS,SAEbK,QAAS,CACLP,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbM,QAAS,CACLR,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbO,MAAO,CACHT,QAAS,aACTC,IAAK,OAKrBS,KAAM,CACFC,MAAO,CACHC,IAAK,IAAM,IACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEjB,QAAS,aAAcC,IAAKiB,KAAKC,MAAMC,cAGjDzB,MAAO,CACHK,QAAS,aACTC,IAAK,GACLC,QAAS,UAQRV,EAAe,CACxB6B,OAASX,GAAUY,EAAAA,IAAA/B,EAAAA,MAAA,IAAmBmB"}

package/build/cjs/components/toast/stories/Toast.stories.d.cts

@@ -13,6 +13,10 @@ declare const meta: {
                     content: string;
                     key: string;
                     variant: string;
+                    action: {
+                        label: string;
+                        onClick: () => void;
+                    };
                 };
                 Error: {
                     content: string;

package/build/cjs/components/toast/stories/ToastInCotext.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react"),n=require("../../button/Button.cjs"),o=require("../Toast.cjs"),r=require("../toastContext.cjs");,/* empty css                            */;/* empty css                            */const s={title:"Komponenter/Toast",component:o.Toast,tags:["autodocs"],argTypes:{state:{table:{disable:!0}},toast:{name:"eksempel",description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Med timeout","Med handling","Info","Error","Success","Warning","Uten variant"],mapping:{"Med timeout":{content:"Søknad sendt",key:"",variant:"success",timeout:5e3},"Med handling":{content:"Utkastet er slettet",key:"",variant:"success",action:{label:"Angre",onClick:()=>{}}},Info:{content:{title:"En infomelding",content:"Lenger tekst om infomeldinga"},key:"",variant:"info",timeout:0},Error:{content:{title:"Kunne ikke sende søknaden",content:"Sjekk internettforbindelsen din og prøv igjen senere."},key:"",variant:"error",timeout:0},Success:{content:"Søknad sendt",key:"",variant:"success",timeout:0},Warning:{content:"Du blir snart logget ut",key:"",variant:"warning",timeout:0},"Uten variant":{content:"Hei verden",key:"",timeout:0}}}},args:{state:{add:()=>"",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:{title:"Her kommer en tittel",content:"Her kommer en lenger tekst."},key:""}}},i={render:o=>{const s={...o};return e.jsx(r.ToastProvider,{children:e.jsx((function(){const{add:o}=r.useToast(),[i,a]=t.useState([]);return e.jsx(n.Button,{variant:"primary",onClick:()=>{a([...i,o(s.toast.content,s.toast)])},children:"Vis toast"})}),{})})}};exports.ToastInContext=i,exports.default=s;
+//# sourceMappingURL=ToastInCotext.stories.cjs.map

package/build/cjs/components/toast/stories/ToastInCotext.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastInCotext.stories.cjs","sources":["../../../../../src/components/toast/stories/ToastInCotext.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/index.js\";\nimport { Toast as ToastComponent, type ToastProps } from \"../Toast.js\";\nimport { ToastProvider, useToast } from \"../toastContext.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Toast\",\n    component: ToastComponent,\n    tags: [\"autodocs\"],\n    argTypes: {\n        state: { table: { disable: true } },\n        toast: {\n            name: \"eksempel\",\n            description:\n                \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n            options: [\n                \"Med timeout\",\n                \"Med handling\",\n                \"Info\",\n                \"Error\",\n                \"Success\",\n                \"Warning\",\n                \"Uten variant\",\n            ],\n            mapping: {\n                \"Med timeout\": {\n                    content: \"Søknad sendt\",\n                    key: \"\",\n                    variant: \"success\",\n                    timeout: 5000,\n                },\n                \"Med handling\": {\n                    content: \"Utkastet er slettet\",\n                    key: \"\",\n                    variant: \"success\",\n                    action: {\n                        label: \"Angre\",\n                        onClick: () => {},\n                    },\n                },\n                Info: {\n                    content: {\n                        title: \"En infomelding\",\n                        content: \"Lenger tekst om infomeldinga\",\n                    },\n                    key: \"\",\n                    variant: \"info\",\n                    timeout: 0,\n                },\n                Error: {\n                    content: {\n                        title: \"Kunne ikke sende søknaden\",\n                        content:\n                            \"Sjekk internettforbindelsen din og prøv igjen senere.\",\n                    },\n                    key: \"\",\n                    variant: \"error\",\n                    timeout: 0,\n                },\n                Success: {\n                    content: \"Søknad sendt\",\n                    key: \"\",\n                    variant: \"success\",\n                    timeout: 0,\n                },\n                Warning: {\n                    content: \"Du blir snart logget ut\",\n                    key: \"\",\n                    variant: \"warning\",\n                    timeout: 0,\n                },\n                \"Uten variant\": {\n                    content: \"Hei verden\",\n                    key: \"\",\n                    timeout: 0,\n                },\n            },\n        },\n    },\n    args: {\n        state: {\n            add: () => \"\",\n            close: () => \"\",\n            pauseAll: () => \"\",\n            remove: () => \"\",\n            resumeAll: () => \"\",\n            visibleToasts: [\n                { content: \"Hei verden\", key: Date.now().toString() },\n            ],\n        },\n        toast: {\n            content: {\n                title: \"Her kommer en tittel\",\n                content: \"Her kommer en lenger tekst.\",\n            },\n            key: \"\",\n        },\n    },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype ToastStory = StoryObj<typeof meta>;\n\nexport const ToastInContext: ToastStory = {\n    render: (args) => {\n        const example: ToastProps<any> = { ...args };\n\n        function ToastUsageExample() {\n            const { add } = useToast();\n            const [keys, setKeys] = useState<string[]>([]);\n\n            return (\n                <Button\n                    variant=\"primary\"\n                    onClick={() => {\n                        setKeys([\n                            ...keys,\n                            add(example.toast.content, example.toast),\n                        ]);\n                    }}\n                >\n                    Vis toast\n                </Button>\n            );\n        }\n\n        return (\n            <ToastProvider>\n                <ToastUsageExample />\n            </ToastProvider>\n        );\n    },\n};\n"],"names":["meta","title","component","ToastComponent","Toast","tags","argTypes","state","table","disable","toast","name","description","options","mapping","content","key","variant","timeout","action","label","onClick","Info","Error","Success","Warning","args","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","ToastInContext","render","example","jsx","ToastProvider","children","useToast","keys","setKeys","useState","Button"],"mappings":"0VASA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAC,MACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,MAAO,CAAEC,SAAS,IAC3BC,MAAO,CACHC,KAAM,WACNC,YACI,8EACJC,QAAS,CACL,cACA,eACA,OACA,QACA,UACA,UACA,gBAEJC,QAAS,CACL,cAAe,CACXC,QAAS,eACTC,IAAK,GACLC,QAAS,UACTC,QAAS,KAEb,eAAgB,CACZH,QAAS,sBACTC,IAAK,GACLC,QAAS,UACTE,OAAQ,CACJC,MAAO,QACPC,QAAS,SAGjBC,KAAM,CACFP,QAAS,CACLd,MAAO,iBACPc,QAAS,gCAEbC,IAAK,GACLC,QAAS,OACTC,QAAS,GAEbK,MAAO,CACHR,QAAS,CACLd,MAAO,4BACPc,QACI,yDAERC,IAAK,GACLC,QAAS,QACTC,QAAS,GAEbM,QAAS,CACLT,QAAS,eACTC,IAAK,GACLC,QAAS,UACTC,QAAS,GAEbO,QAAS,CACLV,QAAS,0BACTC,IAAK,GACLC,QAAS,UACTC,QAAS,GAEb,eAAgB,CACZH,QAAS,aACTC,IAAK,GACLE,QAAS,MAKzBQ,KAAM,CACFnB,MAAO,CACHoB,IAAK,IAAM,GACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEjB,QAAS,aAAcC,IAAKiB,KAAKC,MAAMC,cAGjDzB,MAAO,CACHK,QAAS,CACLd,MAAO,uBACPc,QAAS,+BAEbC,IAAK,MAQJoB,EAA6B,CACtCC,OAASX,IACC,MAAAY,EAA2B,IAAKZ,GAqBtC,OACKa,EAAAA,IAAAC,EAAAA,cAAA,CACGC,SAACF,EAAAA,KArBT,WACU,MAAEZ,IAAAA,GAAQe,EAAAA,YACTC,EAAMC,GAAWC,EAAAA,SAAmB,IAGvC,OAAAN,EAAAA,IAACO,EAAAA,OAAA,CACG7B,QAAQ,UACRI,QAAS,KACGuB,EAAA,IACDD,EACHhB,EAAIW,EAAQ5B,MAAMK,QAASuB,EAAQ5B,QACtC,EAER+B,SAAA,aAIT,GAIS,CAAA,IACL"}

package/build/cjs/components/toast/stories/ToastInCotext.stories.d.cts

@@ -0,0 +1,94 @@
+import { StoryObj } from '@storybook/react';
+import { Toast as ToastComponent } from '../Toast.cjs';
+declare const meta: {
+    title: string;
+    component: typeof ToastComponent;
+    tags: string[];
+    argTypes: {
+        state: {
+            table: {
+                disable: true;
+            };
+        };
+        toast: {
+            name: string;
+            description: string;
+            options: string[];
+            mapping: {
+                "Med timeout": {
+                    content: string;
+                    key: string;
+                    variant: string;
+                    timeout: number;
+                };
+                "Med handling": {
+                    content: string;
+                    key: string;
+                    variant: string;
+                    action: {
+                        label: string;
+                        onClick: () => void;
+                    };
+                };
+                Info: {
+                    content: {
+                        title: string;
+                        content: string;
+                    };
+                    key: string;
+                    variant: string;
+                    timeout: number;
+                };
+                Error: {
+                    content: {
+                        title: string;
+                        content: string;
+                    };
+                    key: string;
+                    variant: string;
+                    timeout: number;
+                };
+                Success: {
+                    content: string;
+                    key: string;
+                    variant: string;
+                    timeout: number;
+                };
+                Warning: {
+                    content: string;
+                    key: string;
+                    variant: string;
+                    timeout: number;
+                };
+                "Uten variant": {
+                    content: string;
+                    key: string;
+                    timeout: number;
+                };
+            };
+        };
+    };
+    args: {
+        state: {
+            add: () => string;
+            close: () => string;
+            pauseAll: () => string;
+            remove: () => string;
+            resumeAll: () => string;
+            visibleToasts: {
+                content: string;
+                key: string;
+            }[];
+        };
+        toast: {
+            content: {
+                title: string;
+                content: string;
+            };
+            key: string;
+        };
+    };
+};
+export default meta;
+type ToastStory = StoryObj<typeof meta>;
+export declare const ToastInContext: ToastStory;

package/build/cjs/components/toast/types.d.cts

@@ -5,9 +5,14 @@ export type ToastContent = {
     content: ReactNode;
     title?: string;
 } | string;
+type ToastActionProps = {
+    label: string;
+    onClick: () => void;
+};
 export type ToastOptions = Omit<StatelyToastOptions, "timeout"> & {
     variant?: "info" | "success" | "warning" | "error";
     timeout?: number | null | "off";
+    action?: ToastActionProps;
 };
 export type ToastContext = {
     add: (toast: ToastContent, options?: ToastOptions) => string;
@@ -20,3 +25,4 @@ export type ToastContextProviderProps = WithChildren & {
      */
     placement?: "center" | "left";
 };
+export {};

package/build/cjs/components/tooltip/stories/Tooltip.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../Tooltip.cjs"),t=require("../TooltipContent.cjs"),r=require("../TooltipTrigger.cjs"),i={title:"Komponenter/Tooltip",component:o.Tooltip,subcomponents:{TooltipTrigger:r.TooltipTrigger,TooltipContent:t.TooltipContent},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:e.jsx("p",{children:"Klikk for å kopiere til utklippstavlen"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:i=>e.jsxs("p",{children:["Kontonummer:"," ",e.jsxs(o.Tooltip,{...i,children:[e.jsx(r.TooltipTrigger,{children:"1602 44 54979"}),e.jsx(t.TooltipContent,{children:"Klikk for å kopiere til utklippstavlen"})]})]})};exports.Tooltip=l,exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const o=require("../Tooltip.cjs"),t=require("../TooltipContent.cjs"),r=require("../TooltipTrigger.cjs"),i={title:"Komponenter/Tooltip",component:o.Tooltip,subcomponents:{TooltipTrigger:r.TooltipTrigger,TooltipContent:t.TooltipContent},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:e.jsx("p",{children:"Klikk for å kopiere til utklippstavlen"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:i=>e.jsxs("p",{children:["Kontonummer:"," ",e.jsxs(o.Tooltip,{...i,children:[e.jsx(r.TooltipTrigger,{children:"1602 44 54979"}),e.jsx(t.TooltipContent,{children:"Klikk for å kopiere til utklippstavlen"})]})]})};exports.Tooltip=l,exports.default=i;
 //# sourceMappingURL=Tooltip.stories.cjs.map

package/build/cjs/components/tooltip/stories/Tooltip.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.cjs","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n    title: \"Komponenter/Tooltip\",\n    component: TooltipComponent,\n    subcomponents: { TooltipTrigger, TooltipContent },\n    tags: [\"autodocs\"],\n    argTypes: {\n        delay: { control: \"number\" },\n        initialOpen: { control: \"boolean\" },\n        placement: {\n            control: \"select\",\n            options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n        },\n        triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n    },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n    args: {\n        children: <p>Klikk for å kopiere til utklippstavlen</p>,\n        delay: 2000,\n        initialOpen: false,\n        placement: \"top\",\n        triggerOn: \"hover\",\n    },\n    render: (args) => (\n        <p>\n            Kontonummer:{\" \"}\n            <TooltipComponent {...args}>\n                <TooltipTrigger>1602 44 54979</TooltipTrigger>\n                <TooltipContent>\n                    Klikk for å kopiere til utklippstavlen\n                </TooltipContent>\n            </TooltipComponent>\n        </p>\n    ),\n};\n"],"names":["meta","title","component","TooltipComponent","Tooltip","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","args","children","jsx","render","jsxs"],"mappings":"mPAOMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EAAAC,QACXC,cAAe,CAAAC,eAAEA,EAAAA,eAAAC,eAAgBA,kBACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CV,EAAiB,CAC1BY,KAAM,CACFC,SAAWC,EAAAA,IAAA,IAAA,CAAED,SAAsC,2CACnDP,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfI,OAASH,GACLI,EAAAA,KAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAAAA,KAACjB,EAAkBC,QAAA,IAAGY,EAClBC,SAAA,CAAAC,EAAAA,IAACZ,kBAAeW,SAAa,kBAC7BC,EAAAA,IAACX,kBAAeU,SAEhB"}
+{"version":3,"file":"Tooltip.stories.cjs","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n    title: \"Komponenter/Tooltip\",\n    component: TooltipComponent,\n    subcomponents: { TooltipTrigger, TooltipContent },\n    tags: [\"autodocs\"],\n    argTypes: {\n        delay: { control: \"number\" },\n        initialOpen: { control: \"boolean\" },\n        placement: {\n            control: \"select\",\n            options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n        },\n        triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n    },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n    args: {\n        children: <p>Klikk for å kopiere til utklippstavlen</p>,\n        delay: 2000,\n        initialOpen: false,\n        placement: \"top\",\n        triggerOn: \"hover\",\n    },\n    render: (args) => (\n        <p>\n            Kontonummer:{\" \"}\n            <TooltipComponent {...args}>\n                <TooltipTrigger>1602 44 54979</TooltipTrigger>\n                <TooltipContent>\n                    Klikk for å kopiere til utklippstavlen\n                </TooltipContent>\n            </TooltipComponent>\n        </p>\n    ),\n};\n"],"names":["meta","title","component","TooltipComponent","Tooltip","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","args","children","jsx","render","jsxs"],"mappings":"0QAOMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EAAAC,QACXC,cAAe,CAAAC,eAAEA,EAAAA,eAAAC,eAAgBA,kBACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CV,EAAiB,CAC1BY,KAAM,CACFC,SAAWC,EAAAA,IAAA,IAAA,CAAED,SAAsC,2CACnDP,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfI,OAASH,GACLI,EAAAA,KAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAAAA,KAACjB,EAAkBC,QAAA,IAAGY,EAClBC,SAAA,CAAAC,EAAAA,IAACZ,kBAAeW,SAAa,kBAC7BC,EAAAA,IAACX,kBAAeU,SAEhB"}

package/build/cjs/hooks/useBrowserPreferences/useBrowserPreferences.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../mediaQueryUtils.cjs"),t="(prefers-reduced-motion: reduce)",a="(prefers-color-scheme: light)",i="(forced-colors: active)",d={prefersReducedMotion:!1,prefersColorScheme:"light",forcedColors:!1},c=(e,r)=>{switch(r.type){case"COLOR_SCHEME_CHANGED":return{...e,prefersColorScheme:r.value};case"REDUCED_MOTION_CHANGED":return{...e,prefersReducedMotion:r.value};case"FORCED_COLORS_CHANGED":return{...e,forcedColors:r.value};default:return e}};exports.useBrowserPreferences=()=>{const[o,u]=e.useState(!1),[s,n]=e.useReducer(c,d);return e.useEffect((()=>{u(!0);const e=r.getInitialMediaQueryMatch(t),d=r.getInitialMediaQueryMatch(a)?"light":"dark",c=r.getInitialMediaQueryMatch(i);n({type:"REDUCED_MOTION_CHANGED",value:e}),n({type:"COLOR_SCHEME_CHANGED",value:d}),n({type:"FORCED_COLORS_CHANGED",value:c})}),[]),e.useEffect((()=>{if(!o||!window.matchMedia)return;const e=e=>{n({type:"REDUCED_MOTION_CHANGED",value:e.matches})},d=e=>{n({type:"COLOR_SCHEME_CHANGED",value:e.matches?"light":"dark"})},c=e=>{n({type:"FORCED_COLORS_CHANGED",value:e.matches})};return r.addMediaQueryListener(window.matchMedia(t),e),r.addMediaQueryListener(window.matchMedia(a),d),r.addMediaQueryListener(window.matchMedia(i),c),()=>{r.removeMediaQueryListener(window.matchMedia(t),e),r.removeMediaQueryListener(window.matchMedia(a),d),r.removeMediaQueryListener(window.matchMedia(i),c)}}),[o]),{...s}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../mediaQueryUtils.cjs"),t="COLOR_SCHEME_CHANGED",a="REDUCED_MOTION_CHANGED",i="FORCED_COLORS_CHANGED",d="(prefers-reduced-motion: reduce)",c="(prefers-color-scheme: light)",o="(forced-colors: active)",u={prefersReducedMotion:!1,prefersColorScheme:"light",forcedColors:!1},s=(e,r)=>{switch(r.type){case t:return{...e,prefersColorScheme:r.value};case a:return{...e,prefersReducedMotion:r.value};case i:return{...e,forcedColors:r.value};default:return e}};exports.useBrowserPreferences=()=>{const[n,l]=e.useState(!1),[M,h]=e.useReducer(s,u);return e.useEffect((()=>{l(!0);const e=r.getInitialMediaQueryMatch(d),u=r.getInitialMediaQueryMatch(c)?"light":"dark",s=r.getInitialMediaQueryMatch(o);h({type:a,value:e}),h({type:t,value:u}),h({type:i,value:s})}),[]),e.useEffect((()=>{if(!n||!window.matchMedia)return;const e=e=>{h({type:a,value:e.matches})},u=e=>{h({type:t,value:e.matches?"light":"dark"})},s=e=>{h({type:i,value:e.matches})};return r.addMediaQueryListener(window.matchMedia(d),e),r.addMediaQueryListener(window.matchMedia(c),u),r.addMediaQueryListener(window.matchMedia(o),s),()=>{r.removeMediaQueryListener(window.matchMedia(d),e),r.removeMediaQueryListener(window.matchMedia(c),u),r.removeMediaQueryListener(window.matchMedia(o),s)}}),[n]),{...M}};
 //# sourceMappingURL=useBrowserPreferences.cjs.map

package/build/cjs/hooks/useBrowserPreferences/useBrowserPreferences.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBrowserPreferences.cjs","sources":["../../../../src/hooks/useBrowserPreferences/useBrowserPreferences.tsx"],"sourcesContent":["import { type Reducer, useEffect, useReducer, useState } from \"react\";\nimport type { ColorScheme } from \"../../core/types.js\";\nimport {\n    addMediaQueryListener,\n    getInitialMediaQueryMatch,\n    removeMediaQueryListener,\n} from \"../mediaQueryUtils.js\";\n\ntype BrowserPreferences = {\n    prefersReducedMotion: boolean;\n    prefersColorScheme: ColorScheme;\n    forcedColors: boolean;\n};\n\nenum ActionType {\n    PrefersColorScheme = \"COLOR_SCHEME_CHANGED\",\n    PrefersReducedMotion = \"REDUCED_MOTION_CHANGED\",\n    ForcedColors = \"FORCED_COLORS_CHANGED\",\n}\n\ntype Action =\n    | {\n          type: ActionType.PrefersColorScheme;\n          value: ColorScheme;\n      }\n    | {\n          type: ActionType.PrefersReducedMotion;\n          value: boolean;\n      }\n    | {\n          type: ActionType.ForcedColors;\n          value: boolean;\n      };\n\nconst PREFERS_REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\nconst PREFERS_LIGHT_COLOR_SCHEME = \"(prefers-color-scheme: light)\";\nconst FORCED_COLORS = \"(forced-colors: active)\";\n\nconst initialState: BrowserPreferences = {\n    prefersReducedMotion: false,\n    prefersColorScheme: \"light\",\n    forcedColors: false,\n};\n\nconst reducer: Reducer<BrowserPreferences, Action> = (state, action) => {\n    switch (action.type) {\n        case ActionType.PrefersColorScheme:\n            return {\n                ...state,\n                prefersColorScheme: action.value,\n            };\n        case ActionType.PrefersReducedMotion:\n            return {\n                ...state,\n                prefersReducedMotion: action.value,\n            };\n        case ActionType.ForcedColors:\n            return {\n                ...state,\n                forcedColors: action.value,\n            };\n        default:\n            return state;\n    }\n};\n\n/**\n * Hook som gir informasjon om brukerens foretrukne konfigurasjon.\n * @returns Objekt med informasjon om brukerens foretrukne tema (lyst vs mørkt), redusert bevegelse, og høykontrast (forced colors).\n */\nexport const useBrowserPreferences = (): BrowserPreferences => {\n    const [hasMounted, setHasMounted] = useState(false);\n\n    const [state, dispatch] = useReducer(reducer, initialState);\n\n    useEffect(() => {\n        setHasMounted(true);\n        const prefersReducedMotion = getInitialMediaQueryMatch(\n            PREFERS_REDUCED_MOTION,\n        );\n        const prefersColorScheme = getInitialMediaQueryMatch(\n            PREFERS_LIGHT_COLOR_SCHEME,\n        )\n            ? \"light\"\n            : \"dark\";\n        const forcedColors = getInitialMediaQueryMatch(FORCED_COLORS);\n        dispatch({\n            type: ActionType.PrefersReducedMotion,\n            value: prefersReducedMotion,\n        });\n        dispatch({\n            type: ActionType.PrefersColorScheme,\n            value: prefersColorScheme,\n        });\n        dispatch({ type: ActionType.ForcedColors, value: forcedColors });\n    }, []);\n\n    useEffect(() => {\n        if (!hasMounted || !window.matchMedia) {\n            return;\n        }\n        const onPrefersReducedMotionChange = (e: MediaQueryListEvent) => {\n            dispatch({\n                type: ActionType.PrefersReducedMotion,\n                value: e.matches,\n            });\n        };\n        const onPrefersColorSchemeChange = (e: MediaQueryListEvent) => {\n            dispatch({\n                type: ActionType.PrefersColorScheme,\n                value: e.matches ? \"light\" : \"dark\",\n            });\n        };\n        const onForcedColorsChange = (e: MediaQueryListEvent) => {\n            dispatch({ type: ActionType.ForcedColors, value: e.matches });\n        };\n\n        addMediaQueryListener(\n            window.matchMedia(PREFERS_REDUCED_MOTION),\n            onPrefersReducedMotionChange,\n        );\n        addMediaQueryListener(\n            window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n            onPrefersColorSchemeChange,\n        );\n        addMediaQueryListener(\n            window.matchMedia(FORCED_COLORS),\n            onForcedColorsChange,\n        );\n\n        return () => {\n            removeMediaQueryListener(\n                window.matchMedia(PREFERS_REDUCED_MOTION),\n                onPrefersReducedMotionChange,\n            );\n            removeMediaQueryListener(\n                window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n                onPrefersColorSchemeChange,\n            );\n            removeMediaQueryListener(\n                window.matchMedia(FORCED_COLORS),\n                onForcedColorsChange,\n            );\n        };\n    }, [hasMounted]);\n\n    return { ...state };\n};\n"],"names":["PREFERS_REDUCED_MOTION","PREFERS_LIGHT_COLOR_SCHEME","FORCED_COLORS","initialState","prefersReducedMotion","prefersColorScheme","forcedColors","reducer","state","action","type","value","hasMounted","setHasMounted","useState","dispatch","useReducer","useEffect","getInitialMediaQueryMatch","window","matchMedia","onPrefersReducedMotionChange","e","matches","onPrefersColorSchemeChange","onForcedColorsChange","addMediaQueryListener","removeMediaQueryListener"],"mappings":"6IAkCMA,EAAyB,mCACzBC,EAA6B,gCAC7BC,EAAgB,0BAEhBC,EAAmC,CACrCC,sBAAsB,EACtBC,mBAAoB,QACpBC,cAAc,GAGZC,EAA+C,CAACC,EAAOC,KACzD,OAAQA,EAAOC,MACX,IAAK,uBACM,MAAA,IACAF,EACHH,mBAAoBI,EAAOE,OAEnC,IAAK,yBACM,MAAA,IACAH,EACHJ,qBAAsBK,EAAOE,OAErC,IAAK,wBACM,MAAA,IACAH,EACHF,aAAcG,EAAOE,OAE7B,QACW,OAAAH,EACf,gCAOiC,KACjC,MAAOI,EAAYC,GAAiBC,YAAS,IAEtCN,EAAOO,GAAYC,EAAAA,WAAWT,EAASJ,GAE9Cc,OAAAA,EAAAA,WAAU,KACNJ,GAAc,GACd,MAAMT,EAAuBc,EAAAA,0BACzBlB,GAEEK,EAAqBa,EAAAA,0BACvBjB,GAEE,QACA,OACAK,EAAeY,4BAA0BhB,GACtCa,EAAA,CACLL,KAAM,yBACNC,MAAOP,IAEFW,EAAA,CACLL,KAAM,uBACNC,MAAON,IAEXU,EAAS,CAAEL,KAAM,wBAAyBC,MAAOL,GAAc,GAChE,IAEHW,EAAAA,WAAU,KACN,IAAKL,IAAeO,OAAOC,WACvB,OAEE,MAAAC,EAAgCC,IACzBP,EAAA,CACLL,KAAM,yBACNC,MAAOW,EAAEC,SACZ,EAECC,EAA8BF,IACvBP,EAAA,CACLL,KAAM,uBACNC,MAAOW,EAAEC,QAAU,QAAU,QAChC,EAECE,EAAwBH,IAC1BP,EAAS,CAAEL,KAAM,wBAAyBC,MAAOW,EAAEC,SAAS,EAGhEG,OAAAA,EAAAA,sBACIP,OAAOC,WAAWpB,GAClBqB,GAEJK,EAAAA,sBACIP,OAAOC,WAAWnB,GAClBuB,GAEJE,EAAAA,sBACIP,OAAOC,WAAWlB,GAClBuB,GAGG,KACHE,EAAAA,yBACIR,OAAOC,WAAWpB,GAClBqB,GAEJM,EAAAA,yBACIR,OAAOC,WAAWnB,GAClBuB,GAEJG,EAAAA,yBACIR,OAAOC,WAAWlB,GAClBuB,EAAA,CACJ,GAEL,CAACb,IAEG,IAAKJ"}
+{"version":3,"file":"useBrowserPreferences.cjs","sources":["../../../../src/hooks/useBrowserPreferences/useBrowserPreferences.tsx"],"sourcesContent":["import { type Reducer, useEffect, useReducer, useState } from \"react\";\nimport type { ColorScheme } from \"../../core/types.js\";\nimport {\n    addMediaQueryListener,\n    getInitialMediaQueryMatch,\n    removeMediaQueryListener,\n} from \"../mediaQueryUtils.js\";\n\ntype BrowserPreferences = {\n    prefersReducedMotion: boolean;\n    prefersColorScheme: ColorScheme;\n    forcedColors: boolean;\n};\n\nconst ActionType = {\n    PrefersColorScheme: \"COLOR_SCHEME_CHANGED\",\n    PrefersReducedMotion: \"REDUCED_MOTION_CHANGED\",\n    ForcedColors: \"FORCED_COLORS_CHANGED\",\n} as const;\n\ntype Action =\n    | {\n          type: typeof ActionType.PrefersColorScheme;\n          value: ColorScheme;\n      }\n    | {\n          type: typeof ActionType.PrefersReducedMotion;\n          value: boolean;\n      }\n    | {\n          type: typeof ActionType.ForcedColors;\n          value: boolean;\n      };\n\nconst PREFERS_REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\nconst PREFERS_LIGHT_COLOR_SCHEME = \"(prefers-color-scheme: light)\";\nconst FORCED_COLORS = \"(forced-colors: active)\";\n\nconst initialState: BrowserPreferences = {\n    prefersReducedMotion: false,\n    prefersColorScheme: \"light\",\n    forcedColors: false,\n};\n\nconst reducer: Reducer<BrowserPreferences, Action> = (state, action) => {\n    switch (action.type) {\n        case ActionType.PrefersColorScheme:\n            return {\n                ...state,\n                prefersColorScheme: action.value,\n            };\n        case ActionType.PrefersReducedMotion:\n            return {\n                ...state,\n                prefersReducedMotion: action.value,\n            };\n        case ActionType.ForcedColors:\n            return {\n                ...state,\n                forcedColors: action.value,\n            };\n        default:\n            return state;\n    }\n};\n\n/**\n * Hook som gir informasjon om brukerens foretrukne konfigurasjon.\n * @returns Objekt med informasjon om brukerens foretrukne tema (lyst vs mørkt), redusert bevegelse, og høykontrast (forced colors).\n */\nexport const useBrowserPreferences = (): BrowserPreferences => {\n    const [hasMounted, setHasMounted] = useState(false);\n\n    const [state, dispatch] = useReducer(reducer, initialState);\n\n    useEffect(() => {\n        setHasMounted(true);\n        const prefersReducedMotion = getInitialMediaQueryMatch(\n            PREFERS_REDUCED_MOTION,\n        );\n        const prefersColorScheme = getInitialMediaQueryMatch(\n            PREFERS_LIGHT_COLOR_SCHEME,\n        )\n            ? \"light\"\n            : \"dark\";\n        const forcedColors = getInitialMediaQueryMatch(FORCED_COLORS);\n        dispatch({\n            type: ActionType.PrefersReducedMotion,\n            value: prefersReducedMotion,\n        });\n        dispatch({\n            type: ActionType.PrefersColorScheme,\n            value: prefersColorScheme,\n        });\n        dispatch({ type: ActionType.ForcedColors, value: forcedColors });\n    }, []);\n\n    useEffect(() => {\n        if (!hasMounted || !window.matchMedia) {\n            return;\n        }\n        const onPrefersReducedMotionChange = (e: MediaQueryListEvent) => {\n            dispatch({\n                type: ActionType.PrefersReducedMotion,\n                value: e.matches,\n            });\n        };\n        const onPrefersColorSchemeChange = (e: MediaQueryListEvent) => {\n            dispatch({\n                type: ActionType.PrefersColorScheme,\n                value: e.matches ? \"light\" : \"dark\",\n            });\n        };\n        const onForcedColorsChange = (e: MediaQueryListEvent) => {\n            dispatch({ type: ActionType.ForcedColors, value: e.matches });\n        };\n\n        addMediaQueryListener(\n            window.matchMedia(PREFERS_REDUCED_MOTION),\n            onPrefersReducedMotionChange,\n        );\n        addMediaQueryListener(\n            window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n            onPrefersColorSchemeChange,\n        );\n        addMediaQueryListener(\n            window.matchMedia(FORCED_COLORS),\n            onForcedColorsChange,\n        );\n\n        return () => {\n            removeMediaQueryListener(\n                window.matchMedia(PREFERS_REDUCED_MOTION),\n                onPrefersReducedMotionChange,\n            );\n            removeMediaQueryListener(\n                window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n                onPrefersColorSchemeChange,\n            );\n            removeMediaQueryListener(\n                window.matchMedia(FORCED_COLORS),\n                onForcedColorsChange,\n            );\n        };\n    }, [hasMounted]);\n\n    return { ...state };\n};\n"],"names":["ActionType","PREFERS_REDUCED_MOTION","PREFERS_LIGHT_COLOR_SCHEME","FORCED_COLORS","initialState","prefersReducedMotion","prefersColorScheme","forcedColors","reducer","state","action","type","value","hasMounted","setHasMounted","useState","dispatch","useReducer","useEffect","getInitialMediaQueryMatch","window","matchMedia","onPrefersReducedMotionChange","e","matches","onPrefersColorSchemeChange","onForcedColorsChange","addMediaQueryListener","removeMediaQueryListener"],"mappings":"6IAcMA,EACkB,uBADlBA,EAEoB,yBAFpBA,EAGY,wBAiBZC,EAAyB,mCACzBC,EAA6B,gCAC7BC,EAAgB,0BAEhBC,EAAmC,CACrCC,sBAAsB,EACtBC,mBAAoB,QACpBC,cAAc,GAGZC,EAA+C,CAACC,EAAOC,KACzD,OAAQA,EAAOC,MACX,KAAKX,EACM,MAAA,IACAS,EACHH,mBAAoBI,EAAOE,OAEnC,KAAKZ,EACM,MAAA,IACAS,EACHJ,qBAAsBK,EAAOE,OAErC,KAAKZ,EACM,MAAA,IACAS,EACHF,aAAcG,EAAOE,OAE7B,QACW,OAAAH,EACf,gCAOiC,KACjC,MAAOI,EAAYC,GAAiBC,YAAS,IAEtCN,EAAOO,GAAYC,EAAAA,WAAWT,EAASJ,GAE9Cc,OAAAA,EAAAA,WAAU,KACNJ,GAAc,GACd,MAAMT,EAAuBc,EAAAA,0BACzBlB,GAEEK,EAAqBa,EAAAA,0BACvBjB,GAEE,QACA,OACAK,EAAeY,4BAA0BhB,GACtCa,EAAA,CACLL,KAAMX,EACNY,MAAOP,IAEFW,EAAA,CACLL,KAAMX,EACNY,MAAON,IAEXU,EAAS,CAAEL,KAAMX,EAAyBY,MAAOL,GAAc,GAChE,IAEHW,EAAAA,WAAU,KACN,IAAKL,IAAeO,OAAOC,WACvB,OAEE,MAAAC,EAAgCC,IACzBP,EAAA,CACLL,KAAMX,EACNY,MAAOW,EAAEC,SACZ,EAECC,EAA8BF,IACvBP,EAAA,CACLL,KAAMX,EACNY,MAAOW,EAAEC,QAAU,QAAU,QAChC,EAECE,EAAwBH,IAC1BP,EAAS,CAAEL,KAAMX,EAAyBY,MAAOW,EAAEC,SAAS,EAGhEG,OAAAA,EAAAA,sBACIP,OAAOC,WAAWpB,GAClBqB,GAEJK,EAAAA,sBACIP,OAAOC,WAAWnB,GAClBuB,GAEJE,EAAAA,sBACIP,OAAOC,WAAWlB,GAClBuB,GAGG,KACHE,EAAAA,yBACIR,OAAOC,WAAWpB,GAClBqB,GAEJM,EAAAA,yBACIR,OAAOC,WAAWnB,GAClBuB,GAEJG,EAAAA,yBACIR,OAAOC,WAAWlB,GAClBuB,EAAA,CACJ,GAEL,CAACb,IAEG,IAAKJ"}

package/build/cjs/hooks/useScreen/state.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e,i=((e=i||{}).orientation="ORIENTATION_CHANGED",e.deviceSize="DEVICE_SIZE_CHANGED",e);function r(e){return{isSmallDevice:"isSmallDevice"===e,isMediumDevice:"isMediumDevice"===e,isLargeDevice:"isLargeDevice"===e,isXlDevice:"isXlDevice"===e}}function t(e){return{isLandscape:"isLandscape"===e,isPortrait:"isPortrait"===e}}exports.ActionType=i,exports.reducer=(e,i)=>{switch(i.type){case"ORIENTATION_CHANGED":return{...e,...t(i.property)};case"DEVICE_SIZE_CHANGED":return{...e,...r(i.property)};default:return e}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={orientation:"ORIENTATION_CHANGED",deviceSize:"DEVICE_SIZE_CHANGED"};function i(e){return{isSmallDevice:"isSmallDevice"===e,isMediumDevice:"isMediumDevice"===e,isLargeDevice:"isLargeDevice"===e,isXlDevice:"isXlDevice"===e}}function r(e){return{isLandscape:"isLandscape"===e,isPortrait:"isPortrait"===e}}exports.ActionType=e,exports.reducer=(t,s)=>{switch(s.type){case e.orientation:return{...t,...r(s.property)};case e.deviceSize:return{...t,...i(s.property)};default:return t}};
 //# sourceMappingURL=state.cjs.map

package/build/cjs/hooks/useScreen/state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"state.cjs","sources":["../../../../src/hooks/useScreen/state.ts"],"sourcesContent":["export interface ScreenState {\n    isSmallDevice: boolean;\n    isMediumDevice: boolean;\n    isLargeDevice: boolean;\n    isXlDevice: boolean;\n    isLandscape: boolean;\n    isPortrait: boolean;\n}\n\nexport enum ActionType {\n    orientation = \"ORIENTATION_CHANGED\",\n    deviceSize = \"DEVICE_SIZE_CHANGED\",\n}\n\nexport interface ScreenAction {\n    type: ActionType;\n    property: keyof ScreenState;\n}\n\nfunction setDeviceSize(\n    deviceSize: keyof ScreenState,\n): Omit<ScreenState, \"isLandscape\" | \"isPortrait\"> {\n    return {\n        isSmallDevice: deviceSize === \"isSmallDevice\",\n        isMediumDevice: deviceSize === \"isMediumDevice\",\n        isLargeDevice: deviceSize === \"isLargeDevice\",\n        isXlDevice: deviceSize === \"isXlDevice\",\n    };\n}\n\nfunction setOrientation(\n    orientation: keyof ScreenState,\n): Pick<ScreenState, \"isLandscape\" | \"isPortrait\"> {\n    return {\n        isLandscape: orientation === \"isLandscape\",\n        isPortrait: orientation === \"isPortrait\",\n    };\n}\n\nexport const reducer = (\n    state: ScreenState,\n    action: ScreenAction,\n): ScreenState => {\n    switch (action.type) {\n        case ActionType.orientation:\n            return {\n                ...state,\n                ...setOrientation(action.property),\n            };\n        case ActionType.deviceSize:\n            return {\n                ...state,\n                ...setDeviceSize(action.property),\n            };\n        default:\n            return state;\n    }\n};\n"],"names":["ActionType","orientation","deviceSize","setDeviceSize","isSmallDevice","isMediumDevice","isLargeDevice","isXlDevice","setOrientation","isLandscape","isPortrait","state","action","type","property"],"mappings":"gFASY,IAAAA,EAAAA,IAAAA,EAAAA,GAAA,CAAA,GACRC,YAAc,sBACdD,EAAAE,WAAa,sBAFLF,GAUZ,SAASG,EACLD,GAEO,MAAA,CACHE,cAA8B,kBAAfF,EACfG,eAA+B,mBAAfH,EAChBI,cAA8B,kBAAfJ,EACfK,WAA2B,eAAfL,EAEpB,CAEA,SAASM,EACLP,GAEO,MAAA,CACHQ,YAA6B,gBAAhBR,EACbS,WAA4B,eAAhBT,EAEpB,sCAEuB,CACnBU,EACAC,KAEA,OAAQA,EAAOC,MACX,IAAK,sBACM,MAAA,IACAF,KACAH,EAAeI,EAAOE,WAEjC,IAAK,sBACM,MAAA,IACAH,KACAR,EAAcS,EAAOE,WAEhC,QACW,OAAAH,EACf"}
+{"version":3,"file":"state.cjs","sources":["../../../../src/hooks/useScreen/state.ts"],"sourcesContent":["export interface ScreenState {\n    isSmallDevice: boolean;\n    isMediumDevice: boolean;\n    isLargeDevice: boolean;\n    isXlDevice: boolean;\n    isLandscape: boolean;\n    isPortrait: boolean;\n}\n\nexport const ActionType = {\n    orientation: \"ORIENTATION_CHANGED\",\n    deviceSize: \"DEVICE_SIZE_CHANGED\",\n} as const;\n\nexport interface ScreenAction {\n    type: (typeof ActionType)[keyof typeof ActionType];\n    property: keyof ScreenState;\n}\n\nfunction setDeviceSize(\n    deviceSize: keyof ScreenState,\n): Omit<ScreenState, \"isLandscape\" | \"isPortrait\"> {\n    return {\n        isSmallDevice: deviceSize === \"isSmallDevice\",\n        isMediumDevice: deviceSize === \"isMediumDevice\",\n        isLargeDevice: deviceSize === \"isLargeDevice\",\n        isXlDevice: deviceSize === \"isXlDevice\",\n    };\n}\n\nfunction setOrientation(\n    orientation: keyof ScreenState,\n): Pick<ScreenState, \"isLandscape\" | \"isPortrait\"> {\n    return {\n        isLandscape: orientation === \"isLandscape\",\n        isPortrait: orientation === \"isPortrait\",\n    };\n}\n\nexport const reducer = (\n    state: ScreenState,\n    action: ScreenAction,\n): ScreenState => {\n    switch (action.type) {\n        case ActionType.orientation:\n            return {\n                ...state,\n                ...setOrientation(action.property),\n            };\n        case ActionType.deviceSize:\n            return {\n                ...state,\n                ...setDeviceSize(action.property),\n            };\n        default:\n            return state;\n    }\n};\n"],"names":["ActionType","orientation","deviceSize","setDeviceSize","isSmallDevice","isMediumDevice","isLargeDevice","isXlDevice","setOrientation","isLandscape","isPortrait","state","action","type","property"],"mappings":"gFASO,MAAMA,EAAa,CACtBC,YAAa,sBACbC,WAAY,uBAQhB,SAASC,EACLD,GAEO,MAAA,CACHE,cAA8B,kBAAfF,EACfG,eAA+B,mBAAfH,EAChBI,cAA8B,kBAAfJ,EACfK,WAA2B,eAAfL,EAEpB,CAEA,SAASM,EACLP,GAEO,MAAA,CACHQ,YAA6B,gBAAhBR,EACbS,WAA4B,eAAhBT,EAEpB,sCAEuB,CACnBU,EACAC,KAEA,OAAQA,EAAOC,MACX,KAAKb,EAAWC,YACL,MAAA,IACAU,KACAH,EAAeI,EAAOE,WAEjC,KAAKd,EAAWE,WACL,MAAA,IACAS,KACAR,EAAcS,EAAOE,WAEhC,QACW,OAAAH,EACf"}

package/build/cjs/hooks/useScreen/state.d.cts

@@ -6,12 +6,12 @@ export interface ScreenState {
     isLandscape: boolean;
     isPortrait: boolean;
 }
-export declare enum ActionType {
-    orientation = "ORIENTATION_CHANGED",
-    deviceSize = "DEVICE_SIZE_CHANGED"
-}
+export declare const ActionType: {
+    readonly orientation: "ORIENTATION_CHANGED";
+    readonly deviceSize: "DEVICE_SIZE_CHANGED";
+};
 export interface ScreenAction {
-    type: ActionType;
+    type: (typeof ActionType)[keyof typeof ActionType];
     property: keyof ScreenState;
 }
 export declare const reducer: (state: ScreenState, action: ScreenAction) => ScreenState;

package/build/cjs/utilities/polymorphism/mergeRefs.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.cjs","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> | undefined;\n\nexport function mergeRefs<T>(\n    ...possibleRefs: PossibleRef<T>[]\n): React.RefCallback<T> {\n    return (instance) => {\n        for (const ref of possibleRefs) {\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref !== null && ref !== undefined) {\n                (ref as React.MutableRefObject<T | null>).current = instance;\n            }\n        }\n    };\n}\n"],"names":["possibleRefs","instance","ref","current"],"mappings":"kGAIO,YACAA,GAEH,OAAQC,IACJ,IAAWC,MAAAA,KAAOF,EACK,mBAARE,EACPA,EAAID,GACW,MAARC,IACNA,EAAyCC,QAAUF,EAAAA,CAIpE"}
+{"version":3,"file":"mergeRefs.cjs","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> | undefined;\n\nexport function mergeRefs<T>(\n    ...possibleRefs: PossibleRef<T>[]\n): React.RefCallback<T> {\n    return (instance) => {\n        for (const ref of possibleRefs) {\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref !== null && ref !== undefined) {\n                (ref as React.MutableRefObject<T | null>).current = instance;\n            }\n        }\n    };\n}\n"],"names":["possibleRefs","instance","ref","current"],"mappings":"mHAIO,YACAA,GAEH,OAAQC,IACJ,IAAA,MAAWC,KAAOF,EACK,mBAARE,EACPA,EAAID,GACW,MAARC,IACNA,EAAyCC,QAAUF,EAAAA,CAIpE"}

package/build/es/components/ScreenReaderOnly.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";const e=({children:e,showOnFocus:r,...n})=>s("span",{...n,className:"jkl-sr-only"+(r?" jkl-sr-only--focusable":""),children:e});export{e as ScreenReaderOnly};
+import{jsx as r}from"react/jsx-runtime";import"react";const s=({children:s,showOnFocus:e,...n})=>r("span",{...n,className:"jkl-sr-only"+(e?" jkl-sr-only--focusable":""),children:s});export{s as ScreenReaderOnly};
 //# sourceMappingURL=ScreenReaderOnly.js.map

package/build/es/components/ScreenReaderOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { WithChildren } from \"../core/types.js\";\n\nexport interface ScreenReaderOnlyProps extends WithChildren {\n    showOnFocus?: boolean;\n}\n\nexport const ScreenReaderOnly: FC<ScreenReaderOnlyProps> = ({\n    children,\n    showOnFocus,\n    ...rest\n}) => (\n    <span\n        {...rest}\n        className={`jkl-sr-only${showOnFocus ? \" jkl-sr-only--focusable\" : \"\"}`}\n    >\n        {children}\n    </span>\n);\n"],"names":["ScreenReaderOnly","children","showOnFocus","rest","jsx","className"],"mappings":"wCAOO,MAAMA,EAA8C,EACvDC,SAAAA,EACAC,YAAAA,KACGC,KAEHC,EAAC,OAAA,IACOD,EACJE,UAAW,eAAcH,EAAc,0BAA4B,IAElED,SAAAA"}
+{"version":3,"file":"ScreenReaderOnly.js","sources":["../../../src/components/ScreenReaderOnly.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { WithChildren } from \"../core/types.js\";\n\nexport interface ScreenReaderOnlyProps extends WithChildren {\n    showOnFocus?: boolean;\n}\n\nexport const ScreenReaderOnly: FC<ScreenReaderOnlyProps> = ({\n    children,\n    showOnFocus,\n    ...rest\n}) => (\n    <span\n        {...rest}\n        className={`jkl-sr-only${showOnFocus ? \" jkl-sr-only--focusable\" : \"\"}`}\n    >\n        {children}\n    </span>\n);\n"],"names":["ScreenReaderOnly","children","showOnFocus","rest","jsx","className"],"mappings":"sDAOO,MAAMA,EAA8C,EACvDC,SAAAA,EACAC,YAAAA,KACGC,KAEHC,EAAC,OAAA,IACOD,EACJE,UAAW,eAAcH,EAAc,0BAA4B,IAElED,SAAAA"}

package/build/es/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";const a=({className:a,density:c,id:t,...i})=>s("section",{role:"group","data-testid":"jkl-accordion",className:o("jkl-accordion",a),"data-density":c,id:t,...i});export{a as Accordion};
+import{jsx as o}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import"react";const a=({className:a,density:t,id:c,...r})=>o("section",{role:"group","data-testid":"jkl-accordion",className:s("jkl-accordion",a),"data-density":t,id:c,...r});export{a as Accordion};
 //# sourceMappingURL=Accordion.js.map

package/build/es/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { AccordionProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const Accordion: FC<AccordionProps> = ({\n    className,\n    density,\n    id,\n    ...rest\n}) => {\n    return (\n        <section\n            role=\"group\"\n            data-testid=\"jkl-accordion\"\n            className={clsx(\"jkl-accordion\", className)}\n            data-density={density}\n            id={id}\n            {...rest}\n        />\n    );\n};\n"],"names":["Accordion","className","density","id","rest","jsx","role","clsx"],"mappings":"sFAQO,MAAMA,EAAgC,EACzCC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,KAGCC,EAAC,UAAA,CACGC,KAAK,QACL,cAAY,gBACZL,UAAWM,EAAK,gBAAiBN,GACjC,eAAcC,EACdC,GAAAA,KACIC"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { AccordionProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const Accordion: FC<AccordionProps> = ({\n    className,\n    density,\n    id,\n    ...rest\n}) => {\n    return (\n        <section\n            role=\"group\"\n            data-testid=\"jkl-accordion\"\n            className={clsx(\"jkl-accordion\", className)}\n            data-density={density}\n            id={id}\n            {...rest}\n        />\n    );\n};\n"],"names":["Accordion","className","density","id","rest","jsx","role","clsx"],"mappings":"oGAQO,MAAMA,EAAgC,EACzCC,UAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,KAGCC,EAAC,UAAA,CACGC,KAAK,QACL,cAAY,gBACZL,UAAWM,EAAK,gBAAiBN,GACjC,eAAcC,EACdC,GAAAA,KACIC"}

package/build/es/components/accordion/stories/Accordion.stories.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{UnorderedList as n}from"../../list/List.js";import{ListItem as s}from"../../list/ListItem.js";import{Accordion as o}from"../Accordion.js";import{AccordionItem as i}from"../AccordionItem.js";/* empty css                         */const t={title:"Komponenter/Accordion/Accordion",component:o,parameters:{layout:"padded"},tags:["autodocs"]},m={args:{children:[e(i,{title:"Hvem kan kjøpe livsforsikring?",children:[e(n,{style:{margin:"var(--jkl-spacing-16) 0"},children:[r(s,{children:"Personer med et norsk fødselsnummer."}),r(s,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),r(s,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]},0),r(i,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},1),r(i,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},2)]}};export{m as Accordion,t as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{UnorderedList as n}from"../../list/List.js";import{ListItem as s}from"../../list/ListItem.js";import{Accordion as o}from"../Accordion.js";import{AccordionItem as i}from"../AccordionItem.js";/* empty css                         */const t={title:"Komponenter/Accordion/Accordion",component:o,parameters:{layout:"padded"},tags:["autodocs"]},m={args:{children:[e(i,{title:"Hvem kan kjøpe livsforsikring?",children:[e(n,{style:{margin:"var(--jkl-spacing-16) 0"},children:[r(s,{children:"Personer med et norsk fødselsnummer."}),r(s,{children:"Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås."}),r(s,{children:"Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år."})]}),"Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."]},0),r(i,{title:"Hvem kan kjøpe kritisk sykdom?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},1),r(i,{title:"Hvem kan kjøpe uførepensjon?",children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."},2)]}};export{m as Accordion,t as default};
 //# sourceMappingURL=Accordion.stories.js.map

package/build/es/components/accordion/stories/Accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.js","sources":["../../../../../src/components/accordion/stories/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion as AccordionComponent } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/Accordion\",\n    component: AccordionComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Accordion: Story = {\n    args: {\n        children: [\n            <AccordionItem title=\"Hvem kan kjøpe livsforsikring?\" key={0}>\n                <UnorderedList style={{ margin: \"var(--jkl-spacing-16) 0\" }}>\n                    <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                    <ListItem>\n                        Personer som har vært bosatt i Norge i minst de fem\n                        siste årene før avtalen inngås.\n                    </ListItem>\n                    <ListItem>\n                        Livsforsikring kan kjøpes på nett av personer mellom 18\n                        og 79 år.\n                    </ListItem>\n                </UnorderedList>\n                Ønsker du en forsikringssum på mer enn 3 millioner trenger vi\n                ekstra økonomiske opplysninger. Da må du ta kontakt med banken\n                din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\" key={1}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\" key={2}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år.\n                Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra\n                økonomiske opplysninger. Da må du ta kontakt med banken din.\n            </AccordionItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","AccordionComponent","parameters","layout","tags","Accordion","args","children","jsxs","AccordionItem","UnorderedList","style","margin","jsx","ListItem"],"mappings":"8RAQA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,CACFC,SAAU,CACNC,EAACC,EAAc,CAAAV,MAAM,iCACjBQ,SAAA,CAAAC,EAACE,EAAc,CAAAC,MAAO,CAAEC,OAAQ,2BAC5BL,SAAA,CAAAM,EAACC,GAASP,SAAoC,yCAC9CM,EAACC,GAASP,SAGV,wFACAM,EAACC,GAASP,SAGV,yEACY,sIAXuC,GAgB1DM,EAAAJ,EAAA,CAAcV,MAAM,iCAAyCQ,2UAAH,GAQ1DM,EAAAJ,EAAA,CAAcV,MAAM,+BAAuCQ,kUAAH"}
+{"version":3,"file":"Accordion.stories.js","sources":["../../../../../src/components/accordion/stories/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { ListItem } from \"../../list/ListItem.js\";\nimport { Accordion as AccordionComponent } from \"../Accordion.js\";\nimport { AccordionItem } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/Accordion\",\n    component: AccordionComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Accordion: Story = {\n    args: {\n        children: [\n            <AccordionItem title=\"Hvem kan kjøpe livsforsikring?\" key={0}>\n                <UnorderedList style={{ margin: \"var(--jkl-spacing-16) 0\" }}>\n                    <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                    <ListItem>\n                        Personer som har vært bosatt i Norge i minst de fem\n                        siste årene før avtalen inngås.\n                    </ListItem>\n                    <ListItem>\n                        Livsforsikring kan kjøpes på nett av personer mellom 18\n                        og 79 år.\n                    </ListItem>\n                </UnorderedList>\n                Ønsker du en forsikringssum på mer enn 3 millioner trenger vi\n                ekstra økonomiske opplysninger. Da må du ta kontakt med banken\n                din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe kritisk sykdom?\" key={1}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </AccordionItem>,\n            <AccordionItem title=\"Hvem kan kjøpe uførepensjon?\" key={2}>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år.\n                Ønsker du en forsikringssum på mer enn 96 000 trenger vi ekstra\n                økonomiske opplysninger. Da må du ta kontakt med banken din.\n            </AccordionItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","AccordionComponent","parameters","layout","tags","Accordion","args","children","jsxs","AccordionItem","UnorderedList","style","margin","jsx","ListItem"],"mappings":"4SAQA,MAAMA,EAAO,CACTC,MAAO,kCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,CACFC,SAAU,CACNC,EAACC,EAAc,CAAAV,MAAM,iCACjBQ,SAAA,CAAAC,EAACE,EAAc,CAAAC,MAAO,CAAEC,OAAQ,2BAC5BL,SAAA,CAAAM,EAACC,GAASP,SAAoC,yCAC9CM,EAACC,GAASP,SAGV,wFACAM,EAACC,GAASP,SAGV,yEACY,sIAXuC,GAgB1DM,EAAAJ,EAAA,CAAcV,MAAM,iCAAyCQ,2UAAH,GAQ1DM,EAAAJ,EAAA,CAAcV,MAAM,+BAAuCQ,kUAAH"}

package/build/es/components/accordion/stories/AccordionItem.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{AccordionItem as r}from"../AccordionItem.js";/* empty css                         */const n={title:"Komponenter/Accordion/AccordionItem",component:r,parameters:{layout:"padded"},tags:["autodocs"]},o={args:{title:"Hvem kan kjøpe kritisk sykdom?",children:e("p",{children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})}};export{o as AccordionItem,n as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{AccordionItem as r}from"../AccordionItem.js";/* empty css                         */const o={title:"Komponenter/Accordion/AccordionItem",component:r,parameters:{layout:"padded"},tags:["autodocs"]},n={args:{title:"Hvem kan kjøpe kritisk sykdom?",children:e("p",{children:"Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med banken din."})}};export{n as AccordionItem,o as default};
 //# sourceMappingURL=AccordionItem.stories.js.map

package/build/es/components/accordion/stories/AccordionItem.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.stories.js","sources":["../../../../../src/components/accordion/stories/AccordionItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { AccordionItem as AccordionItemComponent } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/AccordionItem\",\n    component: AccordionItemComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AccordionItem: Story = {\n    args: {\n        title: \"Hvem kan kjøpe kritisk sykdom?\",\n        children: (\n            <p>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </p>\n        ),\n    },\n};\n"],"names":["meta","title","component","AccordionItemComponent","parameters","layout","tags","AccordionItem","args","children","jsx"],"mappings":"mIAKA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,CACFP,MAAO,iCACPQ,SACKC,EAAA,IAAA,CAAED,SAOH"}
+{"version":3,"file":"AccordionItem.stories.js","sources":["../../../../../src/components/accordion/stories/AccordionItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { AccordionItem as AccordionItemComponent } from \"../AccordionItem.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Accordion/AccordionItem\",\n    component: AccordionItemComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof AccordionItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AccordionItem: Story = {\n    args: {\n        title: \"Hvem kan kjøpe kritisk sykdom?\",\n        children: (\n            <p>\n                Personer med et norsk fødselsnummer. Personer som har vært\n                bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58\n                år. Ønsker du en forsikringssum på mer enn 1,1 millioner trenger\n                vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                banken din.\n            </p>\n        ),\n    },\n};\n"],"names":["meta","title","component","AccordionItemComponent","parameters","layout","tags","AccordionItem","args","children","jsx"],"mappings":"iJAKA,MAAMA,EAAO,CACTC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,CACFP,MAAO,iCACPQ,SACKC,EAAA,IAAA,CAAED,SAOH"}

package/build/es/components/autosuggest/ControllerButton.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{IconButton as t}from"../icon-button/IconButton.js";import{CloseIcon as n}from"../icon/icons/CloseIcon.js";import{SearchIcon as c}from"../icon/icons/SearchIcon.js";const e=({hasSelectedItem:e,clearSelection:a,onClick:i,...s})=>o(t,{...s,className:"jkl-text-input-action-button","aria-label":e?"Fjern valg":"Vis valg",title:e?"Fjern valg":"Vis valg",onClick:e?a:i,children:o(e?n:c,{})});export{e as default};
+import{jsx as o}from"react/jsx-runtime";import"react";import{IconButton as t}from"../icon-button/IconButton.js";import{CloseIcon as n}from"../icon/icons/CloseIcon.js";import{SearchIcon as c}from"../icon/icons/SearchIcon.js";const e=({hasSelectedItem:e,clearSelection:a,onClick:i,...r})=>o(t,{...r,className:"jkl-text-input-action-button","aria-label":e?"Fjern valg":"Vis valg",title:e?"Fjern valg":"Vis valg",onClick:e?a:i,children:o(e?n:c,{})});export{e as default};
 //# sourceMappingURL=ControllerButton.js.map

package/build/es/components/autosuggest/ControllerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControllerButton.js","sources":["../../../../src/components/autosuggest/ControllerButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { SearchIcon } from \"../icon/icons/SearchIcon.js\";\n\ninterface Props {\n    clearSelection: () => void;\n    hasSelectedItem: boolean;\n    onClick: () => void;\n}\n\nconst ControllerButton: FC<Props> = ({\n    hasSelectedItem,\n    clearSelection,\n    onClick,\n    ...downshiftProps\n}) => (\n    <IconButton\n        {...downshiftProps}\n        className=\"jkl-text-input-action-button\"\n        aria-label={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n        title={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n        onClick={hasSelectedItem ? clearSelection : onClick}\n    >\n        {hasSelectedItem ? <CloseIcon /> : <SearchIcon />}\n    </IconButton>\n);\n\nexport default ControllerButton;\n"],"names":["ControllerButton","hasSelectedItem","clearSelection","onClick","downshiftProps","jsx","IconButton","className","title","children","CloseIcon","SearchIcon"],"mappings":"kNAWA,MAAMA,EAA8B,EAChCC,gBAAAA,EACAC,eAAAA,EACAC,QAAAA,KACGC,KAEHC,EAACC,EAAA,IACOF,EACJG,UAAU,+BACV,aAAYN,EAAkB,aAAe,WAC7CO,MAAOP,EAAkB,aAAe,WACxCE,QAASF,EAAkBC,EAAiBC,EAE3CM,SAAkBJ,EAAAJ,EAACS,EAAgBC,EAAN,CAAA"}
+{"version":3,"file":"ControllerButton.js","sources":["../../../../src/components/autosuggest/ControllerButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { SearchIcon } from \"../icon/icons/SearchIcon.js\";\n\ninterface Props {\n    clearSelection: () => void;\n    hasSelectedItem: boolean;\n    onClick: () => void;\n}\n\nconst ControllerButton: FC<Props> = ({\n    hasSelectedItem,\n    clearSelection,\n    onClick,\n    ...downshiftProps\n}) => (\n    <IconButton\n        {...downshiftProps}\n        className=\"jkl-text-input-action-button\"\n        aria-label={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n        title={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n        onClick={hasSelectedItem ? clearSelection : onClick}\n    >\n        {hasSelectedItem ? <CloseIcon /> : <SearchIcon />}\n    </IconButton>\n);\n\nexport default ControllerButton;\n"],"names":["ControllerButton","hasSelectedItem","clearSelection","onClick","downshiftProps","jsx","IconButton","className","title","children","CloseIcon","SearchIcon"],"mappings":"gOAWA,MAAMA,EAA8B,EAChCC,gBAAAA,EACAC,eAAAA,EACAC,QAAAA,KACGC,KAEHC,EAACC,EAAA,IACOF,EACJG,UAAU,+BACV,aAAYN,EAAkB,aAAe,WAC7CO,MAAOP,EAAkB,aAAe,WACxCE,QAASF,EAAkBC,EAAiBC,EAE3CM,SAAkBJ,EAAAJ,EAACS,EAAgBC,EAAN,CAAA"}

package/build/es/components/breadcrumb/documentation/BreadcrumbDocs.js

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Breadcrumb as m}from"../Breadcrumb.js";import{BreadcrumbItem as a}from"../BreadcrumbItem.js";const c=()=>r(m,{children:[e(a,{children:e("a",{href:"/",children:"Hjem"})}),e(a,{children:e("a",{href:"/komponenter/accordion",children:"Komponenter"})}),e(a,{children:e("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})})]});export{c as BreadcrumbExample};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import"react";import{Breadcrumb as m}from"../Breadcrumb.js";import{BreadcrumbItem as a}from"../BreadcrumbItem.js";const c=()=>r(m,{children:[e(a,{children:e("a",{href:"/",children:"Hjem"})}),e(a,{children:e("a",{href:"/komponenter/accordion",children:"Komponenter"})}),e(a,{children:e("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})})]});export{c as BreadcrumbExample};
 //# sourceMappingURL=BreadcrumbDocs.js.map

package/build/es/components/breadcrumb/documentation/BreadcrumbDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbDocs.js","sources":["../../../../../src/components/breadcrumb/documentation/BreadcrumbDocs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\n\nexport const BreadcrumbExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <Breadcrumb>\n            <BreadcrumbItem>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>\n        </Breadcrumb>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n"],"names":["BreadcrumbExample","Breadcrumb","children","jsx","BreadcrumbItem","href"],"mappings":"sJAIO,MAAMA,EAAoB,MAGxBC,EACG,CAAAC,SAAA,CAAAC,EAACC,GACGF,SAACC,EAAA,IAAA,CAAEE,KAAK,IAAIH,sBAEfE,EACG,CAAAF,SAAAC,EAAC,KAAEE,KAAK,yBAAyBH,6BAEpCE,EACG,CAAAF,SAAAC,EAAC,KAAEE,KAAK,0BAA0BH"}
+{"version":3,"file":"BreadcrumbDocs.js","sources":["../../../../../src/components/breadcrumb/documentation/BreadcrumbDocs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\n\nexport const BreadcrumbExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <Breadcrumb>\n            <BreadcrumbItem>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>\n            <BreadcrumbItem>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>\n        </Breadcrumb>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n"],"names":["BreadcrumbExample","Breadcrumb","children","jsx","BreadcrumbItem","href"],"mappings":"oKAIO,MAAMA,EAAoB,MAGxBC,EACG,CAAAC,SAAA,CAAAC,EAACC,GACGF,SAACC,EAAA,IAAA,CAAEE,KAAK,IAAIH,sBAEfE,EACG,CAAAF,SAAAC,EAAC,KAAEE,KAAK,yBAAyBH,6BAEpCE,EACG,CAAAF,SAAAC,EAAC,KAAEE,KAAK,0BAA0BH"}

package/build/es/components/breadcrumb/stories/Breadcrumb.stories.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Breadcrumb as e}from"../Breadcrumb.js";import{BreadcrumbItem as m}from"../BreadcrumbItem.js";/* empty css                         */const a={title:"Komponenter/Breadcrumb/Breadcrumb",component:e,subcomponents:{BreadcrumbItem:m},parameters:{layout:"centered"},tags:["autodocs"]},o={args:{children:[r(m,{children:r("a",{href:"/",children:"Hjem"})},0),r(m,{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},1),r(m,{children:r("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})},2)]}};export{o as Breadcrumb,a as default};
+import{jsx as r}from"react/jsx-runtime";import{Breadcrumb as e}from"../Breadcrumb.js";import{BreadcrumbItem as m}from"../BreadcrumbItem.js";/* empty css                         */import"react";const a={title:"Komponenter/Breadcrumb/Breadcrumb",component:e,subcomponents:{BreadcrumbItem:m},parameters:{layout:"centered"},tags:["autodocs"]},o={args:{children:[r(m,{children:r("a",{href:"/",children:"Hjem"})},0),r(m,{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},1),r(m,{children:r("a",{href:"/komponenter/breadcrumb",children:"Breadcrumb"})},2)]}};export{o as Breadcrumb,a as default};
 //# sourceMappingURL=Breadcrumb.stories.js.map

package/build/es/components/breadcrumb/stories/Breadcrumb.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.stories.js","sources":["../../../../../src/components/breadcrumb/stories/Breadcrumb.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Breadcrumb as BreadcrumbComponent } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/Breadcrumb\",\n    component: BreadcrumbComponent,\n    subcomponents: { BreadcrumbItem },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Breadcrumb: Story = {\n    args: {\n        children: [\n            <BreadcrumbItem key={0}>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={1}>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={2}>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","BreadcrumbComponent","subcomponents","BreadcrumbItem","parameters","layout","tags","Breadcrumb","args","children","jsx","href"],"mappings":"mLAMA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,GACjBC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,CACFC,SAAU,CACNC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,IAAIF,SAAA,UADK,GAGrBC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,yBAAyBF,SAAA,iBADhB,GAGrBC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,0BAA0BF,SAAA,gBADjB"}
+{"version":3,"file":"Breadcrumb.stories.js","sources":["../../../../../src/components/breadcrumb/stories/Breadcrumb.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Breadcrumb as BreadcrumbComponent } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/Breadcrumb\",\n    component: BreadcrumbComponent,\n    subcomponents: { BreadcrumbItem },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof BreadcrumbComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Breadcrumb: Story = {\n    args: {\n        children: [\n            <BreadcrumbItem key={0}>\n                <a href=\"/\">Hjem</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={1}>\n                <a href=\"/komponenter/accordion\">Komponenter</a>\n            </BreadcrumbItem>,\n            <BreadcrumbItem key={2}>\n                <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n            </BreadcrumbItem>,\n        ],\n    },\n};\n"],"names":["meta","title","component","BreadcrumbComponent","subcomponents","BreadcrumbItem","parameters","layout","tags","Breadcrumb","args","children","jsx","href"],"mappings":"iMAMA,MAAMA,EAAO,CACTC,MAAO,oCACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,GACjBC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,CACFC,SAAU,CACNC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,IAAIF,SAAA,UADK,GAGrBC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,yBAAyBF,SAAA,iBADhB,GAGrBC,EAACP,GACGM,SAACC,EAAA,IAAA,CAAEC,KAAK,0BAA0BF,SAAA,gBADjB"}

package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{BreadcrumbItem as e}from"../BreadcrumbItem.js";/* empty css                         */import{Breadcrumb as o}from"../Breadcrumb.js";const t={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{isLastElement:{control:"boolean"}}},a={args:{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:e=>r(o,{children:r(e,{})})};export{a as BreadcrumbItem,t as default};
+import{jsx as r}from"react/jsx-runtime";import"react";import{BreadcrumbItem as e}from"../BreadcrumbItem.js";/* empty css                         */import{Breadcrumb as t}from"../Breadcrumb.js";const o={title:"Komponenter/Breadcrumb/BreadcrumbItem",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{isLastElement:{control:"boolean"}}},a={args:{children:r("a",{href:"/komponenter/accordion",children:"Komponenter"})},decorators:e=>r(t,{children:r(e,{})})};export{a as BreadcrumbItem,o as default};
 //# sourceMappingURL=BreadcrumbItem.stories.js.map

package/build/es/components/breadcrumb/stories/BreadcrumbItem.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.stories.js","sources":["../../../../../src/components/breadcrumb/stories/BreadcrumbItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BreadcrumbItem as BreadcrumbItemComponent } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/BreadcrumbItem\",\n    component: BreadcrumbItemComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        isLastElement: {\n            control: \"boolean\",\n        },\n    },\n} satisfies Meta<typeof BreadcrumbItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BreadcrumbItem: Story = {\n    args: {\n        children: <a href=\"/komponenter/accordion\">Komponenter</a>,\n    },\n    decorators: (Story) => (\n        <Breadcrumb>\n            <Story />\n        </Breadcrumb>\n    ),\n};\n"],"names":["meta","title","component","BreadcrumbItemComponent","parameters","layout","tags","argTypes","isLastElement","control","BreadcrumbItem","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"mLAMA,MAAMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,cAAe,CACXC,QAAS,aAQRC,EAAwB,CACjCC,KAAM,CACFC,SAAUC,EAAC,IAAE,CAAAC,KAAK,yBAAyBF,SAAW,iBAE1DG,WAAaC,KACRC,EACG,CAAAL,SAAAC,EAACG,GAAM"}
+{"version":3,"file":"BreadcrumbItem.stories.js","sources":["../../../../../src/components/breadcrumb/stories/BreadcrumbItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BreadcrumbItem as BreadcrumbItemComponent } from \"../BreadcrumbItem.js\";\nimport \"../styles/_index.scss\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\n\nconst meta = {\n    title: \"Komponenter/Breadcrumb/BreadcrumbItem\",\n    component: BreadcrumbItemComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        isLastElement: {\n            control: \"boolean\",\n        },\n    },\n} satisfies Meta<typeof BreadcrumbItemComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BreadcrumbItem: Story = {\n    args: {\n        children: <a href=\"/komponenter/accordion\">Komponenter</a>,\n    },\n    decorators: (Story) => (\n        <Breadcrumb>\n            <Story />\n        </Breadcrumb>\n    ),\n};\n"],"names":["meta","title","component","BreadcrumbItemComponent","parameters","layout","tags","argTypes","isLastElement","control","BreadcrumbItem","args","children","jsx","href","decorators","Story","Breadcrumb"],"mappings":"iMAMA,MAAMA,EAAO,CACTC,MAAO,wCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,cAAe,CACXC,QAAS,aAQRC,EAAwB,CACjCC,KAAM,CACFC,SAAUC,EAAC,IAAE,CAAAC,KAAK,yBAAyBF,SAAW,iBAE1DG,WAAaC,KACRC,EACG,CAAAL,SAAAC,EAACG,GAAM"}