@fremtind/jokul 0.12.1 → 0.14.0

package/build/cjs/components/table/tableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableContext.js","sources":["../../../../src/components/table/tableContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { Density, WithChildren } from \"../..\";\n\ntype TableContext = {\n    density?: Density;\n    collapseToList: boolean;\n};\n\nconst tableContext = createContext<TableContext>({\n    density: undefined,\n    collapseToList: false,\n});\n\nexport const useTableContext = (): TableContext => useContext(tableContext);\n\nexport interface TableContextProviderProps extends WithChildren {\n    state: TableContext;\n}\n\nexport const TableContextProvider: React.FC<TableContextProviderProps> = ({ state, children }) => (\n    <tableContext.Provider value={state}>{children}</tableContext.Provider>\n);\n"],"names":["tableContext","createContext","density","collapseToList","state","children","jsx","Provider","value","useContext"],"mappings":"wIAQMA,EAAeC,EAAAA,cAA4B,CAC7CC,aAAS,EACTC,gBAAgB,iCASqD,EAAGC,MAAAA,EAAOC,SAAAA,KAC9EC,EAAAA,IAAAN,EAAaO,SAAb,CAAsBC,MAAOJ,EAAQC,SAAAA,4BAPX,IAAoBI,EAAAA,WAAWT"}

package/build/cjs/components/table/tableSectionContext.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=t.createContext({isTableHead:!1,isTableBody:!1,isTableFooter:!1});exports.TableSectionContextProvider=({state:t,children:o})=>e.jsx(r.Provider,{value:t,children:o}),exports.useTableSectionContext=()=>t.useContext(r);
+//# sourceMappingURL=tableSectionContext.js.map

package/build/cjs/components/table/tableSectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSectionContext.js","sources":["../../../../src/components/table/tableSectionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../..\";\n\ntype TableSectionContext = {\n    isTableHead: boolean;\n    isTableBody: boolean;\n    isTableFooter: boolean;\n};\n\nconst tableSectionContext = createContext<TableSectionContext>({\n    isTableHead: false,\n    isTableBody: false,\n    isTableFooter: false,\n});\n\nexport const useTableSectionContext = (): TableSectionContext => useContext(tableSectionContext);\n\nexport interface TableSectionContextProviderProps extends WithChildren {\n    state: TableSectionContext;\n}\n\nexport const TableSectionContextProvider: React.FC<TableSectionContextProviderProps> = ({ state, children }) => (\n    <tableSectionContext.Provider value={state}>{children}</tableSectionContext.Provider>\n);\n"],"names":["tableSectionContext","createContext","isTableHead","isTableBody","isTableFooter","state","children","jsx","Provider","value","useContext"],"mappings":"wIASMA,EAAsBC,EAAAA,cAAmC,CAC3DC,aAAa,EACbC,aAAa,EACbC,eAAe,wCASoE,EAAGC,MAAAA,EAAOC,SAAAA,KAC5FC,EAAAA,IAAAP,EAAoBQ,SAApB,CAA6BC,MAAOJ,EAAQC,SAAAA,mCAPX,IAA2BI,EAAAA,WAAWV"}

package/build/cjs/components/table/utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.useSortableTableHeader=(e,t,o)=>{const r=r=>{const s=(o=>o===e&&"desc"===t?"asc":"desc")(r);o(r,s)};return{getSortProps:o=>({sortable:{onClick:()=>r(o),direction:e===o?t:void 0}})}};
+//# sourceMappingURL=utils.js.map

package/build/cjs/components/table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/table/utils.ts"],"sourcesContent":["import { TableSortDirection } from \"./TableHeader\";\n\nexport type TableSortProps = ReturnType<ReturnType<typeof useSortableTableHeader>[\"getSortProps\"]>[\"sortable\"];\n\nexport const useSortableTableHeader = (\n    activeSortKey: string,\n    activeSortDirection: TableSortDirection,\n    onChange: (newSortKey: string, newSortDirection: TableSortDirection) => void,\n) => {\n    const calculateNewSortParameters = (sortKey: string): TableSortDirection => {\n        if (sortKey === activeSortKey && activeSortDirection === \"desc\") {\n            return \"asc\";\n        }\n\n        return \"desc\";\n    };\n\n    const handleClick = (sortKey: string) => {\n        const newSortParameters = calculateNewSortParameters(sortKey);\n        onChange(sortKey, newSortParameters);\n    };\n\n    const getSortProps = (sortKey: string) => {\n        return {\n            sortable: {\n                onClick: () => handleClick(sortKey),\n                direction: activeSortKey === sortKey ? activeSortDirection : undefined,\n            },\n        };\n    };\n\n    return {\n        getSortProps,\n    };\n};\n"],"names":["activeSortKey","activeSortDirection","onChange","handleClick","sortKey","newSortParameters","calculateNewSortParameters","getSortProps","sortable","onClick","direction"],"mappings":"+GAIsC,CAClCA,EACAC,EACAC,KAEM,MAQAC,EAAeC,IACX,MAAAC,EAT0BD,IAC5BA,IAAYJ,GAAyC,SAAxBC,EACtB,MAGJ,OAImBK,CAA2BF,GACrDF,EAASE,EAASC,EAAiB,EAYhC,MAAA,CACHE,aAVkBH,IAAAA,CAEdI,SAAU,CACNC,QAAS,IAAMN,EAAYC,GAC3BM,UAAWV,IAAkBI,EAAUH,OAAsB,KAMrE"}

package/build/cjs/components/tabs/NavTab.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),a=t.forwardRef(((a,n)=>{const{component:o="a","aria-selected":l,className:i,componentProps:s={},onBeforeKeyboardNavigation:c,...u}=a,d=o,b=t.useCallback(((e,r)=>{c&&!1===c(e,r)||(r.focus(),r.click())}),[c]),g=t.useCallback((e=>{var r,t,a;if("ArrowLeft"===e.key){const a=e.currentTarget,n=e.currentTarget.previousSibling;b(a,n||(null==(t=null==(r=a.parentElement)?void 0:r.lastChild)?void 0:t.previousSibling))}if("ArrowRight"===e.key){const r=e.currentTarget,t=e.currentTarget.nextSibling;t&&"A"===t.nodeName?b(r,t):b(r,null==(a=r.parentElement)?void 0:a.firstChild)}}),[b]);return e.jsx(d,{ref:n,...u,...s,role:"tab","aria-selected":l,className:r.clsx("jkl-tab",i),onKeyDown:g,tabIndex:l?0:-1})}));a.displayName="NavTab",exports.NavTab=a;
+//# sourceMappingURL=NavTab.js.map

package/build/cjs/components/tabs/NavTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTab.js","sources":["../../../../src/components/tabs/NavTab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ElementType, forwardRef, useCallback, type AnchorHTMLAttributes } from \"react\";\n\nexport interface NavTabProps<T extends object = Record<string, unknown>>\n    extends AnchorHTMLAttributes<HTMLAnchorElement> {\n    /** Sett til true for den nåværende fanen. False på resten. */\n    \"aria-selected\": boolean;\n    className?: string;\n    id?: string;\n    /**\n     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.\n     * @default \"a\"\n     */\n    component?: ElementType;\n    /** Send inn custom props til `component`. Nyttig om routeren din har noe fancy custom greier. */\n    componentProps?: T;\n    /** Vanlig alternativ til `href` i routere. */\n    to?: string;\n    href?: string;\n    /**\n     * Hook for å kunne stoppe default oppførsel ved tastaturnavigasjon.\n     *\n     * Om default oppførsel ikke fungerer for deg og du mister tastaturfokus etter\n     * navigasjon kan du returnere `false` her og sørge for korrekt oppførsel selv.\n     */\n    onBeforeKeyboardNavigation?: (from: HTMLAnchorElement, to: HTMLAnchorElement) => boolean | void;\n}\n\nexport const NavTab = forwardRef<HTMLAnchorElement, NavTabProps>((props, ref) => {\n    const {\n        component = \"a\",\n        \"aria-selected\": selected,\n        className,\n        componentProps = {},\n        onBeforeKeyboardNavigation: onBeforeNavigate,\n        ...rest\n    } = props;\n\n    const Component = component;\n\n    const navigate = useCallback(\n        (from: HTMLAnchorElement, to: HTMLAnchorElement) => {\n            if (onBeforeNavigate) {\n                // Åpne for å stoppe selve navigeringen hvis det skulle være behov for å gjøre noe custom med fokus og navigasjon\n                const doNavigate = onBeforeNavigate(from, to);\n                if (doNavigate === false) {\n                    return;\n                }\n            }\n\n            to.focus();\n            // Click brukes for å være router-agnostisk\n            to.click();\n        },\n        [onBeforeNavigate],\n    );\n\n    const handleOnKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n            if (event.key === \"ArrowLeft\") {\n                const current = event.currentTarget;\n                const prev = event.currentTarget.previousSibling;\n\n                if (prev) {\n                    navigate(current, prev as HTMLAnchorElement);\n                } else {\n                    navigate(current, current.parentElement?.lastChild?.previousSibling as HTMLAnchorElement);\n                }\n            }\n\n            if (event.key === \"ArrowRight\") {\n                const current = event.currentTarget;\n                const next = event.currentTarget.nextSibling;\n\n                // skip the focus indicator element\n                if (next && next.nodeName === \"A\") {\n                    navigate(current, next as HTMLAnchorElement);\n                } else {\n                    navigate(current, current.parentElement?.firstChild as HTMLAnchorElement);\n                }\n            }\n        },\n        [navigate],\n    );\n\n    return (\n        <Component\n            ref={ref}\n            {...rest}\n            {...componentProps}\n            role=\"tab\"\n            aria-selected={selected}\n            className={clsx(\"jkl-tab\", className)}\n            onKeyDown={handleOnKeyDown}\n            // En faneliste skal være én fokuserbar gruppe.\n            // Piltaster brukes for å veksle mellom faner.\n            // Bare den aktive fanen skal være fokuserbar med tastatur.\n            tabIndex={selected ? 0 : -1}\n        />\n    );\n});\n\nNavTab.displayName = \"NavTab\";\n"],"names":["NavTab","forwardRef","props","ref","component","selected","className","componentProps","onBeforeKeyboardNavigation","onBeforeNavigate","rest","Component","navigate","useCallback","from","to","focus","click","handleOnKeyDown","event","key","current","currentTarget","prev","previousSibling","_b","_a","parentElement","lastChild","next","nextSibling","nodeName","_c","firstChild","jsx","role","clsx","onKeyDown","tabIndex","displayName"],"mappings":"gLA4BaA,EAASC,EAAAA,YAA2C,CAACC,EAAOC,KAC/D,MACFC,UAAAA,EAAY,IACZ,gBAAiBC,EACjBC,UAAAA,EACAC,eAAAA,EAAiB,CAAC,EAClBC,2BAA4BC,KACzBC,GACHR,EAEES,EAAYP,EAEZQ,EAAWC,EAAAA,aACb,CAACC,EAAyBC,KAClBN,IAGmB,IADAA,EAAiBK,EAAMC,KAM9CA,EAAGC,QAEHD,EAAGE,QAAM,GAEb,CAACR,IAGCS,EAAkBL,EAAAA,aACnBM,cACO,GAAc,cAAdA,EAAMC,IAAqB,CAC3B,MAAMC,EAAUF,EAAMG,cAChBC,EAAOJ,EAAMG,cAAcE,gBAG7BZ,EAASS,EADTE,IAGkB,OAAAE,EAAA,OAAAC,EAAAL,EAAQM,sBAARD,EAAuBE,kBAAvBH,EAAkCD,iBAE5D,CAEI,GAAc,eAAdL,EAAMC,IAAsB,CAC5B,MAAMC,EAAUF,EAAMG,cAChBO,EAAOV,EAAMG,cAAcQ,YAG7BD,GAA0B,MAAlBA,EAAKE,SACbnB,EAASS,EAASQ,GAETjB,EAAAS,EAAS,OAAAW,EAAAX,EAAQM,oBAARK,EAAAA,EAAuBC,WAEjD,IAEJ,CAACrB,IAID,OAAAsB,EAAAA,IAACvB,EAAA,CACGR,IAAAA,KACIO,KACAH,EACJ4B,KAAK,MACL,gBAAe9B,EACfC,UAAW8B,EAAAA,KAAK,UAAW9B,GAC3B+B,UAAWnB,EAIXoB,SAAUjC,EAAW,GAAI,GAAA,IAKrCL,EAAOuC,YAAc"}

package/build/cjs/components/tabs/NavTabs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),t=require("react");exports.NavTabs=({"aria-label":r,children:s,className:a,density:i="comfortable",...n})=>{var c;const[u,d]=t.useState(),[o,f]=t.useState(),m=t.useRef(null),b=t.useRef(null),v=t.useRef(null),j=t.Children.toArray(s).findIndex((e=>!!t.isValidElement(e)&&!0===e.props["aria-selected"]));return t.useEffect((()=>{b.current&&d(b.current.getBoundingClientRect()),v.current&&f(v.current.getBoundingClientRect())}),[j,i]),e.jsx("div",{...n,"data-layout-density":i,className:l.clsx("jkl-tabs",a),ref:m,children:e.jsxs("div",{role:"tablist","aria-label":r,ref:b,className:"jkl-tablist",children:[t.Children.map(s,((e,l)=>t.isValidElement(e)?t.cloneElement(e,{ref:j===l?v:void 0}):null)),e.jsx("span",{className:"jkl-tablist__indicator",style:{left:((null==o?void 0:o.left)||0)-((null==u?void 0:u.left)||0)+((null==(c=m.current)?void 0:c.scrollLeft)||0),bottom:-1,width:((null==o?void 0:o.width)||0)-("compact"===i?32:38)}})]})})};
+//# sourceMappingURL=NavTabs.js.map

