@fremtind/jokul 0.24.1 → 0.25.0

package/build/es/components/loader/skeletons/SkeletonTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTable.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { HTMLProps, ReactNode } from \"react\";\nimport { Density } from \"../../../core\";\n\nexport interface SkeletonTableProps extends Pick<HTMLProps<HTMLDivElement>, \"style\"> {\n    className?: string;\n    children: ReactNode;\n    density?: Density;\n    width?: number | string;\n}\n\nexport const SkeletonTable = ({ className, density, width, style, ...rest }: SkeletonTableProps) => {\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-table\", className)}\n            style={{ width, ...style }}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n\nexport interface SkeletonTableHeaderProps {\n    className?: string;\n    children: ReactNode;\n}\n\nexport const SkeletonTableHeader = ({ className, ...rest }: SkeletonTableHeaderProps) => {\n    return <div className={clsx(\"jkl-skeleton-table__header\", className)} {...rest} />;\n};\n\nexport interface SkeletonTableRowProps {\n    className?: string;\n    children: ReactNode;\n}\n\nexport const SkeletonTableRow = ({ className, ...rest }: SkeletonTableRowProps) => {\n    return <div className={clsx(\"jkl-skeleton-table__row\", className)} {...rest} />;\n};\n"],"names":["SkeletonTable","className","density","width","style","rest","jsx","clsx","SkeletonTableHeader","SkeletonTableRow"],"mappings":"yFAWa,MAAAA,EAAgB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,EAAOC,MAAAA,KAAUC,KAE7DC,EAAC,MAAA,CACGL,UAAWM,EAAK,qBAAsBN,GACtCG,MAAO,CAAED,MAAAA,KAAUC,MACfC,EACJ,eAAcH,IAUbM,EAAsB,EAAGP,UAAAA,KAAcI,KACzCC,EAAC,OAAIL,UAAWM,EAAK,6BAA8BN,MAAgBI,IAQjEI,EAAmB,EAAGR,UAAAA,KAAcI,KACtCC,EAAC,OAAIL,UAAWM,EAAK,0BAA2BN,MAAgBI"}
+{"version":3,"file":"SkeletonTable.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { HTMLProps, ReactNode } from \"react\";\nimport { Density } from \"../../../core/types.js\";\n\nexport interface SkeletonTableProps extends Pick<HTMLProps<HTMLDivElement>, \"style\"> {\n    className?: string;\n    children: ReactNode;\n    density?: Density;\n    width?: number | string;\n}\n\nexport const SkeletonTable = ({ className, density, width, style, ...rest }: SkeletonTableProps) => {\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-table\", className)}\n            style={{ width, ...style }}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n\nexport interface SkeletonTableHeaderProps {\n    className?: string;\n    children: ReactNode;\n}\n\nexport const SkeletonTableHeader = ({ className, ...rest }: SkeletonTableHeaderProps) => {\n    return <div className={clsx(\"jkl-skeleton-table__header\", className)} {...rest} />;\n};\n\nexport interface SkeletonTableRowProps {\n    className?: string;\n    children: ReactNode;\n}\n\nexport const SkeletonTableRow = ({ className, ...rest }: SkeletonTableRowProps) => {\n    return <div className={clsx(\"jkl-skeleton-table__row\", className)} {...rest} />;\n};\n"],"names":["SkeletonTable","className","density","width","style","rest","jsx","clsx","SkeletonTableHeader","SkeletonTableRow"],"mappings":"yFAWa,MAAAA,EAAgB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,EAAOC,MAAAA,KAAUC,KAE7DC,EAAC,MAAA,CACGL,UAAWM,EAAK,qBAAsBN,GACtCG,MAAO,CAAED,MAAAA,KAAUC,MACfC,EACJ,eAAcH,IAUbM,EAAsB,EAAGP,UAAAA,KAAcI,KACzCC,EAAC,OAAIL,UAAWM,EAAK,6BAA8BN,MAAgBI,IAQjEI,EAAmB,EAAGR,UAAAA,KAAcI,KACtCC,EAAC,OAAIL,UAAWM,EAAK,0BAA2BN,MAAgBI"}

package/build/es/components/loader/skeletons/SkeletonTextArea.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { SkeletonElementProps } from './SkeletonElement.js';
+import { SkeletonLabelProps } from './SkeletonLabel.js';
+export interface SkeletonTextAreaProps {
+    className?: string;
+    labelProps?: SkeletonLabelProps;
+    inputProps?: SkeletonElementProps;
+    density?: Density;
+}
+export declare const SkeletonTextArea: ({ className, density, labelProps, inputProps, ...rest }: SkeletonTextAreaProps) => React.JSX.Element;