package/build/cjs/components/tabs/NavTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavTabs.js","sources":["../../../../src/components/tabs/NavTabs.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport type { Density, WithChildren } from \"../..\";\n\nexport interface NavTabsProps extends WithChildren {\n    \"aria-label\"?: string;\n    className?: string;\n    density?: Density;\n    id?: string;\n}\n\nexport const NavTabs = ({\n    \"aria-label\": ariaLabel,\n    children,\n    className,\n    density = \"comfortable\",\n    ...rest\n}: NavTabsProps) => {\n    const [tabsRect, setTabsRect] = useState<DOMRect>();\n    const [activeRect, setActiveRect] = useState<DOMRect>();\n\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const tablistRef = useRef<HTMLDivElement>(null);\n    const activeRef = useRef<HTMLElement>(null);\n\n    const selectedIndex = React.Children.toArray(children).findIndex((navTab) => {\n        if (!React.isValidElement(navTab)) {\n            return false;\n        }\n        return navTab.props[\"aria-selected\"] === true;\n    });\n\n    useEffect(() => {\n        if (tablistRef.current) {\n            setTabsRect(tablistRef.current.getBoundingClientRect());\n        }\n        if (activeRef.current) {\n            setActiveRect(activeRef.current.getBoundingClientRect());\n        }\n    }, [selectedIndex, density]);\n\n    return (\n        <div {...rest} data-layout-density={density} className={clsx(\"jkl-tabs\", className)} ref={scrollRef}>\n            <div role=\"tablist\" aria-label={ariaLabel} ref={tablistRef} className=\"jkl-tablist\">\n                {React.Children.map(children, (child, index) => {\n                    return React.isValidElement(child)\n                        ? React.cloneElement<any>(child, {\n                              ref: selectedIndex === index ? activeRef : undefined,\n                          })\n                        : null;\n                })}\n                <span\n                    className=\"jkl-tablist__indicator\"\n                    style={{\n                        left: (activeRect?.left || 0) - (tabsRect?.left || 0) + (scrollRef.current?.scrollLeft || 0),\n                        bottom: -1,\n                        width: (activeRect?.width || 0) - (density === \"compact\" ? 32 : 38),\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\n"],"names":["ariaLabel","children","className","density","rest","tabsRect","setTabsRect","useState","activeRect","setActiveRect","scrollRef","useRef","tablistRef","activeRef","selectedIndex","React","Children","toArray","findIndex","navTab","isValidElement","props","useEffect","current","getBoundingClientRect","jsx","clsx","ref","jsxs","role","map","child","index","cloneElement","style","left","_a","scrollLeft","bottom","width"],"mappings":"gMAWuB,EACnB,aAAcA,EACdC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,iBACPC,YAEH,MAAOC,EAAUC,GAAeC,EAAkBA,YAC3CC,EAAYC,GAAiBF,EAAkBA,WAEhDG,EAAYC,SAAuB,MACnCC,EAAaD,SAAuB,MACpCE,EAAYF,SAAoB,MAEhCG,EAAgBC,EAAMC,SAASC,QAAQhB,GAAUiB,WAAWC,KACzDJ,EAAMK,eAAeD,KAGe,IAAlCA,EAAOE,MAAM,mBAGxBC,OAAAA,EAAAA,WAAU,KACFV,EAAWW,SACCjB,EAAAM,EAAWW,QAAQC,yBAE/BX,EAAUU,SACId,EAAAI,EAAUU,QAAQC,wBAAuB,GAE5D,CAACV,EAAeX,IAGfsB,MAAC,UAAQrB,EAAM,sBAAqBD,EAASD,UAAWwB,EAAAA,KAAK,WAAYxB,GAAYyB,IAAKjB,EACtFT,SAAA2B,OAAC,OAAIC,KAAK,UAAU,aAAY7B,EAAW2B,IAAKf,EAAYV,UAAU,cACjED,SAAA,CAAAc,EAAMC,SAASc,IAAI7B,GAAU,CAAC8B,EAAOC,IAC3BjB,EAAMK,eAAeW,GACtBhB,EAAMkB,aAAkBF,EAAO,CAC3BJ,IAAKb,IAAkBkB,EAAQnB,OAAY,IAE/C,OAEVY,EAAAA,IAAC,OAAA,CACGvB,UAAU,yBACVgC,MAAO,CACHC,OAAO,MAAA3B,OAAA,EAAAA,EAAY2B,OAAQ,KAAM,MAAA9B,SAAAA,EAAU8B,OAAQ,KAAM,OAAAC,EAAA1B,EAAUa,gBAAVa,EAAmBC,aAAc,GAC1FC,QACA,EAAAC,QAAQ,MAAA/B,OAAAA,EAAAA,EAAY+B,QAAS,IAAkB,YAAZpC,EAAwB,GAAK,WAIhF"}

package/build/cjs/components/tabs/Tab.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),t=require("react").forwardRef(((t,s)=>{const a=r.clsx("jkl-tab",t.className);return e.jsx("button",{role:"tab",type:"button",ref:s,...t,className:a})}));t.displayName="Tab",exports.Tab=t;
+//# sourceMappingURL=Tab.js.map

package/build/cjs/components/tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/tabs/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface TabProps extends WithChildren {\n    className?: string;\n}\n\n/**\n * En Tab til bruk som element i TabList. Ikke funksjonell utenfor et TabList element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const Tab = React.forwardRef<HTMLButtonElement, TabProps>((props, ref) => {\n    const classes = clsx(\"jkl-tab\", props.className);\n\n    return <button role=\"tab\" type=\"button\" ref={ref} {...props} className={classes} />;\n});\n\nTab.displayName = \"Tab\";\n"],"names":["Tab","forwardRef","props","ref","classes","clsx","className","jsx","role","type","displayName"],"mappings":"6JAaaA,mBAAYC,YAAwC,CAACC,EAAOC,KACrE,MAAMC,EAAUC,EAAAA,KAAK,UAAWH,EAAMI,WAE/B,OAAAC,EAAAA,IAAC,SAAO,CAAAC,KAAK,MAAMC,KAAK,SAASN,IAAAA,KAAcD,EAAOI,UAAWF,GAAS,IAGrFJ,EAAIU,YAAc"}

package/build/cjs/components/tabs/TabList.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),r=require("./tabsContext.js");exports.TabList=({children:l,className:i,...s})=>{const{activeIndex:o,setActiveIndex:a,tabIDs:c,tabPanelIDs:u,...d}=s,{density:f}=r.useTabsContext(),[b,v]=n.useState(),[g,m]=n.useState(),x=n.useRef(null),p=n.useRef(null);n.useEffect((()=>{x.current&&v(x.current.getBoundingClientRect()),p.current&&m(p.current.getBoundingClientRect())}),[o,f]);const C=n.useCallback((e=>{var t,n,r;if("ArrowLeft"===e.key){const r=e.currentTarget,l=e.currentTarget.previousSibling;l?l.focus():(null==(n=null==(t=r.parentElement)?void 0:t.lastChild)?void 0:n.previousSibling).focus()}if("ArrowRight"===e.key){const t=e.currentTarget,n=e.currentTarget.nextSibling;n&&"BUTTON"===n.nodeName?n.focus():(null==(r=t.parentElement)?void 0:r.firstChild).focus()}}),[]);return e.jsxs("div",{role:"tablist",ref:x,...d,className:t.clsx("jkl-tablist",i),children:[n.Children.map(l,((e,t)=>{const r=o===t;return n.isValidElement(e)?n.cloneElement(e,{onKeyDown:C,tabIndex:r?void 0:-1,ref:r?p:void 0,onClick:()=>a(t),"aria-selected":r,"aria-controls":u[t],id:c[t]}):null})),e.jsx("span",{className:"jkl-tablist__indicator",style:{left:((null==g?void 0:g.left)||0)-((null==b?void 0:b.left)||0),bottom:-1,width:((null==g?void 0:g.width)||0)-("compact"===f?32:38)}})]})};
+//# sourceMappingURL=TabList.js.map

package/build/cjs/components/tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../../../src/components/tabs/TabList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { WithChildren } from \"../..\";\nimport { useTabsContext } from \"./tabsContext\";\n\nexport interface TabListProps extends WithChildren {\n    \"aria-label\"?: string;\n    className?: string;\n}\n\nexport interface InjectedProps {\n    activeIndex: number;\n    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n    tabIDs: string[];\n    tabPanelIDs: string[];\n}\n\n/**\n * Konteiner for elementer av typen Tab. Ikke funksjonell utenfor et Tabs element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const TabList = ({ children, className, ...injected }: TabListProps) => {\n    // props injected by Tabs\n    const { activeIndex, setActiveIndex, tabIDs, tabPanelIDs, ...rest } = injected as TabListProps & InjectedProps;\n    const { density } = useTabsContext();\n\n    const [tabsRect, setTabsRect] = useState<DOMRect>();\n    const [activeRect, setActiveRect] = useState<DOMRect>();\n\n    const tabsRef = useRef<HTMLDivElement>(null);\n    const activeRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n        if (tabsRef.current) {\n            setTabsRect(tabsRef.current.getBoundingClientRect());\n        }\n        if (activeRef.current) {\n            setActiveRect(activeRef.current.getBoundingClientRect());\n        }\n    }, [activeIndex, density]);\n\n    const keyDownHandler = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (event.key === \"ArrowLeft\") {\n            const current = event.currentTarget;\n            const prev = event.currentTarget.previousSibling;\n\n            if (prev) {\n                (prev as HTMLElement).focus();\n            } else {\n                (current.parentElement?.lastChild?.previousSibling as HTMLElement).focus();\n            }\n        }\n\n        if (event.key === \"ArrowRight\") {\n            const current = event.currentTarget;\n            const next = event.currentTarget.nextSibling;\n\n            // skip the focus indicator element\n            if (next && next.nodeName === \"BUTTON\") {\n                (next as HTMLElement).focus();\n            } else {\n                (current.parentElement?.firstChild as HTMLElement).focus();\n            }\n        }\n    }, []);\n\n    return (\n        <div role=\"tablist\" ref={tabsRef} {...rest} className={clsx(\"jkl-tablist\", className)}>\n            {React.Children.map(children, (tab, tabIndex) => {\n                const isActive = activeIndex === tabIndex;\n\n                return React.isValidElement(tab)\n                    ? React.cloneElement<any>(tab, {\n                          onKeyDown: keyDownHandler,\n                          tabIndex: isActive ? undefined : -1,\n                          ref: isActive ? activeRef : undefined,\n                          onClick: () => setActiveIndex(tabIndex),\n                          \"aria-selected\": isActive,\n                          \"aria-controls\": tabPanelIDs[tabIndex],\n                          id: tabIDs[tabIndex],\n                      })\n                    : null;\n            })}\n\n            <span\n                className=\"jkl-tablist__indicator\"\n                style={{\n                    left: (activeRect?.left || 0) - (tabsRect?.left || 0),\n                    bottom: -1,\n                    width: (activeRect?.width || 0) - (density === \"compact\" ? 32 : 38),\n                }}\n            />\n        </div>\n    );\n};\n"],"names":["children","className","injected","activeIndex","setActiveIndex","tabIDs","tabPanelIDs","rest","density","useTabsContext","tabsRect","setTabsRect","useState","activeRect","setActiveRect","tabsRef","useRef","activeRef","useEffect","current","getBoundingClientRect","keyDownHandler","useCallback","event","key","currentTarget","prev","previousSibling","focus","_b","_a","parentElement","lastChild","next","nextSibling","nodeName","_c","firstChild","jsxs","role","ref","clsx","React","Children","map","tab","tabIndex","isActive","isValidElement","cloneElement","onKeyDown","onClick","id","jsx","style","left","bottom","width"],"mappings":"8NAsBuB,EAAGA,SAAAA,EAAUC,UAAAA,KAAcC,MAE9C,MAAQC,YAAAA,EAAaC,eAAAA,EAAgBC,OAAAA,EAAQC,YAAAA,KAAgBC,GAASL,GAC9DM,QAAAA,GAAYC,EAAAA,kBAEbC,EAAUC,GAAeC,EAAkBA,YAC3CC,EAAYC,GAAiBF,EAAkBA,WAEhDG,EAAUC,SAAuB,MACjCC,EAAYD,SAA0B,MAE5CE,EAAAA,WAAU,KACFH,EAAQI,SACIR,EAAAI,EAAQI,QAAQC,yBAE5BH,EAAUE,SACIL,EAAAG,EAAUE,QAAQC,wBAAuB,GAE5D,CAACjB,EAAaK,IAEX,MAAAa,EAAiBC,eAAaC,cAC5B,GAAc,cAAdA,EAAMC,IAAqB,CAC3B,MAAML,EAAUI,EAAME,cAChBC,EAAOH,EAAME,cAAcE,gBAE7BD,EACCA,EAAqBE,SAErB,OAAAC,EAAA,OAAAC,EAAAX,EAAQY,oBAAR,EAAAD,EAAuBE,kBAAvBH,EAAkCF,iBAAgCC,OAE3E,CAEI,GAAc,eAAdL,EAAMC,IAAsB,CAC5B,MAAML,EAAUI,EAAME,cAChBQ,EAAOV,EAAME,cAAcS,YAG7BD,GAA0B,WAAlBA,EAAKE,SACZF,EAAqBL,SAErB,OAAAQ,EAAAjB,EAAQY,oBAAR,EAAAK,EAAuBC,YAA2BT,OAE3D,IACD,IAEH,OACKU,EAAAA,KAAA,MAAA,CAAIC,KAAK,UAAUC,IAAKzB,KAAaR,EAAMN,UAAWwC,EAAAA,KAAK,cAAexC,GACtED,SAAA,CAAA0C,EAAMC,SAASC,IAAI5C,GAAU,CAAC6C,EAAKC,KAChC,MAAMC,EAAW5C,IAAgB2C,EAEjC,OAAOJ,EAAMM,eAAeH,GACtBH,EAAMO,aAAkBJ,EAAK,CACzBK,UAAW7B,EACXyB,SAAUC,OAAW,GAAY,EACjCP,IAAKO,EAAW9B,OAAY,EAC5BkC,QAAS,IAAM/C,EAAe0C,GAC9B,gBAAiBC,EACjB,gBAAiBzC,EAAYwC,GAC7BM,GAAI/C,EAAOyC,KAEf,QAGVO,EAAAA,IAAC,OAAA,CACGpD,UAAU,yBACVqD,MAAO,CACHC,OAAO,MAAA1C,SAAAA,EAAY0C,OAAQ,KAAM,MAAA7C,OAAAA,EAAAA,EAAU6C,OAAQ,GACnDC,QACA,EAAAC,QAAQ,MAAA5C,OAAA,EAAAA,EAAY4C,QAAS,IAAkB,YAAZjD,EAAwB,GAAK,SAG5E"}

package/build/cjs/components/tabs/TabPanel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");exports.TabPanel=({children:s,...t})=>{const l=r.clsx("jkl-tabpanel",t.className);return e.jsx("div",{role:"tabpanel",...t,className:l,children:s})};
+//# sourceMappingURL=TabPanel.js.map

package/build/cjs/components/tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sources":["../../../../src/components/tabs/TabPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface TabPanelProps extends WithChildren {\n    className?: string;\n}\n\n/**\n * Konteiner for innhold i et tabbet brukergrensesnitt. Ikke funksjonell utenfor et Tabs element.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const TabPanel = ({ children, ...props }: TabPanelProps) => {\n    const classes = clsx(\"jkl-tabpanel\", props.className);\n\n    return (\n        <div role=\"tabpanel\" {...props} className={classes}>\n            {children}\n        </div>\n    );\n};\n"],"names":["children","props","classes","clsx","className","jsx","role"],"mappings":"8KAawB,EAAGA,SAAAA,KAAaC,MACpC,MAAMC,EAAUC,EAAAA,KAAK,eAAgBF,EAAMG,WAGvC,OAAAC,MAAC,OAAIC,KAAK,cAAeL,EAAOG,UAAWF,EACtCF,SAAAA,GACL"}

package/build/cjs/components/tabs/Tabs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),s=require("../../hooks/usePreviousValue/usePreviousValue.js");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js");const n=require("./tabsContext.js");let a=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce(((e,t)=>e+=(t&=63)<36?t.toString(36):t<62?(t-26).toString(36).toUpperCase():t>62?"-":"_"),"");exports.Tabs=({onChange:i,defaultTab:l,density:o,...u})=>{const[c,d]=r.useState(l??0),h=s.usePreviousValue(c);r.useEffect((()=>{void 0!==h&&h!==c&&i&&i(c)}),[i,h,c]);const[b,j]=r.useState([]),[m,x]=r.useState([]),p=r.useCallback((()=>{const e=r.Children.toArray(u.children)[0];r.isValidElement(e)&&r.Children.forEach(e.props.children,(e=>{r.isValidElement(e)&&(j((e=>[...e,`jkl-tab-${a(8)}`])),x((e=>[...e,`jkl-tabpanel-${a(8)}`])))}))}),[u.children]);return r.useEffect((()=>{p()}),[p]),e.jsx(n.TabsContextProvider,{state:{density:o},children:e.jsxs("div",{...u,className:t.clsx("jkl-tabs",u.className),"data-density":o,children:[(()=>{const e=r.Children.toArray(u.children)[0];if(r.isValidElement(e))return r.cloneElement(e,{activeIndex:c,setActiveIndex:d,tabIDs:b,tabPanelIDs:m})})(),r.Children.map(u.children,((e,t)=>{if(!r.isValidElement(e)||0===t)return;const s=t-1;return s===c?r.cloneElement(e,{"aria-labelledby":b[s],id:m[s]}):null}))]})})};
+//# sourceMappingURL=Tabs.js.map

package/build/cjs/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../../node_modules/.pnpm/nanoid@3.3.7/node_modules/nanoid/index.browser.js","../../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { urlAlphabet } from './url-alphabet/index.js'\nlet random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\nlet customRandom = (alphabet, defaultSize, getRandom) => {\n  let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1\n  let step = -~((1.6 * mask * defaultSize) / alphabet.length)\n  return (size = defaultSize) => {\n    let id = ''\n    while (true) {\n      let bytes = getRandom(step)\n      let j = step\n      while (j--) {\n        id += alphabet[bytes[j] & mask] || ''\n        if (id.length === size) return id\n      }\n    }\n  }\n}\nlet customAlphabet = (alphabet, size = 21) =>\n  customRandom(alphabet, size, random)\nlet nanoid = (size = 21) =>\n  crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {\n    byte &= 63\n    if (byte < 36) {\n      id += byte.toString(36)\n    } else if (byte < 62) {\n      id += (byte - 26).toString(36).toUpperCase()\n    } else if (byte > 62) {\n      id += '-'\n    } else {\n      id += '_'\n    }\n    return id\n  }, '')\nexport { nanoid, customAlphabet, customRandom, urlAlphabet, random }\n","import clsx from \"clsx\";\nimport { nanoid } from \"nanoid\";\nimport React, { useState, useCallback, useEffect } from \"react\";\nimport { Density, WithChildren } from \"../..\";\nimport { usePreviousValue } from \"../../hooks\";\nimport { InjectedProps, TabListProps } from \"./TabList\";\nimport { TabPanelProps } from \"./TabPanel\";\nimport { TabsContextProvider } from \"./tabsContext\";\n\nexport interface TabsProps extends WithChildren {\n    className?: string;\n    density?: Density;\n    onChange?: (tabIndex: number) => void;\n    defaultTab?: number;\n}\n\n/**\n * Konteiner for et grensesnitt hvor man kan tabbe mellom innhold.\n * Må inneholde en TabList etterfulgt av en eller flere TabPanel.\n *\n * Docs: https://jokul.fremtind.no/komponenter/tabs\n */\nexport const Tabs = ({ onChange, defaultTab, density, ...props }: TabsProps) => {\n    const [activeIndex, setActiveIndex] = useState(defaultTab ?? 0);\n\n    const previousTabIndex = usePreviousValue(activeIndex);\n\n    useEffect(() => {\n        if (previousTabIndex !== undefined && previousTabIndex !== activeIndex && onChange) {\n            onChange(activeIndex);\n        }\n    }, [onChange, previousTabIndex, activeIndex]);\n\n    const [tabIDs, setTabIDs] = useState<string[]>([]);\n    const [tabPanelIDs, setTabPanelIds] = useState<string[]>([]);\n\n    const resolveIDs = useCallback(() => {\n        const tabList = React.Children.toArray(props.children)[0];\n\n        if (!React.isValidElement(tabList)) return;\n\n        React.Children.forEach(tabList.props.children, (tab) => {\n            if (!React.isValidElement(tab)) return;\n\n            setTabIDs((prev) => [...prev, `jkl-tab-${nanoid(8)}`]);\n            setTabPanelIds((prev) => [...prev, `jkl-tabpanel-${nanoid(8)}`]);\n        });\n    }, [props.children]);\n\n    const renderTabList = () => {\n        const tabList = React.Children.toArray(props.children)[0];\n\n        if (!React.isValidElement<TabListProps & InjectedProps>(tabList)) return;\n\n        return React.cloneElement<TabListProps & InjectedProps>(tabList, {\n            activeIndex,\n            setActiveIndex,\n            tabIDs,\n            tabPanelIDs,\n        });\n    };\n\n    const renderTabPanels = () => {\n        return React.Children.map(props.children, (child, childIndex) => {\n            if (!React.isValidElement<TabPanelProps & React.HTMLAttributes<HTMLDivElement>>(child) || childIndex === 0)\n                return;\n\n            const tabPanelIndex = childIndex - 1;\n\n            return tabPanelIndex === activeIndex\n                ? React.cloneElement<TabPanelProps & React.HTMLAttributes<HTMLDivElement>>(child, {\n                      \"aria-labelledby\": tabIDs[tabPanelIndex],\n                      id: tabPanelIDs[tabPanelIndex],\n                  })\n                : null;\n        });\n    };\n\n    useEffect(() => {\n        resolveIDs();\n    }, [resolveIDs]);\n\n    return (\n        <TabsContextProvider state={{ density }}>\n            <div {...props} className={clsx(\"jkl-tabs\", props.className)} data-density={density}>\n                {renderTabList()}\n                {renderTabPanels()}\n            </div>\n        </TabsContextProvider>\n    );\n};\n"],"names":["nanoid","size","crypto","getRandomValues","Uint8Array","reduce","id","byte","toString","toUpperCase","onChange","defaultTab","density","props","activeIndex","setActiveIndex","useState","previousTabIndex","usePreviousValue","useEffect","tabIDs","setTabIDs","tabPanelIDs","setTabPanelIds","resolveIDs","useCallback","tabList","React","Children","toArray","children","isValidElement","forEach","tab","prev","TabsContextProvider","state","jsxs","className","clsx","cloneElement","renderTabList","map","child","childIndex","tabPanelIndex"],"mappings":"sWAmBA,IAAIA,EAAS,CAACC,EAAO,KACnBC,OAAOC,gBAAgB,IAAIC,WAAWH,IAAOI,QAAO,CAACC,EAAIC,IAGrDD,IAFFC,GAAQ,IACG,GACHA,EAAKC,SAAS,IACXD,EAAO,IACTA,EAAO,IAAIC,SAAS,IAAIC,cACtBF,EAAO,GACV,IAEA,KAGP,iBCVe,EAAGG,SAAAA,EAAUC,WAAAA,EAAYC,QAAAA,KAAYC,MACrD,MAAOC,EAAaC,GAAkBC,EAAAA,SAASL,GAAc,GAEvDM,EAAmBC,mBAAiBJ,GAE1CK,EAAAA,WAAU,UACmB,IAArBF,GAAkCA,IAAqBH,GAAeJ,GACtEA,EAASI,EAAW,GAEzB,CAACJ,EAAUO,EAAkBH,IAEhC,MAAOM,EAAQC,GAAaL,EAAAA,SAAmB,KACxCM,EAAaC,GAAkBP,EAAAA,SAAmB,IAEnDQ,EAAaC,EAAAA,aAAY,KAC3B,MAAMC,EAAUC,EAAMC,SAASC,QAAQhB,EAAMiB,UAAU,GAElDH,EAAMI,eAAeL,IAE1BC,EAAMC,SAASI,QAAQN,EAAQb,MAAMiB,UAAWG,IACvCN,EAAMI,eAAeE,KAEhBZ,GAACa,GAAS,IAAIA,EAAM,WAAWlC,EAAO,QACjCuB,GAACW,GAAS,IAAIA,EAAM,gBAAgBlC,EAAO,QAAK,GAClE,GACF,CAACa,EAAMiB,WA+BVX,OAAAA,EAAAA,WAAU,KACKK,MACZ,CAACA,UAGCW,EAAoBA,oBAAA,CAAAC,MAAO,CAAExB,QAAAA,GAC1BkB,SAACO,EAAAA,KAAA,MAAA,IAAQxB,EAAOyB,UAAWC,EAAKA,KAAA,WAAY1B,EAAMyB,WAAY,eAAc1B,EACvEkB,SAAA,CApCS,MAClB,MAAMJ,EAAUC,EAAMC,SAASC,QAAQhB,EAAMiB,UAAU,GAEvD,GAAKH,EAAMI,eAA6CL,GAEjD,OAAAC,EAAMa,aAA2Cd,EAAS,CAC7DZ,YAAAA,EACAC,eAAAA,EACAK,OAAAA,EACAE,YAAAA,GACH,EA0BsBmB,GAtBhBd,EAAMC,SAASc,IAAI7B,EAAMiB,UAAU,CAACa,EAAOC,KAC9C,IAAKjB,EAAMI,eAAqEY,IAAyB,IAAfC,EACtF,OAEJ,MAAMC,EAAgBD,EAAa,EAEnC,OAAOC,IAAkB/B,EACnBa,EAAMa,aAAmEG,EAAO,CAC5E,kBAAmBvB,EAAOyB,GAC1BvC,GAAIgB,EAAYuB,KAEpB,YAcV","x_google_ignoreList":[0]}

package/build/cjs/components/tabs/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./NavTab.js"),e=require("./NavTabs.js"),s=require("./Tabs.js"),r=require("./TabList.js"),b=require("./Tab.js"),T=require("./TabPanel.js");exports.NavTab=a.NavTab,exports.NavTabs=e.NavTabs,exports.Tabs=s.Tabs,exports.TabList=r.TabList,exports.Tab=b.Tab,exports.TabPanel=T.TabPanel;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/tabs/index.js.map

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

package/build/cjs/components/tabs/tabsContext.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=t.createContext({density:void 0});exports.TabsContextProvider=({state:t,children:o})=>e.jsx(r.Provider,{value:t,children:o}),exports.useTabsContext=()=>t.useContext(r);
+//# sourceMappingURL=tabsContext.js.map

package/build/cjs/components/tabs/tabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsContext.js","sources":["../../../../src/components/tabs/tabsContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { Density, WithChildren } from \"../..\";\n\ntype TabsContext = {\n    density?: Density;\n};\n\nconst tabsContext = createContext<TabsContext>({\n    density: undefined,\n});\n\nexport const useTabsContext = (): TabsContext => useContext(tabsContext);\n\ninterface Props extends WithChildren {\n    state: TabsContext;\n}\n\nexport const TabsContextProvider: React.FC<Props> = ({ state, children }) => (\n    <tabsContext.Provider value={state}>{children}</tabsContext.Provider>\n);\n"],"names":["tabsContext","createContext","density","state","children","jsx","Provider","value","useContext"],"mappings":"wIAOMA,EAAcC,EAAAA,cAA2B,CAC3CC,aAAS,gCASuC,EAAGC,MAAAA,EAAOC,SAAAA,KACzDC,EAAAA,IAAAL,EAAYM,SAAZ,CAAqBC,MAAOJ,EAAQC,SAAAA,2BAPX,IAAmBI,EAAAA,WAAWR"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("@react-aria/toast"),n=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),r=require("../../hooks/useBrowserPreferences/useBrowserPreferences.js");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const i=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js");const t=require("../icon/icons/ErrorIcon.js");require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js");const c=require("../icon/icons/InfoIcon.js");require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js");const a=require("../icon/icons/SuccessIcon.js"),u=require("../icon/icons/WarningIcon.js");require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const j=require("../icon-button/IconButton.js"),l=require("../progress-bar/Countdown.js"),q=e=>{switch(e){case"error":return o.jsx(t.ErrorIcon,{className:"jkl-toast__icon"});case"info":return o.jsx(c.InfoIcon,{className:"jkl-toast__icon"});case"success":return o.jsx(a.SuccessIcon,{className:"jkl-toast__icon"});case"warning":return o.jsx(u.WarningIcon,{className:"jkl-toast__icon"});default:return null}};exports.Toast=function({className:t,state:c,...a}){var u;let I=s.useRef(null),{toastProps:m,titleProps:d}=e.useToast(a,c,I);const k="string"==typeof a.toast.content?a.toast.content:a.toast.content.content,h="string"==typeof a.toast.content?void 0:a.toast.content.title,f=null==(null==(u=a.toast.timer)?void 0:u.timerId),{prefersReducedMotion:g}=r.useBrowserPreferences();return s.useEffect((()=>{g&&"exiting"===a.toast.animation&&c.remove(a.toast.key)}),[g,a.toast.animation,a.toast.key,c]),o.jsxs("div",{...m,ref:I,className:n.clsx("jkl-toast",{"jkl-toast--info":"info"===a.toast.variant,"jkl-toast--error":"error"===a.toast.variant,"jkl-toast--warning":"warning"===a.toast.variant,"jkl-toast--success":"success"===a.toast.variant},t),"data-animation":a.toast.animation,onAnimationEnd:()=>{"exiting"===a.toast.animation&&c.remove(a.toast.key)},children:[o.jsx("span",{className:"jkl-toast__progress",children:a.toast.timeout?o.jsx(l.Countdown,{from:a.toast.timeout,isPaused:f,onAnimationEnd:o=>{o.stopPropagation()}}):null}),q(a.toast.variant),o.jsxs("div",{...d,className:"jkl-toast__content",children:[h&&o.jsx("p",{className:"jkl-toast__title",children:h}),o.jsx("p",{className:"jkl-toast__message",children:k})]}),o.jsx(j.IconButton,{"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{c.close(a.toast.key)},children:o.jsx(i.CloseIcon,{})})]})};
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/toast/Toast.tsx"],"sourcesContent":["import { type AriaToastProps, useToast } from \"@react-aria/toast\";\nimport { QueuedToast, type ToastState } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React, { useEffect, useRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks\";\nimport { CloseIcon, ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\nimport { Countdown } from \"../progress-bar\";\nimport { ToastContent, ToastOptions } from \"./types\";\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>({ className, state, ...props }: ToastProps<T>) {\n    let ref = useRef(null);\n    let { toastProps, titleProps } = useToast(props, state, ref);\n\n    const content = typeof props.toast.content === \"string\" ? props.toast.content : props.toast.content.content;\n    const title = typeof props.toast.content === \"string\" ? undefined : 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                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":"m5DAgBMA,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,UAAyCA,UAAAA,EAAWI,MAAAA,KAAUC,UAC7D,IAAAC,EAAMC,SAAO,OACXC,WAAAA,EAAYC,WAAAA,GAAeC,EAASA,SAAAL,EAAOD,EAAOE,GAElD,MAAAK,EAAyC,iBAAxBN,EAAMO,MAAMD,QAAuBN,EAAMO,MAAMD,QAAUN,EAAMO,MAAMD,QAAQA,QAC9FE,EAAuC,iBAAxBR,EAAMO,MAAMD,aAAuB,EAAYN,EAAMO,MAAMD,QAAQE,MAGlFC,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,aAAW,cACXlC,UAAU,4BACVmC,QAAS,KACC/B,EAAAgC,MAAM/B,EAAMO,MAAMW,IAAG,EAG/BK,eAACS,EAAUA,UAAA,QAI3B"}