package/build/es/components/loader/skeletons/SkeletonTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTextArea.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel\";\n\nexport interface SkeletonTextAreaProps {\n    className?: string;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n    density?: Density;\n}\n\nexport const SkeletonTextArea = ({ className, density, labelProps, inputProps, ...rest }: SkeletonTextAreaProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest} data-density={density}>\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement width={compact ? 301 : 316} height={compact ? 148 : 168} {...inputProps} />\n        </div>\n    );\n};\n"],"names":["SkeletonTextArea","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"6MAaa,MAAAA,EAAmB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,WAAAA,EAAYC,WAAAA,KAAeC,MAC9E,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,MAAI,CAAAN,UAAWO,EAAK,qBAAsBP,MAAgBI,EAAM,eAAcH,EAC3EO,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAgB,CAAAC,MAAOP,EAAU,IAAM,IAAKQ,OAAQR,EAAU,IAAM,OAASF,MAClF"}
+{"version":3,"file":"SkeletonTextArea.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density } from \"../../../core/types.js\";\nimport { SkeletonElement, SkeletonElementProps } from \"./SkeletonElement.js\";\nimport { SkeletonLabel, SkeletonLabelProps } from \"./SkeletonLabel.js\";\n\nexport interface SkeletonTextAreaProps {\n    className?: string;\n    labelProps?: SkeletonLabelProps;\n    inputProps?: SkeletonElementProps;\n    density?: Density;\n}\n\nexport const SkeletonTextArea = ({ className, density, labelProps, inputProps, ...rest }: SkeletonTextAreaProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest} data-density={density}>\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement width={compact ? 301 : 316} height={compact ? 148 : 168} {...inputProps} />\n        </div>\n    );\n};\n"],"names":["SkeletonTextArea","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"6MAaa,MAAAA,EAAmB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,WAAAA,EAAYC,WAAAA,KAAeC,MAC9E,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,MAAI,CAAAN,UAAWO,EAAK,qBAAsBP,MAAgBI,EAAM,eAAcH,EAC3EO,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAgB,CAAAC,MAAOP,EAAU,IAAM,IAAKQ,OAAQR,EAAU,IAAM,OAASF,MAClF"}

package/build/es/components/logo/Logo.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as e}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import{useId as r}from"../../hooks/useId/useId.js";const s=({className:s,id:t,centered:c=!0,isSymbol:a=!1,animated:n=!1,title:i="Fremtind",...h})=>{const m=r(t||"jkl-logo",{generateSuffix:!t});return l("svg",{...h,className:o("jkl-logo",s,{"jkl-logo--animated":n,"jkl-logo--symbol-only":a,"jkl-logo--centered":c&&a}),"aria-labelledby":m,role:"img",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",viewBox:n||!a||c?"32 27 581 120":"31 60 150 83",children:[e("title",{id:m,children:i}),l("g",{fill:"none",className:"jkl-logo__F",strokeWidth:"8",transform:""+(a?"rotate(45) translate(90, -70)":""),children:[e("line",{x1:"34.3",x2:"104.846844",y1:"32.563024",y2:"32.563024",className:"jkl-logo__F-line",transform:a?"scale(1.45, 1) translate(-10, 6)":""}),e("line",{x1:"35.12226",x2:"91.504088",y1:"80.105318",y2:"80.105318"}),e("line",{x1:"-10.820058",x2:"87.38984",y1:"84.219561",y2:"84.219561",transform:"rotate(90, 38.2849, 84.2196)"})]}),!(a&&!n)&&e("path",{strokeWidth:".57975",d:"M145.752 58.979c-10.21 0-20.201 6.854-23.793 16.133l-.157-15.179-.002-.224h-6.907v73.723h7.782V98.038c0-11.791 2.998-31.572 23.077-31.572 2.89 0 5.153.23 7.12.724l.283.07v-7.806l-.187-.035c-2.363-.44-4.831-.44-7.216-.44M170.88 91.357c.1-15.2 10.325-26.21 24.387-26.21 15.08 0 23.29 13.146 23.658 26.21H170.88zm24.387-33.554c-10.228 0-18.904 4.44-25.092 12.84-4.925 6.7-7.22 15.031-7.22 26.218 0 11.088 3.262 20.766 9.433 27.99 6.099 6.954 13.994 10.481 23.466 10.481 8.097 0 15.596-3.04 21.115-8.559 4.522-4.364 7.305-9.583 8.269-15.515l.044-.262h-8.075l-.038.182c-.77 3.876-2.52 7.146-5.503 10.292-3.968 4.11-9.583 6.375-15.812 6.375-7.332 0-13.239-2.586-17.557-7.684-4.619-5.48-7.37-13.341-7.563-21.602h55.97v-.227c0-.877.038-1.659.074-2.415.037-.758.076-1.543.076-2.426 0-9.44-2.952-18.247-8.313-24.797-5.831-7.126-13.88-10.891-23.274-10.891h0zM324.782 57.803c-10.833 0-19.176 5.465-23.558 15.41-2.377-7.168-8.339-15.41-23.183-15.41-9.606 0-17.811 5.162-22.111 13.86l-.813-11.743-.016-.211h-6.89v73.723h7.78V96.568c0-12.182 2.933-21.098 8.72-26.501 3.425-3.265 7.76-4.92 12.885-4.92 11.845 0 17.362 6.4 17.362 20.142v48.143h7.923V91.736c0-8.853 2.965-16.346 8.573-21.666 3.682-3.36 7.777-4.924 12.89-4.924 11.741 0 17.21 6.4 17.21 20.143v48.143h7.783V84.844c0-17.438-8.721-27.041-24.555-27.041M387.105 37.665l-7.782 1.873v20.17h-14.656v7.195h14.656v45.933c0 14.145 6.615 21.622 19.133 21.622 3.964 0 7.73-.804 11.72-1.657l.668-.142v-6.91l-.267.05c-3.606.666-7.465 1.315-11.54 1.315-8.364 0-11.932-4.357-11.932-14.571v-45.64h43.533v66.529h8.22V59.709h-51.753V37.665M499.748 57.803c-10.364 0-20.339 5.951-24.596 14.576l-.83-12.67h-6.893v73.723h7.781V96.568c0-6.054.932-14.697 5.367-21.487 4.18-6.398 10.483-9.64 18.734-9.64 12.565 0 18.674 6.492 18.674 19.848v48.143h7.781V84.844c0-17.185-9.482-27.041-26.018-27.041M434.672 28.547a5.9 5.9 0 0 0-5.894 5.893 5.9 5.9 0 0 0 5.894 5.895 5.9 5.9 0 0 0 5.895-5.895 5.9 5.9 0 0 0-5.895-5.893M592.914 121.901c-4.007 3.85-8.984 5.801-14.793 5.801-5.777 0-10.472-1.658-14.354-5.068-6.188-5.519-9.597-14.775-9.597-26.066 0-10.31 2.89-19.102 8.139-24.751 4.135-4.291 9.212-6.376 15.52-6.376 6.202 0 11.324 1.9 15.23 5.653 6.251 5.846 9.164 13.941 9.164 25.474 0 10.765-3.132 19.29-9.309 25.333zm9.157-94.721v44.113c-4.264-7.988-14.077-13.49-24.243-13.49-8.072 0-14.828 2.585-20.081 7.682-7.309 6.897-11.5 18.281-11.5 31.234 0 13.6 4.294 24.848 12.091 31.673 5.234 4.605 11.841 6.94 19.64 6.94 10.115 0 20.112-5.893 24.154-14.127l.835 12.227h6.886V27.18h-7.782 0z",className:"jkl-logo__remtind"})]})};export{s as Logo};
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import{useId as s}from"../../hooks/useId/useId.js";const r=({className:r,id:t,centered:a=!0,isSymbol:c=!1,animated:n=!1,title:i="Fremtind",...h})=>{const m=s(t||"jkl-logo",{generateSuffix:!t});return l("svg",{...h,className:o("jkl-logo",r,{"jkl-logo--animated":n,"jkl-logo--symbol-only":c,"jkl-logo--centered":a&&c}),"aria-labelledby":m,role:"img",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",viewBox:n||!c||a?"32 27 581 120":"31 60 150 83",children:[e("title",{id:m,children:i}),l("g",{fill:"none",className:"jkl-logo__F",strokeWidth:"8",transform:""+(c?"rotate(45) translate(90, -70)":""),children:[e("line",{x1:"34.3",x2:"104.846844",y1:"32.563024",y2:"32.563024",className:"jkl-logo__F-line",transform:c?"scale(1.45, 1) translate(-10, 6)":""}),e("line",{x1:"35.12226",x2:"91.504088",y1:"80.105318",y2:"80.105318"}),e("line",{x1:"-10.820058",x2:"87.38984",y1:"84.219561",y2:"84.219561",transform:"rotate(90, 38.2849, 84.2196)"})]}),!(c&&!n)&&e("path",{strokeWidth:".57975",d:"M145.752 58.979c-10.21 0-20.201 6.854-23.793 16.133l-.157-15.179-.002-.224h-6.907v73.723h7.782V98.038c0-11.791 2.998-31.572 23.077-31.572 2.89 0 5.153.23 7.12.724l.283.07v-7.806l-.187-.035c-2.363-.44-4.831-.44-7.216-.44M170.88 91.357c.1-15.2 10.325-26.21 24.387-26.21 15.08 0 23.29 13.146 23.658 26.21H170.88zm24.387-33.554c-10.228 0-18.904 4.44-25.092 12.84-4.925 6.7-7.22 15.031-7.22 26.218 0 11.088 3.262 20.766 9.433 27.99 6.099 6.954 13.994 10.481 23.466 10.481 8.097 0 15.596-3.04 21.115-8.559 4.522-4.364 7.305-9.583 8.269-15.515l.044-.262h-8.075l-.038.182c-.77 3.876-2.52 7.146-5.503 10.292-3.968 4.11-9.583 6.375-15.812 6.375-7.332 0-13.239-2.586-17.557-7.684-4.619-5.48-7.37-13.341-7.563-21.602h55.97v-.227c0-.877.038-1.659.074-2.415.037-.758.076-1.543.076-2.426 0-9.44-2.952-18.247-8.313-24.797-5.831-7.126-13.88-10.891-23.274-10.891h0zM324.782 57.803c-10.833 0-19.176 5.465-23.558 15.41-2.377-7.168-8.339-15.41-23.183-15.41-9.606 0-17.811 5.162-22.111 13.86l-.813-11.743-.016-.211h-6.89v73.723h7.78V96.568c0-12.182 2.933-21.098 8.72-26.501 3.425-3.265 7.76-4.92 12.885-4.92 11.845 0 17.362 6.4 17.362 20.142v48.143h7.923V91.736c0-8.853 2.965-16.346 8.573-21.666 3.682-3.36 7.777-4.924 12.89-4.924 11.741 0 17.21 6.4 17.21 20.143v48.143h7.783V84.844c0-17.438-8.721-27.041-24.555-27.041M387.105 37.665l-7.782 1.873v20.17h-14.656v7.195h14.656v45.933c0 14.145 6.615 21.622 19.133 21.622 3.964 0 7.73-.804 11.72-1.657l.668-.142v-6.91l-.267.05c-3.606.666-7.465 1.315-11.54 1.315-8.364 0-11.932-4.357-11.932-14.571v-45.64h43.533v66.529h8.22V59.709h-51.753V37.665M499.748 57.803c-10.364 0-20.339 5.951-24.596 14.576l-.83-12.67h-6.893v73.723h7.781V96.568c0-6.054.932-14.697 5.367-21.487 4.18-6.398 10.483-9.64 18.734-9.64 12.565 0 18.674 6.492 18.674 19.848v48.143h7.781V84.844c0-17.185-9.482-27.041-26.018-27.041M434.672 28.547a5.9 5.9 0 0 0-5.894 5.893 5.9 5.9 0 0 0 5.894 5.895 5.9 5.9 0 0 0 5.895-5.895 5.9 5.9 0 0 0-5.895-5.893M592.914 121.901c-4.007 3.85-8.984 5.801-14.793 5.801-5.777 0-10.472-1.658-14.354-5.068-6.188-5.519-9.597-14.775-9.597-26.066 0-10.31 2.89-19.102 8.139-24.751 4.135-4.291 9.212-6.376 15.52-6.376 6.202 0 11.324 1.9 15.23 5.653 6.251 5.846 9.164 13.941 9.164 25.474 0 10.765-3.132 19.29-9.309 25.333zm9.157-94.721v44.113c-4.264-7.988-14.077-13.49-24.243-13.49-8.072 0-14.828 2.585-20.081 7.682-7.309 6.897-11.5 18.281-11.5 31.234 0 13.6 4.294 24.848 12.091 31.673 5.234 4.605 11.841 6.94 19.64 6.94 10.115 0 20.112-5.893 24.154-14.127l.835 12.227h6.886V27.18h-7.782 0z",className:"jkl-logo__remtind"})]})};export{r as Logo};
 //# sourceMappingURL=Logo.js.map

package/build/es/components/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../src/components/logo/Logo.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { CSSProperties } from \"react\";\nimport { useId } from \"../../hooks\";\n\nexport interface LogoProps {\n    className?: string;\n    id?: string;\n    style?: CSSProperties;\n    /** Sentrerer logosymbolet i viewboksen i stedet for den vanlige venstrejusteringen */\n    centered?: boolean;\n    /** Animerer overgangen mellom logo og logosymbol */\n    animated?: boolean;\n    /** Vis logosymbol i stedet for logo */\n    isSymbol?: boolean;\n    /** Beskrivelse av logoen tilgjengelig for skjermlesere */\n    title?: string;\n}\n\nexport const Logo = ({\n    className,\n    id,\n    centered = true,\n    isSymbol = false,\n    animated = false,\n    title = \"Fremtind\",\n    ...rest\n}: LogoProps): JSX.Element => {\n    const uniqueId = useId(id || \"jkl-logo\", { generateSuffix: !id });\n\n    return (\n        <svg\n            {...rest}\n            className={clsx(\"jkl-logo\", className, {\n                \"jkl-logo--animated\": animated,\n                \"jkl-logo--symbol-only\": isSymbol,\n                \"jkl-logo--centered\": centered && isSymbol,\n            })}\n            aria-labelledby={uniqueId}\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            viewBox={!animated && isSymbol && !centered ? \"31 60 150 83\" : \"32 27 581 120\"}\n        >\n            <title id={uniqueId}>{title}</title>\n            <g\n                fill=\"none\"\n                className=\"jkl-logo__F\"\n                strokeWidth=\"8\"\n                transform={`${isSymbol ? \"rotate(45) translate(90, -70)\" : \"\"}`}\n            >\n                <line\n                    x1=\"34.3\"\n                    x2=\"104.846844\"\n                    y1=\"32.563024\"\n                    y2=\"32.563024\"\n                    className=\"jkl-logo__F-line\"\n                    transform={isSymbol ? \"scale(1.45, 1) translate(-10, 6)\" : \"\"}\n                />\n                <line x1=\"35.12226\" x2=\"91.504088\" y1=\"80.105318\" y2=\"80.105318\" />\n                <line\n                    x1=\"-10.820058\"\n                    x2=\"87.38984\"\n                    y1=\"84.219561\"\n                    y2=\"84.219561\"\n                    transform=\"rotate(90, 38.2849, 84.2196)\"\n                />\n            </g>\n            {!(isSymbol && !animated) && (\n                <path\n                    strokeWidth=\".57975\"\n                    d=\"M145.752 58.979c-10.21 0-20.201 6.854-23.793 16.133l-.157-15.179-.002-.224h-6.907v73.723h7.782V98.038c0-11.791 2.998-31.572 23.077-31.572 2.89 0 5.153.23 7.12.724l.283.07v-7.806l-.187-.035c-2.363-.44-4.831-.44-7.216-.44M170.88 91.357c.1-15.2 10.325-26.21 24.387-26.21 15.08 0 23.29 13.146 23.658 26.21H170.88zm24.387-33.554c-10.228 0-18.904 4.44-25.092 12.84-4.925 6.7-7.22 15.031-7.22 26.218 0 11.088 3.262 20.766 9.433 27.99 6.099 6.954 13.994 10.481 23.466 10.481 8.097 0 15.596-3.04 21.115-8.559 4.522-4.364 7.305-9.583 8.269-15.515l.044-.262h-8.075l-.038.182c-.77 3.876-2.52 7.146-5.503 10.292-3.968 4.11-9.583 6.375-15.812 6.375-7.332 0-13.239-2.586-17.557-7.684-4.619-5.48-7.37-13.341-7.563-21.602h55.97v-.227c0-.877.038-1.659.074-2.415.037-.758.076-1.543.076-2.426 0-9.44-2.952-18.247-8.313-24.797-5.831-7.126-13.88-10.891-23.274-10.891h0zM324.782 57.803c-10.833 0-19.176 5.465-23.558 15.41-2.377-7.168-8.339-15.41-23.183-15.41-9.606 0-17.811 5.162-22.111 13.86l-.813-11.743-.016-.211h-6.89v73.723h7.78V96.568c0-12.182 2.933-21.098 8.72-26.501 3.425-3.265 7.76-4.92 12.885-4.92 11.845 0 17.362 6.4 17.362 20.142v48.143h7.923V91.736c0-8.853 2.965-16.346 8.573-21.666 3.682-3.36 7.777-4.924 12.89-4.924 11.741 0 17.21 6.4 17.21 20.143v48.143h7.783V84.844c0-17.438-8.721-27.041-24.555-27.041M387.105 37.665l-7.782 1.873v20.17h-14.656v7.195h14.656v45.933c0 14.145 6.615 21.622 19.133 21.622 3.964 0 7.73-.804 11.72-1.657l.668-.142v-6.91l-.267.05c-3.606.666-7.465 1.315-11.54 1.315-8.364 0-11.932-4.357-11.932-14.571v-45.64h43.533v66.529h8.22V59.709h-51.753V37.665M499.748 57.803c-10.364 0-20.339 5.951-24.596 14.576l-.83-12.67h-6.893v73.723h7.781V96.568c0-6.054.932-14.697 5.367-21.487 4.18-6.398 10.483-9.64 18.734-9.64 12.565 0 18.674 6.492 18.674 19.848v48.143h7.781V84.844c0-17.185-9.482-27.041-26.018-27.041M434.672 28.547a5.9 5.9 0 0 0-5.894 5.893 5.9 5.9 0 0 0 5.894 5.895 5.9 5.9 0 0 0 5.895-5.895 5.9 5.9 0 0 0-5.895-5.893M592.914 121.901c-4.007 3.85-8.984 5.801-14.793 5.801-5.777 0-10.472-1.658-14.354-5.068-6.188-5.519-9.597-14.775-9.597-26.066 0-10.31 2.89-19.102 8.139-24.751 4.135-4.291 9.212-6.376 15.52-6.376 6.202 0 11.324 1.9 15.23 5.653 6.251 5.846 9.164 13.941 9.164 25.474 0 10.765-3.132 19.29-9.309 25.333zm9.157-94.721v44.113c-4.264-7.988-14.077-13.49-24.243-13.49-8.072 0-14.828 2.585-20.081 7.682-7.309 6.897-11.5 18.281-11.5 31.234 0 13.6 4.294 24.848 12.091 31.673 5.234 4.605 11.841 6.94 19.64 6.94 10.115 0 20.112-5.893 24.154-14.127l.835 12.227h6.886V27.18h-7.782 0z\"\n                    className=\"jkl-logo__remtind\"\n                />\n            )}\n        </svg>\n    );\n};\n"],"names":["Logo","className","id","centered","isSymbol","animated","title","rest","uniqueId","useId","generateSuffix","jsxs","clsx","role","xmlns","fill","stroke","viewBox","children","jsx","strokeWidth","transform","x1","x2","y1","y2","d"],"mappings":"4MAkBO,MAAMA,EAAO,EAChBC,UAAAA,EACAC,GAAAA,EACAC,SAAAA,GAAW,EACXC,SAAAA,GAAW,EACXC,SAAAA,GAAW,EACXC,MAAAA,EAAQ,cACLC,MAEGC,MAAAA,EAAWC,EAAMP,GAAM,WAAY,CAAEQ,gBAAiBR,IAGxD,OAAAS,EAAC,MAAA,IACOJ,EACJN,UAAWW,EAAK,WAAYX,EAAW,CACnC,qBAAsBI,EACtB,wBAAyBD,EACzB,qBAAsBD,GAAYC,IAEtC,kBAAiBI,EACjBK,KAAK,MACLC,MAAM,6BACNC,KAAK,eACLC,OAAO,eACPC,QAAUZ,IAAYD,GAAaD,EAA4B,gBAAjB,eAE9Ce,SAAA,CAACC,EAAA,QAAA,CAAMjB,GAAIM,EAAWU,SAAMZ,IAC5BK,EAAC,IAAA,CACGI,KAAK,OACLd,UAAU,cACVmB,YAAY,IACZC,UAAW,IAAGjB,EAAW,gCAAkC,IAE3Dc,SAAA,CAAAC,EAAC,OAAA,CACGG,GAAG,OACHC,GAAG,aACHC,GAAG,YACHC,GAAG,YACHxB,UAAU,mBACVoB,UAAWjB,EAAW,mCAAqC,KAE/De,EAAC,QAAKG,GAAG,WAAWC,GAAG,YAAYC,GAAG,YAAYC,GAAG,cACrDN,EAAC,OAAA,CACGG,GAAG,aACHC,GAAG,WACHC,GAAG,YACHC,GAAG,YACHJ,UAAU,sCAGfjB,IAAaC,IACZc,EAAC,OAAA,CACGC,YAAY,SACZM,EAAE,w8EACFzB,UAAU,wBACd"}
+{"version":3,"file":"Logo.js","sources":["../../../../src/components/logo/Logo.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { CSSProperties } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\n\nexport interface LogoProps {\n    className?: string;\n    id?: string;\n    style?: CSSProperties;\n    /** Sentrerer logosymbolet i viewboksen i stedet for den vanlige venstrejusteringen */\n    centered?: boolean;\n    /** Animerer overgangen mellom logo og logosymbol */\n    animated?: boolean;\n    /** Vis logosymbol i stedet for logo */\n    isSymbol?: boolean;\n    /** Beskrivelse av logoen tilgjengelig for skjermlesere */\n    title?: string;\n}\n\nexport const Logo = ({\n    className,\n    id,\n    centered = true,\n    isSymbol = false,\n    animated = false,\n    title = \"Fremtind\",\n    ...rest\n}: LogoProps): JSX.Element => {\n    const uniqueId = useId(id || \"jkl-logo\", { generateSuffix: !id });\n\n    return (\n        <svg\n            {...rest}\n            className={clsx(\"jkl-logo\", className, {\n                \"jkl-logo--animated\": animated,\n                \"jkl-logo--symbol-only\": isSymbol,\n                \"jkl-logo--centered\": centered && isSymbol,\n            })}\n            aria-labelledby={uniqueId}\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            viewBox={!animated && isSymbol && !centered ? \"31 60 150 83\" : \"32 27 581 120\"}\n        >\n            <title id={uniqueId}>{title}</title>\n            <g\n                fill=\"none\"\n                className=\"jkl-logo__F\"\n                strokeWidth=\"8\"\n                transform={`${isSymbol ? \"rotate(45) translate(90, -70)\" : \"\"}`}\n            >\n                <line\n                    x1=\"34.3\"\n                    x2=\"104.846844\"\n                    y1=\"32.563024\"\n                    y2=\"32.563024\"\n                    className=\"jkl-logo__F-line\"\n                    transform={isSymbol ? \"scale(1.45, 1) translate(-10, 6)\" : \"\"}\n                />\n                <line x1=\"35.12226\" x2=\"91.504088\" y1=\"80.105318\" y2=\"80.105318\" />\n                <line\n                    x1=\"-10.820058\"\n                    x2=\"87.38984\"\n                    y1=\"84.219561\"\n                    y2=\"84.219561\"\n                    transform=\"rotate(90, 38.2849, 84.2196)\"\n                />\n            </g>\n            {!(isSymbol && !animated) && (\n                <path\n                    strokeWidth=\".57975\"\n                    d=\"M145.752 58.979c-10.21 0-20.201 6.854-23.793 16.133l-.157-15.179-.002-.224h-6.907v73.723h7.782V98.038c0-11.791 2.998-31.572 23.077-31.572 2.89 0 5.153.23 7.12.724l.283.07v-7.806l-.187-.035c-2.363-.44-4.831-.44-7.216-.44M170.88 91.357c.1-15.2 10.325-26.21 24.387-26.21 15.08 0 23.29 13.146 23.658 26.21H170.88zm24.387-33.554c-10.228 0-18.904 4.44-25.092 12.84-4.925 6.7-7.22 15.031-7.22 26.218 0 11.088 3.262 20.766 9.433 27.99 6.099 6.954 13.994 10.481 23.466 10.481 8.097 0 15.596-3.04 21.115-8.559 4.522-4.364 7.305-9.583 8.269-15.515l.044-.262h-8.075l-.038.182c-.77 3.876-2.52 7.146-5.503 10.292-3.968 4.11-9.583 6.375-15.812 6.375-7.332 0-13.239-2.586-17.557-7.684-4.619-5.48-7.37-13.341-7.563-21.602h55.97v-.227c0-.877.038-1.659.074-2.415.037-.758.076-1.543.076-2.426 0-9.44-2.952-18.247-8.313-24.797-5.831-7.126-13.88-10.891-23.274-10.891h0zM324.782 57.803c-10.833 0-19.176 5.465-23.558 15.41-2.377-7.168-8.339-15.41-23.183-15.41-9.606 0-17.811 5.162-22.111 13.86l-.813-11.743-.016-.211h-6.89v73.723h7.78V96.568c0-12.182 2.933-21.098 8.72-26.501 3.425-3.265 7.76-4.92 12.885-4.92 11.845 0 17.362 6.4 17.362 20.142v48.143h7.923V91.736c0-8.853 2.965-16.346 8.573-21.666 3.682-3.36 7.777-4.924 12.89-4.924 11.741 0 17.21 6.4 17.21 20.143v48.143h7.783V84.844c0-17.438-8.721-27.041-24.555-27.041M387.105 37.665l-7.782 1.873v20.17h-14.656v7.195h14.656v45.933c0 14.145 6.615 21.622 19.133 21.622 3.964 0 7.73-.804 11.72-1.657l.668-.142v-6.91l-.267.05c-3.606.666-7.465 1.315-11.54 1.315-8.364 0-11.932-4.357-11.932-14.571v-45.64h43.533v66.529h8.22V59.709h-51.753V37.665M499.748 57.803c-10.364 0-20.339 5.951-24.596 14.576l-.83-12.67h-6.893v73.723h7.781V96.568c0-6.054.932-14.697 5.367-21.487 4.18-6.398 10.483-9.64 18.734-9.64 12.565 0 18.674 6.492 18.674 19.848v48.143h7.781V84.844c0-17.185-9.482-27.041-26.018-27.041M434.672 28.547a5.9 5.9 0 0 0-5.894 5.893 5.9 5.9 0 0 0 5.894 5.895 5.9 5.9 0 0 0 5.895-5.895 5.9 5.9 0 0 0-5.895-5.893M592.914 121.901c-4.007 3.85-8.984 5.801-14.793 5.801-5.777 0-10.472-1.658-14.354-5.068-6.188-5.519-9.597-14.775-9.597-26.066 0-10.31 2.89-19.102 8.139-24.751 4.135-4.291 9.212-6.376 15.52-6.376 6.202 0 11.324 1.9 15.23 5.653 6.251 5.846 9.164 13.941 9.164 25.474 0 10.765-3.132 19.29-9.309 25.333zm9.157-94.721v44.113c-4.264-7.988-14.077-13.49-24.243-13.49-8.072 0-14.828 2.585-20.081 7.682-7.309 6.897-11.5 18.281-11.5 31.234 0 13.6 4.294 24.848 12.091 31.673 5.234 4.605 11.841 6.94 19.64 6.94 10.115 0 20.112-5.893 24.154-14.127l.835 12.227h6.886V27.18h-7.782 0z\"\n                    className=\"jkl-logo__remtind\"\n                />\n            )}\n        </svg>\n    );\n};\n"],"names":["Logo","className","id","centered","isSymbol","animated","title","rest","uniqueId","useId","generateSuffix","jsxs","clsx","role","xmlns","fill","stroke","viewBox","children","jsx","strokeWidth","transform","x1","x2","y1","y2","d"],"mappings":"mJAkBO,MAAMA,EAAO,EAChBC,UAAAA,EACAC,GAAAA,EACAC,SAAAA,GAAW,EACXC,SAAAA,GAAW,EACXC,SAAAA,GAAW,EACXC,MAAAA,EAAQ,cACLC,MAEGC,MAAAA,EAAWC,EAAMP,GAAM,WAAY,CAAEQ,gBAAiBR,IAGxD,OAAAS,EAAC,MAAA,IACOJ,EACJN,UAAWW,EAAK,WAAYX,EAAW,CACnC,qBAAsBI,EACtB,wBAAyBD,EACzB,qBAAsBD,GAAYC,IAEtC,kBAAiBI,EACjBK,KAAK,MACLC,MAAM,6BACNC,KAAK,eACLC,OAAO,eACPC,QAAUZ,IAAYD,GAAaD,EAA4B,gBAAjB,eAE9Ce,SAAA,CAACC,EAAA,QAAA,CAAMjB,GAAIM,EAAWU,SAAMZ,IAC5BK,EAAC,IAAA,CACGI,KAAK,OACLd,UAAU,cACVmB,YAAY,IACZC,UAAW,IAAGjB,EAAW,gCAAkC,IAE3Dc,SAAA,CAAAC,EAAC,OAAA,CACGG,GAAG,OACHC,GAAG,aACHC,GAAG,YACHC,GAAG,YACHxB,UAAU,mBACVoB,UAAWjB,EAAW,mCAAqC,KAE/De,EAAC,QAAKG,GAAG,WAAWC,GAAG,YAAYC,GAAG,YAAYC,GAAG,cACrDN,EAAC,OAAA,CACGG,GAAG,aACHC,GAAG,WACHC,GAAG,YACHC,GAAG,YACHJ,UAAU,sCAGfjB,IAAaC,IACZc,EAAC,OAAA,CACGC,YAAY,SACZM,EAAE,w8EACFzB,UAAU,wBACd"}

package/build/es/components/logo/LogoStamp.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { WithChildren } from '../../core/types.js';
+export interface LogoStampProps extends WithChildren {
+    className?: string;
+    id?: string;
+    style?: CSSProperties;
+    /**
+     * Beskrivelse av logostempelet tilgjengelig for skjermlesere.
+     * Teksten i logostempelet er en path, og ikke tilgjengelig for skjermlesere.
+     * @default "Forsikring levert av Fremtind"
+     */
+    title?: string;
+    /** Roterer teksten rundt logostempelet første gangen stempelet kommer til syne */
+    animated?: boolean;
+}
+export declare const LogoStamp: ({ children, className, id, animated, title, ...rest }: LogoStampProps) => JSX.Element;

package/build/es/components/logo/LogoStamp.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useRef as o}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as r}from"../../hooks/useId/useId.js";import{useTextSpinner as a}from"./useTextSpinner.js";const l=({children:l,className:i,id:m,animated:n=!1,title:c,...d})=>{const p=r(m||"jkl-logo-stamp",{generateSuffix:!m}),g=o(null),{hasAnimated:u,visible:j}=a(g);return e("svg",{...d,ref:g,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-labelledby":p,className:t("jkl-logo-stamp",i,{"jkl-logo-stamp--animated":n}),"data-rotate":n&&(j||u),role:"img",children:[s("title",{id:p,children:c||"Forsikring levert av Fremtind"}),s("g",{className:"jkl-logo-stamp__logo",children:s("path",{fill:"currentColor",d:"M256 177.2L146.4 286.8l8.5 8.4 51.4-51.4 51.4 51.4 8.2-8.1-51.5-51.5 41.9-41.8L357.5 295l8.1-8.2z"})}),s("g",{className:"jkl-logo-stamp__text",children:l})]})};export{l as LogoStamp};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useRef as a}from"react";import{useId as l}from"../../hooks/useId/useId.js";import{useTextSpinner as o}from"./useTextSpinner.js";const r=({children:r,className:i,id:m,animated:n=!1,title:d,...p})=>{const c=l(m||"jkl-logo-stamp",{generateSuffix:!m}),g=a(null),{hasAnimated:j,visible:u}=o(g);return e("svg",{...p,ref:g,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-labelledby":c,className:t("jkl-logo-stamp",i,{"jkl-logo-stamp--animated":n}),"data-rotate":n&&(u||j),role:"img",children:[s("title",{id:c,children:d||"Forsikring levert av Fremtind"}),s("g",{className:"jkl-logo-stamp__logo",children:s("path",{fill:"currentColor",d:"M256 177.2L146.4 286.8l8.5 8.4 51.4-51.4 51.4 51.4 8.2-8.1-51.5-51.5 41.9-41.8L357.5 295l8.1-8.2z"})}),s("g",{className:"jkl-logo-stamp__text",children:r})]})};export{r as LogoStamp};
 //# sourceMappingURL=LogoStamp.js.map

package/build/es/components/logo/LogoStamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoStamp.js","sources":["../../../../src/components/logo/LogoStamp.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { CSSProperties, useRef } from \"react\";\nimport { WithChildren } from \"../..\";\nimport { useId } from \"../../hooks\";\nimport { useTextSpinner } from \"./useTextSpinner\";\n\nexport interface LogoStampProps extends WithChildren {\n    className?: string;\n    id?: string;\n    style?: CSSProperties;\n    /**\n     * Beskrivelse av logostempelet tilgjengelig for skjermlesere.\n     * Teksten i logostempelet er en path, og ikke tilgjengelig for skjermlesere.\n     * @default \"Forsikring levert av Fremtind\"\n     */\n    title?: string;\n    /** Roterer teksten rundt logostempelet første gangen stempelet kommer til syne */\n    animated?: boolean;\n}\n\nexport const LogoStamp = ({\n    children,\n    className,\n    id,\n    animated = false,\n    title,\n    ...rest\n}: LogoStampProps): JSX.Element => {\n    const uniqueId = useId(id || \"jkl-logo-stamp\", { generateSuffix: !id });\n    const stampRef = useRef<SVGSVGElement>(null);\n    const { hasAnimated, visible } = useTextSpinner(stampRef);\n\n    return (\n        <svg\n            {...rest}\n            ref={stampRef}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 512 512\"\n            aria-labelledby={uniqueId}\n            className={clsx(\"jkl-logo-stamp\", className, {\n                \"jkl-logo-stamp--animated\": animated,\n            })}\n            data-rotate={animated && (visible || hasAnimated)}\n            role=\"img\"\n        >\n            <title id={uniqueId}>{title || \"Forsikring levert av Fremtind\"}</title>\n            <g className=\"jkl-logo-stamp__logo\">\n                <path\n                    fill=\"currentColor\"\n                    d=\"M256 177.2L146.4 286.8l8.5 8.4 51.4-51.4 51.4 51.4 8.2-8.1-51.5-51.5 41.9-41.8L357.5 295l8.1-8.2z\"\n                />\n            </g>\n            <g className=\"jkl-logo-stamp__text\">{children}</g>\n        </svg>\n    );\n};\n"],"names":["LogoStamp","children","className","id","animated","title","rest","uniqueId","useId","generateSuffix","stampRef","useRef","hasAnimated","visible","useTextSpinner","jsxs","ref","xmlns","viewBox","clsx","role","jsx","fill","d"],"mappings":"kRAoBO,MAAMA,EAAY,EACrBC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EACAC,SAAAA,GAAW,EACXC,MAAAA,KACGC,MAEGC,MAAAA,EAAWC,EAAML,GAAM,iBAAkB,CAAEM,gBAAiBN,IAC5DO,EAAWC,EAAsB,OAC/BC,YAAAA,EAAaC,QAAAA,GAAYC,EAAeJ,GAG5C,OAAAK,EAAC,MAAA,IACOT,EACJU,IAAKN,EACLO,MAAM,6BACNC,QAAQ,cACR,kBAAiBX,EACjBL,UAAWiB,EAAK,iBAAkBjB,EAAW,CACzC,2BAA4BE,IAEhC,cAAaA,IAAaS,GAAWD,GACrCQ,KAAK,MAELnB,SAAA,CAAAoB,EAAC,QAAM,CAAAlB,GAAII,EAAWN,SAAAI,GAAS,kCAC/BgB,EAAC,IAAE,CAAAnB,UAAU,uBACTD,SAAAoB,EAAC,OAAA,CACGC,KAAK,eACLC,EAAE,wGAGTF,EAAA,IAAA,CAAEnB,UAAU,uBAAwBD,SAAAA,MAAS"}
+{"version":3,"file":"LogoStamp.js","sources":["../../../../src/components/logo/LogoStamp.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { CSSProperties, useRef } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { useTextSpinner } from \"./useTextSpinner.js\";\n\nexport interface LogoStampProps extends WithChildren {\n    className?: string;\n    id?: string;\n    style?: CSSProperties;\n    /**\n     * Beskrivelse av logostempelet tilgjengelig for skjermlesere.\n     * Teksten i logostempelet er en path, og ikke tilgjengelig for skjermlesere.\n     * @default \"Forsikring levert av Fremtind\"\n     */\n    title?: string;\n    /** Roterer teksten rundt logostempelet første gangen stempelet kommer til syne */\n    animated?: boolean;\n}\n\nexport const LogoStamp = ({\n    children,\n    className,\n    id,\n    animated = false,\n    title,\n    ...rest\n}: LogoStampProps): JSX.Element => {\n    const uniqueId = useId(id || \"jkl-logo-stamp\", { generateSuffix: !id });\n    const stampRef = useRef<SVGSVGElement>(null);\n    const { hasAnimated, visible } = useTextSpinner(stampRef);\n\n    return (\n        <svg\n            {...rest}\n            ref={stampRef}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 512 512\"\n            aria-labelledby={uniqueId}\n            className={clsx(\"jkl-logo-stamp\", className, {\n                \"jkl-logo-stamp--animated\": animated,\n            })}\n            data-rotate={animated && (visible || hasAnimated)}\n            role=\"img\"\n        >\n            <title id={uniqueId}>{title || \"Forsikring levert av Fremtind\"}</title>\n            <g className=\"jkl-logo-stamp__logo\">\n                <path\n                    fill=\"currentColor\"\n                    d=\"M256 177.2L146.4 286.8l8.5 8.4 51.4-51.4 51.4 51.4 8.2-8.1-51.5-51.5 41.9-41.8L357.5 295l8.1-8.2z\"\n                />\n            </g>\n            <g className=\"jkl-logo-stamp__text\">{children}</g>\n        </svg>\n    );\n};\n"],"names":["LogoStamp","children","className","id","animated","title","rest","uniqueId","useId","generateSuffix","stampRef","useRef","hasAnimated","visible","useTextSpinner","jsxs","ref","xmlns","viewBox","clsx","role","jsx","fill","d"],"mappings":"uOAoBO,MAAMA,EAAY,EACrBC,SAAAA,EACAC,UAAAA,EACAC,GAAAA,EACAC,SAAAA,GAAW,EACXC,MAAAA,KACGC,MAEGC,MAAAA,EAAWC,EAAML,GAAM,iBAAkB,CAAEM,gBAAiBN,IAC5DO,EAAWC,EAAsB,OAC/BC,YAAAA,EAAaC,QAAAA,GAAYC,EAAeJ,GAG5C,OAAAK,EAAC,MAAA,IACOT,EACJU,IAAKN,EACLO,MAAM,6BACNC,QAAQ,cACR,kBAAiBX,EACjBL,UAAWiB,EAAK,iBAAkBjB,EAAW,CACzC,2BAA4BE,IAEhC,cAAaA,IAAaS,GAAWD,GACrCQ,KAAK,MAELnB,SAAA,CAAAoB,EAAC,QAAM,CAAAlB,GAAII,EAAWN,SAAAI,GAAS,kCAC/BgB,EAAC,IAAE,CAAAnB,UAAU,uBACTD,SAAAoB,EAAC,OAAA,CACGC,KAAK,eACLC,EAAE,wGAGTF,EAAA,IAAA,CAAEnB,UAAU,uBAAwBD,SAAAA,MAAS"}

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

@@ -0,0 +1,5 @@
+export type { LogoProps } from './Logo.js';
+export { Logo } from './Logo.js';
+export type { LogoStampProps } from './LogoStamp.js';
+export { LogoStamp } from './LogoStamp.js';
+export { ForsikringLevertAvFremtind, FraSB1ogDNB, InnovasjonFraFremtind, TeknologiFraFremtind, VartEgetForsikringsselskap, VartForsikringsselskap, } from './text-paths/index.js';

package/build/es/components/logo/text-paths/index.d.ts

@@ -0,0 +1,6 @@
+export { ForsikringLevertAvFremtind } from './ForsikringLevertAvFremtind.js';
+export { FraSB1ogDNB } from './FraSB1ogDNB.js';
+export { InnovasjonFraFremtind } from './InnovasjonFraFremtind.js';
+export { TeknologiFraFremtind } from './TeknologiFraFremtind.js';
+export { VartEgetForsikringsselskap } from './VartEgetForsikringsselskap.js';
+export { VartForsikringsselskap } from './VartForsikringsselskap.js';

package/build/es/components/logo/useTextSpinner.js

@@ -1,2 +1,2 @@
-import{useState as e}from"react";import{useIntersectionObserver as s}from"../../hooks/useIntersectionObserver/useIntersectionObserver.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";function r(r){const[t,o]=e(!1),[n,i]=e(!1);return s(r,(e=>{const s=e.some((e=>e.isIntersecting));i(s),s&&o(!0)}),(()=>i(!0)),{rootMargin:"50% 0% 0% 0%",threshold:.5}),{hasAnimated:t,visible:n}}export{r as useTextSpinner};
+import{useState as e}from"react";import{useIntersectionObserver as s}from"../../hooks/useIntersectionObserver/useIntersectionObserver.js";function r(r){const[t,n]=e(!1),[o,i]=e(!1);return s(r,(e=>{const s=e.some((e=>e.isIntersecting));i(s),s&&n(!0)}),(()=>i(!0)),{rootMargin:"50% 0% 0% 0%",threshold:.5}),{hasAnimated:t,visible:o}}export{r as useTextSpinner};
 //# sourceMappingURL=useTextSpinner.js.map

package/build/es/components/logo/useTextSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextSpinner.js","sources":["../../../../src/components/logo/useTextSpinner.ts"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useIntersectionObserver } from \"../../hooks\";\nexport function useTextSpinner<T extends HTMLElement | SVGElement>(ref: React.RefObject<T>) {\n    const [hasAnimated, setHasAnimated] = useState(false);\n    const [visible, setVisible] = useState(false);\n\n    const onIntersect = (entries: IntersectionObserverEntry[]) => {\n        const intersecting = entries.some((entry) => entry.isIntersecting);\n        setVisible(intersecting);\n        if (intersecting) {\n            setHasAnimated(true);\n        }\n    };\n    useIntersectionObserver(ref, onIntersect, () => setVisible(true), {\n        rootMargin: \"50% 0% 0% 0%\",\n        threshold: 0.5,\n    });\n\n    return { hasAnimated, visible };\n}\n"],"names":["useTextSpinner","ref","hasAnimated","setHasAnimated","useState","visible","setVisible","useIntersectionObserver","entries","intersecting","some","entry","isIntersecting","rootMargin","threshold"],"mappings":"wNAEO,SAASA,EAAmDC,GAC/D,MAAOC,EAAaC,GAAkBC,GAAS,IACxCC,EAASC,GAAcF,GAAS,GASvCG,OAAAA,EAAwBN,GAPHO,IACjB,MAAMC,EAAeD,EAAQE,MAAMC,GAAUA,EAAMC,iBACnDN,EAAWG,GACPA,GACAN,GAAe,EAAI,IAGe,IAAMG,GAAW,IAAO,CAC9DO,WAAY,eACZC,UAAW,KAGR,CAAEZ,YAAAA,EAAaG,QAAAA,EAC1B"}
+{"version":3,"file":"useTextSpinner.js","sources":["../../../../src/components/logo/useTextSpinner.ts"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useIntersectionObserver } from \"../../hooks/useIntersectionObserver/useIntersectionObserver.js\";\nexport function useTextSpinner<T extends HTMLElement | SVGElement>(ref: React.RefObject<T>) {\n    const [hasAnimated, setHasAnimated] = useState(false);\n    const [visible, setVisible] = useState(false);\n\n    const onIntersect = (entries: IntersectionObserverEntry[]) => {\n        const intersecting = entries.some((entry) => entry.isIntersecting);\n        setVisible(intersecting);\n        if (intersecting) {\n            setHasAnimated(true);\n        }\n    };\n    useIntersectionObserver(ref, onIntersect, () => setVisible(true), {\n        rootMargin: \"50% 0% 0% 0%\",\n        threshold: 0.5,\n    });\n\n    return { hasAnimated, visible };\n}\n"],"names":["useTextSpinner","ref","hasAnimated","setHasAnimated","useState","visible","setVisible","useIntersectionObserver","entries","intersecting","some","entry","isIntersecting","rootMargin","threshold"],"mappings":"0IAEO,SAASA,EAAmDC,GAC/D,MAAOC,EAAaC,GAAkBC,GAAS,IACxCC,EAASC,GAAcF,GAAS,GASvCG,OAAAA,EAAwBN,GAPHO,IACjB,MAAMC,EAAeD,EAAQE,MAAMC,GAAUA,EAAMC,iBACnDN,EAAWG,GACPA,GACAN,GAAe,EAAI,IAGe,IAAMG,GAAW,IAAO,CAC9DO,WAAY,eACZC,UAAW,KAGR,CAAEZ,YAAAA,EAAaG,QAAAA,EAC1B"}