package/build/cjs/components/toast/ToastRegion.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@react-aria/toast"),s=require("@react-stately/toast"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),o=require("react-dom"),i=require("./Toast.js");function l({placement:s,state:o,...l}){let n=a.useRef(null),{regionProps:u}=t.useToastRegion(l,o,n);return e.jsx("div",{className:r.clsx("jkl","jkl-toast-region",{"jkl-toast-region--left":"left"===s}),children:e.jsx("div",{...u,ref:n,className:"jkl-toast-region__toasts",children:[...o.visibleToasts].reverse().map((t=>e.jsx(i.Toast,{toast:t,state:o},t.key)))})})}exports.ToastRegion=function({queue:t,placement:r}){const a=s.useToastQueue(t);return a.visibleToasts.length>0?o.createPortal(e.jsx(l,{state:a,placement:r}),document.body):null};
+//# sourceMappingURL=ToastRegion.js.map

package/build/cjs/components/toast/ToastRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRegion.js","sources":["../../../../src/components/toast/ToastRegion.tsx"],"sourcesContent":["import { type AriaToastRegionProps, useToastRegion } from \"@react-aria/toast\";\nimport { useToastQueue, type ToastState, ToastQueue } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Toast } from \"./Toast\";\nimport { ToastContent } from \"./types\";\n\ninterface ToastRegionProps<T extends ToastContent = ToastContent> extends AriaToastRegionProps {\n    placement: \"center\" | \"left\";\n    state: ToastState<T>;\n}\n\nfunction Region<T extends ToastContent>({ placement, state, ...props }: ToastRegionProps<T>) {\n    let ref = React.useRef(null);\n    let { regionProps } = useToastRegion(props, state, ref);\n\n    return (\n        <div\n            className={clsx(\"jkl\", \"jkl-toast-region\", {\n                \"jkl-toast-region--left\": placement === \"left\",\n            })}\n        >\n            <div {...regionProps} ref={ref} className=\"jkl-toast-region__toasts\">\n                {[...state.visibleToasts].reverse().map((toast) => (\n                    <Toast key={toast.key} toast={toast} state={state} />\n                ))}\n            </div>\n        </div>\n    );\n}\n\nexport function ToastRegion({ queue, placement }: { queue: ToastQueue<ToastContent>; placement: \"center\" | \"left\" }) {\n    const state = useToastQueue<ToastContent>(queue);\n    return state.visibleToasts.length > 0\n        ? ReactDOM.createPortal(<Region state={state} placement={placement} />, document.body)\n        : null;\n}\n"],"names":["Region","placement","state","props","ref","React","useRef","regionProps","useToastRegion","jsx","className","clsx","children","visibleToasts","reverse","map","toast","Toast","key","queue","useToastQueue","length","ReactDOM","createPortal","document","body"],"mappings":"gSAaA,SAASA,GAAiCC,UAAAA,EAAWC,MAAAA,KAAUC,IACvD,IAAAC,EAAMC,EAAMC,OAAO,OACjBC,YAAAA,GAAgBC,EAAAA,eAAeL,EAAOD,EAAOE,GAG/C,OAAAK,EAAAA,IAAC,MAAA,CACGC,UAAWC,EAAAA,KAAK,MAAO,mBAAoB,CACvC,yBAAwC,SAAdV,IAG9BW,SAAAH,EAAAA,IAAC,MAAK,IAAGF,EAAaH,IAAAA,EAAUM,UAAU,2BACrCE,SAAA,IAAIV,EAAMW,eAAeC,UAAUC,KAAKC,GACpCP,EAAAA,IAAAQ,EAAAA,MAAA,CAAsBD,MAAAA,EAAcd,MAAAA,GAAzBc,EAAME,UAKtC,qBAEO,UAAuBC,MAAAA,EAAOlB,UAAAA,IAC3B,MAAAC,EAAQkB,gBAA4BD,GAC1C,OAAOjB,EAAMW,cAAcQ,OAAS,EAC9BC,EAASC,aAAcd,EAAAA,IAAAT,EAAA,CAAOE,MAAAA,EAAcD,UAAAA,IAA0BuB,SAASC,MAC/E,IACV"}

package/build/cjs/components/toast/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./toastContext.js");exports.ToastProvider=t.ToastProvider,exports.useToast=t.useToast;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/toast/index.js.map

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

package/build/cjs/components/toast/toastContext.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@react-stately/toast"),o=require("react"),r=require("./ToastRegion.js"),i=o.createContext({add:()=>"missing-provider"});exports.ToastProvider=({children:s,maxVisibleToasts:u=5,placement:a="center"})=>{const[n]=o.useState(new t.ToastQueue({maxVisibleToasts:u,hasExitAnimation:!0}));return e.jsxs(i.Provider,{value:{add:(e,t)=>{let o=5e3;return"number"==typeof(null==t?void 0:t.timeout)?o=t.timeout:(null===(null==t?void 0:t.timeout)||"off"===(null==t?void 0:t.timeout))&&(o=void 0),n.add(e,{...t,timeout:o})}},children:[s,e.jsx(r.ToastRegion,{queue:n,placement:a})]})},exports.useToast=()=>o.useContext(i);
+//# sourceMappingURL=toastContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toastContext.js","sources":["../../../../src/components/toast/toastContext.tsx"],"sourcesContent":["import { ToastQueue } from \"@react-stately/toast\";\nimport React, { createContext, useContext, useState, type FC } from \"react\";\nimport { type WithChildren } from \"../..\";\nimport { ToastRegion } from \"./ToastRegion\";\nimport { ToastContent, ToastOptions } from \"./types\";\n\ninterface ToastContextProviderProps extends WithChildren {\n    maxVisibleToasts?: number;\n    /**\n     * @default \"center\"\n     */\n    placement?: \"center\" | \"left\";\n}\n\ntype ToastContext = {\n    add: (toast: ToastContent, options?: ToastOptions) => string;\n};\n\nconst context = createContext<ToastContext>({\n    add: () => {\n        return \"missing-provider\";\n    },\n});\n\nexport const useToast = (): ToastContext => useContext(context);\n\nexport const ToastProvider: FC<ToastContextProviderProps> = ({\n    children,\n    maxVisibleToasts = 5,\n    placement = \"center\",\n}) => {\n    const [queue] = useState(new ToastQueue<ToastContent>({ maxVisibleToasts, hasExitAnimation: true }));\n\n    return (\n        <context.Provider\n            value={{\n                add: (toast: ToastContent, options?: ToastOptions) => {\n                    let timeout: number | undefined = 5000;\n\n                    if (typeof options?.timeout === \"number\") {\n                        timeout = options.timeout as number;\n                    } else if (options?.timeout === null || options?.timeout === \"off\") {\n                        timeout = undefined;\n                    }\n\n                    return queue.add(toast, {\n                        ...options,\n                        timeout,\n                    });\n                },\n            }}\n        >\n            {children}\n            <ToastRegion queue={queue} placement={placement} />\n        </context.Provider>\n    );\n};\n"],"names":["context","createContext","add","children","maxVisibleToasts","placement","queue","useState","ToastQueue","hasExitAnimation","jsxs","Provider","value","toast","options","timeout","jsx","ToastRegion","useContext"],"mappings":"wMAkBMA,EAAUC,EAAAA,cAA4B,CACxCC,IAAK,IACM,2CAM6C,EACxDC,SAAAA,EACAC,iBAAAA,EAAmB,EACnBC,UAAAA,EAAY,aAEN,MAACC,GAASC,EAAAA,SAAS,IAAIC,EAAAA,WAAyB,CAAEJ,iBAAAA,EAAkBK,kBAAkB,KAGxF,OAAAC,EAAAA,KAACV,EAAQW,SAAR,CACGC,MAAO,CACHV,IAAK,CAACW,EAAqBC,KACvB,IAAIC,EAA8B,IAE9B,MAA4B,iBAArB,MAAAD,OAAA,EAAAA,EAASC,SAChBA,EAAUD,EAAQC,SACU,QAArB,MAAAD,OAAAA,EAAAA,EAASC,UAAyC,SAArB,MAAAD,OAAAA,EAAAA,EAASC,YACnCA,OAAA,GAGPT,EAAMJ,IAAIW,EAAO,IACjBC,EACHC,QAAAA,GACH,GAIRZ,SAAA,CAAAA,EACDa,EAAAA,IAACC,EAAYA,YAAA,CAAAX,MAAAA,EAAcD,UAAAA,MAAsB,mBA7BrC,IAAoBa,EAAAA,WAAWlB"}