package/build/es/components/menu/Menu.d.ts

@@ -0,0 +1,39 @@
+import { Placement } from '@floating-ui/react';
+import { default as React, ButtonHTMLAttributes, ReactNode } from 'react';
+import { DataTestAutoId, WithChildren } from '../../core/types.js';
+export interface MenuProps extends DataTestAutoId, WithChildren, Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    className?: string;
+    /**
+     * Initiell plassering av menyen. Dersom det ikke er plass på skjermen der du
+     * angir at den skal åpnes vil den slyttes automatisk.
+     * @default "bottom-start" på toppnivå, "right-start" for undermenyer
+     * */
+    initialPlacement?: Placement;
+    /**
+     * Angir om menyen skal åpnes ved hover (uten å måtte klikke)
+     * @default false
+     */
+    openOnHover?: boolean;
+    /**
+     * Angir om menyen skal holdes åpen når man klikker utenfor menyen
+     * @default false
+     */
+    keepOpenOnClickOutside?: boolean;
+    /**
+     * Elementet som fungerer som trigger for menyen. Dersom elementet ikke er en `<button>`
+     * eller en `forwardRef<HTMLButtonElement>` vil det bli lagt inne i en knapp
+     * med forhåndsdefinert stil. For å komme raskt i gang kan du bruke komponenten
+     * `MenuTriggerButton` fra denne pakken.
+     */
+    triggerElement: ReactNode;
+    /**
+     * Kan brukes til å styre utenfra om menyen skal være åpen eller ikke.
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Callback som kalles når menyen åpnes eller lukkes.
+     */
+    onToggle?: (isOpen: boolean) => void;
+}
+export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLButtonElement>>;

package/build/es/components/menu/Menu.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"@floating-ui/react";import"../../../clsx-BeLtu-UY.js";import"framer-motion";import"react";import"react-is";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/getThemeAndDensity.js";import"../../utilities/polymorphism/SlotComponent.js";import"../flex/Flex.js";import{M as o}from"../../../ExpandableTableRow-8_2Qs86T.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"./MenuItem.js";import"./MenuItemCheckbox.js";import"../pagination/Pagination.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"./useMenuWideEvents.js";export{o as Menu};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useFloatingTree as n,useFloatingNodeId as s,useFloatingParentNodeId as a,useFloating as o,offset as i,flip as r,shift as l,autoUpdate as d,useInteractions as m,useHover as u,safePolygon as c,useClick as p,useDismiss as f,useRole as g,useListNavigation as v,useMergeRefs as h,FloatingNode as y,FloatingPortal as k,FloatingFocusManager as F,FloatingTree as x}from"@floating-ui/react";import{c as I}from"../../../clsx-BeLtu-UY.js";import{AnimatePresence as P,motion as E}from"framer-motion";import j,{forwardRef as w,useRef as C,useState as M,useEffect as N}from"react";import*as R from"react-is";import{useId as O}from"../../hooks/useId/useId.js";import{getThemeAndDensity as b}from"../../utilities/getThemeAndDensity.js";import{useMenuWideEvents as D}from"./useMenuWideEvents.js";const T=w(((x,w)=>{const{children:T,className:A,initialPlacement:H,openOnHover:K=!1,keepOpenOnClickOutside:S=!1,triggerElement:V,isOpen:W,onToggle:q,...L}=x,U=O("jkl-menu"),z=n(),B=s(),G=a(),J=null!=G,Q=C([]),[X,Y]=M(null),{allowHover:Z,isOpen:$,setIsOpen:_}=D(z,B,G),ee=void 0!==W?W:$;N((()=>null==q?void 0:q(ee)),[ee,q]);const{x:te,y:ne,refs:se,placement:ae,strategy:oe,context:ie}=o({nodeId:B,open:ee,onOpenChange:_,placement:H||(J?"right-start":"bottom-start"),middleware:[i(2),r({fallbackAxisSideDirection:"end",crossAxis:!1}),l({padding:8})],whileElementsMounted:d}),{getReferenceProps:re,getFloatingProps:le,getItemProps:de}=m([u(ie,{enabled:K&&Z,delay:{open:75},handleClose:c({requireIntent:!0,blockPointerEvents:!0})}),p(ie,{event:"mousedown"}),f(ie,{outsidePress:!S}),g(ie,{role:"menu"}),v(ie,{listRef:Q,activeIndex:X,nested:J,onNavigate:Y})]),me=h([se.setReference,w]),{theme:ue,density:ce}=b(se.reference.current);return e(y,{id:B,children:[j.isValidElement(V)&&("button"===V.type||R.isForwardRef(V))?j.cloneElement(V,{...re({...L,ref:me,role:J?"menuitem":void 0,"aria-controls":U,onClick(e){e.stopPropagation()}})}):V,t(P,{children:ee&&t(k,{children:t(F,{context:ie,modal:!1,initialFocus:J?-1:0,returnFocus:!J,children:t(E.div,{className:I("jkl jkl-menu",A),"data-theme":ue,"data-layout-density":ce,role:"menu",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{ease:"easeIn",duration:.1},"data-placement":ae,"aria-live":"assertive","aria-hidden":!ee,ref:se.setFloating,...le({id:U,style:{position:oe,top:ne??"",left:te??""}}),children:j.Children.map(T,((e,t)=>j.isValidElement(e)&&R.isForwardRef(e)?j.cloneElement(e,de({...e.props,tabIndex:X===t?0:-1,role:"menuitem",ref(e){Q.current[t]=e},onClick(t){var n,s;null==(s=(n=e.props).onClick)||s.call(n,t),!t.defaultPrevented&&(null==z||z.events.emit("click"))},onKeyDown(t){var n,s;null==(s=(n=e.props).onKeyDown)||s.call(n,t),!t.defaultPrevented&&(null==z||z.events.emit("keydown"),"menuitemcheckbox"===t.currentTarget.role&&"Enter"===t.key&&_(!1))},onMouseEnter(){Z&&ee&&Y(t)}})):e))})})})})]})}));T.displayName="MenuComponent";const A=w(((e,n)=>null===a()?t(x,{children:t(T,{ref:n,...e})}):t(T,{ref:n,...e})));A.displayName="Menu";export{A as Menu};
 //# sourceMappingURL=Menu.js.map