package/build/cjs/components/toast/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/build/cjs/components/toast/types.js.map

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

package/build/cjs/components/toggle-switch/ToggleSlider.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),s=require("react");require("../../hooks/useScreen/useScreen.js");const r=require("../../hooks/useId/useId.js"),i=require("../../hooks/useSwipeGesture/useSwipeGesture.js"),t=require("./usePillStyles.js");exports.ToggleSlider=({children:d,labels:o,className:n="",onToggle:a,defaultValue:u,hideLegend:c=!1,density:g,...j})=>{const[k,h]=s.useState(u||o[0]),p=r.useId("jkl-toggle-slider"),m=r.useId("jkl-toggle-slider-legend"),_=s.useRef(null),x=k===o[1],S=t.usePillStyles(_,x,[g]),{gestureHandlers:b}=i.useSwipeGesture({onClick:e=>{const{value:l}=e.currentTarget;h(l),a(l)},onChange:(e,l)=>{h(l?o[1]:o[0]),a(l?o[1]:o[0])}}),{onClick:y,...N}=b;return"production"!==process.env.NODE_ENV&&console.error("WARNING: ToggleSlider component has been deprecated and will be removed in some future version of the library"),e.jsxs("fieldset",{...j,className:l.clsx("jkl-toggle-slider",n),"aria-labelledby":m,"data-testid":"jkl-toggle-slider","data-density":g,children:[e.jsx("div",{id:m,className:l.clsx("jkl-toggle-slider__legend",{"jkl-toggle-slider__legend--sr-only":c}),children:d}),e.jsxs("div",{className:"jkl-toggle-slider__inputs",...N,children:[o.map((r=>e.jsxs(s.Fragment,{children:[e.jsx("input",{className:"jkl-toggle-slider__input",type:"radio",value:r,checked:r===k,name:p,id:`${r}-${p}`,onClick:y,onChange:()=>{}}),e.jsx("label",{className:l.clsx("jkl-toggle-slider__label",{"jkl-toggle-slider__label--selected":r===k}),ref:r===k?_:void 0,htmlFor:`${r}-${p}`,children:r})]},r))),e.jsx("span",{className:"jkl-toggle-slider__pill",style:S,"aria-hidden":!0})]})]})};
+//# sourceMappingURL=ToggleSlider.js.map

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

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

package/build/cjs/components/toggle-switch/ToggleSwitch.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs"),n=require("react");require("../../hooks/useScreen/useScreen.js");const i=require("../../hooks/useId/useId.js"),r=require("../../hooks/useSwipeGesture/useSwipeGesture.js");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js");const s=require("../icon/icons/CheckIcon.js");require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const c=n.forwardRef((({"aria-pressed":c=!1,children:t,className:u,density:a,id:j,onChange:l,...d},q)=>{const I=i.useId(j||"jkl-toggle-switch",{generateSuffix:!j}),[h,g]=n.useState(c);n.useEffect((()=>{g(c)}),[c]);const{onClick:w,onPointerCancel:m,onPointerDown:C,onPointerMove:k,onPointerUp:p,...S}=d,{gestureHandlers:v}=r.useSwipeGesture({onClick:e=>{g(!h),null==l||l(e,!h),null==w||w(e)},onChange:(e,o)=>{o!==h&&(g(o),null==l||l(e,o))},onPointerCancel:m,onPointerDown:C,onPointerMove:k,onPointerUp:p});return e.jsxs("button",{className:o.clsx("jkl-toggle-switch",u),id:I,ref:q,"aria-pressed":h,"data-density":a,...S,...S.disabled?{}:v,children:[t,e.jsx("div",{"aria-hidden":!0,className:"jkl-toggle-switch-widget",children:e.jsxs("div",{className:"jkl-toggle-switch-widget__slider",children:[e.jsx("div",{className:"jkl-toggle-switch-widget__knob"}),e.jsx(s.CheckIcon,{variant:"small",bold:!0,className:"jkl-toggle-switch-widget__indicator"})]})})]})}));c.displayName="ToggleSwitch",exports.ToggleSwitch=c;
+//# sourceMappingURL=ToggleSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.js","sources":["../../../../src/components/toggle-switch/ToggleSwitch.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type ButtonHTMLAttributes, type MouseEventHandler, forwardRef } from \"react\";\nimport { Density } from \"../..\";\nimport { useId, useSwipeGesture, type SwipeChangeHandler } from \"../../hooks\";\nimport { CheckIcon } from \"../icon\";\n\nexport type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;\n\nexport type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> & {\n    density?: Density;\n    /**\n     * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på\n     * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.\n     * @example\n     * ```js\n     * function handleChange(event, pressed) {\n     *    console.log(`ToggleSwitch er ${pressed ? \"på\" : \"av\"}`);\n     * }\n     * ```\n     */\n    onChange?: ToggleChangeHandler<HTMLButtonElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleProps>(\n    ({ \"aria-pressed\": ariaPressed = false, children, className, density, id, onChange, ...rest }, ref) => {\n        const uid = useId(id || \"jkl-toggle-switch\", { generateSuffix: !id });\n        const [pressed, setPressed] = React.useState(ariaPressed);\n        React.useEffect(() => {\n            setPressed(ariaPressed);\n        }, [ariaPressed]);\n\n        const { onClick, onPointerCancel, onPointerDown, onPointerMove, onPointerUp, ...buttonProps } = rest;\n\n        const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n            setPressed(!pressed);\n            onChange?.(event, !pressed);\n            onClick?.(event);\n        };\n\n        const handleChange: ToggleChangeHandler<HTMLButtonElement> = (event, toggleTo) => {\n            if (toggleTo !== pressed) {\n                setPressed(toggleTo);\n                onChange?.(event, toggleTo);\n            }\n        };\n\n        const { gestureHandlers } = useSwipeGesture({\n            onClick: handleClick,\n            onChange: handleChange,\n            onPointerCancel,\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n        });\n\n        return (\n            <button\n                className={clsx(\"jkl-toggle-switch\", className)}\n                id={uid}\n                ref={ref}\n                aria-pressed={pressed}\n                data-density={density}\n                {...buttonProps}\n                {...(buttonProps.disabled ? {} : gestureHandlers)}\n            >\n                {children}\n                <div aria-hidden className=\"jkl-toggle-switch-widget\">\n                    <div className=\"jkl-toggle-switch-widget__slider\">\n                        <div className=\"jkl-toggle-switch-widget__knob\" />\n                        <CheckIcon variant=\"small\" bold className=\"jkl-toggle-switch-widget__indicator\" />\n                    </div>\n                </div>\n            </button>\n        );\n    },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n"],"names":["ToggleSwitch","forwardRef","ariaPressed","children","className","density","id","onChange","rest","ref","uid","useId","generateSuffix","pressed","setPressed","React","useState","useEffect","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","buttonProps","gestureHandlers","useSwipeGesture","event","toggleTo","jsxs","clsx","disabled","jsx","CheckIcon","variant","bold","displayName"],"mappings":"4vDAuBO,MAAMA,EAAeC,EAAAA,YACxB,EAAG,eAAgBC,GAAc,EAAOC,SAAAA,EAAUC,UAAAA,EAAWC,QAAAA,EAASC,GAAAA,EAAIC,SAAAA,KAAaC,GAAQC,KACrF,MAAAC,EAAMC,QAAML,GAAM,oBAAqB,CAAEM,gBAAiBN,KACzDO,EAASC,GAAcC,EAAMC,SAASd,GAC7Ca,EAAME,WAAU,KACZH,EAAWZ,EAAW,GACvB,CAACA,IAEE,MAAEgB,QAAAA,EAASC,gBAAAA,EAAiBC,cAAAA,EAAeC,cAAAA,EAAeC,YAAAA,KAAgBC,GAAgBf,GAexFgB,gBAAAA,GAAoBC,kBAAgB,CACxCP,QAduDQ,IACvDZ,GAAYD,GACD,MAAAN,GAAAA,EAAAmB,GAAQb,GACnB,MAAAK,GAAAA,EAAUQ,EAAAA,EAYVnB,SATyD,CAACmB,EAAOC,KAC7DA,IAAad,IACbC,EAAWa,GACX,MAAApB,GAAAA,EAAWmB,EAAOC,GAAAA,EAOtBR,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAM,EAAAA,KAAC,SAAA,CACGxB,UAAWyB,EAAAA,KAAK,oBAAqBzB,GACrCE,GAAII,EACJD,IAAAA,EACA,eAAcI,EACd,eAAcR,KACVkB,KACCA,EAAYO,SAAW,CAAA,EAAKN,EAEhCrB,SAAA,CAAAA,EACD4B,EAAAA,IAAC,OAAI,eAAW,EAAC3B,UAAU,2BACvBD,SAAAyB,EAAAA,KAAC,MAAI,CAAAxB,UAAU,mCACXD,SAAA,CAAC4B,EAAAA,IAAA,MAAA,CAAI3B,UAAU,yCACd4B,EAAAA,UAAU,CAAAC,QAAQ,QAAQC,MAAI,EAAC9B,UAAU,+CAElD,IAKhBJ,EAAamC,YAAc"}

package/build/cjs/components/toggle-switch/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ToggleSwitch.js"),g=require("./ToggleSlider.js");exports.ToggleSwitch=e.ToggleSwitch,exports.ToggleSlider=g.ToggleSlider;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/toggle-switch/index.js.map

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

package/build/cjs/components/toggle-switch/usePillStyles.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.usePillStyles=(t,r,n)=>{const[i,u]=e.useState(0),[o,s]=e.useState(0),c=e.useCallback((()=>{if(t.current&&t.current.parentElement){u(t.current.clientWidth);const e=r?t.current.parentElement.clientWidth-t.current.clientWidth:0;s(e)}}),[t,r,...n]),l=e.useMemo((()=>function(e){let t=!1;return(...r)=>{if(t)return;const n=e(...r);return t=!0,window.setTimeout((()=>{t=!1}),200),n}}(c)),[c]);return e.useEffect((()=>(c(),typeof window<"u"&&window.addEventListener("resize",l),()=>{typeof window<"u"&&window.removeEventListener("resize",l)})),[c,l]),{width:i,transform:`translateX(${o}px)`}};
+//# sourceMappingURL=usePillStyles.js.map