package/build/es/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    type Placement,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { type ButtonHTMLAttributes, forwardRef, type ReactNode, useEffect, useRef, useState } from \"react\";\nimport * as ReactIs from \"react-is\";\nimport { DataTestAutoId, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { useMenuWideEvents } from \"./useMenuWideEvents.js\";\n\nexport interface MenuProps\n    extends DataTestAutoId,\n        WithChildren,\n        Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n    className?: string;\n    /**\n     * Initiell plassering av menyen. Dersom det ikke er plass på skjermen der du\n     * angir at den skal åpnes vil den slyttes automatisk.\n     * @default \"bottom-start\" på toppnivå, \"right-start\" for undermenyer\n     * */\n    initialPlacement?: Placement;\n    /**\n     * Angir om menyen skal åpnes ved hover (uten å måtte klikke)\n     * @default false\n     */\n    openOnHover?: boolean;\n    /**\n     * Angir om menyen skal holdes åpen når man klikker utenfor menyen\n     * @default false\n     */\n    keepOpenOnClickOutside?: boolean;\n    /**\n     * Elementet som fungerer som trigger for menyen. Dersom elementet ikke er en `<button>`\n     * eller en `forwardRef<HTMLButtonElement>` vil det bli lagt inne i en knapp\n     * med forhåndsdefinert stil. For å komme raskt i gang kan du bruke komponenten\n     * `MenuTriggerButton` fra denne pakken.\n     */\n    triggerElement: ReactNode;\n    /**\n     * Kan brukes til å styre utenfra om menyen skal være åpen eller ikke.\n     * @default false\n     */\n    isOpen?: boolean;\n    /**\n     * Callback som kalles når menyen åpnes eller lukkes.\n     */\n    onToggle?: (isOpen: boolean) => void;\n}\n\nconst MenuComponent = forwardRef<HTMLButtonElement, MenuProps>((props, forwardedRef) => {\n    const {\n        children,\n        className,\n        initialPlacement,\n        openOnHover = false,\n        keepOpenOnClickOutside = false,\n        triggerElement,\n        isOpen: isOpenOverride,\n        onToggle,\n        ...triggerProps\n    } = props;\n\n    const MenuId = useId(\"jkl-menu\");\n\n    const tree = useFloatingTree();\n    const nodeId = useFloatingNodeId();\n    const parentId = useFloatingParentNodeId();\n    const isNested = parentId != null;\n\n    const listItemsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [activeIndex, setActiveIndex] = useState<number | null>(null);\n    const { allowHover, isOpen: isOpenDefault, setIsOpen } = useMenuWideEvents(tree, nodeId, parentId);\n\n    const isOpen = isOpenOverride !== undefined ? isOpenOverride : isOpenDefault;\n\n    useEffect(() => onToggle?.(isOpen), [isOpen, onToggle]);\n\n    const { x, y, refs, placement, strategy, context } = useFloating({\n        nodeId,\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        placement: initialPlacement || (isNested ? \"right-start\" : \"bottom-start\"),\n        middleware: [\n            offset(2),\n            flip({\n                fallbackAxisSideDirection: \"end\", // Allow bottom placement in narrow viewports (https://floating-ui.com/docs/flip#fallbackaxissidedirection)\n                crossAxis: false, // See https://floating-ui.com/docs/flip#combining-with-shift\n            }),\n            shift({ padding: 8 }),\n        ],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n        useHover(context, {\n            enabled: openOnHover && allowHover,\n            delay: { open: 75 },\n            handleClose: safePolygon({\n                requireIntent: true,\n                blockPointerEvents: true,\n            }),\n        }),\n        useClick(context, {\n            event: \"mousedown\",\n        }),\n        useDismiss(context, { outsidePress: !keepOpenOnClickOutside }),\n        useRole(context, { role: \"menu\" }),\n        useListNavigation(context, {\n            listRef: listItemsRef,\n            activeIndex,\n            nested: isNested,\n            onNavigate: setActiveIndex,\n        }),\n    ]);\n\n    const referenceRef = useMergeRefs([refs.setReference, forwardedRef]);\n\n    // Siden menyen rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    const { theme, density } = getThemeAndDensity(refs.reference.current as HTMLElement);\n\n    return (\n        <FloatingNode id={nodeId}>\n            {React.isValidElement(triggerElement) &&\n            (triggerElement.type === \"button\" || ReactIs.isForwardRef(triggerElement))\n                ? // Dersom trigger-elementet er en knapp, sett riktige egenskaper på det\n                  React.cloneElement(triggerElement, {\n                      ...getReferenceProps({\n                          ...triggerProps,\n                          ref: referenceRef,\n                          role: isNested ? \"menuitem\" : undefined,\n                          \"aria-controls\": MenuId,\n                          onClick(event) {\n                              event.stopPropagation();\n                          },\n                      }),\n                  })\n                : // Ellers, rendre elementet as-is, uten interaktivitet. Krev en ferdig brukbar button for å åpne menyen.\n                  triggerElement}\n            <AnimatePresence>\n                {isOpen && (\n                    <FloatingPortal>\n                        <FloatingFocusManager\n                            context={context}\n                            // Prevent outside content interference.\n                            modal={false}\n                            // Only initially focus the root floating menu.\n                            initialFocus={isNested ? -1 : 0}\n                            // Only return focus to the root menu's reference when menus close.\n                            returnFocus={!isNested}\n                        >\n                            <motion.div\n                                className={clsx(\"jkl jkl-menu\", className)}\n                                data-theme={theme}\n                                data-layout-density={density}\n                                role=\"menu\"\n                                initial={{ opacity: 0 }}\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                transition={{ ease: \"easeIn\", duration: 0.1 }}\n                                data-placement={placement}\n                                aria-live=\"assertive\"\n                                aria-hidden={!isOpen}\n                                ref={refs.setFloating}\n                                {...getFloatingProps({\n                                    id: MenuId,\n                                    style: {\n                                        position: strategy,\n                                        top: y ?? \"\",\n                                        left: x ?? \"\",\n                                    },\n                                })}\n                            >\n                                {React.Children.map(children, (child, index) => {\n                                    if (React.isValidElement(child) && ReactIs.isForwardRef(child)) {\n                                        return React.cloneElement(\n                                            child,\n                                            getItemProps({\n                                                ...child.props,\n                                                tabIndex: activeIndex === index ? 0 : -1,\n                                                role: \"menuitem\",\n                                                ref(node: HTMLButtonElement) {\n                                                    listItemsRef.current[index] = node;\n                                                },\n                                                onClick(event) {\n                                                    child.props.onClick?.(event as React.MouseEvent<HTMLButtonElement>);\n                                                    if (event.defaultPrevented) {\n                                                        return;\n                                                    }\n                                                    tree?.events.emit(\"click\");\n                                                },\n                                                onKeyDown(event) {\n                                                    child.props.onKeyDown?.(event);\n                                                    if (event.defaultPrevented) {\n                                                        return;\n                                                    }\n                                                    tree?.events.emit(\"keydown\");\n                                                    if (\n                                                        event.currentTarget.role === \"menuitemcheckbox\" &&\n                                                        event.key === \"Enter\"\n                                                    ) {\n                                                        // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role#keyboard_interactions\n                                                        setIsOpen(false);\n                                                    }\n                                                },\n                                                onMouseEnter() {\n                                                    if (allowHover && isOpen) {\n                                                        setActiveIndex(index);\n                                                    }\n                                                },\n                                            }),\n                                        );\n                                    }\n\n                                    return child;\n                                })}\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingPortal>\n                )}\n            </AnimatePresence>\n        </FloatingNode>\n    );\n});\nMenuComponent.displayName = \"MenuComponent\";\n\nexport const Menu = forwardRef<HTMLButtonElement, MenuProps>((props, ref) => {\n    const parentId = useFloatingParentNodeId();\n\n    if (parentId === null) {\n        return (\n            <FloatingTree>\n                <MenuComponent ref={ref} {...props} />\n            </FloatingTree>\n        );\n    }\n\n    return <MenuComponent ref={ref} {...props} />;\n});\nMenu.displayName = \"Menu\";\n"],"names":["MenuComponent","forwardRef","props","forwardedRef","children","className","initialPlacement","openOnHover","keepOpenOnClickOutside","triggerElement","isOpen","isOpenOverride","onToggle","triggerProps","MenuId","useId","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","isNested","listItemsRef","useRef","activeIndex","setActiveIndex","useState","allowHover","isOpenDefault","setIsOpen","useMenuWideEvents","useEffect","x","y","refs","placement","strategy","context","useFloating","open","onOpenChange","middleware","offset","flip","fallbackAxisSideDirection","crossAxis","shift","padding","whileElementsMounted","autoUpdate","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useHover","enabled","delay","handleClose","safePolygon","requireIntent","blockPointerEvents","useClick","event","useDismiss","outsidePress","useRole","role","useListNavigation","listRef","nested","onNavigate","referenceRef","useMergeRefs","setReference","theme","density","getThemeAndDensity","reference","current","jsxs","FloatingNode","id","React","isValidElement","type","ReactIs","isForwardRef","cloneElement","ref","onClick","stopPropagation","jsx","AnimatePresence","FloatingPortal","FloatingFocusManager","modal","initialFocus","returnFocus","motion","div","clsx","initial","opacity","animate","exit","transition","ease","duration","setFloating","style","position","top","left","Children","map","child","index","tabIndex","node","_b","_a","call","defaultPrevented","events","emit","onKeyDown","currentTarget","key","onMouseEnter","displayName","Menu","FloatingTree"],"mappings":"o0BAuEA,MAAMA,EAAgBC,GAAyC,CAACC,EAAOC,KAC7D,MACFC,SAAAA,EACAC,UAAAA,EACAC,iBAAAA,EACAC,YAAAA,GAAc,EACdC,uBAAAA,GAAyB,EACzBC,eAAAA,EACAC,OAAQC,EACRC,SAAAA,KACGC,GACHX,EAEEY,EAASC,EAAM,YAEfC,EAAOC,IACPC,EAASC,IACTC,EAAWC,IACXC,EAAuB,MAAZF,EAEXG,EAAeC,EAAwC,KACtDC,EAAaC,GAAkBC,EAAwB,OACtDC,WAAAA,EAAYlB,OAAQmB,EAAeC,UAAAA,GAAcC,EAAkBf,EAAME,EAAQE,GAEnFV,QAA4B,IAAnBC,EAA+BA,EAAiBkB,EAE/DG,GAAU,IAAM,MAAApB,OAAA,EAAAA,EAAWF,KAAS,CAACA,GAAQE,IAEvC,MAAEqB,EAAAA,GAAGC,EAAAA,GAAGC,KAAAA,GAAMC,UAAAA,GAAWC,SAAAA,GAAUC,QAAAA,IAAYC,EAAY,CAC7DrB,OAAAA,EACAsB,KAAM9B,GACN+B,aAAcX,EACdM,UAAW9B,IAAqBgB,EAAW,cAAgB,gBAC3DoB,WAAY,CACRC,EAAO,GACPC,EAAK,CACDC,0BAA2B,MAC3BC,WAAW,IAEfC,EAAM,CAAEC,QAAS,KAErBC,qBAAsBC,KAGlBC,kBAAAA,GAAmBC,iBAAAA,GAAkBC,aAAAA,IAAiBC,EAAgB,CAC1EC,EAASjB,GAAS,CACdkB,QAASjD,GAAeqB,EACxB6B,MAAO,CAAEjB,KAAM,IACfkB,YAAaC,EAAY,CACrBC,eAAe,EACfC,oBAAoB,MAG5BC,EAASxB,GAAS,CACdyB,MAAO,cAEXC,EAAW1B,GAAS,CAAE2B,cAAezD,IACrC0D,EAAQ5B,GAAS,CAAE6B,KAAM,SACzBC,EAAkB9B,GAAS,CACvB+B,QAAS9C,EACTE,YAAAA,EACA6C,OAAQhD,EACRiD,WAAY7C,MAId8C,GAAeC,EAAa,CAACtC,GAAKuC,aAAcvE,KAI9CwE,MAAAA,GAAOC,QAAAA,IAAYC,EAAmB1C,GAAK2C,UAAUC,SAGzD,OAAAC,EAACC,EAAa,CAAAC,GAAIhE,EACbd,SAAA,CAAM+E,EAAAC,eAAe3E,KACG,WAAxBA,EAAe4E,MAAqBC,EAAQC,aAAa9E,IAEpD0E,EAAMK,aAAa/E,EAAgB,IAC5B0C,GAAkB,IACdtC,EACH4E,IAAKjB,GACLL,KAAM7C,EAAW,gBAAa,EAC9B,gBAAiBR,EACjB4E,QAAQ3B,GACJA,EAAM4B,iBACV,MAEP,EAGNC,EAAAC,EAAA,CACIzF,SACGM,IAAAkF,EAACE,EACG,CAAA1F,SAAAwF,EAACG,EAAA,CACGzD,QAAAA,GAEA0D,OAAO,EAEPC,aAAc3E,GAAgB,EAAA,EAE9B4E,aAAc5E,EAEdlB,SAAAwF,EAACO,EAAOC,IAAP,CACG/F,UAAWgG,EAAK,eAAgBhG,GAChC,aAAYsE,GACZ,sBAAqBC,GACrBT,KAAK,OACLmC,QAAS,CAAEC,QAAS,GACpBC,QAAS,CAAED,QAAS,GACpBE,KAAM,CAAEF,QAAS,GACjBG,WAAY,CAAEC,KAAM,SAAUC,SAAU,IACxC,iBAAgBxE,GAChB,YAAU,YACV,eAAc1B,GACd+E,IAAKtD,GAAK0E,eACNzD,GAAiB,CACjB8B,GAAIpE,EACJgG,MAAO,CACHC,SAAU1E,GACV2E,IAAK9E,IAAK,GACV+E,KAAMhF,IAAK,MAIlB7B,WAAM8G,SAASC,IAAI/G,GAAU,CAACgH,EAAOC,IAC9BlC,EAAMC,eAAegC,IAAU9B,EAAQC,aAAa6B,GAC7CjC,EAAMK,aACT4B,EACA/D,GAAa,IACN+D,EAAMlH,MACToH,SAAU7F,IAAgB4F,EAAQ,GAAI,EACtClD,KAAM,WACNsB,IAAI8B,GACahG,EAAAwD,QAAQsC,GAASE,CAClC,EACA7B,QAAQ3B,WACE,OAAAyD,GAAAC,EAAAL,EAAAlH,OAAMwF,UAAN8B,EAAAE,KAAAD,EAAgB1D,IAClBA,EAAM4D,mBAGJ,MAAA3G,GAAAA,EAAA4G,OAAOC,KAAK,SACtB,EACAC,UAAU/D,WACA,OAAAyD,GAAAC,EAAAL,EAAAlH,OAAM4H,YAANN,EAAAE,KAAAD,EAAkB1D,IACpBA,EAAM4D,mBAGJ,MAAA3G,GAAAA,EAAA4G,OAAOC,KAAK,WAEe,qBAA7B9D,EAAMgE,cAAc5D,MACN,UAAdJ,EAAMiE,KAGNlG,GAAU,GAElB,EACAmG,eACQrG,GAAclB,IACdgB,EAAe2F,EAEvB,KAKLD,cAOnC,IAGRpH,EAAckI,YAAc,gBAErB,MAAMC,EAAOlI,GAAyC,CAACC,EAAOuF,IAGhD,OAFApE,MAIR+G,EACG,CAAAhI,SAAAwF,EAAC5F,GAAcyF,IAAAA,KAAcvF,MAKjC0F,EAAA5F,EAAA,CAAcyF,IAAAA,KAAcvF,MAExCiI,EAAKD,YAAc"}

package/build/es/components/menu/MenuItem.d.ts

@@ -0,0 +1,25 @@
+import { default as React, ReactNode } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
+export type MenuItemProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    /**
+     * Et ikon som vises før innholdet i menypunktet
+     */
+    icon?: ReactNode;
+} & ({
+    expandable?: never;
+    /**
+     * Indikerer at menypunktet åpner noe i et nytt vindu eller tab
+     * @default false
+     */
+    external?: boolean;
+} | {
+    external?: never;
+    /**
+     * Indikerer at menypunktet er utvidbart ved å vise en chevron
+     * @default false
+     */
+    expandable?: boolean;
+})>;
+type MenuItemComponent = <ElementType extends React.ElementType = "button">(props: MenuItemProps<ElementType>) => React.ReactElement | null;
+export declare const MenuItem: MenuItemComponent;
+export {};

package/build/es/components/menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/menu/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, ReactNode } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism\";\nimport { ArrowNorthEastIcon, ChevronRightIcon } from \"../icon\";\n\nexport type MenuItemProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Et ikon som vises før innholdet i menypunktet\n         */\n        icon?: ReactNode;\n    } & (\n        | {\n              expandable?: never;\n              /**\n               * Indikerer at menypunktet åpner noe i et nytt vindu eller tab\n               * @default false\n               */\n              external?: boolean;\n          }\n        | {\n              external?: never;\n              /**\n               * Indikerer at menypunktet er utvidbart ved å vise en chevron\n               * @default false\n               */\n              expandable?: boolean;\n          }\n    )\n>;\n\ntype MenuItemComponent = <ElementType extends React.ElementType = \"button\">(\n    props: MenuItemProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const MenuItem = forwardRef(function MenuItem<ElementType extends React.ElementType = \"button\">(\n    props: MenuItemProps<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as = \"button\", className, children, icon, expandable = false, external = false, ...rest } = props;\n    const Component = as;\n    const type = Component === \"button\" ? \"button\" : undefined;\n\n    return (\n        <Component ref={ref} type={type} role=\"menuitem\" className={clsx(\"jkl-menu-item\", className)} {...rest}>\n            {icon && <span className=\"jkl-menu-item__icon\">{icon}</span>}\n            <div className=\"jkl-menu-item__content\">\n                {children}\n                {external && (\n                    <div className={\"jkl-menu-item__arrow\"}>\n                        <ArrowNorthEastIcon />\n                    </div>\n                )}\n            </div>\n            {expandable && <ChevronRightIcon className=\"jkl-menu-item__chevron\" bold />}\n        </Component>\n    );\n}) as MenuItemComponent;\n"],"names":["MenuItem","forwardRef","props","ref","as","className","children","icon","expandable","external","rest","jsxs","type","role","clsx","jsx","ArrowNorthEastIcon","ChevronRightIcon","bold"],"mappings":"8/CAoCO,MAAMA,EAAWC,GAAW,SAC/BC,EACAC,GAEM,MAAEC,GAAAA,EAAK,SAAUC,UAAAA,EAAWC,SAAAA,EAAUC,KAAAA,EAAMC,WAAAA,GAAa,EAAOC,SAAAA,GAAW,KAAUC,GAASR,EAK/F,OAAAS,EAJaP,EAIb,CAAUD,IAAAA,EAAUS,KAHE,WADTR,EACoB,cAAW,EAGZS,KAAK,WAAWR,UAAWS,EAAK,gBAAiBT,MAAgBK,EAC7FJ,SAAA,CAAAC,GAASQ,EAAA,OAAA,CAAKV,UAAU,sBAAuBC,SAAKC,IACrDI,EAAC,MAAI,CAAAN,UAAU,yBACVC,SAAA,CAAAA,EACAG,GACIM,EAAA,MAAA,CAAIV,UAAW,uBACZC,SAAAS,EAACC,GAAmB,QAI/BR,GAAeO,EAAAE,EAAA,CAAiBZ,UAAU,yBAAyBa,MAAI,MAGpF"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/menu/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, ReactNode } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowNorthEastIcon, ChevronRightIcon } from \"../icon/index.js\";\n\nexport type MenuItemProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        /**\n         * Et ikon som vises før innholdet i menypunktet\n         */\n        icon?: ReactNode;\n    } & (\n        | {\n              expandable?: never;\n              /**\n               * Indikerer at menypunktet åpner noe i et nytt vindu eller tab\n               * @default false\n               */\n              external?: boolean;\n          }\n        | {\n              external?: never;\n              /**\n               * Indikerer at menypunktet er utvidbart ved å vise en chevron\n               * @default false\n               */\n              expandable?: boolean;\n          }\n    )\n>;\n\ntype MenuItemComponent = <ElementType extends React.ElementType = \"button\">(\n    props: MenuItemProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const MenuItem = forwardRef(function MenuItem<ElementType extends React.ElementType = \"button\">(\n    props: MenuItemProps<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as = \"button\", className, children, icon, expandable = false, external = false, ...rest } = props;\n    const Component = as;\n    const type = Component === \"button\" ? \"button\" : undefined;\n\n    return (\n        <Component ref={ref} type={type} role=\"menuitem\" className={clsx(\"jkl-menu-item\", className)} {...rest}>\n            {icon && <span className=\"jkl-menu-item__icon\">{icon}</span>}\n            <div className=\"jkl-menu-item__content\">\n                {children}\n                {external && (\n                    <div className={\"jkl-menu-item__arrow\"}>\n                        <ArrowNorthEastIcon />\n                    </div>\n                )}\n            </div>\n            {expandable && <ChevronRightIcon className=\"jkl-menu-item__chevron\" bold />}\n        </Component>\n    );\n}) as MenuItemComponent;\n"],"names":["MenuItem","forwardRef","props","ref","as","className","children","icon","expandable","external","rest","jsxs","type","role","clsx","jsx","ArrowNorthEastIcon","ChevronRightIcon","bold"],"mappings":"8/CAoCO,MAAMA,EAAWC,GAAW,SAC/BC,EACAC,GAEM,MAAEC,GAAAA,EAAK,SAAUC,UAAAA,EAAWC,SAAAA,EAAUC,KAAAA,EAAMC,WAAAA,GAAa,EAAOC,SAAAA,GAAW,KAAUC,GAASR,EAK/F,OAAAS,EAJaP,EAIb,CAAUD,IAAAA,EAAUS,KAHE,WADTR,EACoB,cAAW,EAGZS,KAAK,WAAWR,UAAWS,EAAK,gBAAiBT,MAAgBK,EAC7FJ,SAAA,CAAAC,GAASQ,EAAA,OAAA,CAAKV,UAAU,sBAAuBC,SAAKC,IACrDI,EAAC,MAAI,CAAAN,UAAU,yBACVC,SAAA,CAAAA,EACAG,GACIM,EAAA,MAAA,CAAIV,UAAW,uBACZC,SAAAS,EAACC,GAAmB,QAI/BR,GAAeO,EAAAE,EAAA,CAAiBZ,UAAU,yBAAyBa,MAAI,MAGpF"}

package/build/es/components/menu/MenuItemCheckbox.d.ts

@@ -0,0 +1,11 @@
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { SwipeChangeHandler } from '../../hooks/useSwipeGesture/useSwipeGesture.js';
+export interface MenuItemCheckboxProps extends Omit<HTMLAttributes<HTMLDivElement>, "aria-checked" | "onChange"> {
+    "aria-checked": boolean;
+    /**
+     * Et ikon som vises før innholdet i menypunktet
+     */
+    icon?: ReactNode;
+    onChange?: SwipeChangeHandler<HTMLDivElement> & ((event: React.KeyboardEvent<HTMLDivElement> | React.PointerEvent<HTMLDivElement>, pressed: boolean) => void);
+}
+export declare const MenuItemCheckbox: React.ForwardRefExoticComponent<MenuItemCheckboxProps & React.RefAttributes<HTMLDivElement>>;

package/build/es/components/menu/MenuItemCheckbox.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as c}from"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{useSwipeGesture as s}from"../../hooks/useSwipeGesture/useSwipeGesture.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import{CheckIcon as e}from"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const r=c(((c,r)=>{const{"aria-checked":t,className:m,children:a,icon:l,onChange:p,onClick:j,onPointerCancel:I,onPointerDown:h,onPointerMove:d,onPointerUp:u,onKeyDown:k,...w}=c,{gestureHandlers:g}=s({onClick:o=>{o.preventDefault(),null==p||p(o,!t),null==j||j(o)},onChange:(o,n)=>{n!==t&&(null==p||p(o,n))},onPointerCancel:I,onPointerDown:h,onPointerMove:d,onPointerUp:u});return o("div",{ref:r,tabIndex:-1,...w,role:"menuitemcheckbox","aria-checked":t,className:i("jkl-menu-item","jkl-menu-item--checkbox",m),...g,onKeyDown:o=>{"Enter"===o.key?null==p||p(o,!t):" "===o.key&&(o.preventDefault(),null==p||p(o,!t)),null==k||k(o)},children:[l&&n("span",{className:"jkl-menu-item__icon",children:l}),n("div",{className:"jkl-menu-item__content",children:a}),n("div",{className:"jkl-toggle-switch",children:n("div",{className:"jkl-toggle-switch-widget",children:o("div",{className:"jkl-toggle-switch-widget__slider",children:[n("div",{className:"jkl-toggle-switch-widget__knob"}),n(e,{variant:"small",bold:!0,className:"jkl-toggle-switch-widget__indicator"})]})})})]})}));r.displayName="MenuItemCheckbox";export{r as MenuItemCheckbox};
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as c}from"react";import{useSwipeGesture as s}from"../../hooks/useSwipeGesture/useSwipeGesture.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import{CheckIcon as e}from"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const r=c(((c,r)=>{const{"aria-checked":t,className:m,children:a,icon:l,onChange:p,onClick:j,onPointerCancel:I,onPointerDown:h,onPointerMove:d,onPointerUp:u,onKeyDown:w,...k}=c,{gestureHandlers:g}=s({onClick:o=>{o.preventDefault(),null==p||p(o,!t),null==j||j(o)},onChange:(o,n)=>{n!==t&&(null==p||p(o,n))},onPointerCancel:I,onPointerDown:h,onPointerMove:d,onPointerUp:u});return o("div",{ref:r,tabIndex:-1,...k,role:"menuitemcheckbox","aria-checked":t,className:i("jkl-menu-item","jkl-menu-item--checkbox",m),...g,onKeyDown:o=>{"Enter"===o.key?null==p||p(o,!t):" "===o.key&&(o.preventDefault(),null==p||p(o,!t)),null==w||w(o)},children:[l&&n("span",{className:"jkl-menu-item__icon",children:l}),n("div",{className:"jkl-menu-item__content",children:a}),n("div",{className:"jkl-toggle-switch",children:n("div",{className:"jkl-toggle-switch-widget",children:o("div",{className:"jkl-toggle-switch-widget__slider",children:[n("div",{className:"jkl-toggle-switch-widget__knob"}),n(e,{variant:"small",bold:!0,className:"jkl-toggle-switch-widget__indicator"})]})})})]})}));r.displayName="MenuItemCheckbox";export{r as MenuItemCheckbox};
 //# sourceMappingURL=MenuItemCheckbox.js.map

package/build/es/components/menu/MenuItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.js","sources":["../../../../src/components/menu/MenuItemCheckbox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    forwardRef,\n    type HTMLAttributes,\n    type KeyboardEventHandler,\n    type MouseEventHandler,\n    type ReactNode,\n} from \"react\";\nimport { useSwipeGesture, type SwipeChangeHandler } from \"../../hooks\";\nimport { CheckIcon } from \"../icon\";\n\nexport interface MenuItemCheckboxProps extends Omit<HTMLAttributes<HTMLDivElement>, \"aria-checked\" | \"onChange\"> {\n    \"aria-checked\": boolean;\n    /**\n     * Et ikon som vises før innholdet i menypunktet\n     */\n    icon?: ReactNode;\n    onChange?: SwipeChangeHandler<HTMLDivElement> &\n        ((event: React.KeyboardEvent<HTMLDivElement> | React.PointerEvent<HTMLDivElement>, pressed: boolean) => void);\n}\n\nexport const MenuItemCheckbox = forwardRef<HTMLDivElement, MenuItemCheckboxProps>((props, ref) => {\n    const {\n        \"aria-checked\": checked,\n        className,\n        children,\n        icon,\n        onChange,\n        onClick,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n        onKeyDown,\n        ...rest\n    } = props;\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n        event.preventDefault(); // Prevents the menu from closing on toggle\n        onChange?.(event, !checked);\n        onClick?.(event);\n    };\n\n    const handleChange: SwipeChangeHandler<HTMLDivElement> = (event, toggleTo) => {\n        if (toggleTo !== checked) {\n            onChange?.(event, toggleTo);\n        }\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n        if (event.key === \"Enter\") {\n            onChange?.(event, !checked);\n        } else if (event.key === \" \") {\n            event.preventDefault(); // Prevents the menu from closing on toggle, https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role#keyboard_interactions\n            onChange?.(event, !checked);\n        }\n        onKeyDown?.(event);\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        <div\n            ref={ref}\n            tabIndex={-1}\n            {...rest}\n            role=\"menuitemcheckbox\"\n            aria-checked={checked}\n            className={clsx(\"jkl-menu-item\", \"jkl-menu-item--checkbox\", className)}\n            {...gestureHandlers}\n            onKeyDown={handleKeyDown}\n        >\n            {icon && <span className=\"jkl-menu-item__icon\">{icon}</span>}\n            <div className=\"jkl-menu-item__content\">{children}</div>\n            <div className=\"jkl-toggle-switch\">\n                <div 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            </div>\n        </div>\n    );\n});\n\nMenuItemCheckbox.displayName = \"MenuItemCheckbox\";\n"],"names":["MenuItemCheckbox","forwardRef","props","ref","checked","className","children","icon","onChange","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","onKeyDown","rest","gestureHandlers","useSwipeGesture","event","preventDefault","toggleTo","jsxs","tabIndex","role","clsx","key","jsx","CheckIcon","variant","bold","displayName"],"mappings":"ynDAqBO,MAAMA,EAAmBC,GAAkD,CAACC,EAAOC,KAChF,MACF,eAAgBC,EAChBC,UAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,UAAAA,KACGC,GACHb,GAwBIc,gBAAAA,GAAoBC,EAAgB,CACxCR,QAvBoDS,IACpDA,EAAMC,iBACK,MAAAX,GAAAA,EAAAU,GAAQd,GACnB,MAAAK,GAAAA,EAAUS,EAAAA,EAqBVV,SAlBqD,CAACU,EAAOE,KACzDA,IAAahB,IACb,MAAAI,GAAAA,EAAWU,EAAOE,GAAAA,EAiBtBV,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAQ,EAAC,MAAA,CACGlB,IAAAA,EACAmB,UAAU,KACNP,EACJQ,KAAK,mBACL,eAAcnB,EACdC,UAAWmB,EAAK,gBAAiB,0BAA2BnB,MACxDW,EACJF,UA5BqDI,IACvC,UAAdA,EAAMO,IACK,MAAAjB,GAAAA,EAAAU,GAAQd,GACE,MAAdc,EAAMO,MACbP,EAAMC,iBACK,MAAAX,GAAAA,EAAAU,GAAQd,IAEvB,MAAAU,GAAAA,EAAYI,EAAAA,EAuBPZ,SAAA,CAAAC,GAASmB,EAAA,OAAA,CAAKrB,UAAU,sBAAuBC,SAAKC,IACpDmB,EAAA,MAAA,CAAIrB,UAAU,yBAA0BC,SAAAA,IACzCoB,EAAC,MAAI,CAAArB,UAAU,oBACXC,SAAAoB,EAAC,MAAI,CAAArB,UAAU,2BACXC,SAAAe,EAAC,MAAI,CAAAhB,UAAU,mCACXC,SAAA,CAACoB,EAAA,MAAA,CAAIrB,UAAU,qCACdsB,EAAU,CAAAC,QAAQ,QAAQC,MAAI,EAACxB,UAAU,iDAGtD,IAKZL,EAAiB8B,YAAc"}
+{"version":3,"file":"MenuItemCheckbox.js","sources":["../../../../src/components/menu/MenuItemCheckbox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    forwardRef,\n    type HTMLAttributes,\n    type KeyboardEventHandler,\n    type MouseEventHandler,\n    type ReactNode,\n} from \"react\";\nimport { SwipeChangeHandler, useSwipeGesture } from \"../../hooks/useSwipeGesture/useSwipeGesture.js\";\nimport { CheckIcon } from \"../icon/index.js\";\n\nexport interface MenuItemCheckboxProps extends Omit<HTMLAttributes<HTMLDivElement>, \"aria-checked\" | \"onChange\"> {\n    \"aria-checked\": boolean;\n    /**\n     * Et ikon som vises før innholdet i menypunktet\n     */\n    icon?: ReactNode;\n    onChange?: SwipeChangeHandler<HTMLDivElement> &\n        ((event: React.KeyboardEvent<HTMLDivElement> | React.PointerEvent<HTMLDivElement>, pressed: boolean) => void);\n}\n\nexport const MenuItemCheckbox = forwardRef<HTMLDivElement, MenuItemCheckboxProps>((props, ref) => {\n    const {\n        \"aria-checked\": checked,\n        className,\n        children,\n        icon,\n        onChange,\n        onClick,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n        onKeyDown,\n        ...rest\n    } = props;\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n        event.preventDefault(); // Prevents the menu from closing on toggle\n        onChange?.(event, !checked);\n        onClick?.(event);\n    };\n\n    const handleChange: SwipeChangeHandler<HTMLDivElement> = (event, toggleTo) => {\n        if (toggleTo !== checked) {\n            onChange?.(event, toggleTo);\n        }\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n        if (event.key === \"Enter\") {\n            onChange?.(event, !checked);\n        } else if (event.key === \" \") {\n            event.preventDefault(); // Prevents the menu from closing on toggle, https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role#keyboard_interactions\n            onChange?.(event, !checked);\n        }\n        onKeyDown?.(event);\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        <div\n            ref={ref}\n            tabIndex={-1}\n            {...rest}\n            role=\"menuitemcheckbox\"\n            aria-checked={checked}\n            className={clsx(\"jkl-menu-item\", \"jkl-menu-item--checkbox\", className)}\n            {...gestureHandlers}\n            onKeyDown={handleKeyDown}\n        >\n            {icon && <span className=\"jkl-menu-item__icon\">{icon}</span>}\n            <div className=\"jkl-menu-item__content\">{children}</div>\n            <div className=\"jkl-toggle-switch\">\n                <div 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            </div>\n        </div>\n    );\n});\n\nMenuItemCheckbox.displayName = \"MenuItemCheckbox\";\n"],"names":["MenuItemCheckbox","forwardRef","props","ref","checked","className","children","icon","onChange","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","onKeyDown","rest","gestureHandlers","useSwipeGesture","event","preventDefault","toggleTo","jsxs","tabIndex","role","clsx","key","jsx","CheckIcon","variant","bold","displayName"],"mappings":"2iDAqBO,MAAMA,EAAmBC,GAAkD,CAACC,EAAOC,KAChF,MACF,eAAgBC,EAChBC,UAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,UAAAA,KACGC,GACHb,GAwBIc,gBAAAA,GAAoBC,EAAgB,CACxCR,QAvBoDS,IACpDA,EAAMC,iBACK,MAAAX,GAAAA,EAAAU,GAAQd,GACnB,MAAAK,GAAAA,EAAUS,EAAAA,EAqBVV,SAlBqD,CAACU,EAAOE,KACzDA,IAAahB,IACb,MAAAI,GAAAA,EAAWU,EAAOE,GAAAA,EAiBtBV,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAQ,EAAC,MAAA,CACGlB,IAAAA,EACAmB,UAAU,KACNP,EACJQ,KAAK,mBACL,eAAcnB,EACdC,UAAWmB,EAAK,gBAAiB,0BAA2BnB,MACxDW,EACJF,UA5BqDI,IACvC,UAAdA,EAAMO,IACK,MAAAjB,GAAAA,EAAAU,GAAQd,GACE,MAAdc,EAAMO,MACbP,EAAMC,iBACK,MAAAX,GAAAA,EAAAU,GAAQd,IAEvB,MAAAU,GAAAA,EAAYI,EAAAA,EAuBPZ,SAAA,CAAAC,GAASmB,EAAA,OAAA,CAAKrB,UAAU,sBAAuBC,SAAKC,IACpDmB,EAAA,MAAA,CAAIrB,UAAU,yBAA0BC,SAAAA,IACzCoB,EAAC,MAAI,CAAArB,UAAU,oBACXC,SAAAoB,EAAC,MAAI,CAAArB,UAAU,2BACXC,SAAAe,EAAC,MAAI,CAAAhB,UAAU,mCACXC,SAAA,CAACoB,EAAA,MAAA,CAAIrB,UAAU,qCACdsB,EAAU,CAAAC,QAAQ,QAAQC,MAAI,EAACxB,UAAU,iDAGtD,IAKZL,EAAiB8B,YAAc"}

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