package/build/cjs/components/toggle-switch/usePillStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePillStyles.js","sources":["../../../../src/components/toggle-switch/usePillStyles.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useMemo, useState } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction throttle<R, A extends any[]>(fn: (...args: A) => R) {\n    let wait = false;\n\n    return (...args: A) => {\n        if (wait) return undefined;\n\n        const result = fn(...args);\n\n        wait = true;\n        window.setTimeout(() => {\n            wait = false;\n        }, 200);\n\n        return result;\n    };\n}\n\nexport const usePillStyles = (ref: RefObject<HTMLLabelElement>, shouldTransform: boolean, dependencies: unknown[]) => {\n    const [width, setWidth] = useState(0);\n    const [distance, setDistance] = useState(0);\n\n    const setStyles = useCallback(() => {\n        if (ref.current && ref.current.parentElement) {\n            setWidth(ref.current.clientWidth);\n\n            const translateDistance = shouldTransform\n                ? ref.current.parentElement.clientWidth - ref.current.clientWidth\n                : 0;\n\n            setDistance(translateDistance);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, shouldTransform, ...dependencies]);\n\n    const throttledSetStyles = useMemo(() => throttle(setStyles), [setStyles]);\n\n    useEffect(() => {\n        setStyles();\n        typeof window !== \"undefined\" && window.addEventListener(\"resize\", throttledSetStyles);\n        return () => {\n            typeof window !== \"undefined\" && window.removeEventListener(\"resize\", throttledSetStyles);\n        };\n    }, [setStyles, throttledSetStyles]);\n\n    return {\n        width,\n        transform: `translateX(${distance}px)`,\n    };\n};\n"],"names":["ref","shouldTransform","dependencies","width","setWidth","useState","distance","setDistance","setStyles","useCallback","current","parentElement","clientWidth","translateDistance","throttledSetStyles","useMemo","fn","wait","args","result","window","setTimeout","throttle","useEffect","addEventListener","removeEventListener","transform"],"mappings":"+HAoB6B,CAACA,EAAkCC,EAA0BC,KACtF,MAAOC,EAAOC,GAAYC,WAAS,IAC5BC,EAAUC,GAAeF,WAAS,GAEnCG,EAAYC,EAAAA,aAAY,KAC1B,GAAIT,EAAIU,SAAWV,EAAIU,QAAQC,cAAe,CACjCP,EAAAJ,EAAIU,QAAQE,aAEf,MAAAC,EAAoBZ,EACpBD,EAAIU,QAAQC,cAAcC,YAAcZ,EAAIU,QAAQE,YACpD,EAENL,EAAYM,EAChB,IAED,CAACb,EAAKC,KAAoBC,IAEvBY,EAAqBC,EAAAA,SAAQ,IAlCvC,SAAsCC,GAClC,IAAIC,GAAO,EAEX,MAAO,IAAIC,KACP,GAAID,EAAa,OAEX,MAAAE,EAASH,KAAME,GAEd,OAAAD,GAAA,EACPG,OAAOC,YAAW,KACPJ,GAAA,IACR,KAEIE,EAEf,CAmB6CG,CAASd,IAAY,CAACA,IAE/De,OAAAA,EAAAA,WAAU,KACIf,WACHY,OAAW,KAAeA,OAAOI,iBAAiB,SAAUV,GAC5D,YACIM,OAAW,KAAeA,OAAOK,oBAAoB,SAAUX,EAAkB,IAE7F,CAACN,EAAWM,IAER,CACHX,MAAAA,EACAuB,UAAW,cAAcpB,OAAQ"}

package/build/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),s=require("./components/breadcrumb/BreadcrumbItem.js"),t=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),a=require("./components/card/NavCard.js"),u=require("./components/card/TaskCard.js"),c=require("./components/card/InfoCard.js"),p=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),d=require("./components/cookie-consent/CookieConsentContext.js"),x=require("./components/datepicker/validation.js"),I=require("./components/datepicker/utils.js"),g=require("./components/datepicker/DatePicker.js"),j=require("./components/feedback/Feedback.js"),q=require("./components/feedback/presets.js"),k=require("./components/icon/Icon.js"),h=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),C=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),S=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),T=require("./components/icon/icons/ArrowDownIcon.js"),f=require("./components/icon/icons/ArrowLeftIcon.js"),b=require("./components/icon/icons/ArrowNorthEastIcon.js"),A=require("./components/icon/icons/ArrowRightIcon.js"),M=require("./components/icon/icons/ArrowUpIcon.js"),v=require("./components/icon/icons/CalendarIcon.js"),L=require("./components/icon/icons/CheckIcon.js"),E=require("./components/icon/icons/ChevronDownIcon.js"),R=require("./components/icon/icons/ChevronLeftIcon.js"),B=require("./components/icon/icons/ChevronRightIcon.js"),V=require("./components/icon/icons/ChevronUpIcon.js"),w=require("./components/icon/icons/CloseIcon.js"),N=require("./components/icon/icons/CopyIcon.js"),O=require("./components/icon/icons/DotsIcon.js"),P=require("./components/icon/icons/DragIcon.js"),D=require("./components/icon/icons/ErrorIcon.js"),G=require("./components/icon/icons/GreenCheckIcon.js"),y=require("./components/icon/icons/HamburgerIcon.js"),F=require("./components/icon/icons/InfoIcon.js"),W=require("./components/icon/icons/LinkIcon.js"),U=require("./components/icon/icons/PlusIcon.js"),H=require("./components/icon/icons/QuestionIcon.js"),K=require("./components/icon/icons/RedCrossIcon.js"),X=require("./components/icon/icons/SearchIcon.js"),_=require("./components/icon/icons/SuccessIcon.js"),z=require("./components/icon/icons/WarningIcon.js"),Q=require("./components/icon/icons/MinusIcon.js"),J=require("./components/icon/icons/ThumbDownIcon.js"),Y=require("./components/icon/icons/ThumbUpIcon.js"),Z=require("./components/icon/icons/TrashCanIcon.js"),$=require("./components/icon/icons/PenIcon.js"),ee=require("./components/icon-button/IconButton.js"),oe=require("./components/image/Image.js"),re=require("./components/input-group/FieldGroup.js"),se=require("./components/input-group/InputGroup.js"),te=require("./components/input-group/Label.js"),ne=require("./components/input-group/SupportLabel.js"),ie=require("./components/link/Link.js"),ae=require("./components/link/NavLink.js"),ue=require("./components/link-list/LinkList.js"),ce=require("./components/list/List.js"),pe=require("./components/list/ListItem.js"),me=require("./components/loader/Loader.js"),le=require("./components/loader/skeletons/SkeletonAnimation.js"),de=require("./components/loader/skeletons/SkeletonButton.js"),xe=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),Ie=require("./components/loader/skeletons/SkeletonElement.js"),ge=require("./components/loader/skeletons/SkeletonInput.js"),je=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),qe=require("./components/loader/skeletons/SkeletonTable.js"),ke=require("./components/loader/skeletons/SkeletonTextArea.js"),he=require("./components/message/Message.js"),Ce=require("./components/message/FormErrorMessage.js"),Se=require("./components/modal/Modal.js"),Te=require("./components/modal/useModal.js"),fe=require("./components/popover/Popover.js"),be=require("./components/radio-button/RadioButton.js"),Ae=require("./components/radio-button/RadioButtonGroup.js"),Me=require("./components/radio-button/BaseRadioButton.js"),ve=require("../NativeSelect-CNcZmpDZ.cjs"),Le=require("./components/tag/Tag.js"),Ee=require("./components/text-input/BaseTextArea.js"),Re=require("./components/text-input/BaseTextInput.js"),Be=require("./components/text-input/TextArea.js"),Ve=require("./components/text-input/TextInput.js"),we=require("./components/tooltip/Tooltip.js"),Ne=require("./components/tooltip/TooltipContent.js"),Oe=require("./components/tooltip/TooltipTrigger.js"),Pe=require("./components/tooltip/PopupTip.js"),De=require("./components/ScreenReaderOnly.js"),Ge=require("./core/tokens.js"),ye=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Fe=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),We=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Ue=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),He=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),Ke=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Xe=require("./hooks/useLocalStorage/useLocalStorage.js"),_e=require("./hooks/useMutationObserver/useMutationObserver.js"),ze=require("./hooks/usePreviousValue/usePreviousValue.js"),Qe=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Je=require("./hooks/useScreen/useScreen.js"),Ye=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Ze=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),$e=require("./hooks/useClickOutside/useClickOutside.js"),eo=require("./hooks/useFocusOutside/useFocusOutside.js"),oo=require("./hooks/useElementDimensions/useElementDimensions.js"),ro=require("./hooks/useId/useId.js"),so=require("./hooks/useKeyListener/useKeyListener.js"),to=require("./hooks/useListNavigation/useListNavigation.js"),no=require("./hooks/useSwipeGesture/useSwipeGesture.js"),io=require("../index-hKyqa1PH.cjs"),ao=require("./utilities/formatters/util/formatNumber.js"),uo=require("./utilities/formatters/util/parseNumber.js"),co=require("./utilities/formatters/util/registerWithMask.js"),po=require("./utilities/formatters/avstand/formatAvstand.js"),mo=require("./utilities/formatters/bytes/formatBytes.js"),lo=require("./utilities/formatters/date/formatDate.js"),xo=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),Io=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),go=require("./utilities/formatters/kontonummer/formatKontonummer.js"),jo=require("./utilities/formatters/kortnummer/formatKortnummer.js"),qo=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),ko=require("./utilities/formatters/valuta/formatValuta.js"),ho=require("./utilities/polymorphism/mergeProps.js"),Co=require("./utilities/polymorphism/mergeRefs.js"),So=require("./utilities/polymorphism/SlotComponent.js"),To=require("./utilities/validators/isValidEpost/isValidEpost.js"),fo=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),bo=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),Ao=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.js"),Mo=require("./utilities/validators/isValidDogId/isValidDogId.js"),vo=require("./utilities/validators/isExactLength/isExactLength.js"),Lo=require("./utilities/validators/isInteger/isInteger.js"),Eo=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js"),Ro=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),Bo=require("./utilities/validators/isValidName/isValidName.js"),Vo=require("./utilities/validators/hasMinimumWords/hasMinimumWords.js"),wo=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),No=require("./utilities/tabListener.js"),Oo=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=u.TaskCard,exports.InfoCard=c.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.isCorrectFormat=x.isCorrectFormat,exports.isWithinLowerBound=x.isWithinLowerBound,exports.isWithinUpperBound=x.isWithinUpperBound,exports.dayMonthYearRegex=I.dayMonthYearRegex,exports.formatInput=I.formatInput,exports.isBlurTargetOutside=I.isBlurTargetOutside,exports.parseDateString=I.parseDateString,exports.DatePicker=g.DatePicker,exports.Feedback=j.Feedback,exports.PRESETS=q.PRESETS,exports.Icon=k.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=C.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=S.PlusRemoveAnimated,exports.ArrowDownIcon=T.ArrowDownIcon,exports.ArrowLeftIcon=f.ArrowLeftIcon,exports.ArrowNorthEastIcon=b.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=M.ArrowUpIcon,exports.CalendarIcon=v.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=E.ChevronDownIcon,exports.ChevronLeftIcon=R.ChevronLeftIcon,exports.ChevronRightIcon=B.ChevronRightIcon,exports.ChevronUpIcon=V.ChevronUpIcon,exports.CloseIcon=w.CloseIcon,exports.CopyIcon=N.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=P.DragIcon,exports.ErrorIcon=D.ErrorIcon,exports.GreenCheckIcon=G.GreenCheckIcon,exports.HamburgerIcon=y.HamburgerIcon,exports.InfoIcon=F.InfoIcon,exports.LinkIcon=W.LinkIcon,exports.PlusIcon=U.PlusIcon,exports.QuestionIcon=H.QuestionIcon,exports.RedCrossIcon=K.RedCrossIcon,exports.SearchIcon=X.SearchIcon,exports.SuccessIcon=_.SuccessIcon,exports.WarningIcon=z.WarningIcon,exports.MinusIcon=Q.MinusIcon,exports.ThumbDownIcon=J.ThumbDownIcon,exports.ThumbUpIcon=Y.ThumbUpIcon,exports.TrashCanIcon=Z.TrashCanIcon,exports.PenIcon=$.PenIcon,exports.IconButton=ee.IconButton,exports.Image=oe.Image,exports.FieldGroup=re.FieldGroup,exports.InputGroup=se.InputGroup,exports.Label=te.Label,exports.SupportLabel=ne.SupportLabel,exports.Link=ie.Link,exports.NavLink=ae.NavLink,exports.LinkList=ue.LinkList,exports.List=ce.List,exports.OrderedList=ce.OrderedList,exports.UnorderedList=ce.UnorderedList,exports.CheckListItem=pe.CheckListItem,exports.CrossListItem=pe.CrossListItem,exports.ListItem=pe.ListItem,exports.Loader=me.Loader,exports.SkeletonAnimation=le.SkeletonAnimation,exports.SkeletonButton=de.SkeletonButton,exports.SkeletonCheckboxGroup=xe.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=ge.SkeletonInput,exports.SkeletonRadioButtonGroup=je.SkeletonRadioButtonGroup,exports.SkeletonTable=qe.SkeletonTable,exports.SkeletonTableHeader=qe.SkeletonTableHeader,exports.SkeletonTableRow=qe.SkeletonTableRow,exports.SkeletonTextArea=ke.SkeletonTextArea,exports.ErrorMessage=he.ErrorMessage,exports.InfoMessage=he.InfoMessage,exports.SuccessMessage=he.SuccessMessage,exports.WarningMessage=he.WarningMessage,exports.FormErrorMessage=Ce.FormErrorMessage,exports.Modal=Se.Modal,exports.ModalActions=Se.ModalActions,exports.ModalBody=Se.ModalBody,exports.ModalCloseButton=Se.ModalCloseButton,exports.ModalContainer=Se.ModalContainer,exports.ModalHeader=Se.ModalHeader,exports.ModalOverlay=Se.ModalOverlay,exports.ModalTitle=Se.ModalTitle,exports.useModal=Te.useModal,exports.Popover=fe,exports.RadioButton=be.RadioButton,exports.RadioButtonGroup=Ae.RadioButtonGroup,exports.BaseRadioButton=Me.BaseRadioButton,exports.NativeSelect=ve.NativeSelect,exports.Select=ve.Select,exports.ErrorTag=Le.ErrorTag,exports.InfoTag=Le.InfoTag,exports.SuccessTag=Le.SuccessTag,exports.Tag=Le.Tag,exports.WarningTag=Le.WarningTag,exports.BaseTextArea=Ee.BaseTextArea,exports.BaseTextInput=Re.BaseTextInput,exports.TextArea=Be.TextArea,exports.TextInput=Ve.TextInput,exports.Tooltip=we.Tooltip,exports.TooltipContent=Ne.TooltipContent,exports.TooltipTrigger=Oe.TooltipTrigger,exports.PopupTip=Pe.PopupTip,exports.ScreenReaderOnly=De.ScreenReaderOnly,exports.tokens=Ge,exports.useAnimatedDetails=ye.useAnimatedDetails,exports.useAnimatedHeight=Fe.useAnimatedHeight,exports.useAnimatedHeightBetween=We.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ue.useAutoAnimatedHeight,exports.useBrowserPreferences=He.useBrowserPreferences,exports.useIntersectionObserver=Ke.useIntersectionObserver,exports.useLocalStorage=Xe.useLocalStorage,exports.useMutationObserver=_e.useMutationObserver,exports.usePreviousValue=ze.usePreviousValue,exports.useProgressiveImg=Qe.useProgressiveImg,exports.useScreen=Je.useScreen,exports.useScrollIntoView=Ye.useScrollIntoView,exports.useAriaLiveRegion=Ze.useAriaLiveRegion,exports.useClickOutside=$e.useClickOutside,exports.useFocusOutside=eo.useFocusOutside,exports.useElementDimensions=oo.useElementDimensions,exports.useId=ro.useId,exports.useKeyListener=so.useKeyListener,exports.useListNavigation=to.useListNavigation,exports.useSwipeGesture=no.useSwipeGesture,exports.unicode=io.unicode,exports.formatNumber=ao.formatNumber,exports.parseNumber=uo.parseNumber,exports.registerWithFodselsnummerMask=co.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=co.registerWithKontonummerMask,exports.registerWithKortnummerMask=co.registerWithKortnummerMask,exports.registerWithMasks=co.registerWithMasks,exports.registerWithTelefonnummerMask=co.registerWithTelefonnummerMask,exports.formatAvstand=po.formatAvstand,exports.formatBytes=mo.formatBytes,exports.formatDate=lo.formatDate,exports.FODSELSNUMMER_REGEX=xo.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=xo.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=Io.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=Io.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=go.KONTONUMMER_REGEX,exports.formatKontonummer=go.formatKontonummer,exports.KORTNUMMER_REGEX=jo.KORTNUMMER_REGEX,exports.formatKortnummer=jo.formatKortnummer,exports.TELEFONNUMMER_REGEX=qo.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=qo.formatTelefonnummer,exports.formatValuta=ko.formatValuta,exports.mergeProps=ho.mergeProps,exports.mergeRefs=Co.mergeRefs,exports.SlotComponent=So.SlotComponent,exports.isValidEpost=To.isValidEpost,exports.isValidTelefonnummer=fo.isValidTelefonnummer,exports.isValidRegistreringsnummer=bo.isValidRegistreringsnummer,exports.isValidChassisnummer=Ao.isValidChassisnummer,exports.isValidDogId=Mo.isValidDogId,exports.isExactLength=vo.isExactLength,exports.isInteger=Lo.isInteger,exports.isValidFodselsnummer=Eo.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=Ro.isValidOrganisasjonsnummer,exports.isValidName=Bo.isValidName,exports.hasMinimumWords=Vo.hasMinimumWords,exports.hasNoIllegalCharacters=wo.hasNoIllegalCharacters,exports.initTabListener=No.initTabListener,exports.getValuePair=Oo.getValuePair;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),s=require("./components/breadcrumb/BreadcrumbItem.js"),t=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),a=require("./components/card/NavCard.js"),u=require("./components/card/TaskCard.js"),p=require("./components/card/InfoCard.js"),c=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),g=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),b=require("./components/feedback/Feedback.js"),q=require("./components/feedback/presets.js"),I=require("./components/description-list/DescriptionList.js"),T=require("../ExpandableTableRow-BQjBxKCX.cjs"),k=require("./components/expander/ExpandSection.js"),C=require("./components/icon/Icon.js"),h=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),S=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),v=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),L=require("./components/icon/icons/ArrowDownIcon.js"),M=require("./components/icon/icons/ArrowLeftIcon.js"),f=require("./components/icon/icons/ArrowNorthEastIcon.js"),A=require("./components/icon/icons/ArrowRightIcon.js"),E=require("./components/icon/icons/ArrowUpIcon.js"),R=require("./components/icon/icons/CalendarIcon.js"),B=require("./components/icon/icons/CheckIcon.js"),w=require("./components/icon/icons/ChevronDownIcon.js"),F=require("./components/icon/icons/ChevronLeftIcon.js"),P=require("./components/icon/icons/ChevronRightIcon.js"),N=require("./components/icon/icons/ChevronUpIcon.js"),V=require("./components/icon/icons/CloseIcon.js"),y=require("./components/icon/icons/CopyIcon.js"),D=require("./components/icon/icons/DotsIcon.js"),O=require("./components/icon/icons/DragIcon.js"),G=require("./components/icon/icons/ErrorIcon.js"),H=require("./components/icon/icons/GreenCheckIcon.js"),W=require("./components/icon/icons/HamburgerIcon.js"),U=require("./components/icon/icons/InfoIcon.js"),K=require("./components/icon/icons/LinkIcon.js"),X=require("./components/icon/icons/PlusIcon.js"),_=require("./components/icon/icons/QuestionIcon.js"),z=require("./components/icon/icons/RedCrossIcon.js"),Q=require("./components/icon/icons/SearchIcon.js"),J=require("./components/icon/icons/SuccessIcon.js"),Y=require("./components/icon/icons/WarningIcon.js"),Z=require("./components/icon/icons/MinusIcon.js"),$=require("./components/icon/icons/ThumbDownIcon.js"),ee=require("./components/icon/icons/ThumbUpIcon.js"),oe=require("./components/icon/icons/TrashCanIcon.js"),re=require("./components/icon/icons/PenIcon.js"),se=require("./components/icon-button/IconButton.js"),te=require("./components/image/Image.js"),ne=require("./components/input-group/FieldGroup.js"),ie=require("./components/input-group/InputGroup.js"),ae=require("./components/input-group/Label.js"),ue=require("./components/input-group/SupportLabel.js"),pe=require("./components/link/Link.js"),ce=require("./components/link/NavLink.js"),me=require("./components/link-list/LinkList.js"),le=require("./components/list/List.js"),xe=require("./components/list/ListItem.js"),de=require("./components/loader/Loader.js"),ge=require("./components/loader/skeletons/SkeletonAnimation.js"),je=require("./components/loader/skeletons/SkeletonButton.js"),be=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),qe=require("./components/loader/skeletons/SkeletonElement.js"),Ie=require("./components/loader/skeletons/SkeletonInput.js"),Te=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),ke=require("./components/loader/skeletons/SkeletonTable.js"),Ce=require("./components/loader/skeletons/SkeletonTextArea.js"),he=require("./components/logo/Logo.js"),Se=require("./components/logo/LogoStamp.js"),ve=require("./components/logo/text-paths/ForsikringLevertAvFremtind.js"),Le=require("./components/logo/text-paths/FraSB1ogDNB.js"),Me=require("./components/logo/text-paths/InnovasjonFraFremtind.js"),fe=require("./components/logo/text-paths/TeknologiFraFremtind.js"),Ae=require("./components/logo/text-paths/VartEgetForsikringsselskap.js"),Ee=require("./components/logo/text-paths/VartForsikringsselskap.js"),Re=require("./components/message/Message.js"),Be=require("./components/message/FormErrorMessage.js"),we=require("./components/modal/Modal.js"),Fe=require("./components/modal/useModal.js"),Pe=require("./components/popover/Popover.js"),Ne=require("./components/progress-bar/Countdown.js"),Ve=require("./components/progress-bar/ProgressBar.js"),ye=require("./components/radio-button/RadioButton.js"),De=require("./components/radio-button/RadioButtonGroup.js"),Oe=require("./components/radio-button/BaseRadioButton.js"),Ge=require("./components/summary-table/SummaryTable.js"),He=require("./components/summary-table/SummaryTableRow.js"),We=require("./components/system-message/SystemMessage.js"),Ue=require("./components/table/DataTable.js"),Ke=require("./components/table/Table.js"),Xe=require("./components/table/TableBody.js"),_e=require("./components/table/TableCaption.js"),ze=require("./components/table/TableCell.js"),Qe=require("./components/table/TableColumn.js"),Je=require("./components/table/TableColumnGroup.js"),Ye=require("./components/table/tableContext.js"),Ze=require("./components/table/tableSectionContext.js"),$e=require("./components/table/TableFooter.js"),eo=require("./components/table/TableHead.js"),oo=require("./components/table/TableHeader.js"),ro=require("./components/table/TableRow.js"),so=require("./components/table/utils.js"),to=require("./components/tabs/NavTab.js"),no=require("./components/tabs/NavTabs.js"),io=require("./components/tabs/Tabs.js"),ao=require("./components/tabs/TabList.js"),uo=require("./components/tabs/Tab.js"),po=require("./components/tabs/TabPanel.js"),co=require("./components/tag/Tag.js"),mo=require("./components/text-input/BaseTextArea.js"),lo=require("./components/text-input/BaseTextInput.js"),xo=require("./components/text-input/TextArea.js"),go=require("./components/text-input/TextInput.js"),jo=require("./components/toast/toastContext.js"),bo=require("./components/toggle-switch/ToggleSwitch.js"),qo=require("./components/toggle-switch/ToggleSlider.js"),Io=require("./components/tooltip/Tooltip.js"),To=require("./components/tooltip/TooltipContent.js"),ko=require("./components/tooltip/TooltipTrigger.js"),Co=require("./components/tooltip/PopupTip.js"),ho=require("./components/ScreenReaderOnly.js"),So=require("./core/tokens.js"),vo=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Lo=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Mo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),fo=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),Ao=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),Eo=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Ro=require("./hooks/useLocalStorage/useLocalStorage.js"),Bo=require("./hooks/useMutationObserver/useMutationObserver.js"),wo=require("./hooks/usePreviousValue/usePreviousValue.js"),Fo=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Po=require("./hooks/useScreen/useScreen.js"),No=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Vo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),yo=require("./hooks/useClickOutside/useClickOutside.js"),Do=require("./hooks/useFocusOutside/useFocusOutside.js"),Oo=require("./hooks/useElementDimensions/useElementDimensions.js"),Go=require("./hooks/useId/useId.js"),Ho=require("./hooks/useKeyListener/useKeyListener.js"),Wo=require("./hooks/useListNavigation/useListNavigation.js"),Uo=require("./hooks/useSwipeGesture/useSwipeGesture.js"),Ko=require("../index-hKyqa1PH.cjs"),Xo=require("./utilities/formatters/util/formatNumber.js"),_o=require("./utilities/formatters/util/parseNumber.js"),zo=require("./utilities/formatters/util/registerWithMask.js"),Qo=require("./utilities/formatters/avstand/formatAvstand.js"),Jo=require("./utilities/formatters/bytes/formatBytes.js"),Yo=require("./utilities/formatters/date/formatDate.js"),Zo=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),$o=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),er=require("./utilities/formatters/kontonummer/formatKontonummer.js"),or=require("./utilities/formatters/kortnummer/formatKortnummer.js"),rr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),sr=require("./utilities/formatters/valuta/formatValuta.js"),tr=require("./utilities/polymorphism/mergeProps.js"),nr=require("./utilities/polymorphism/mergeRefs.js"),ir=require("./utilities/polymorphism/SlotComponent.js"),ar=require("./utilities/validators/isValidEpost/isValidEpost.js"),ur=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),pr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),cr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.js"),mr=require("./utilities/validators/isValidDogId/isValidDogId.js"),lr=require("./utilities/validators/isExactLength/isExactLength.js"),xr=require("./utilities/validators/isInteger/isInteger.js"),dr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js"),gr=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),jr=require("./utilities/validators/isValidName/isValidName.js"),br=require("./utilities/validators/hasMinimumWords/hasMinimumWords.js"),qr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),Ir=require("./utilities/tabListener.js"),Tr=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=u.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=c.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.DescriptionDetail=I.DescriptionDetail,exports.DescriptionList=I.DescriptionList,exports.DescriptionTerm=I.DescriptionTerm,exports.ExpandableTableRow=T.ExpandableTableRow,exports.ExpandableTableRowController=T.ExpandableTableRowController,exports.Expander=T.Expander,exports.NativeSelect=T.NativeSelect,exports.Select=T.Select,exports.TablePagination=T.TablePagination,exports.ExpandSection=k.ExpandSection,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=S.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=v.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=M.ArrowLeftIcon,exports.ArrowNorthEastIcon=f.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=E.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=B.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=F.ChevronLeftIcon,exports.ChevronRightIcon=P.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=D.DotsIcon,exports.DragIcon=O.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=H.GreenCheckIcon,exports.HamburgerIcon=W.HamburgerIcon,exports.InfoIcon=U.InfoIcon,exports.LinkIcon=K.LinkIcon,exports.PlusIcon=X.PlusIcon,exports.QuestionIcon=_.QuestionIcon,exports.RedCrossIcon=z.RedCrossIcon,exports.SearchIcon=Q.SearchIcon,exports.SuccessIcon=J.SuccessIcon,exports.WarningIcon=Y.WarningIcon,exports.MinusIcon=Z.MinusIcon,exports.ThumbDownIcon=$.ThumbDownIcon,exports.ThumbUpIcon=ee.ThumbUpIcon,exports.TrashCanIcon=oe.TrashCanIcon,exports.PenIcon=re.PenIcon,exports.IconButton=se.IconButton,exports.Image=te.Image,exports.FieldGroup=ne.FieldGroup,exports.InputGroup=ie.InputGroup,exports.Label=ae.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=ce.NavLink,exports.LinkList=me.LinkList,exports.List=le.List,exports.OrderedList=le.OrderedList,exports.UnorderedList=le.UnorderedList,exports.CheckListItem=xe.CheckListItem,exports.CrossListItem=xe.CrossListItem,exports.ListItem=xe.ListItem,exports.Loader=de.Loader,exports.SkeletonAnimation=ge.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=be.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=Ie.SkeletonInput,exports.SkeletonRadioButtonGroup=Te.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Logo=he.Logo,exports.LogoStamp=Se.LogoStamp,exports.ForsikringLevertAvFremtind=ve.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Le.FraSB1ogDNB,exports.InnovasjonFraFremtind=Me.InnovasjonFraFremtind,exports.TeknologiFraFremtind=fe.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ae.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Ee.VartForsikringsselskap,exports.ErrorMessage=Re.ErrorMessage,exports.InfoMessage=Re.InfoMessage,exports.SuccessMessage=Re.SuccessMessage,exports.WarningMessage=Re.WarningMessage,exports.FormErrorMessage=Be.FormErrorMessage,exports.Modal=we.Modal,exports.ModalActions=we.ModalActions,exports.ModalBody=we.ModalBody,exports.ModalCloseButton=we.ModalCloseButton,exports.ModalContainer=we.ModalContainer,exports.ModalHeader=we.ModalHeader,exports.ModalOverlay=we.ModalOverlay,exports.ModalTitle=we.ModalTitle,exports.useModal=Fe.useModal,exports.Popover=Pe,exports.Countdown=Ne.Countdown,exports.ProgressBar=Ve.ProgressBar,exports.RadioButton=ye.RadioButton,exports.RadioButtonGroup=De.RadioButtonGroup,exports.BaseRadioButton=Oe.BaseRadioButton,exports.SummaryTable=Ge.SummaryTable,exports.SummaryTableRow=He.SummaryTableRow,exports.ErrorSystemMessage=We.ErrorSystemMessage,exports.InfoSystemMessage=We.InfoSystemMessage,exports.SuccessSystemMessage=We.SuccessSystemMessage,exports.WarningSystemMessage=We.WarningSystemMessage,exports.DataTable=Ue.DataTable,exports.Table=Ke.Table,exports.TableBody=Xe.TableBody,exports.TableCaption=_e.TableCaption,exports.TableCell=ze.TableCell,exports.TableColumn=Qe.TableColumn,exports.TableColumnGroup=Je.TableColumnGroup,exports.TableContextProvider=Ye.TableContextProvider,exports.useTableContext=Ye.useTableContext,exports.TableSectionContextProvider=Ze.TableSectionContextProvider,exports.useTableSectionContext=Ze.useTableSectionContext,exports.TableFooter=$e.TableFooter,exports.TableHead=eo.TableHead,exports.TableHeader=oo.TableHeader,exports.TableRow=ro.TableRow,exports.useSortableTableHeader=so.useSortableTableHeader,exports.NavTab=to.NavTab,exports.NavTabs=no.NavTabs,exports.Tabs=io.Tabs,exports.TabList=ao.TabList,exports.Tab=uo.Tab,exports.TabPanel=po.TabPanel,exports.ErrorTag=co.ErrorTag,exports.InfoTag=co.InfoTag,exports.SuccessTag=co.SuccessTag,exports.Tag=co.Tag,exports.WarningTag=co.WarningTag,exports.BaseTextArea=mo.BaseTextArea,exports.BaseTextInput=lo.BaseTextInput,exports.TextArea=xo.TextArea,exports.TextInput=go.TextInput,exports.ToastProvider=jo.ToastProvider,exports.useToast=jo.useToast,exports.ToggleSwitch=bo.ToggleSwitch,exports.ToggleSlider=qo.ToggleSlider,exports.Tooltip=Io.Tooltip,exports.TooltipContent=To.TooltipContent,exports.TooltipTrigger=ko.TooltipTrigger,exports.PopupTip=Co.PopupTip,exports.ScreenReaderOnly=ho.ScreenReaderOnly,exports.tokens=So,exports.useAnimatedDetails=vo.useAnimatedDetails,exports.useAnimatedHeight=Lo.useAnimatedHeight,exports.useAnimatedHeightBetween=Mo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=fo.useAutoAnimatedHeight,exports.useBrowserPreferences=Ao.useBrowserPreferences,exports.useIntersectionObserver=Eo.useIntersectionObserver,exports.useLocalStorage=Ro.useLocalStorage,exports.useMutationObserver=Bo.useMutationObserver,exports.usePreviousValue=wo.usePreviousValue,exports.useProgressiveImg=Fo.useProgressiveImg,exports.useScreen=Po.useScreen,exports.useScrollIntoView=No.useScrollIntoView,exports.useAriaLiveRegion=Vo.useAriaLiveRegion,exports.useClickOutside=yo.useClickOutside,exports.useFocusOutside=Do.useFocusOutside,exports.useElementDimensions=Oo.useElementDimensions,exports.useId=Go.useId,exports.useKeyListener=Ho.useKeyListener,exports.useListNavigation=Wo.useListNavigation,exports.useSwipeGesture=Uo.useSwipeGesture,exports.unicode=Ko.unicode,exports.formatNumber=Xo.formatNumber,exports.parseNumber=_o.parseNumber,exports.registerWithFodselsnummerMask=zo.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=zo.registerWithKontonummerMask,exports.registerWithKortnummerMask=zo.registerWithKortnummerMask,exports.registerWithMasks=zo.registerWithMasks,exports.registerWithTelefonnummerMask=zo.registerWithTelefonnummerMask,exports.formatAvstand=Qo.formatAvstand,exports.formatBytes=Jo.formatBytes,exports.formatDate=Yo.formatDate,exports.FODSELSNUMMER_REGEX=Zo.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=Zo.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=$o.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=$o.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=er.KONTONUMMER_REGEX,exports.formatKontonummer=er.formatKontonummer,exports.KORTNUMMER_REGEX=or.KORTNUMMER_REGEX,exports.formatKortnummer=or.formatKortnummer,exports.TELEFONNUMMER_REGEX=rr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=rr.formatTelefonnummer,exports.formatValuta=sr.formatValuta,exports.mergeProps=tr.mergeProps,exports.mergeRefs=nr.mergeRefs,exports.SlotComponent=ir.SlotComponent,exports.isValidEpost=ar.isValidEpost,exports.isValidTelefonnummer=ur.isValidTelefonnummer,exports.isValidRegistreringsnummer=pr.isValidRegistreringsnummer,exports.isValidChassisnummer=cr.isValidChassisnummer,exports.isValidDogId=mr.isValidDogId,exports.isExactLength=lr.isExactLength,exports.isInteger=xr.isInteger,exports.isValidFodselsnummer=dr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=gr.isValidOrganisasjonsnummer,exports.isValidName=jr.isValidName,exports.hasMinimumWords=br.hasMinimumWords,exports.hasNoIllegalCharacters=qr.hasNoIllegalCharacters,exports.initTabListener=Ir.initTabListener,exports.getValuePair=Tr.getValuePair;
 //# sourceMappingURL=index.js.map