@@ -0,0 +1,4 @@
+export { Menu, type MenuProps } from './Menu.js';
+export { MenuItem, type MenuItemProps } from './MenuItem.js';
+export { MenuItemCheckbox, type MenuItemCheckboxProps } from './MenuItemCheckbox.js';
+export { MenuDivider } from './MenuDivider.js';

package/build/es/components/menu/index.js

@@ -1,2 +1,2 @@
-import{M as e}from"../../../ExpandableTableRow-8_2Qs86T.js";import{MenuItem as m}from"./MenuItem.js";import{MenuItemCheckbox as o}from"./MenuItemCheckbox.js";import{MenuDivider as r}from"./MenuDivider.js";export{e as Menu,r as MenuDivider,m as MenuItem,o as MenuItemCheckbox};
+import{Menu as e}from"./Menu.js";import{MenuItem as m}from"./MenuItem.js";import{MenuItemCheckbox as n}from"./MenuItemCheckbox.js";import{MenuDivider as o}from"./MenuDivider.js";export{e as Menu,o as MenuDivider,m as MenuItem,n as MenuItemCheckbox};
 //# sourceMappingURL=index.js.map

package/build/es/components/message/DismissButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissButton.js","sources":["../../../../src/components/message/DismissButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { CloseIcon } from \"../icon\";\n\nexport interface DismissButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label?: string;\n}\n\nexport const DismissButton = forwardRef<HTMLButtonElement, DismissButtonProps>(({ label = \"Lukk\", ...rest }, ref) => {\n    return (\n        <button ref={ref} type=\"button\" title={label} {...rest}>\n            <CloseIcon variant=\"small\" bold />\n            <span className=\"jkl-sr-only\">{label}</span>\n        </button>\n    );\n});\n\nDismissButton.displayName = \"DismissButton\";\n"],"names":["DismissButton","forwardRef","label","rest","ref","jsxs","type","title","children","jsx","CloseIcon","variant","bold","className","displayName"],"mappings":"46CAOa,MAAAA,EAAgBC,GAAkD,EAAGC,MAAAA,EAAQ,UAAWC,GAAQC,IAErGC,EAAC,UAAOD,IAAAA,EAAUE,KAAK,SAASC,MAAOL,KAAWC,EAC9CK,SAAA,CAAAC,EAACC,EAAU,CAAAC,QAAQ,QAAQC,MAAI,IAC9BH,EAAA,OAAA,CAAKI,UAAU,cAAeL,SAAMN,SAKjDF,EAAcc,YAAc"}
+{"version":3,"file":"DismissButton.js","sources":["../../../../src/components/message/DismissButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { CloseIcon } from \"../icon/index.js\";\n\nexport interface DismissButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label?: string;\n}\n\nexport const DismissButton = forwardRef<HTMLButtonElement, DismissButtonProps>(({ label = \"Lukk\", ...rest }, ref) => {\n    return (\n        <button ref={ref} type=\"button\" title={label} {...rest}>\n            <CloseIcon variant=\"small\" bold />\n            <span className=\"jkl-sr-only\">{label}</span>\n        </button>\n    );\n});\n\nDismissButton.displayName = \"DismissButton\";\n"],"names":["DismissButton","forwardRef","label","rest","ref","jsxs","type","title","children","jsx","CloseIcon","variant","bold","className","displayName"],"mappings":"46CAOa,MAAAA,EAAgBC,GAAkD,EAAGC,MAAAA,EAAQ,UAAWC,GAAQC,IAErGC,EAAC,UAAOD,IAAAA,EAAUE,KAAK,SAASC,MAAOL,KAAWC,EAC9CK,SAAA,CAAAC,EAACC,EAAU,CAAAC,QAAQ,QAAQC,MAAI,IAC9BH,EAAA,OAAA,CAAKI,UAAU,cAAeL,SAAMN,SAKjDF,EAAcc,YAAc"}

package/build/es/components/message/FormErrorMessage.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { MessageProps } from './Message.js';
+export interface FormErrorMessageProps {
+    className?: string;
+    id?: string;
+    /**
+     * @default { title: "Feil og mangler i skjemaet" }
+     */
+    messageProps?: Partial<MessageProps>;
+    errors: (string | undefined)[];
+    isSubmitted: boolean;
+    isValid: boolean;
+}
+export declare const FormErrorMessage: React.ForwardRefExoticComponent<FormErrorMessageProps & React.RefAttributes<HTMLDivElement>>;

package/build/es/components/message/FormErrorMessage.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import{forwardRef as r,useRef as t,useEffect as a}from"react";import{useAnimatedHeight as o}from"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{ErrorMessage as i}from"./Message.js";const m={title:"Feil og mangler i skjemaet"},l=r(((r,l)=>{const{className:n,errors:c,isSubmitted:d,isValid:u,messageProps:f,...g}=r,p=d&&!u,[h]=o(p,{display:"grid"}),j=t(c);a((()=>{j.current=c}),[c]);const k=c.length>j.current.length;return e("div",{ref:l,className:s("jkl-form-error-message",n),...g,children:e(i,{...m,...f,ref:h,role:k?"alert":"presentation",children:e("ul",{className:"jkl-list",children:c.filter((e=>typeof e<"u")).map((s=>e("li",{className:"jkl-list__item",children:s},s)))})})})}));l.displayName="FormErrorMessage";export{l as FormErrorMessage};
+import{jsx as e}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import{forwardRef as s,useRef as a,useEffect as t}from"react";import{useAnimatedHeight as i}from"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import{ErrorMessage as o}from"./Message.js";const m={title:"Feil og mangler i skjemaet"},l=s(((s,l)=>{const{className:n,errors:c,isSubmitted:f,isValid:d,messageProps:g,...p}=s,u=f&&!d,[h]=i(u,{display:"grid"}),j=a(c);t((()=>{j.current=c}),[c]);const k=c.length>j.current.length;return e("div",{ref:l,className:r("jkl-form-error-message",n),...p,children:e(o,{...m,...g,ref:h,role:k?"alert":"presentation",children:e("ul",{className:"jkl-list",children:c.filter((e=>typeof e<"u")).map((r=>e("li",{className:"jkl-list__item",children:r},r)))})})})}));l.displayName="FormErrorMessage";export{l as FormErrorMessage};
 //# sourceMappingURL=FormErrorMessage.js.map

package/build/es/components/message/FormErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormErrorMessage.js","sources":["../../../../src/components/message/FormErrorMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useEffect, useRef } from \"react\";\nimport { useAnimatedHeight } from \"../../hooks\";\nimport { MessageProps, ErrorMessage } from \"./Message\";\n\nexport interface FormErrorMessageProps {\n    className?: string;\n    id?: string;\n    /**\n     * @default { title: \"Feil og mangler i skjemaet\" }\n     */\n    messageProps?: Partial<MessageProps>;\n    errors: (string | undefined)[];\n    isSubmitted: boolean;\n    isValid: boolean;\n}\n\nconst defaultMessageProps = {\n    title: \"Feil og mangler i skjemaet\",\n};\n\nexport const FormErrorMessage = forwardRef<HTMLDivElement, FormErrorMessageProps>(\n    (props, forwardedRef): JSX.Element | null => {\n        const { className, errors, isSubmitted, isValid, messageProps, ...rest } = props;\n\n        const showSummary = isSubmitted && !isValid;\n\n        const [messageRef] = useAnimatedHeight<HTMLDivElement>(showSummary, { display: \"grid\" });\n\n        const previousErrors = useRef<Array<string | undefined>>(errors);\n        useEffect(() => {\n            previousErrors.current = errors;\n        }, [errors]);\n        const hasNewErrors = errors.length > previousErrors.current.length;\n\n        return (\n            <div ref={forwardedRef} className={clsx(\"jkl-form-error-message\", className)} {...rest}>\n                <ErrorMessage\n                    {...defaultMessageProps}\n                    {...messageProps}\n                    ref={messageRef}\n                    role={hasNewErrors ? \"alert\" : \"presentation\"} // Unngå å repetere hele oppsummeringen etter hvert som feilene rettes\n                >\n                    <ul className=\"jkl-list\">\n                        {errors\n                            .filter((error) => typeof error !== \"undefined\")\n                            .map((error) => (\n                                <li className=\"jkl-list__item\" key={error}>\n                                    {error}\n                                </li>\n                            ))}\n                    </ul>\n                </ErrorMessage>\n            </div>\n        );\n    },\n);\n\nFormErrorMessage.displayName = \"FormErrorMessage\";\n"],"names":["defaultMessageProps","title","FormErrorMessage","forwardRef","props","forwardedRef","className","errors","isSubmitted","isValid","messageProps","rest","showSummary","messageRef","useAnimatedHeight","display","previousErrors","useRef","useEffect","current","hasNewErrors","length","jsx","ref","clsx","children","ErrorMessage","role","filter","error","map","displayName"],"mappings":"qWAiBA,MAAMA,EAAsB,CACxBC,MAAO,8BAGEC,EAAmBC,GAC5B,CAACC,EAAOC,KACE,MAAEC,UAAAA,EAAWC,OAAAA,EAAQC,YAAAA,EAAaC,QAAAA,EAASC,aAAAA,KAAiBC,GAASP,EAErEQ,EAAcJ,IAAgBC,GAE7BI,GAAcC,EAAkCF,EAAa,CAAEG,QAAS,SAEzEC,EAAiBC,EAAkCV,GACzDW,GAAU,KACNF,EAAeG,QAAUZ,CAAAA,GAC1B,CAACA,IACJ,MAAMa,EAAeb,EAAOc,OAASL,EAAeG,QAAQE,OAGxD,OAAAC,EAAC,MAAI,CAAAC,IAAKlB,EAAcC,UAAWkB,EAAK,yBAA0BlB,MAAgBK,EAC9Ec,SAAAH,EAACI,EAAA,IACO1B,KACAU,EACJa,IAAKV,EACLc,KAAMP,EAAe,QAAU,eAE/BK,SAAAH,EAAC,MAAGhB,UAAU,WACTmB,WACIG,QAAQC,UAAiBA,EAAU,MACnCC,KAAKD,GACDP,EAAA,KAAA,CAAGhB,UAAU,iBACTmB,SAAAI,GAD+BA,UAMxD,IAKZ3B,EAAiB6B,YAAc"}
+{"version":3,"file":"FormErrorMessage.js","sources":["../../../../src/components/message/FormErrorMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useEffect, useRef } from \"react\";\nimport { useAnimatedHeight } from \"../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport { MessageProps, ErrorMessage } from \"./Message.js\";\n\nexport interface FormErrorMessageProps {\n    className?: string;\n    id?: string;\n    /**\n     * @default { title: \"Feil og mangler i skjemaet\" }\n     */\n    messageProps?: Partial<MessageProps>;\n    errors: (string | undefined)[];\n    isSubmitted: boolean;\n    isValid: boolean;\n}\n\nconst defaultMessageProps = {\n    title: \"Feil og mangler i skjemaet\",\n};\n\nexport const FormErrorMessage = forwardRef<HTMLDivElement, FormErrorMessageProps>(\n    (props, forwardedRef): JSX.Element | null => {\n        const { className, errors, isSubmitted, isValid, messageProps, ...rest } = props;\n\n        const showSummary = isSubmitted && !isValid;\n\n        const [messageRef] = useAnimatedHeight<HTMLDivElement>(showSummary, { display: \"grid\" });\n\n        const previousErrors = useRef<Array<string | undefined>>(errors);\n        useEffect(() => {\n            previousErrors.current = errors;\n        }, [errors]);\n        const hasNewErrors = errors.length > previousErrors.current.length;\n\n        return (\n            <div ref={forwardedRef} className={clsx(\"jkl-form-error-message\", className)} {...rest}>\n                <ErrorMessage\n                    {...defaultMessageProps}\n                    {...messageProps}\n                    ref={messageRef}\n                    role={hasNewErrors ? \"alert\" : \"presentation\"} // Unngå å repetere hele oppsummeringen etter hvert som feilene rettes\n                >\n                    <ul className=\"jkl-list\">\n                        {errors\n                            .filter((error) => typeof error !== \"undefined\")\n                            .map((error) => (\n                                <li className=\"jkl-list__item\" key={error}>\n                                    {error}\n                                </li>\n                            ))}\n                    </ul>\n                </ErrorMessage>\n            </div>\n        );\n    },\n);\n\nFormErrorMessage.displayName = \"FormErrorMessage\";\n"],"names":["defaultMessageProps","title","FormErrorMessage","forwardRef","props","forwardedRef","className","errors","isSubmitted","isValid","messageProps","rest","showSummary","messageRef","useAnimatedHeight","display","previousErrors","useRef","useEffect","current","hasNewErrors","length","jsx","ref","clsx","children","ErrorMessage","role","filter","error","map","displayName"],"mappings":"uRAiBA,MAAMA,EAAsB,CACxBC,MAAO,8BAGEC,EAAmBC,GAC5B,CAACC,EAAOC,KACE,MAAEC,UAAAA,EAAWC,OAAAA,EAAQC,YAAAA,EAAaC,QAAAA,EAASC,aAAAA,KAAiBC,GAASP,EAErEQ,EAAcJ,IAAgBC,GAE7BI,GAAcC,EAAkCF,EAAa,CAAEG,QAAS,SAEzEC,EAAiBC,EAAkCV,GACzDW,GAAU,KACNF,EAAeG,QAAUZ,CAAAA,GAC1B,CAACA,IACJ,MAAMa,EAAeb,EAAOc,OAASL,EAAeG,QAAQE,OAGxD,OAAAC,EAAC,MAAI,CAAAC,IAAKlB,EAAcC,UAAWkB,EAAK,yBAA0BlB,MAAgBK,EAC9Ec,SAAAH,EAACI,EAAA,IACO1B,KACAU,EACJa,IAAKV,EACLc,KAAMP,EAAe,QAAU,eAE/BK,SAAAH,EAAC,MAAGhB,UAAU,WACTmB,WACIG,QAAQC,UAAiBA,EAAU,MACnCC,KAAKD,GACDP,EAAA,KAAA,CAAGhB,UAAU,iBACTmB,SAAAI,GAD+BA,UAMxD,IAKZ3B,EAAiB6B,YAAc"}

package/build/es/components/message/Message.d.ts

@@ -0,0 +1,19 @@
+import { default as React, AriaRole } from 'react';
+import { Density, WithChildren } from '../../core/types.js';
+export interface MessageProps extends WithChildren {
+    id?: string;
+    title?: string;
+    fullWidth?: boolean;
+    density?: Density;
+    className?: string;
+    dismissed?: boolean;
+    dismissAction?: {
+        handleDismiss: () => void;
+        buttonTitle?: string;
+    };
+    role?: AriaRole;
+}
+export declare const InfoMessage: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ErrorMessage: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
+export declare const WarningMessage: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SuccessMessage: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;