package/build/components/description-list/DescriptionList.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { WithChildren } from '../..';
+export interface DescriptionListProps extends WithChildren {
+    className?: string;
+}
+export declare const DescriptionList: FC<DescriptionListProps>;
+export interface DescriptionTermProps extends WithChildren {
+    className?: string;
+}
+export declare const DescriptionTerm: FC<DescriptionTermProps>;
+export interface DescriptionDetailProps extends WithChildren {
+    className?: string;
+}
+export declare const DescriptionDetail: FC<DescriptionDetailProps>;

package/build/components/description-list/index.d.ts

@@ -0,0 +1 @@
+export * from './DescriptionList';

package/build/components/expander/ExpandSection.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode } from 'react';
+import { Density } from '../..';
+import { UseAnimatedHeightOptions } from '../../hooks';
+import { ExpanderProps } from './Expander';
+export interface ExpandSectionProps {
+    /**
+     * Innholdet som skal kunne ekspanderes og skjules.
+     * Om du ikke trenger at komponenten tar seg av visning og skjuling av
+     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for
+     * å laste inn unødvendige avhengigheter.
+     */
+    children: ReactNode;
+    title: string;
+    className?: string;
+    density?: Density;
+    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;
+    expandButtonProps?: Omit<ExpanderProps, "id" | "isExpanded" | "onClick" | "hideLabel">;
+    useAnimatedHeightOptions?: UseAnimatedHeightOptions;
+    /** Om du ønsker å styre komponenten utenfra */
+    isExpanded?: boolean;
+}
+export declare const ExpandSection: ({ children, className, expandButtonProps, isExpanded, density, onClick, title, useAnimatedHeightOptions, ...rest }: ExpandSectionProps) => JSX.Element;

package/build/components/expander/Expander.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../..';
+export type ExpandDirection = "up" | "down";
+export interface ExpanderProps extends WithChildren {
+    as?: "summary" | "button";
+    /** Må settes dersom du ikke bruker CoreToggle. Verdien skal være IDen til innholdet du ekspanderer. */
+    "aria-controls"?: string;
+    /** Må settes dersom du ikke bruker CoreToggle. IDen her skal brukes som verdien til aria-labelledby på innholdet du ekspanderer. */
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    /**
+     * Styrer retningen til pila, som animeres ved endring. Styrer også aria-expanded.
+     * @default false
+     */
+    isExpanded?: boolean;
+    /** @default "down" */
+    expandDirection?: ExpandDirection;
+    density?: Density;
+    /**
+     * Skjul knappeteksten visuelt.
+     *
+     * @default false
+     */
+    hideLabel?: boolean;
+}
+export declare const Expander: React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/expander/index.d.ts

@@ -0,0 +1,4 @@
+export type { ExpanderProps as ExpandButtonProps } from './Expander';
+export { Expander } from './Expander';
+export type { ExpandSectionProps } from './ExpandSection';
+export { ExpandSection } from './ExpandSection';

package/build/components/feedback/Feedback.d.ts

@@ -37,6 +37,14 @@ type Props = {
     onSubmit: (value: FeedbackType) => void;
     followup?: FollowupProps;
     contactQuestion?: ContactQuestionProps;
+    /**
+     * Hvis du ønsker at Feedback formen skal eksponeres som et landmark kan du sende inn
+     * hva du ønsker at en skjermleser skal kalle den her. Bare eksponer Feedback som et
+     * landmark på sider der den er en viktig del av innholdet, feks en kvitteringsside
+     * eller et annet sted det å kunne gi tilbakemelding vil føles naturlig eller forventet
+     * for brukeren.
+     */
+    landmarkLabel?: string;
 } & Pick<BaseTextAreaProps, "counter">;
-export declare const Feedback: ({ className, followup, contactQuestion, counter, ...mainQuestionProps }: Props) => ReactElement;
+export declare const Feedback: ({ className, followup, contactQuestion, counter, landmarkLabel, ...mainQuestionProps }: Props) => ReactElement;
 export {};

package/build/components/feedback/feedbackContext.d.ts

@@ -6,6 +6,7 @@ type FeedbackContext = {
     followupStarted: boolean;
     followupSubmitted: boolean;
     contactSubmitted: boolean;
+    landmarkLabel?: string;
     setFeedbackSubmitted: (state: boolean) => void;
     setFollowupStarted: (state: boolean) => void;
     setFollowupSubmitted: (state: boolean) => void;

package/build/components/feedback/main-question/useMainQuestion.d.ts

@@ -1,4 +1,4 @@
-import { SetStateAction, Dispatch } from 'react';
+import { SetStateAction, Dispatch, FormEventHandler } from 'react';
 import { FeedbackType, FeedbackOption } from '../types';
 type Value = FeedbackOption<string | number> | FeedbackOption<string | number>[] | undefined;
 type MainQuestion = {
@@ -7,7 +7,7 @@ type MainQuestion = {
     message: string | undefined;
     setMessage: Dispatch<SetStateAction<string | undefined>>;
     submitted: boolean;
-    handleSubmit: () => void;
+    handleSubmit: FormEventHandler<HTMLFormElement>;
 };
 export declare const useMainQuestion: (onSubmit: (f: FeedbackType) => void) => MainQuestion;
 export {};

package/build/components/feedback/types.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, FormEvent, SetStateAction } from 'react';
+import { Dispatch, FormEvent, FormEventHandler, SetStateAction } from 'react';
 export type FeedbackOption<T = string | number> = {
     /** Teksten som vises ved alternativet */
     label: string;
@@ -58,7 +58,7 @@ export type FeedbackState = {
     message?: string;
     setMessage: Dispatch<SetStateAction<string | undefined>>;
     submitted: boolean;
-    handleSubmit: () => void;
+    handleSubmit: FormEventHandler<HTMLFormElement>;
 };
 export type FollowUpStep = {
     number: number;