package/build/es/components/message/Message.js

@@ -1,2 +1,2 @@
-import{jsx as s,jsxs as o}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import i,{forwardRef as c}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as e}from"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import{ErrorIcon as r}from"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import{InfoIcon as a}from"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import{SuccessIcon as t}from"../icon/icons/SuccessIcon.js";import{WarningIcon as m}from"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{DismissButton as l}from"./DismissButton.js";const j=o=>{switch(o){case"error":return s(r,{className:"jkl-message__icon"});case"info":return s(a,{className:"jkl-message__icon"});case"success":return s(t,{className:"jkl-message__icon"});case"warning":return s(m,{className:"jkl-message__icon"});default:return null}};function p(r){const a=c(((c,a)=>{const{id:t,title:m,fullWidth:p,density:d,className:I="",dismissed:u,dismissAction:g,children:h,role:f,...k}=c,N=e(t||"jkl-message",{generateSuffix:!t}),_=i.Children.map(h,(s=>"string"==typeof s)),w=null!=_&&_[0]?s("p",{children:h}):h;return o("div",{...k,id:t,ref:a,className:n("jkl-message","jkl-message--"+r,I,{"jkl-message--full":p,"jkl-message--dismissed":u}),role:f,"data-density":d,children:[j(r),o("div",{className:"jkl-message__content","data-theme":"light",children:[m&&s("p",{className:"jkl-message__title",children:m}),s("div",{className:"jkl-message__message",children:w})]}),(null==g?void 0:g.handleDismiss)&&s(l,{"aria-controls":N,className:"jkl-message__dismiss-button",label:g.buttonTitle||"Lukk",onClick:g.handleDismiss})]})}));return a.displayName="Message",a}const d=p("info");d.displayName="InfoMessage";const I=p("error");I.displayName="ErrorMessage";const u=p("warning");u.displayName="WarningMessage";const g=p("success");g.displayName="SuccessMessage";export{I as ErrorMessage,d as InfoMessage,g as SuccessMessage,u as WarningMessage};
+import{jsx as s,jsxs as o}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import i,{forwardRef as c}from"react";import{useId as e}from"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import{ErrorIcon as r}from"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import{InfoIcon as a}from"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import{SuccessIcon as t}from"../icon/icons/SuccessIcon.js";import{WarningIcon as m}from"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{DismissButton as l}from"./DismissButton.js";const j=o=>{switch(o){case"error":return s(r,{className:"jkl-message__icon"});case"info":return s(a,{className:"jkl-message__icon"});case"success":return s(t,{className:"jkl-message__icon"});case"warning":return s(m,{className:"jkl-message__icon"});default:return null}};function p(r){const a=c(((c,a)=>{const{id:t,title:m,fullWidth:p,density:d,className:I="",dismissed:u,dismissAction:g,children:f,role:h,...k}=c,N=e(t||"jkl-message",{generateSuffix:!t}),_=i.Children.map(f,(s=>"string"==typeof s)),w=null!=_&&_[0]?s("p",{children:f}):f;return o("div",{...k,id:t,ref:a,className:n("jkl-message","jkl-message--"+r,I,{"jkl-message--full":p,"jkl-message--dismissed":u}),role:h,"data-density":d,children:[j(r),o("div",{className:"jkl-message__content","data-theme":"light",children:[m&&s("p",{className:"jkl-message__title",children:m}),s("div",{className:"jkl-message__message",children:w})]}),(null==g?void 0:g.handleDismiss)&&s(l,{"aria-controls":N,className:"jkl-message__dismiss-button",label:g.buttonTitle||"Lukk",onClick:g.handleDismiss})]})}));return a.displayName="Message",a}const d=p("info");d.displayName="InfoMessage";const I=p("error");I.displayName="ErrorMessage";const u=p("warning");u.displayName="WarningMessage";const g=p("success");g.displayName="SuccessMessage";export{I as ErrorMessage,d as InfoMessage,g as SuccessMessage,u as WarningMessage};
 //# sourceMappingURL=Message.js.map

package/build/es/components/message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../src/components/message/Message.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole, forwardRef } from \"react\";\nimport { Density, WithChildren } from \"../..\";\nimport { useId } from \"../../hooks\";\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from \"../icon\";\nimport { DismissButton } from \"./DismissButton\";\n\nexport interface MessageProps extends WithChildren {\n    id?: string;\n    title?: string;\n    fullWidth?: boolean;\n    density?: Density;\n    className?: string;\n    dismissed?: boolean;\n    dismissAction?: {\n        handleDismiss: () => void;\n        buttonTitle?: string;\n    };\n    role?: AriaRole;\n}\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\nconst getIcon = (messageType: messageTypes) => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-message__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-message__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-message__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-message__icon\" />;\n        default:\n            return null;\n    }\n};\n\nfunction messageFactory(messageType: messageTypes) {\n    const Message = forwardRef<HTMLDivElement, MessageProps>((props, ref) => {\n        const {\n            id,\n            title,\n            fullWidth,\n            density,\n            className = \"\",\n            dismissed,\n            dismissAction,\n            children,\n            role,\n            ...rest\n        } = props;\n\n        const boxId = useId(id || \"jkl-message\", { generateSuffix: !id });\n\n        const hasStringChild = React.Children.map(children, (child) => typeof child === \"string\");\n        const newChildren = hasStringChild?.[0] ? <p>{children}</p> : children;\n\n        return (\n            <div\n                {...rest}\n                id={id}\n                ref={ref}\n                className={clsx(\"jkl-message\", \"jkl-message--\" + messageType, className, {\n                    \"jkl-message--full\": fullWidth,\n                    \"jkl-message--dismissed\": dismissed,\n                })}\n                role={role}\n                data-density={density}\n            >\n                {getIcon(messageType)}\n                <div className=\"jkl-message__content\" data-theme=\"light\">\n                    {title && <p className=\"jkl-message__title\">{title}</p>}\n                    <div className=\"jkl-message__message\">{newChildren}</div>\n                </div>\n                {dismissAction?.handleDismiss && (\n                    <DismissButton\n                        aria-controls={boxId}\n                        className=\"jkl-message__dismiss-button\"\n                        label={dismissAction.buttonTitle || \"Lukk\"}\n                        onClick={dismissAction.handleDismiss}\n                    />\n                )}\n            </div>\n        );\n    });\n\n    Message.displayName = \"Message\";\n\n    return Message;\n}\n\nexport const InfoMessage = messageFactory(\"info\");\nInfoMessage.displayName = \"InfoMessage\";\nexport const ErrorMessage = messageFactory(\"error\");\nErrorMessage.displayName = \"ErrorMessage\";\nexport const WarningMessage = messageFactory(\"warning\");\nWarningMessage.displayName = \"WarningMessage\";\nexport const SuccessMessage = messageFactory(\"success\");\nSuccessMessage.displayName = \"SuccessMessage\";\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","messageFactory","Message","forwardRef","props","ref","id","title","fullWidth","density","dismissed","dismissAction","children","role","rest","boxId","useId","generateSuffix","hasStringChild","React","Children","map","child","newChildren","jsxs","clsx","handleDismiss","DismissButton","label","buttonTitle","onClick","displayName","InfoMessage","ErrorMessage","WarningMessage","SuccessMessage"],"mappings":"6qDAuBA,MAAMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,sBAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,sBAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,sBAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,sBAClC,QACW,OAAA,KACf,EAGJ,SAASI,EAAeP,GACpB,MAAMQ,EAAUC,GAAyC,CAACC,EAAOC,KACvD,MACFC,GAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAZ,UAAAA,EAAY,GACZa,UAAAA,EACAC,cAAAA,EACAC,SAAAA,EACAC,KAAAA,KACGC,GACHV,EAEEW,EAAQC,EAAMV,GAAM,cAAe,CAAEW,gBAAiBX,IAEtDY,EAAiBC,EAAMC,SAASC,IAAIT,GAAWU,GAA2B,iBAAVA,IAChEC,EAAc,MAAAL,GAAAA,EAAiB,GAAMvB,EAAA,IAAA,CAAGiB,SAAAA,IAAgBA,EAG1D,OAAAY,EAAC,MAAA,IACOV,EACJR,GAAAA,EACAD,IAAAA,EACAR,UAAW4B,EAAK,cAAe,gBAAkB/B,EAAaG,EAAW,CACrE,oBAAqBW,EACrB,yBAA0BE,IAE9BG,KAAAA,EACA,eAAcJ,EAEbG,SAAA,CAAAnB,EAAQC,GACR8B,EAAA,MAAA,CAAI3B,UAAU,uBAAuB,aAAW,QAC5Ce,SAAA,CAAAL,GAAUZ,EAAA,IAAA,CAAEE,UAAU,qBAAsBe,SAAML,IAClDZ,EAAA,MAAA,CAAIE,UAAU,uBAAwBe,SAAYW,QAEtD,MAAAZ,OAAA,EAAAA,EAAee,gBACZ/B,EAACgC,EAAA,CACG,gBAAeZ,EACflB,UAAU,8BACV+B,MAAOjB,EAAckB,aAAe,OACpCC,QAASnB,EAAce,kBAC3B,IAMhBxB,OAAAA,EAAQ6B,YAAc,UAEf7B,CACX,CAEa,MAAA8B,EAAc/B,EAAe,QAC1C+B,EAAYD,YAAc,cACb,MAAAE,EAAehC,EAAe,SAC3CgC,EAAaF,YAAc,eACd,MAAAG,EAAiBjC,EAAe,WAC7CiC,EAAeH,YAAc,iBAChB,MAAAI,EAAiBlC,EAAe,WAC7CkC,EAAeJ,YAAc"}
+{"version":3,"file":"Message.js","sources":["../../../../src/components/message/Message.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { AriaRole, forwardRef } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from \"../icon/index.js\";\nimport { DismissButton } from \"./DismissButton.js\";\n\nexport interface MessageProps extends WithChildren {\n    id?: string;\n    title?: string;\n    fullWidth?: boolean;\n    density?: Density;\n    className?: string;\n    dismissed?: boolean;\n    dismissAction?: {\n        handleDismiss: () => void;\n        buttonTitle?: string;\n    };\n    role?: AriaRole;\n}\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\nconst getIcon = (messageType: messageTypes) => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-message__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-message__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-message__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-message__icon\" />;\n        default:\n            return null;\n    }\n};\n\nfunction messageFactory(messageType: messageTypes) {\n    const Message = forwardRef<HTMLDivElement, MessageProps>((props, ref) => {\n        const {\n            id,\n            title,\n            fullWidth,\n            density,\n            className = \"\",\n            dismissed,\n            dismissAction,\n            children,\n            role,\n            ...rest\n        } = props;\n\n        const boxId = useId(id || \"jkl-message\", { generateSuffix: !id });\n\n        const hasStringChild = React.Children.map(children, (child) => typeof child === \"string\");\n        const newChildren = hasStringChild?.[0] ? <p>{children}</p> : children;\n\n        return (\n            <div\n                {...rest}\n                id={id}\n                ref={ref}\n                className={clsx(\"jkl-message\", \"jkl-message--\" + messageType, className, {\n                    \"jkl-message--full\": fullWidth,\n                    \"jkl-message--dismissed\": dismissed,\n                })}\n                role={role}\n                data-density={density}\n            >\n                {getIcon(messageType)}\n                <div className=\"jkl-message__content\" data-theme=\"light\">\n                    {title && <p className=\"jkl-message__title\">{title}</p>}\n                    <div className=\"jkl-message__message\">{newChildren}</div>\n                </div>\n                {dismissAction?.handleDismiss && (\n                    <DismissButton\n                        aria-controls={boxId}\n                        className=\"jkl-message__dismiss-button\"\n                        label={dismissAction.buttonTitle || \"Lukk\"}\n                        onClick={dismissAction.handleDismiss}\n                    />\n                )}\n            </div>\n        );\n    });\n\n    Message.displayName = \"Message\";\n\n    return Message;\n}\n\nexport const InfoMessage = messageFactory(\"info\");\nInfoMessage.displayName = \"InfoMessage\";\nexport const ErrorMessage = messageFactory(\"error\");\nErrorMessage.displayName = \"ErrorMessage\";\nexport const WarningMessage = messageFactory(\"warning\");\nWarningMessage.displayName = \"WarningMessage\";\nexport const SuccessMessage = messageFactory(\"success\");\nSuccessMessage.displayName = \"SuccessMessage\";\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","messageFactory","Message","forwardRef","props","ref","id","title","fullWidth","density","dismissed","dismissAction","children","role","rest","boxId","useId","generateSuffix","hasStringChild","React","Children","map","child","newChildren","jsxs","clsx","handleDismiss","DismissButton","label","buttonTitle","onClick","displayName","InfoMessage","ErrorMessage","WarningMessage","SuccessMessage"],"mappings":"koDAuBA,MAAMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,sBAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,sBAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,sBAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,sBAClC,QACW,OAAA,KACf,EAGJ,SAASI,EAAeP,GACpB,MAAMQ,EAAUC,GAAyC,CAACC,EAAOC,KACvD,MACFC,GAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAZ,UAAAA,EAAY,GACZa,UAAAA,EACAC,cAAAA,EACAC,SAAAA,EACAC,KAAAA,KACGC,GACHV,EAEEW,EAAQC,EAAMV,GAAM,cAAe,CAAEW,gBAAiBX,IAEtDY,EAAiBC,EAAMC,SAASC,IAAIT,GAAWU,GAA2B,iBAAVA,IAChEC,EAAc,MAAAL,GAAAA,EAAiB,GAAMvB,EAAA,IAAA,CAAGiB,SAAAA,IAAgBA,EAG1D,OAAAY,EAAC,MAAA,IACOV,EACJR,GAAAA,EACAD,IAAAA,EACAR,UAAW4B,EAAK,cAAe,gBAAkB/B,EAAaG,EAAW,CACrE,oBAAqBW,EACrB,yBAA0BE,IAE9BG,KAAAA,EACA,eAAcJ,EAEbG,SAAA,CAAAnB,EAAQC,GACR8B,EAAA,MAAA,CAAI3B,UAAU,uBAAuB,aAAW,QAC5Ce,SAAA,CAAAL,GAAUZ,EAAA,IAAA,CAAEE,UAAU,qBAAsBe,SAAML,IAClDZ,EAAA,MAAA,CAAIE,UAAU,uBAAwBe,SAAYW,QAEtD,MAAAZ,OAAA,EAAAA,EAAee,gBACZ/B,EAACgC,EAAA,CACG,gBAAeZ,EACflB,UAAU,8BACV+B,MAAOjB,EAAckB,aAAe,OACpCC,QAASnB,EAAce,kBAC3B,IAMhBxB,OAAAA,EAAQ6B,YAAc,UAEf7B,CACX,CAEa,MAAA8B,EAAc/B,EAAe,QAC1C+B,EAAYD,YAAc,cACb,MAAAE,EAAehC,EAAe,SAC3CgC,EAAaF,YAAc,eACd,MAAAG,EAAiBjC,EAAe,WAC7CiC,EAAeH,YAAc,iBAChB,MAAAI,EAAiBlC,EAAe,WAC7CkC,EAAeJ,YAAc"}

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

@@ -0,0 +1,2 @@
+export { InfoMessage, ErrorMessage, SuccessMessage, WarningMessage, type MessageProps } from './Message.js';
+export { FormErrorMessage, type FormErrorMessageProps } from './FormErrorMessage.js';