@fremtind/jokul 0.66.2 → 0.68.0

package/build/cjs/components/icon/stories/Icons.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),r=require("../../text-input/TextInput.cjs"),o=require("../Icon.cjs");require("../icons/animated/ArrowVerticalAnimated.cjs"),require("../icons/animated/ArrowHorizontalAnimated.cjs"),require("../icons/animated/PlusRemoveAnimated.cjs");const c=require("../icons/ArrowDownIcon.cjs"),s=require("../icons/ArrowLeftIcon.cjs"),i=require("../icons/ArrowNorthEastIcon.cjs"),t=require("../icons/ArrowRightIcon.cjs"),u=require("../icons/ArrowUpIcon.cjs"),I=require("../icons/CalendarIcon.cjs"),a=require("../icons/CheckIcon.cjs"),l=require("../icons/ChevronDownIcon.cjs"),j=require("../icons/ChevronLeftIcon.cjs"),q=require("../icons/ChevronRightIcon.cjs"),d=require("../icons/ChevronUpIcon.cjs"),h=require("../icons/CloseIcon.cjs"),m=require("../icons/CopyIcon.cjs"),p=require("../icons/DotsIcon.cjs"),w=require("../icons/DragIcon.cjs"),C=require("../icons/ErrorIcon.cjs"),v=require("../icons/GreenCheckIcon.cjs"),g=require("../icons/HamburgerIcon.cjs"),x=require("../icons/InfoIcon.cjs"),A=require("../icons/LinkIcon.cjs"),b=require("../icons/MinusIcon.cjs"),f=require("../icons/OpenInNewIcon.cjs"),k=require("../icons/PenIcon.cjs"),y=require("../icons/PlusIcon.cjs"),D=require("../icons/QuestionIcon.cjs"),T=require("../icons/RedCrossIcon.cjs"),S=require("../icons/SearchIcon.cjs"),N=require("../icons/SuccessIcon.cjs"),R=require("../icons/ThumbDownIcon.cjs"),L=require("../icons/ThumbUpIcon.cjs"),P=require("../icons/TrashCanIcon.cjs"),U=require("../icons/WarningIcon.cjs");;/* empty css                            */const E=({name:n,renderIcon:r,...o})=>e.jsx("div",{title:n||r.name,...o,children:r()}),M=({columns:n,children:r,...o})=>e.jsx("div",{className:`jkl-example-grid jkl-example-grid--${n}-columns`,...o,children:r}),H={title:"Komponenter/Ikoner",component:o.Icon,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["inherit","medium","small"]}}},O=[c.ArrowDownIcon,s.ArrowLeftIcon,i.ArrowNorthEastIcon,t.ArrowRightIcon,u.ArrowUpIcon,I.CalendarIcon,a.CheckIcon,l.ChevronDownIcon,j.ChevronLeftIcon,q.ChevronRightIcon,d.ChevronUpIcon,h.CloseIcon,m.CopyIcon,p.DotsIcon,w.DragIcon,C.ErrorIcon,v.GreenCheckIcon,g.HamburgerIcon,x.InfoIcon,A.LinkIcon,b.MinusIcon,f.OpenInNewIcon,k.PenIcon,y.PlusIcon,D.QuestionIcon,T.RedCrossIcon,S.SearchIcon,N.SuccessIcon,R.ThumbDownIcon,L.ThumbUpIcon,P.TrashCanIcon,U.WarningIcon],_={args:{variant:"small",bold:!1},render:({variant:o,bold:c})=>{const[s,i]=n.useState("1rem");return e.jsxs("div",{style:{width:"50vw"},children:["inherit"===o&&e.jsx(r.TextInput,{label:"Fontstørrelse",className:"jkl-spacing-24--bottom",value:s,onChange:e=>i(e.target.value),width:"10ch"}),e.jsx(M,{style:{fontSize:s},columns:"four",children:O.map((n=>e.jsx(E,{style:{justifySelf:"center"},renderIcon:()=>e.jsx(n,{bold:c,variant:o}),name:n.displayName},n.displayName)))})]})}};exports.Ikoner=_,exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),r=require("../../text-input/TextInput.cjs"),o=require("../Icon.cjs");require("../icons/animated/ArrowVerticalAnimated.cjs"),require("../icons/animated/ArrowHorizontalAnimated.cjs"),require("../icons/animated/PlusRemoveAnimated.cjs");const c=require("../icons/ArrowDownIcon.cjs"),s=require("../icons/ArrowLeftIcon.cjs"),i=require("../icons/ArrowNorthEastIcon.cjs"),t=require("../icons/ArrowRightIcon.cjs"),u=require("../icons/ArrowUpIcon.cjs"),I=require("../icons/CalendarIcon.cjs"),a=require("../icons/CheckIcon.cjs"),l=require("../icons/ChevronDownIcon.cjs"),j=require("../icons/ChevronLeftIcon.cjs"),q=require("../icons/ChevronRightIcon.cjs"),d=require("../icons/ChevronUpIcon.cjs"),h=require("../icons/CloseIcon.cjs"),m=require("../icons/CopyIcon.cjs"),p=require("../icons/DotsIcon.cjs"),w=require("../icons/DragIcon.cjs"),C=require("../icons/ErrorIcon.cjs"),g=require("../icons/GreenCheckIcon.cjs"),v=require("../icons/HamburgerIcon.cjs"),x=require("../icons/InfoIcon.cjs"),A=require("../icons/LinkIcon.cjs"),b=require("../icons/MinusIcon.cjs"),f=require("../icons/OpenInNewIcon.cjs"),k=require("../icons/PenIcon.cjs"),y=require("../icons/PlusIcon.cjs"),D=require("../icons/QuestionIcon.cjs"),T=require("../icons/RedCrossIcon.cjs"),S=require("../icons/SearchIcon.cjs"),N=require("../icons/SuccessIcon.cjs"),R=require("../icons/ThumbDownIcon.cjs"),L=require("../icons/ThumbUpIcon.cjs"),P=require("../icons/TrashCanIcon.cjs"),U=require("../icons/WarningIcon.cjs");;/* empty css                            */const E=({name:n,renderIcon:r,...o})=>e.jsx("div",{title:n||r.name,...o,children:r()}),M=({columns:n,children:r,...o})=>e.jsx("div",{className:`jkl-example-grid jkl-example-grid--${n}-columns`,...o,children:r}),H={title:"Komponenter/Ikoner",component:o.Icon,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["inherit","medium","small"]}}},O=[c.ArrowDownIcon,s.ArrowLeftIcon,i.ArrowNorthEastIcon,t.ArrowRightIcon,u.ArrowUpIcon,I.CalendarIcon,a.CheckIcon,l.ChevronDownIcon,j.ChevronLeftIcon,q.ChevronRightIcon,d.ChevronUpIcon,h.CloseIcon,m.CopyIcon,p.DotsIcon,w.DragIcon,C.ErrorIcon,g.GreenCheckIcon,v.HamburgerIcon,x.InfoIcon,A.LinkIcon,b.MinusIcon,f.OpenInNewIcon,k.PenIcon,y.PlusIcon,D.QuestionIcon,T.RedCrossIcon,S.SearchIcon,N.SuccessIcon,R.ThumbDownIcon,L.ThumbUpIcon,P.TrashCanIcon,U.WarningIcon],_={args:{variant:"small",bold:!1},render:({variant:o,bold:c})=>{const[s,i]=n.useState("1rem");return e.jsxs("div",{style:{width:"50vw"},children:["inherit"===o&&e.jsx(r.TextInput,{label:"Fontstørrelse",className:"jkl-spacing-24--bottom",value:s,onChange:e=>i(e.target.value),width:"10ch"}),e.jsx(M,{style:{fontSize:s},columns:"four",children:O.map((n=>e.jsx(E,{style:{justifySelf:"center"},renderIcon:()=>e.jsx(n,{bold:c,variant:o}),name:n.displayName},n.displayName)))})]})}};exports.Ikoner=_,exports.default=H;
 //# sourceMappingURL=Icons.stories.cjs.map

package/build/cjs/components/icon-button/stories/IconButton.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../icon/icons/PenIcon.cjs"),o=require("../IconButton.cjs"),n={title:"Komponenter/IconButton",component:o.IconButton,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"IconButton",args:{children:e.jsx(t.PenIcon,{})},render:t=>e.jsx(o.IconButton,{...t})};exports.IconButtonStory=r,exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../../icon/icons/PenIcon.cjs"),o=require("../IconButton.cjs"),n={title:"Komponenter/IconButton",component:o.IconButton,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"IconButton",args:{children:e.jsx(t.PenIcon,{})},render:t=>e.jsx(o.IconButton,{...t})};exports.IconButtonStory=r,exports.default=n;
 //# sourceMappingURL=IconButton.stories.cjs.map

package/build/cjs/components/icon-button/stories/IconButton.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.stories.cjs","sources":["../../../../../src/components/icon-button/stories/IconButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { PenIcon } from \"../../icon/icons/PenIcon.js\";\nimport { IconButton } from \"../IconButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/IconButton\",\n    component: IconButton,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof IconButton>;\n\nexport const IconButtonStory: Story = {\n    name: \"IconButton\",\n    args: {\n        children: <PenIcon />,\n    },\n    render: (props) => <IconButton {...props} />,\n};\n"],"names":["meta","title","component","IconButton","parameters","layout","tags","IconButtonStory","name","args","children","PenIcon","render","props","jsx"],"mappings":"0NAMMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAA,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFC,eAAWC,EAAQA,QAAA,KAEvBC,OAASC,GAAWC,EAAAA,IAAAX,EAAAA,WAAA,IAAeU"}
+{"version":3,"file":"IconButton.stories.cjs","sources":["../../../../../src/components/icon-button/stories/IconButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { PenIcon } from \"../../icon/icons/PenIcon.js\";\nimport { IconButton } from \"../IconButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/IconButton\",\n    component: IconButton,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof IconButton>;\n\nexport const IconButtonStory: Story = {\n    name: \"IconButton\",\n    args: {\n        children: <PenIcon />,\n    },\n    render: (props) => <IconButton {...props} />,\n};\n"],"names":["meta","title","component","IconButton","parameters","layout","tags","IconButtonStory","name","args","children","PenIcon","render","props","jsx"],"mappings":"iPAMMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAA,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFC,eAAWC,EAAQA,QAAA,KAEvBC,OAASC,GAAWC,EAAAA,IAAAX,EAAAA,WAAA,IAAeU"}

package/build/cjs/components/image/Image.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs"),a=require("../../hooks/useElementDimensions/useElementDimensions.cjs"),i=require("./useImageLoadingStatus.cjs");exports.Image=({className:l,placeholder:t,alt:r,...m})=>{const[n,c]=i.useImageLoadingStatus(),[o,g]=a.useElementDimensions(400);return e.jsxs("div",{ref:o,className:s.clsx("jkl-image",l,{"jkl-image--loading":!c}),children:[e.jsx("img",{className:"jkl-image__placeholder",alt:r,src:t||m.src}),e.jsx("img",{alt:r,className:"jkl-image__image","data-testid":"jkl-image__image",ref:n,sizes:`${g.width}px`,loading:"lazy",decoding:"async",...m})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");require("react");const a=require("../../hooks/useElementDimensions/useElementDimensions.cjs"),i=require("./useImageLoadingStatus.cjs");exports.Image=({className:t,placeholder:l,alt:r,...m})=>{const[c,n]=i.useImageLoadingStatus(),[o,g]=a.useElementDimensions(400);return e.jsxs("div",{ref:o,className:s.clsx("jkl-image",t,{"jkl-image--loading":!n}),children:[e.jsx("img",{className:"jkl-image__placeholder",alt:r,src:l||m.src}),e.jsx("img",{alt:r,className:"jkl-image__image","data-testid":"jkl-image__image",ref:c,sizes:`${g.width}px`,loading:"lazy",decoding:"async",...m})]})};
 //# sourceMappingURL=Image.cjs.map

package/build/cjs/components/image/Image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.cjs","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport type { ImageProps } from \"./types.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\n\nexport const Image: FC<ImageProps> = ({\n    className,\n    placeholder,\n    alt,\n    ...imageProperties\n}) => {\n    const [imageRef, imageLoaded] = useImageLoadingStatus();\n    const [containerRef, dimensions] =\n        useElementDimensions<HTMLDivElement>(400);\n\n    return (\n        <div\n            ref={containerRef}\n            className={clsx(\"jkl-image\", className, {\n                \"jkl-image--loading\": !imageLoaded,\n            })}\n        >\n            {/* Placeholder er bevisst uten loading og decoding for å vises umiddelbart */}\n            <img\n                className=\"jkl-image__placeholder\"\n                alt={alt}\n                src={placeholder || imageProperties.src}\n            />\n            {/* biome-ignore lint/a11y/useAltText: Den har da vitterlig en alt-attributt? */}\n            <img\n                alt={alt}\n                className=\"jkl-image__image\"\n                data-testid=\"jkl-image__image\"\n                ref={imageRef}\n                sizes={`${dimensions.width}px`}\n                loading=\"lazy\"\n                decoding=\"async\"\n                {...imageProperties}\n            />\n        </div>\n    );\n};\n"],"names":["className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"2RAMqC,EACjCA,UAAAA,EACAC,YAAAA,EACAC,IAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAeC,EAAsBA,yBAC/CC,EAAcC,GACjBC,uBAAqC,KAGrC,OAAAC,EAAAA,KAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAAA,KAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACGd,UAAU,yBACVE,IAAAA,EACAa,IAAKd,GAAeE,EAAgBY,MAGxCD,EAAAA,IAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}
+{"version":3,"file":"Image.cjs","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport type { ImageProps } from \"./types.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\n\nexport const Image: FC<ImageProps> = ({\n    className,\n    placeholder,\n    alt,\n    ...imageProperties\n}) => {\n    const [imageRef, imageLoaded] = useImageLoadingStatus();\n    const [containerRef, dimensions] =\n        useElementDimensions<HTMLDivElement>(400);\n\n    return (\n        <div\n            ref={containerRef}\n            className={clsx(\"jkl-image\", className, {\n                \"jkl-image--loading\": !imageLoaded,\n            })}\n        >\n            {/* Placeholder er bevisst uten loading og decoding for å vises umiddelbart */}\n            <img\n                className=\"jkl-image__placeholder\"\n                alt={alt}\n                src={placeholder || imageProperties.src}\n            />\n            {/* biome-ignore lint/a11y/useAltText: Den har da vitterlig en alt-attributt? */}\n            <img\n                alt={alt}\n                className=\"jkl-image__image\"\n                data-testid=\"jkl-image__image\"\n                ref={imageRef}\n                sizes={`${dimensions.width}px`}\n                loading=\"lazy\"\n                decoding=\"async\"\n                {...imageProperties}\n            />\n        </div>\n    );\n};\n"],"names":["className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"kTAMqC,EACjCA,UAAAA,EACAC,YAAAA,EACAC,IAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAeC,EAAsBA,yBAC/CC,EAAcC,GACjBC,uBAAqC,KAGrC,OAAAC,EAAAA,KAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAAA,KAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACGd,UAAU,yBACVE,IAAAA,EACAa,IAAKd,GAAeE,EAAgBY,MAGxCD,EAAAA,IAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}

package/build/cjs/components/image/stories/Image.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Image.cjs"),s="/images/dog-400.jpg",a={title:"Komponenter/Image",component:t.Image,parameters:{layout:"centered"},tags:["autodocs"],args:{src:s,srcSet:`${s} 400w, /images/dog-800.jpg 800w, /images/dog-1200.jpg 1200w, /images/dog-1920.jpg 1920w`,placeholder:"/images/thumbnail.jpg"},argTypes:{className:{control:"radio",options:["fluid","static"]}}},r={args:{className:"fluid"},render:s=>e.jsx("div",{style:{width:"50vw",height:"auto"},children:e.jsx(t.Image,{...s})})},i={args:{className:"static"},render:s=>e.jsx("div",{style:{width:"50vw",height:"auto"},children:e.jsx(t.Image,{...s})})};exports.Fluid=r,exports.Static=i,exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../Image.cjs"),s="/images/dog-400.jpg",a={title:"Komponenter/Image",component:t.Image,parameters:{layout:"centered"},tags:["autodocs"],args:{src:s,srcSet:`${s} 400w, /images/dog-800.jpg 800w, /images/dog-1200.jpg 1200w, /images/dog-1920.jpg 1920w`,placeholder:"/images/thumbnail.jpg"},argTypes:{className:{control:"radio",options:["fluid","static"]}}},r={args:{className:"fluid"},render:s=>e.jsx("div",{style:{width:"50vw",height:"auto"},children:e.jsx(t.Image,{...s})})},i={args:{className:"static"},render:s=>e.jsx("div",{style:{width:"50vw",height:"auto"},children:e.jsx(t.Image,{...s})})};exports.Fluid=r,exports.Static=i,exports.default=a;
 //# sourceMappingURL=Image.stories.cjs.map

package/build/cjs/components/image/stories/Image.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.stories.cjs","sources":["../../../../../src/components/image/stories/Image.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Image } from \"../Image.js\";\nimport type { ImageProps } from \"../types.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst dog400 = \"/images/dog-400.jpg\";\nconst dog800 = \"/images/dog-800.jpg\";\nconst dog1200 = \"/images/dog-1200.jpg\";\nconst dog1920 = \"/images/dog-1920.jpg\";\nconst thumbnail = \"/images/thumbnail.jpg\";\n\nexport default {\n    title: \"Komponenter/Image\",\n    component: Image,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        src: dog400,\n        srcSet: `${dog400} 400w, ${dog800} 800w, ${dog1200} 1200w, ${dog1920} 1920w`,\n        placeholder: thumbnail,\n    },\n    argTypes: {\n        className: {\n            control: \"radio\",\n            options: [\"fluid\", \"static\"],\n        },\n    },\n} satisfies Meta<typeof Image>;\n\nexport const Fluid: StoryObj<ImageProps> = {\n    args: {\n        className: \"fluid\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n\nexport const Static: StoryObj<ImageProps> = {\n    args: {\n        className: \"static\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n"],"names":["dog400","Image_stories","title","component","Image","parameters","layout","tags","args","src","srcSet","placeholder","argTypes","className","control","options","Fluid","render","props","jsx","style","width","height","children","Static"],"mappings":"2KAOMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,IAAKT,EACLU,OAAQ,GAAGV,2FACXW,YAZU,yBAcdC,SAAU,CACNC,UAAW,CACPC,QAAS,QACTC,QAAS,CAAC,QAAS,aAKlBC,EAA8B,CACvCR,KAAM,CACFK,UAAW,SAEfI,OAASC,GAEAC,EAAAA,IAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAAAA,IAACf,EAAOA,MAAA,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAAA,IAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAAAA,IAACf,EAAOA,MAAA,IAAGc"}
+{"version":3,"file":"Image.stories.cjs","sources":["../../../../../src/components/image/stories/Image.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Image } from \"../Image.js\";\nimport type { ImageProps } from \"../types.js\";\nimport \"../styles/_index.scss\";\nimport \"./styles.scss\";\n\nconst dog400 = \"/images/dog-400.jpg\";\nconst dog800 = \"/images/dog-800.jpg\";\nconst dog1200 = \"/images/dog-1200.jpg\";\nconst dog1920 = \"/images/dog-1920.jpg\";\nconst thumbnail = \"/images/thumbnail.jpg\";\n\nexport default {\n    title: \"Komponenter/Image\",\n    component: Image,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    args: {\n        src: dog400,\n        srcSet: `${dog400} 400w, ${dog800} 800w, ${dog1200} 1200w, ${dog1920} 1920w`,\n        placeholder: thumbnail,\n    },\n    argTypes: {\n        className: {\n            control: \"radio\",\n            options: [\"fluid\", \"static\"],\n        },\n    },\n} satisfies Meta<typeof Image>;\n\nexport const Fluid: StoryObj<ImageProps> = {\n    args: {\n        className: \"fluid\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n\nexport const Static: StoryObj<ImageProps> = {\n    args: {\n        className: \"static\",\n    },\n    render: (props) => {\n        return (\n            <div style={{ width: \"50vw\", height: \"auto\" }}>\n                <Image {...props} />\n            </div>\n        );\n    },\n};\n"],"names":["dog400","Image_stories","title","component","Image","parameters","layout","tags","args","src","srcSet","placeholder","argTypes","className","control","options","Fluid","render","props","jsx","style","width","height","children","Static"],"mappings":"kMAOMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,KAAM,CACFC,IAAKT,EACLU,OAAQ,GAAGV,2FACXW,YAZU,yBAcdC,SAAU,CACNC,UAAW,CACPC,QAAS,QACTC,QAAS,CAAC,QAAS,aAKlBC,EAA8B,CACvCR,KAAM,CACFK,UAAW,SAEfI,OAASC,GAEAC,EAAAA,IAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAAAA,IAACf,EAAOA,MAAA,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAAA,IAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAAAA,IAACf,EAAOA,MAAA,IAAGc"}

package/build/cjs/components/input-group/FieldGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),l=require("../../hooks/useId/useId.cjs"),s=require("./Label.cjs"),t=require("./SupportLabel.cjs");exports.FieldGroup=i=>{const{id:a,legend:d,labelProps:o,supportLabelProps:u,tooltip:n,className:p,children:c,helpLabel:b,errorLabel:j,density:x,"data-testautoid":g,...h}=i,y=l.useId(a||"jkl-field-group",{generateSuffix:!a}),f=`${y}_support-label`,m=j||b,L=j?"error":b?"help":void 0,S=m?f:void 0;return e.jsxs("fieldset",{id:y,className:r.clsx("jkl-field-group",p),"data-testautoid":g,...h,"aria-describedby":S,"data-density":x,children:[e.jsx("legend",{className:"jkl-field-group__legend",children:e.jsx(s.Label,{...o,density:x,children:n?e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{whiteSpace:"normal"},children:d})," ",n]}):d})}),c,(b||j)&&e.jsx(t.SupportLabel,{...u,label:m,labelType:L,id:f,density:x})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");require("react");const s=require("../../hooks/useId/useId.cjs"),l=require("./Label.cjs"),t=require("./SupportLabel.cjs");exports.FieldGroup=i=>{const{id:a,legend:d,labelProps:o,supportLabelProps:u,tooltip:c,className:n,children:p,helpLabel:b,errorLabel:j,density:x,"data-testautoid":g,...h}=i,y=s.useId(a||"jkl-field-group",{generateSuffix:!a}),f=`${y}_support-label`,m=j||b,L=j?"error":b?"help":void 0,q=m?f:void 0;return e.jsxs("fieldset",{id:y,className:r.clsx("jkl-field-group",n),"data-testautoid":g,...h,"aria-describedby":q,"data-density":x,children:[e.jsx("legend",{className:"jkl-field-group__legend",children:e.jsx(l.Label,{...o,density:x,children:c?e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{whiteSpace:"normal"},children:d})," ",c]}):d})}),p,(b||j)&&e.jsx(t.SupportLabel,{...u,label:m,labelType:L,id:f,density:x})]})};
 //# sourceMappingURL=FieldGroup.cjs.map

package/build/cjs/components/input-group/FieldGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.cjs","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { FieldGroupProps } from \"./types.js\";\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltip,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\n        \"data-testautoid\": testAutoId,\n        ...rest\n    } = props;\n\n    const uid = useId(id || \"jkl-field-group\", { generateSuffix: !id });\n    const supportId = `${uid}_support-label`;\n\n    const supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel\n        ? \"error\"\n        : helpLabel\n          ? \"help\"\n          : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    return (\n        <fieldset\n            id={uid}\n            className={clsx(\"jkl-field-group\", className)}\n            data-testautoid={testAutoId}\n            {...rest}\n            aria-describedby={describedBy}\n            data-density={density}\n        >\n            <legend className=\"jkl-field-group__legend\">\n                <Label {...labelProps} density={density}>\n                    {tooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {legend}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        legend\n                    )}\n                </Label>\n            </legend>\n            {children}\n            {(helpLabel || errorLabel) && (\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            )}\n        </fieldset>\n    );\n};\n"],"names":["props","id","legend","labelProps","supportLabelProps","tooltip","className","children","helpLabel","errorLabel","density","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","SupportLabel","label","labelType"],"mappings":"kRAOgDA,IACtC,MACFC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACA,kBAAmBC,KAChBC,GACHZ,EAEEa,EAAMC,QAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAClB,QACAD,EACE,YACA,EAEFW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAAA,KAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAAA,KAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAACe,EAAAA,IAAA,SAAA,CAAOhB,UAAU,0BACdC,SAAAe,EAAAA,IAACC,YAAUpB,EAAYO,QAAAA,EAClBH,SAAAF,EAEOe,EAAAA,KAAAI,EAAAA,SAAA,CAAAjB,SAAA,CAAAe,MAAC,QAAKG,MAAO,CAAEC,WAAY,UACtBnB,SACLL,IACC,IACAG,KAGLH,MAIXK,GACCC,GAAaC,IACXa,EAAAA,IAACK,EAAAA,aAAA,IACOvB,EACJwB,MAAOX,EACPY,UAAWX,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}
+{"version":3,"file":"FieldGroup.cjs","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { FieldGroupProps } from \"./types.js\";\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltip,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\n        \"data-testautoid\": testAutoId,\n        ...rest\n    } = props;\n\n    const uid = useId(id || \"jkl-field-group\", { generateSuffix: !id });\n    const supportId = `${uid}_support-label`;\n\n    const supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel\n        ? \"error\"\n        : helpLabel\n          ? \"help\"\n          : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    return (\n        <fieldset\n            id={uid}\n            className={clsx(\"jkl-field-group\", className)}\n            data-testautoid={testAutoId}\n            {...rest}\n            aria-describedby={describedBy}\n            data-density={density}\n        >\n            <legend className=\"jkl-field-group__legend\">\n                <Label {...labelProps} density={density}>\n                    {tooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {legend}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        legend\n                    )}\n                </Label>\n            </legend>\n            {children}\n            {(helpLabel || errorLabel) && (\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            )}\n        </fieldset>\n    );\n};\n"],"names":["props","id","legend","labelProps","supportLabelProps","tooltip","className","children","helpLabel","errorLabel","density","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","SupportLabel","label","labelType"],"mappings":"ySAOgDA,IACtC,MACFC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACA,kBAAmBC,KAChBC,GACHZ,EAEEa,EAAMC,QAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAClB,QACAD,EACE,YACA,EAEFW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAAA,KAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAAA,KAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAACe,EAAAA,IAAA,SAAA,CAAOhB,UAAU,0BACdC,SAAAe,EAAAA,IAACC,YAAUpB,EAAYO,QAAAA,EAClBH,SAAAF,EAEOe,EAAAA,KAAAI,EAAAA,SAAA,CAAAjB,SAAA,CAAAe,MAAC,QAAKG,MAAO,CAAEC,WAAY,UACtBnB,SACLL,IACC,IACAG,KAGLH,MAIXK,GACCC,GAAaC,IACXa,EAAAA,IAACK,EAAAA,aAAA,IACOvB,EACJwB,MAAOX,EACPY,UAAWX,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}

package/build/cjs/components/input-group/Label.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs");exports.Label=({variant:s="small",density:l,srOnly:n,children:a,standAlone:o,htmlFor:r,className:c="",...i})=>{const d=t.clsx("jkl-label",c,{[`jkl-label--${s}`]:s,"jkl-label--sr-only":n}),p=o?"label":"span";return!o&&r&&(r=void 0,"production"!==process.env.NODE_ENV&&console.warn("WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.")),e.jsx(p,{...i,className:d,htmlFor:r,"data-density":l,children:a})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs");require("react");exports.Label=({variant:s="small",density:l,srOnly:a,children:n,standAlone:o,htmlFor:r,className:c="",...i})=>{const d=t.clsx("jkl-label",c,{[`jkl-label--${s}`]:s,"jkl-label--sr-only":a}),p=o?"label":"span";return!o&&r&&(r=void 0,"production"!==process.env.NODE_ENV&&console.warn("WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.")),e.jsx(p,{...i,className:d,htmlFor:r,"data-density":l,children:n})};
 //# sourceMappingURL=Label.cjs.map

package/build/cjs/components/input-group/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { LabelProps } from \"./types.js\";\n\nexport const Label: FC<LabelProps> = ({\n    variant = \"small\",\n    density,\n    srOnly,\n    children,\n    standAlone,\n    htmlFor,\n    className = \"\",\n    ...rest\n}) => {\n    const labelClassNames = clsx(\"jkl-label\", className, {\n        [`jkl-label--${variant}`]: variant,\n        \"jkl-label--sr-only\": srOnly,\n    });\n\n    const C = standAlone ? \"label\" : \"span\";\n\n    if (!standAlone && htmlFor) {\n        htmlFor = undefined;\n        if (process.env.NODE_ENV !== \"production\") {\n            console.warn(\n                \"WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.\",\n            );\n        }\n    }\n\n    return (\n        <C\n            {...rest}\n            className={labelClassNames}\n            htmlFor={htmlFor}\n            data-density={density}\n        >\n            {children}\n        </C>\n    );\n};\n"],"names":["variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"2KAIqC,EACjCA,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEG,MAAAC,EAAkBC,EAAAA,KAAK,YAAaH,EAAW,CACjD,CAAC,cAAcN,KAAYA,EAC3B,qBAAsBE,IAGpBQ,EAAIN,EAAa,QAAU,OAE7B,OAACA,GAAcC,IACLA,OAAA,EACmB,eAAzBM,QAAQC,IAAIC,UACJC,QAAAC,KACJ,+UAMRC,EAAAA,IAACN,EAAA,IACOH,EACJD,UAAWE,EACXH,QAAAA,EACA,eAAcJ,EAEbE,SAAAA,GAAA"}
+{"version":3,"file":"Label.cjs","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { LabelProps } from \"./types.js\";\n\nexport const Label: FC<LabelProps> = ({\n    variant = \"small\",\n    density,\n    srOnly,\n    children,\n    standAlone,\n    htmlFor,\n    className = \"\",\n    ...rest\n}) => {\n    const labelClassNames = clsx(\"jkl-label\", className, {\n        [`jkl-label--${variant}`]: variant,\n        \"jkl-label--sr-only\": srOnly,\n    });\n\n    const C = standAlone ? \"label\" : \"span\";\n\n    if (!standAlone && htmlFor) {\n        htmlFor = undefined;\n        if (process.env.NODE_ENV !== \"production\") {\n            console.warn(\n                \"WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.\",\n            );\n        }\n    }\n\n    return (\n        <C\n            {...rest}\n            className={labelClassNames}\n            htmlFor={htmlFor}\n            data-density={density}\n        >\n            {children}\n        </C>\n    );\n};\n"],"names":["variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"4LAIqC,EACjCA,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEG,MAAAC,EAAkBC,EAAAA,KAAK,YAAaH,EAAW,CACjD,CAAC,cAAcN,KAAYA,EAC3B,qBAAsBE,IAGpBQ,EAAIN,EAAa,QAAU,OAE7B,OAACA,GAAcC,IACLA,OAAA,EACmB,eAAzBM,QAAQC,IAAIC,UACJC,QAAAC,KACJ,+UAMRC,EAAAA,IAACN,EAAA,IACOH,EACJD,UAAWE,EACXH,QAAAA,EACA,eAAcJ,EAEbE,SAAAA,GAAA"}

package/build/cjs/components/input-group/SupportLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),s=require("../icon/icons/ErrorIcon.cjs"),l=require("../icon/icons/SuccessIcon.cjs"),o=require("../icon/icons/WarningIcon.cjs");exports.SupportLabel=({id:c,helpLabel:n,errorLabel:a,label:p,labelType:i="help",density:t,className:u,srOnly:j,...b})=>{const m=a||n||p,d="help"===i||n&&!a,f="warning"===i||a,k="error"===i,x="success"===i,y=m?e.clsx("jkl-form-support-label",u,{"jkl-form-support-label--sr-only":j,"jkl-form-support-label--help":d,"jkl-form-support-label--error":k,"jkl-form-support-label--warning":f,"jkl-form-support-label--success":x}):"jkl-dormant-form-support-label",g=m?b:{},h=k?s.ErrorIcon:x?l.SuccessIcon:o.WarningIcon;return r.jsxs("span",{id:c,className:y,...g,"data-density":t,children:[r.jsx(h,{variant:"small",className:"jkl-form-support-label__icon"}),r.jsx("span",{children:a||n||p})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs");require("react");const s=require("../icon/icons/ErrorIcon.cjs"),l=require("../icon/icons/SuccessIcon.cjs"),o=require("../icon/icons/WarningIcon.cjs");exports.SupportLabel=({id:c,helpLabel:n,errorLabel:a,label:t,labelType:i="help",density:p,className:u,srOnly:j,...b})=>{const m=a||n||t,d="help"===i||n&&!a,f="warning"===i||a,k="error"===i,x="success"===i,y=m?e.clsx("jkl-form-support-label",u,{"jkl-form-support-label--sr-only":j,"jkl-form-support-label--help":d,"jkl-form-support-label--error":k,"jkl-form-support-label--warning":f,"jkl-form-support-label--success":x}):"jkl-dormant-form-support-label",g=m?b:{},h=k?s.ErrorIcon:x?l.SuccessIcon:o.WarningIcon;return r.jsxs("span",{id:c,className:y,...g,"data-density":p,children:[r.jsx(h,{variant:"small",className:"jkl-form-support-label__icon"}),r.jsx("span",{children:a||n||t})]})};
 //# sourceMappingURL=SupportLabel.cjs.map

package/build/cjs/components/input-group/SupportLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SupportLabel.cjs","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { SupportLabelProps } from \"./types.js\";\n\nexport const SupportLabel: FC<SupportLabelProps> = ({\n    id,\n    helpLabel,\n    errorLabel,\n    label,\n    labelType = \"help\",\n    density,\n    className,\n    srOnly,\n    ...rest\n}) => {\n    const hasLabel = errorLabel || helpLabel || label;\n\n    const isHelp = labelType === \"help\" || (helpLabel && !errorLabel);\n    const isWarning = labelType === \"warning\" || errorLabel;\n    const isError = labelType === \"error\";\n    const isSuccess = labelType === \"success\";\n\n    const componentClassName = hasLabel\n        ? clsx(\"jkl-form-support-label\", className, {\n              \"jkl-form-support-label--sr-only\": srOnly,\n              \"jkl-form-support-label--help\": isHelp,\n              \"jkl-form-support-label--error\": isError,\n              \"jkl-form-support-label--warning\": isWarning,\n              \"jkl-form-support-label--success\": isSuccess,\n          })\n        : \"jkl-dormant-form-support-label\";\n\n    const restProps = hasLabel ? rest : {};\n\n    const Icon = isError ? ErrorIcon : isSuccess ? SuccessIcon : WarningIcon;\n\n    return (\n        <span\n            id={id}\n            className={componentClassName}\n            {...restProps}\n            data-density={density}\n        >\n            <Icon variant=\"small\" className=\"jkl-form-support-label__icon\" />\n            <span>{errorLabel || helpLabel || label}</span>\n        </span>\n    );\n};\n"],"names":["id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isHelp","isWarning","isError","isSuccess","componentClassName","clsx","restProps","Icon","ErrorIcon","SuccessIcon","WarningIcon","jsxs","children","jsx","variant"],"mappings":"iTAOmD,EAC/CA,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEG,MAAAC,EAAWP,GAAcD,GAAaE,EAEtCO,EAAuB,SAAdN,GAAyBH,IAAcC,EAChDS,EAA0B,YAAdP,GAA2BF,EACvCU,EAAwB,UAAdR,EACVS,EAA0B,YAAdT,EAEZU,EAAqBL,EACrBM,OAAK,yBAA0BT,EAAW,CACtC,kCAAmCC,EACnC,+BAAgCG,EAChC,gCAAiCE,EACjC,kCAAmCD,EACnC,kCAAmCE,IAEvC,iCAEAG,EAAYP,EAAWD,EAAO,GAE9BS,EAAOL,EAAUM,EAAAA,UAAYL,EAAYM,EAAAA,YAAcC,EAAAA,YAGzD,OAAAC,EAAAA,KAAC,OAAA,CACGrB,GAAAA,EACAM,UAAWQ,KACPE,EACJ,eAAcX,EAEdiB,SAAA,CAAAC,EAAAA,IAACN,EAAK,CAAAO,QAAQ,QAAQlB,UAAU,iCAC/BiB,EAAAA,IAAA,OAAA,CAAMD,SAAcpB,GAAAD,GAAaE,MAAM"}
+{"version":3,"file":"SupportLabel.cjs","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { SupportLabelProps } from \"./types.js\";\n\nexport const SupportLabel: FC<SupportLabelProps> = ({\n    id,\n    helpLabel,\n    errorLabel,\n    label,\n    labelType = \"help\",\n    density,\n    className,\n    srOnly,\n    ...rest\n}) => {\n    const hasLabel = errorLabel || helpLabel || label;\n\n    const isHelp = labelType === \"help\" || (helpLabel && !errorLabel);\n    const isWarning = labelType === \"warning\" || errorLabel;\n    const isError = labelType === \"error\";\n    const isSuccess = labelType === \"success\";\n\n    const componentClassName = hasLabel\n        ? clsx(\"jkl-form-support-label\", className, {\n              \"jkl-form-support-label--sr-only\": srOnly,\n              \"jkl-form-support-label--help\": isHelp,\n              \"jkl-form-support-label--error\": isError,\n              \"jkl-form-support-label--warning\": isWarning,\n              \"jkl-form-support-label--success\": isSuccess,\n          })\n        : \"jkl-dormant-form-support-label\";\n\n    const restProps = hasLabel ? rest : {};\n\n    const Icon = isError ? ErrorIcon : isSuccess ? SuccessIcon : WarningIcon;\n\n    return (\n        <span\n            id={id}\n            className={componentClassName}\n            {...restProps}\n            data-density={density}\n        >\n            <Icon variant=\"small\" className=\"jkl-form-support-label__icon\" />\n            <span>{errorLabel || helpLabel || label}</span>\n        </span>\n    );\n};\n"],"names":["id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isHelp","isWarning","isError","isSuccess","componentClassName","clsx","restProps","Icon","ErrorIcon","SuccessIcon","WarningIcon","jsxs","children","jsx","variant"],"mappings":"wUAOmD,EAC/CA,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEG,MAAAC,EAAWP,GAAcD,GAAaE,EAEtCO,EAAuB,SAAdN,GAAyBH,IAAcC,EAChDS,EAA0B,YAAdP,GAA2BF,EACvCU,EAAwB,UAAdR,EACVS,EAA0B,YAAdT,EAEZU,EAAqBL,EACrBM,OAAK,yBAA0BT,EAAW,CACtC,kCAAmCC,EACnC,+BAAgCG,EAChC,gCAAiCE,EACjC,kCAAmCD,EACnC,kCAAmCE,IAEvC,iCAEAG,EAAYP,EAAWD,EAAO,GAE9BS,EAAOL,EAAUM,EAAAA,UAAYL,EAAYM,EAAAA,YAAcC,EAAAA,YAGzD,OAAAC,EAAAA,KAAC,OAAA,CACGrB,GAAAA,EACAM,UAAWQ,KACPE,EACJ,eAAcX,EAEdiB,SAAA,CAAAC,EAAAA,IAACN,EAAK,CAAAO,QAAQ,QAAQlB,UAAU,iCAC/BiB,EAAAA,IAAA,OAAA,CAAMD,SAAcpB,GAAAD,GAAaE,MAAM"}

package/build/cjs/components/input-group/stories/FieldGroup.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../checkbox/Checkbox.cjs"),r=require("../../tooltip/PopupTip.cjs"),t=require("../FieldGroup.cjs");,/* empty css                            */;/* empty css                            */const l={title:"Komponenter/InputGroup/FieldGroup",component:t.FieldGroup,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{tooltip:{type:"boolean"}}},i=e.jsx(r.PopupTip,{content:"Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed."}),n={name:"Kontaktpreferanser",args:{legend:"Hvordan kan vi kontakte deg?",labelProps:{variant:"large"},supportLabelProps:{labelType:"help"},tooltip:!1},render:({tooltip:r,...l})=>e.jsxs(t.FieldGroup,{...l,tooltip:r?i:void 0,children:[e.jsx(o.Checkbox,{name:"checklist",value:"phone",invalid:!1,children:"Telefon"}),e.jsx(o.Checkbox,{name:"checklist",value:"email",invalid:!1,children:"E-post"}),e.jsx(o.Checkbox,{name:"checklist",value:"snailmail",invalid:!1,children:"Brev"})]})};exports.FieldGroupStory=n,exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../../checkbox/Checkbox.cjs"),o=require("../../tooltip/PopupTip.cjs"),t=require("../FieldGroup.cjs");,/* empty css                            */;/* empty css                            */const i={title:"Komponenter/InputGroup/FieldGroup",component:t.FieldGroup,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{tooltip:{type:"boolean"}}},l=e.jsx(o.PopupTip,{content:"Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed."}),n={name:"Kontaktpreferanser",args:{legend:"Hvordan kan vi kontakte deg?",labelProps:{variant:"large"},supportLabelProps:{labelType:"help"},tooltip:!1},render:({tooltip:o,...i})=>e.jsxs(t.FieldGroup,{...i,tooltip:o?l:void 0,children:[e.jsx(r.Checkbox,{name:"checklist",value:"phone",invalid:!1,children:"Telefon"}),e.jsx(r.Checkbox,{name:"checklist",value:"email",invalid:!1,children:"E-post"}),e.jsx(r.Checkbox,{name:"checklist",value:"snailmail",invalid:!1,children:"Brev"})]})};exports.FieldGroupStory=n,exports.default=i;
 //# sourceMappingURL=FieldGroup.stories.cjs.map

package/build/cjs/components/input-group/stories/FieldGroup.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.stories.cjs","sources":["../../../../../src/components/input-group/stories/FieldGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { PopupTip } from \"../../tooltip/PopupTip.js\";\nimport { FieldGroup } from \"../FieldGroup.js\";\nimport \"../styles/_index.scss\";\nimport \"../../checkbox/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/FieldGroup\",\n    component: FieldGroup,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        tooltip: {\n            type: \"boolean\",\n        },\n    },\n} satisfies Meta<typeof FieldGroup>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof FieldGroup>;\n\nconst tooltipComponent = (\n    <PopupTip content=\"Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed.\" />\n);\n\nexport const FieldGroupStory: Story = {\n    name: \"Kontaktpreferanser\",\n    args: {\n        legend: \"Hvordan kan vi kontakte deg?\",\n        labelProps: {\n            variant: \"large\",\n        },\n        supportLabelProps: {\n            labelType: \"help\",\n        },\n        tooltip: false,\n    },\n    render: ({ tooltip, ...props }) => (\n        <FieldGroup {...props} tooltip={tooltip ? tooltipComponent : undefined}>\n            <Checkbox name=\"checklist\" value=\"phone\" invalid={false}>\n                Telefon\n            </Checkbox>\n            <Checkbox name=\"checklist\" value=\"email\" invalid={false}>\n                E-post\n            </Checkbox>\n            <Checkbox name=\"checklist\" value=\"snailmail\" invalid={false}>\n                Brev\n            </Checkbox>\n        </FieldGroup>\n    ),\n};\n"],"names":["meta","title","component","FieldGroup","parameters","layout","tags","argTypes","tooltip","type","tooltipComponent","jsx","PopupTip","content","FieldGroupStory","name","args","legend","labelProps","variant","supportLabelProps","labelType","render","props","jsxs","children","Checkbox","value","invalid"],"mappings":"uVAQA,MAAMA,EAAa,CACfC,MAAO,oCACPC,UAAWC,EAAAA,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,KAAM,aASZC,EACFC,EAAAA,IAACC,EAASA,SAAA,CAAAC,QAAQ,gFAGTC,EAAyB,CAClCC,KAAM,qBACNC,KAAM,CACFC,OAAQ,+BACRC,WAAY,CACRC,QAAS,SAEbC,kBAAmB,CACfC,UAAW,QAEfb,SAAS,GAEbc,OAAQ,EAAGd,QAAAA,KAAYe,KAClBC,EAAAA,KAAArB,EAAAA,WAAA,IAAeoB,EAAOf,QAASA,EAAUE,OAAmB,EACzDe,SAAA,CAAAd,EAAAA,IAACe,YAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,YACAd,EAAAA,IAACe,YAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,WACAd,EAAAA,IAACe,YAASX,KAAK,YAAYY,MAAM,YAAYC,SAAS,EAAOH,SAE7D"}
+{"version":3,"file":"FieldGroup.stories.cjs","sources":["../../../../../src/components/input-group/stories/FieldGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { PopupTip } from \"../../tooltip/PopupTip.js\";\nimport { FieldGroup } from \"../FieldGroup.js\";\nimport \"../styles/_index.scss\";\nimport \"../../checkbox/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/FieldGroup\",\n    component: FieldGroup,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        tooltip: {\n            type: \"boolean\",\n        },\n    },\n} satisfies Meta<typeof FieldGroup>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof FieldGroup>;\n\nconst tooltipComponent = (\n    <PopupTip content=\"Du kan velge flere metoder. Ved brev vil det ta lenger tid å få en beskjed.\" />\n);\n\nexport const FieldGroupStory: Story = {\n    name: \"Kontaktpreferanser\",\n    args: {\n        legend: \"Hvordan kan vi kontakte deg?\",\n        labelProps: {\n            variant: \"large\",\n        },\n        supportLabelProps: {\n            labelType: \"help\",\n        },\n        tooltip: false,\n    },\n    render: ({ tooltip, ...props }) => (\n        <FieldGroup {...props} tooltip={tooltip ? tooltipComponent : undefined}>\n            <Checkbox name=\"checklist\" value=\"phone\" invalid={false}>\n                Telefon\n            </Checkbox>\n            <Checkbox name=\"checklist\" value=\"email\" invalid={false}>\n                E-post\n            </Checkbox>\n            <Checkbox name=\"checklist\" value=\"snailmail\" invalid={false}>\n                Brev\n            </Checkbox>\n        </FieldGroup>\n    ),\n};\n"],"names":["meta","title","component","FieldGroup","parameters","layout","tags","argTypes","tooltip","type","tooltipComponent","jsx","PopupTip","content","FieldGroupStory","name","args","legend","labelProps","variant","supportLabelProps","labelType","render","props","jsxs","children","Checkbox","value","invalid"],"mappings":"8WAQA,MAAMA,EAAa,CACfC,MAAO,oCACPC,UAAWC,EAAAA,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,KAAM,aASZC,EACFC,EAAAA,IAACC,EAASA,SAAA,CAAAC,QAAQ,gFAGTC,EAAyB,CAClCC,KAAM,qBACNC,KAAM,CACFC,OAAQ,+BACRC,WAAY,CACRC,QAAS,SAEbC,kBAAmB,CACfC,UAAW,QAEfb,SAAS,GAEbc,OAAQ,EAAGd,QAAAA,KAAYe,KAClBC,EAAAA,KAAArB,EAAAA,WAAA,IAAeoB,EAAOf,QAASA,EAAUE,OAAmB,EACzDe,SAAA,CAAAd,EAAAA,IAACe,YAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,YACAd,EAAAA,IAACe,YAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,WACAd,EAAAA,IAACe,YAASX,KAAK,YAAYY,MAAM,YAAYC,SAAS,EAAOH,SAE7D"}

package/build/cjs/components/input-group/stories/InputGroup.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../text-input/BaseTextInput.cjs"),r=require("../InputGroup.cjs");,/* empty css                            */;/* empty css                            */const u={title:"Komponenter/InputGroup",component:r.InputGroup,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},n={name:"InputGroup",args:{label:"Fødeselsnummer"},render:u=>e.jsx(r.InputGroup,{...u,children:e.jsx(t.BaseTextInput,{})})};exports.InputGroupStory=n,exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../../text-input/BaseTextInput.cjs"),r=require("../InputGroup.cjs");,/* empty css                            */;/* empty css                            */const u={title:"Komponenter/InputGroup",component:r.InputGroup,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},n={name:"InputGroup",args:{label:"Fødeselsnummer"},render:u=>e.jsx(r.InputGroup,{...u,children:e.jsx(t.BaseTextInput,{})})};exports.InputGroupStory=n,exports.default=u;
 //# sourceMappingURL=InputGroup.stories.cjs.map

package/build/cjs/components/input-group/stories/InputGroup.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.stories.cjs","sources":["../../../../../src/components/input-group/stories/InputGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BaseTextInput } from \"../../text-input/BaseTextInput.js\";\nimport { InputGroup } from \"../InputGroup.js\";\nimport \"../styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup\",\n    component: InputGroup,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        label: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof InputGroup>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof InputGroup>;\n\nexport const InputGroupStory: Story = {\n    name: \"InputGroup\",\n    args: {\n        label: \"Fødeselsnummer\",\n    },\n    render: (props) => (\n        <InputGroup {...props}>\n            <BaseTextInput />\n        </InputGroup>\n    ),\n};\n"],"names":["meta","title","component","InputGroup","parameters","layout","tags","argTypes","label","control","InputGroupStory","name","args","render","props","jsx","children","BaseTextInput"],"mappings":"sTAOA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAA,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFJ,MAAO,kBAEXK,OAASC,GACLC,EAAAA,IAACZ,iBAAeW,EACZE,SAACD,EAAAA,IAAAE,gBAAA,CAAA"}
+{"version":3,"file":"InputGroup.stories.cjs","sources":["../../../../../src/components/input-group/stories/InputGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { BaseTextInput } from \"../../text-input/BaseTextInput.js\";\nimport { InputGroup } from \"../InputGroup.js\";\nimport \"../styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup\",\n    component: InputGroup,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        label: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof InputGroup>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof InputGroup>;\n\nexport const InputGroupStory: Story = {\n    name: \"InputGroup\",\n    args: {\n        label: \"Fødeselsnummer\",\n    },\n    render: (props) => (\n        <InputGroup {...props}>\n            <BaseTextInput />\n        </InputGroup>\n    ),\n};\n"],"names":["meta","title","component","InputGroup","parameters","layout","tags","argTypes","label","control","InputGroupStory","name","args","render","props","jsx","children","BaseTextInput"],"mappings":"6UAOA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAA,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFJ,MAAO,kBAEXK,OAASC,GACLC,EAAAA,IAACZ,iBAAeW,EACZE,SAACD,EAAAA,IAAAE,gBAAA,CAAA"}

package/build/cjs/components/input-group/stories/Label.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Label.cjs");;/* empty css                            */const t={title:"Komponenter/InputGroup/Label",component:r.Label,parameters:{layout:"centered"},tags:["autodocs"]},a={name:"Label",args:{variant:"small",standAlone:!1,srOnly:!1},render:t=>e.jsx(r.Label,{...t,children:"Label"})};exports.LabelStory=a,exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../Label.cjs");;/* empty css                            */const t={title:"Komponenter/InputGroup/Label",component:r.Label,parameters:{layout:"centered"},tags:["autodocs"]},a={name:"Label",args:{variant:"small",standAlone:!1,srOnly:!1},render:t=>e.jsx(r.Label,{...t,children:"Label"})};exports.LabelStory=a,exports.default=t;
 //# sourceMappingURL=Label.stories.cjs.map

package/build/cjs/components/input-group/stories/Label.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.stories.cjs","sources":["../../../../../src/components/input-group/stories/Label.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Label } from \"../Label.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/Label\",\n    component: Label,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Label>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Label>;\n\nexport const LabelStory: Story = {\n    name: \"Label\",\n    args: {\n        variant: \"small\",\n        standAlone: false,\n        srOnly: false,\n    },\n    render: (props) => <Label {...props}>Label</Label>,\n};\n"],"names":["meta","title","component","Label","parameters","layout","tags","LabelStory","name","args","variant","standAlone","srOnly","render","props","children"],"mappings":"sNAKA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,QAAS,QACTC,YAAY,EACZC,QAAQ,GAEZC,OAASC,SAAWX,EAAAA,MAAO,IAAGW,EAAOC,SAAK"}
+{"version":3,"file":"Label.stories.cjs","sources":["../../../../../src/components/input-group/stories/Label.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Label } from \"../Label.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/Label\",\n    component: Label,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Label>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Label>;\n\nexport const LabelStory: Story = {\n    name: \"Label\",\n    args: {\n        variant: \"small\",\n        standAlone: false,\n        srOnly: false,\n    },\n    render: (props) => <Label {...props}>Label</Label>,\n};\n"],"names":["meta","title","component","Label","parameters","layout","tags","LabelStory","name","args","variant","standAlone","srOnly","render","props","children"],"mappings":"6OAKA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,QAAS,QACTC,YAAY,EACZC,QAAQ,GAEZC,OAASC,SAAWX,EAAAA,MAAO,IAAGW,EAAOC,SAAK"}

package/build/cjs/components/input-group/stories/SupportLabel.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../SupportLabel.cjs");;/* empty css                            */const r={title:"Komponenter/InputGroup/SupportLabel",component:t.SupportLabel,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},l={name:"SupportLabel",args:{labelType:"help"},render:r=>e.jsx(t.SupportLabel,{...r,label:r.label?r.label:`Dette er en ${r.labelType} label`})};exports.SupportLabelStory=l,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../SupportLabel.cjs");;/* empty css                            */const r={title:"Komponenter/InputGroup/SupportLabel",component:t.SupportLabel,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},l={name:"SupportLabel",args:{labelType:"help"},render:r=>e.jsx(t.SupportLabel,{...r,label:r.label?r.label:`Dette er en ${r.labelType} label`})};exports.SupportLabelStory=l,exports.default=r;
 //# sourceMappingURL=SupportLabel.stories.cjs.map

package/build/cjs/components/input-group/stories/SupportLabel.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SupportLabel.stories.cjs","sources":["../../../../../src/components/input-group/stories/SupportLabel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SupportLabel } from \"../SupportLabel.js\";\n\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/SupportLabel\",\n    component: SupportLabel,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        label: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof SupportLabel>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof SupportLabel>;\n\nexport const SupportLabelStory: Story = {\n    name: \"SupportLabel\",\n    args: {\n        labelType: \"help\",\n    },\n    render: (props) => (\n        <SupportLabel\n            {...props}\n            label={\n                props.label\n                    ? props.label\n                    : `Dette er en ${props.labelType} label`\n            }\n        />\n    ),\n};\n"],"names":["meta","title","component","SupportLabel","parameters","layout","tags","argTypes","label","control","SupportLabelStory","name","args","labelType","render","props","jsx"],"mappings":"6NAMA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EAAAA,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAA2B,CACpCC,KAAM,eACNC,KAAM,CACFC,UAAW,QAEfC,OAASC,GACLC,EAAAA,IAACb,EAAAA,aAAA,IACOY,EACJP,MACIO,EAAMP,MACAO,EAAMP,MACN,eAAeO,EAAMF"}
+{"version":3,"file":"SupportLabel.stories.cjs","sources":["../../../../../src/components/input-group/stories/SupportLabel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SupportLabel } from \"../SupportLabel.js\";\n\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/InputGroup/SupportLabel\",\n    component: SupportLabel,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        label: {\n            control: \"text\",\n        },\n    },\n} satisfies Meta<typeof SupportLabel>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof SupportLabel>;\n\nexport const SupportLabelStory: Story = {\n    name: \"SupportLabel\",\n    args: {\n        labelType: \"help\",\n    },\n    render: (props) => (\n        <SupportLabel\n            {...props}\n            label={\n                props.label\n                    ? props.label\n                    : `Dette er en ${props.labelType} label`\n            }\n        />\n    ),\n};\n"],"names":["meta","title","component","SupportLabel","parameters","layout","tags","argTypes","label","control","SupportLabelStory","name","args","labelType","render","props","jsx"],"mappings":"oPAMA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EAAAA,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAA2B,CACpCC,KAAM,eACNC,KAAM,CACFC,UAAW,QAEfC,OAASC,GACLC,EAAAA,IAACb,EAAAA,aAAA,IACOY,EACJP,MACIO,EAAMP,MACAO,EAAMP,MACN,eAAeO,EAAMF"}

package/build/cjs/components/link/stories/Link.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Link.cjs"),r={title:"Komponenter/Link",component:t.Link,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{href:{control:"text",defaultValue:"https://www.fremtind.no"}}},n={name:"Link",args:{children:"Example Link",external:!1,as:"a",target:"#",href:"https://www.fremtind.no"},render:r=>e.jsx(t.Link,{style:{cursor:"pointer"},...r,as:r.as||"a"})};exports.LinkStory=n,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../Link.cjs"),r={title:"Komponenter/Link",component:t.Link,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{href:{control:"text",defaultValue:"https://www.fremtind.no"}}},n={name:"Link",args:{children:"Example Link",external:!1,as:"a",target:"#",href:"https://www.fremtind.no"},render:r=>e.jsx(t.Link,{style:{cursor:"pointer"},...r,as:r.as||"a"})};exports.LinkStory=n,exports.default=r;
 //# sourceMappingURL=Link.stories.cjs.map

package/build/cjs/components/link/stories/Link.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.stories.cjs","sources":["../../../../../src/components/link/stories/Link.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Link } from \"../Link.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Link\",\n    component: Link,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        href: {\n            control: \"text\",\n            defaultValue: \"https://www.fremtind.no\",\n        },\n    },\n} satisfies Meta<typeof Link>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Link>;\n\nexport const LinkStory: Story = {\n    name: \"Link\",\n    args: {\n        children: \"Example Link\",\n        external: false,\n        as: \"a\",\n        target: \"#\",\n        href: \"https://www.fremtind.no\",\n    },\n    render: (props) => (\n        // Setter style.cursor til pointer fordi Storybook overskriver default styles.\n        <Link style={{ cursor: \"pointer\" }} {...props} as={props.as || \"a\"} />\n    ),\n};\n"],"names":["meta","title","component","Link","parameters","layout","tags","argTypes","href","control","defaultValue","LinkStory","name","args","children","external","as","target","render","props","jsx","style","cursor"],"mappings":"0KAKMA,EAAa,CACfC,MAAO,mBACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,KAAM,CACFC,QAAS,OACTC,aAAc,6BASbC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,SAAU,eACVC,UAAU,EACVC,GAAI,IACJC,OAAQ,IACRT,KAAM,2BAEVU,OAASC,GAEJC,EAAAA,IAAAjB,EAAAA,KAAA,CAAKkB,MAAO,CAAEC,OAAQ,cAAiBH,EAAOH,GAAIG,EAAMH,IAAM"}
+{"version":3,"file":"Link.stories.cjs","sources":["../../../../../src/components/link/stories/Link.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Link } from \"../Link.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Link\",\n    component: Link,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        href: {\n            control: \"text\",\n            defaultValue: \"https://www.fremtind.no\",\n        },\n    },\n} satisfies Meta<typeof Link>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof Link>;\n\nexport const LinkStory: Story = {\n    name: \"Link\",\n    args: {\n        children: \"Example Link\",\n        external: false,\n        as: \"a\",\n        target: \"#\",\n        href: \"https://www.fremtind.no\",\n    },\n    render: (props) => (\n        // Setter style.cursor til pointer fordi Storybook overskriver default styles.\n        <Link style={{ cursor: \"pointer\" }} {...props} as={props.as || \"a\"} />\n    ),\n};\n"],"names":["meta","title","component","Link","parameters","layout","tags","argTypes","href","control","defaultValue","LinkStory","name","args","children","external","as","target","render","props","jsx","style","cursor"],"mappings":"iMAKMA,EAAa,CACfC,MAAO,mBACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,KAAM,CACFC,QAAS,OACTC,aAAc,6BASbC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,SAAU,eACVC,UAAU,EACVC,GAAI,IACJC,OAAQ,IACRT,KAAM,2BAEVU,OAASC,GAEJC,EAAAA,IAAAjB,EAAAA,KAAA,CAAKkB,MAAO,CAAEC,OAAQ,cAAiBH,EAAOH,GAAIG,EAAMH,IAAM"}

package/build/cjs/components/link-list/stories/LinkList.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../LinkList.cjs"),r={title:"Komponenter/List/LinkList",component:i.LinkList,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:r=>e.jsxs(i.LinkList,{style:{minWidth:"50vw"},...r,children:[e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"SpareBank 1"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"DNB"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"LOfavør"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};exports.LinkListStory=t,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const i=require("../LinkList.cjs"),r={title:"Komponenter/List/LinkList",component:i.LinkList,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:r=>e.jsxs(i.LinkList,{style:{minWidth:"50vw"},...r,children:[e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"SpareBank 1"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"DNB"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"LOfavør"})}),e.jsx(i.LinkList.Item,{children:e.jsx(i.LinkList.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};exports.LinkListStory=t,exports.default=r;
 //# sourceMappingURL=LinkList.stories.cjs.map

package/build/cjs/components/link-list/stories/LinkList.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.stories.cjs","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LinkList } from \"../LinkList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/List/LinkList\",\n    component: LinkList,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"ordered\", \"unordered\"],\n        },\n    },\n} satisfies Meta<typeof LinkList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof LinkList>;\n\nexport const LinkListStory: Story = {\n    name: \"LinkList\",\n    args: {\n        variant: \"unordered\",\n    },\n    render: (props) => (\n        <LinkList style={{ minWidth: \"50vw\" }} {...props}>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">SpareBank 1</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">DNB</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">LOfavør</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">Norsk Sykepleierforbund</LinkList.Link>\n            </LinkList.Item>\n        </LinkList>\n    ),\n};\n"],"names":["meta","title","component","LinkList","parameters","layout","tags","argTypes","variant","control","options","LinkListStory","name","args","render","props","jsxs","style","minWidth","children","jsx","Item","Link","href"],"mappings":"8KAKMA,EAAa,CACfC,MAAO,4BACPC,UAAWC,EAAAA,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,gBASpBC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFL,QAAS,aAEbM,OAASC,GACJC,EAAAA,KAAAb,EAAAA,SAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAA,IAAAjB,EAAAA,SAASkB,KAAT,CACGF,SAACC,EAAAA,IAAAjB,EAAAA,SAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}
+{"version":3,"file":"LinkList.stories.cjs","sources":["../../../../../src/components/link-list/stories/LinkList.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { LinkList } from \"../LinkList.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/List/LinkList\",\n    component: LinkList,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n    argTypes: {\n        variant: {\n            control: \"radio\",\n            options: [\"ordered\", \"unordered\"],\n        },\n    },\n} satisfies Meta<typeof LinkList>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof LinkList>;\n\nexport const LinkListStory: Story = {\n    name: \"LinkList\",\n    args: {\n        variant: \"unordered\",\n    },\n    render: (props) => (\n        <LinkList style={{ minWidth: \"50vw\" }} {...props}>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">SpareBank 1</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">DNB</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">LOfavør</LinkList.Link>\n            </LinkList.Item>\n            <LinkList.Item>\n                <LinkList.Link href=\"#\">Norsk Sykepleierforbund</LinkList.Link>\n            </LinkList.Item>\n        </LinkList>\n    ),\n};\n"],"names":["meta","title","component","LinkList","parameters","layout","tags","argTypes","variant","control","options","LinkListStory","name","args","render","props","jsxs","style","minWidth","children","jsx","Item","Link","href"],"mappings":"qMAKMA,EAAa,CACfC,MAAO,4BACPC,UAAWC,EAAAA,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,QAAS,QACTC,QAAS,CAAC,UAAW,gBASpBC,EAAuB,CAChCC,KAAM,WACNC,KAAM,CACFL,QAAS,aAEbM,OAASC,GACJC,EAAAA,KAAAb,EAAAA,SAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAA,IAAAjB,EAAAA,SAASkB,KAAT,CACGF,SAACC,EAAAA,IAAAjB,EAAAA,SAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAAAA,IAACjB,EAAAA,SAASkB,KAAT,CACGF,SAAAC,EAAAA,IAACjB,EAASA,SAAAmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}

package/build/cjs/components/list/List.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");function s(s){return({children:t,className:d,...i})=>{const o="ordered"===s?"ol":"ul";return e.jsx(o,{className:r.clsx("jkl-list",d,{"jkl-list--ordered":"ordered"===s}),"data-testid":"jkl-list",...i,children:t})}}const t=s("unordered");t.displayName="UnorderedList";const d=s("ordered");d.displayName="OrderedList";const i=t;i.displayName="List",exports.List=i,exports.OrderedList=d,exports.UnorderedList=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");function s(s){return({children:t,className:d,...i})=>{const o="ordered"===s?"ol":"ul";return e.jsx(o,{className:r.clsx("jkl-list",d,{"jkl-list--ordered":"ordered"===s}),"data-testid":"jkl-list",...i,children:t})}}require("react");const t=s("unordered");t.displayName="UnorderedList";const d=s("ordered");d.displayName="OrderedList";const i=t;i.displayName="List",exports.List=i,exports.OrderedList=d,exports.UnorderedList=t;
 //# sourceMappingURL=List.cjs.map

package/build/cjs/components/list/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/components/list/List.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { ListProps } from \"./types.js\";\n\ntype ValidLists = \"unordered\" | \"ordered\";\n\nfunction makeListComponent(listType: ValidLists): FC<ListProps> {\n    const BaseList: FC<ListProps> = ({ children, className, ...rest }) => {\n        const C = listType === \"ordered\" ? \"ol\" : \"ul\";\n\n        return (\n            <C\n                className={clsx(\"jkl-list\", className, {\n                    \"jkl-list--ordered\": listType === \"ordered\",\n                })}\n                data-testid=\"jkl-list\"\n                {...rest}\n            >\n                {children}\n            </C>\n        );\n    };\n    return BaseList;\n}\n\nexport const UnorderedList = makeListComponent(\"unordered\");\nUnorderedList.displayName = \"UnorderedList\";\nexport const OrderedList = makeListComponent(\"ordered\");\nOrderedList.displayName = \"OrderedList\";\nexport const List = UnorderedList;\nList.displayName = \"List\";\n"],"names":["makeListComponent","listType","children","className","rest","C","jsx","clsx","UnorderedList","displayName","OrderedList","List"],"mappings":"6JAMA,SAASA,EAAkBC,GAgBhB,MAfyB,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,MACjD,MAAAC,EAAiB,YAAbJ,EAAyB,KAAO,KAGtC,OAAAK,EAAAA,IAACD,EAAA,CACGF,UAAWI,EAAAA,KAAK,WAAYJ,EAAW,CACnC,oBAAkC,YAAbF,IAEzB,cAAY,cACRG,EAEHF,SAAAA,GAAA,CAKjB,CAEa,MAAAM,EAAgBR,EAAkB,aAC/CQ,EAAcC,YAAc,gBACf,MAAAC,EAAcV,EAAkB,WAC7CU,EAAYD,YAAc,cACnB,MAAME,EAAOH,EACpBG,EAAKF,YAAc"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/list/List.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { ListProps } from \"./types.js\";\n\ntype ValidLists = \"unordered\" | \"ordered\";\n\nfunction makeListComponent(listType: ValidLists): FC<ListProps> {\n    const BaseList: FC<ListProps> = ({ children, className, ...rest }) => {\n        const C = listType === \"ordered\" ? \"ol\" : \"ul\";\n\n        return (\n            <C\n                className={clsx(\"jkl-list\", className, {\n                    \"jkl-list--ordered\": listType === \"ordered\",\n                })}\n                data-testid=\"jkl-list\"\n                {...rest}\n            >\n                {children}\n            </C>\n        );\n    };\n    return BaseList;\n}\n\nexport const UnorderedList = makeListComponent(\"unordered\");\nUnorderedList.displayName = \"UnorderedList\";\nexport const OrderedList = makeListComponent(\"ordered\");\nOrderedList.displayName = \"OrderedList\";\nexport const List = UnorderedList;\nList.displayName = \"List\";\n"],"names":["makeListComponent","listType","children","className","rest","C","jsx","clsx","UnorderedList","displayName","OrderedList","List"],"mappings":"6JAMA,SAASA,EAAkBC,GAgBhB,MAfyB,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,MACjD,MAAAC,EAAiB,YAAbJ,EAAyB,KAAO,KAGtC,OAAAK,EAAAA,IAACD,EAAA,CACGF,UAAWI,EAAAA,KAAK,WAAYJ,EAAW,CACnC,oBAAkC,YAAbF,IAEzB,cAAY,cACRG,EAEHF,SAAAA,GAAA,CAKjB,kBAEa,MAAAM,EAAgBR,EAAkB,aAC/CQ,EAAcC,YAAc,gBACf,MAAAC,EAAcV,EAAkB,WAC7CU,EAAYD,YAAc,cACnB,MAAME,EAAOH,EACpBG,EAAKF,YAAc"}

package/build/cjs/components/list/ListItem.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs");function t(t){return({className:i,children:c,...l})=>s.jsx("li",{className:e.clsx("jkl-list__item",i,{"jkl-list__item--iconed":"normal"!==t,"jkl-list__item--check":"check"===t,"jkl-list__item--cross":"cross"===t}),"data-testid":"jkl-list-item",...l,children:c})}const i=t("normal");i.displayName="ListItem";const c=t("cross");c.displayName="CrossListItem";const l=t("check");l.displayName="CheckListItem",exports.CheckListItem=l,exports.CrossListItem=c,exports.ListItem=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");function t(t){return({className:i,children:c,...r})=>e.jsx("li",{className:s.clsx("jkl-list__item",i,{"jkl-list__item--iconed":"normal"!==t,"jkl-list__item--check":"check"===t,"jkl-list__item--cross":"cross"===t}),"data-testid":"jkl-list-item",...r,children:c})}require("react");const i=t("normal");i.displayName="ListItem";const c=t("cross");c.displayName="CrossListItem";const r=t("check");r.displayName="CheckListItem",exports.CheckListItem=r,exports.CrossListItem=c,exports.ListItem=i;
 //# sourceMappingURL=ListItem.cjs.map

package/build/cjs/components/list/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.cjs","sources":["../../../../src/components/list/ListItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { WithChildren } from \"../../core/types.js\";\n\nexport interface ListItemProps extends WithChildren {\n    className?: string;\n}\n\ntype ValidListItems = \"normal\" | \"check\" | \"cross\";\n\nfunction makeListItem(listItemType: ValidListItems): FC<ListItemProps> {\n    const ListItem: FC<ListItemProps> = ({ className, children, ...rest }) => {\n        return (\n            <li\n                className={clsx(\"jkl-list__item\", className, {\n                    \"jkl-list__item--iconed\": listItemType !== \"normal\",\n                    \"jkl-list__item--check\": listItemType === \"check\",\n                    \"jkl-list__item--cross\": listItemType === \"cross\",\n                })}\n                data-testid=\"jkl-list-item\"\n                {...rest}\n            >\n                {children}\n            </li>\n        );\n    };\n    return ListItem;\n}\n\nexport const ListItem = makeListItem(\"normal\");\nListItem.displayName = \"ListItem\";\nexport const CrossListItem = makeListItem(\"cross\");\nCrossListItem.displayName = \"CrossListItem\";\nexport const CheckListItem = makeListItem(\"check\");\nCheckListItem.displayName = \"CheckListItem\";\n"],"names":["makeListItem","listItemType","ListItem","className","children","rest","jsx","clsx","displayName","CrossListItem","CheckListItem"],"mappings":"6JAUA,SAASA,EAAaC,GAgBXC,MAf6B,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,KAEvDC,EAAAA,IAAC,KAAA,CACGH,UAAWI,EAAAA,KAAK,iBAAkBJ,EAAW,CACzC,yBAA2C,WAAjBF,EAC1B,wBAA0C,UAAjBA,EACzB,wBAA0C,UAAjBA,IAE7B,cAAY,mBACRI,EAEHD,SAAAA,GAKjB,CAEa,MAAAF,EAAWF,EAAa,UACrCE,EAASM,YAAc,WACV,MAAAC,EAAgBT,EAAa,SAC1CS,EAAcD,YAAc,gBACf,MAAAE,EAAgBV,EAAa,SAC1CU,EAAcF,YAAc"}
+{"version":3,"file":"ListItem.cjs","sources":["../../../../src/components/list/ListItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { WithChildren } from \"../../core/types.js\";\n\nexport interface ListItemProps extends WithChildren {\n    className?: string;\n}\n\ntype ValidListItems = \"normal\" | \"check\" | \"cross\";\n\nfunction makeListItem(listItemType: ValidListItems): FC<ListItemProps> {\n    const ListItem: FC<ListItemProps> = ({ className, children, ...rest }) => {\n        return (\n            <li\n                className={clsx(\"jkl-list__item\", className, {\n                    \"jkl-list__item--iconed\": listItemType !== \"normal\",\n                    \"jkl-list__item--check\": listItemType === \"check\",\n                    \"jkl-list__item--cross\": listItemType === \"cross\",\n                })}\n                data-testid=\"jkl-list-item\"\n                {...rest}\n            >\n                {children}\n            </li>\n        );\n    };\n    return ListItem;\n}\n\nexport const ListItem = makeListItem(\"normal\");\nListItem.displayName = \"ListItem\";\nexport const CrossListItem = makeListItem(\"cross\");\nCrossListItem.displayName = \"CrossListItem\";\nexport const CheckListItem = makeListItem(\"check\");\nCheckListItem.displayName = \"CheckListItem\";\n"],"names":["makeListItem","listItemType","ListItem","className","children","rest","jsx","clsx","displayName","CrossListItem","CheckListItem"],"mappings":"6JAUA,SAASA,EAAaC,GAgBXC,MAf6B,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,KAEvDC,EAAAA,IAAC,KAAA,CACGH,UAAWI,EAAAA,KAAK,iBAAkBJ,EAAW,CACzC,yBAA2C,WAAjBF,EAC1B,wBAA0C,UAAjBA,EACzB,wBAA0C,UAAjBA,IAE7B,cAAY,mBACRI,EAEHD,SAAAA,GAKjB,kBAEa,MAAAF,EAAWF,EAAa,UACrCE,EAASM,YAAc,WACV,MAAAC,EAAgBT,EAAa,SAC1CS,EAAcD,YAAc,gBACf,MAAAE,EAAgBV,EAAa,SAC1CU,EAAcF,YAAc"}

package/build/cjs/components/list/stories/List.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../flex/Flex.cjs"),t=require("../List.cjs"),s=require("../ListItem.cjs"),l={title:"Komponenter/List",component:t.List,subcomponents:{ListItem:s.ListItem},tags:["autodocs"]},n=["Planlegg turen og meld fra hvor du går","Tilpass turen etter evne og forhold","Ta hensyn til vær- og skredvarsel","Vær forberedt på uvær og kulde, selv på korte turer","Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre","Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is","Bruk kart og kompass. Vit alltid hvor du er","Vend i tide, det er ingen skam å snu","Spar på kreftene og søk ly om nødvendig"],i=["Regntøy (jakke og bukse)","Tynn vindjakke og turbukse (med god fukttransport)","Undertøy i ull/ullblanding + ekstra skift","Sokker med mye ull og god passform + ekstra skift","Ullgenser/jakke eller tynn dunjakke","Ekstra lue","Ullvotter eller andre vanter/votter som er varme selv når de er våte","Lette innesko/inneklær","Fjellstøvler og gjerne gamasjer","Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær"],d={name:"OrderedList",render:()=>e.jsxs(r.Flex,{gap:24,direction:"column",children:[e.jsx("h2",{children:"Fjellvettreglene"}),e.jsxs("p",{children:["Liste fra"," ",e.jsx("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs side om fjellvettreglene"})]}),e.jsx(t.OrderedList,{"aria-label":"Fjellvettreglene",children:n.map((r=>e.jsx(s.ListItem,{children:r},r)))})]})},o={name:"UnorderedList",render:()=>e.jsxs(r.Flex,{gap:24,direction:"column",children:[e.jsx("h2",{children:"Pakkeliste (bekledning)"}),e.jsxs("p",{children:["Liste fra"," ",e.jsx("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs pakkeliste for sommerturer"})]}),e.jsx(t.UnorderedList,{"aria-label":"Fjellvettreglene",children:i.map((r=>e.jsx(s.ListItem,{children:r},r)))})]})},a={name:"Coverage List",render:r=>e.jsxs(t.List,{children:[e.jsx(s.CheckListItem,{children:"Dekkes"}),e.jsx(s.CheckListItem,{children:"Dekkes også"}),e.jsx(s.CrossListItem,{children:"Dekkes ikke :("}),e.jsx(s.CrossListItem,{children:"Dekkes heller ikke :("})]})};exports.CoverageListStory=a,exports.OrderedListStory=d,exports.UnorderedListStory=o,exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../../flex/Flex.cjs"),t=require("../List.cjs"),s=require("../ListItem.cjs"),l={title:"Komponenter/List",component:t.List,subcomponents:{ListItem:s.ListItem},tags:["autodocs"]},n=["Planlegg turen og meld fra hvor du går","Tilpass turen etter evne og forhold","Ta hensyn til vær- og skredvarsel","Vær forberedt på uvær og kulde, selv på korte turer","Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre","Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is","Bruk kart og kompass. Vit alltid hvor du er","Vend i tide, det er ingen skam å snu","Spar på kreftene og søk ly om nødvendig"],i=["Regntøy (jakke og bukse)","Tynn vindjakke og turbukse (med god fukttransport)","Undertøy i ull/ullblanding + ekstra skift","Sokker med mye ull og god passform + ekstra skift","Ullgenser/jakke eller tynn dunjakke","Ekstra lue","Ullvotter eller andre vanter/votter som er varme selv når de er våte","Lette innesko/inneklær","Fjellstøvler og gjerne gamasjer","Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær"],d={name:"OrderedList",render:()=>e.jsxs(r.Flex,{gap:24,direction:"column",children:[e.jsx("h2",{children:"Fjellvettreglene"}),e.jsxs("p",{children:["Liste fra"," ",e.jsx("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs side om fjellvettreglene"})]}),e.jsx(t.OrderedList,{"aria-label":"Fjellvettreglene",children:n.map((r=>e.jsx(s.ListItem,{children:r},r)))})]})},o={name:"UnorderedList",render:()=>e.jsxs(r.Flex,{gap:24,direction:"column",children:[e.jsx("h2",{children:"Pakkeliste (bekledning)"}),e.jsxs("p",{children:["Liste fra"," ",e.jsx("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs pakkeliste for sommerturer"})]}),e.jsx(t.UnorderedList,{"aria-label":"Fjellvettreglene",children:i.map((r=>e.jsx(s.ListItem,{children:r},r)))})]})},a={name:"Coverage List",render:r=>e.jsxs(t.List,{children:[e.jsx(s.CheckListItem,{children:"Dekkes"}),e.jsx(s.CheckListItem,{children:"Dekkes også"}),e.jsx(s.CrossListItem,{children:"Dekkes ikke :("}),e.jsx(s.CrossListItem,{children:"Dekkes heller ikke :("})]})};exports.CoverageListStory=a,exports.OrderedListStory=d,exports.UnorderedListStory=o,exports.default=l;
 //# sourceMappingURL=List.stories.cjs.map

package/build/cjs/components/list/stories/List.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.stories.cjs","sources":["../../../../../src/components/list/stories/List.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { List, OrderedList, UnorderedList } from \"../List.js\";\nimport { CheckListItem, CrossListItem, ListItem } from \"../ListItem.js\";\n\nconst meta = {\n    title: \"Komponenter/List\",\n    component: List,\n    subcomponents: {\n        ListItem,\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof OrderedList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst fjellvettreglene = [\n    \"Planlegg turen og meld fra hvor du går\",\n    \"Tilpass turen etter evne og forhold\",\n    \"Ta hensyn til vær- og skredvarsel\",\n    \"Vær forberedt på uvær og kulde, selv på korte turer\",\n    \"Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre\",\n    \"Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is\",\n    \"Bruk kart og kompass. Vit alltid hvor du er\",\n    \"Vend i tide, det er ingen skam å snu\",\n    \"Spar på kreftene og søk ly om nødvendig\",\n];\n\nconst bekledningsliste = [\n    \"Regntøy (jakke og bukse)\",\n    \"Tynn vindjakke og turbukse (med god fukttransport)\",\n    \"Undertøy i ull/ullblanding + ekstra skift\",\n    \"Sokker med mye ull og god passform + ekstra skift\",\n    \"Ullgenser/jakke eller tynn dunjakke\",\n    \"Ekstra lue\",\n    \"Ullvotter eller andre vanter/votter som er varme selv når de er våte\",\n    \"Lette innesko/inneklær\",\n    \"Fjellstøvler og gjerne gamasjer\",\n    \"Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær\",\n];\n\nexport const OrderedListStory: Story = {\n    name: \"OrderedList\",\n    render: () => (\n        <Flex gap={24} direction=\"column\">\n            <h2>Fjellvettreglene</h2>\n            <p>\n                Liste fra{\" \"}\n                <a href=\"https://www.dnt.no/fjellvettreglene/\">\n                    DNTs side om fjellvettreglene\n                </a>\n            </p>\n            <OrderedList aria-label=\"Fjellvettreglene\">\n                {fjellvettreglene.map((regel) => (\n                    <ListItem key={regel}>{regel}</ListItem>\n                ))}\n            </OrderedList>\n        </Flex>\n    ),\n};\n\nexport const UnorderedListStory: Story = {\n    name: \"UnorderedList\",\n    render: () => (\n        <Flex gap={24} direction=\"column\">\n            <h2>Pakkeliste (bekledning)</h2>\n            <p>\n                Liste fra{\" \"}\n                <a href=\"https://www.dnt.no/fjellvettreglene/\">\n                    DNTs pakkeliste for sommerturer\n                </a>\n            </p>\n            <UnorderedList aria-label=\"Fjellvettreglene\">\n                {bekledningsliste.map((gjenstand) => (\n                    <ListItem key={gjenstand}>{gjenstand}</ListItem>\n                ))}\n            </UnorderedList>\n        </Flex>\n    ),\n};\n\nexport const CoverageListStory: Story = {\n    name: \"Coverage List\",\n    render: (args) => (\n        <List>\n            <CheckListItem>Dekkes</CheckListItem>\n            <CheckListItem>Dekkes også</CheckListItem>\n            <CrossListItem>Dekkes ikke :(</CrossListItem>\n            <CrossListItem>Dekkes heller ikke :(</CrossListItem>\n        </List>\n    ),\n};\n"],"names":["meta","title","component","List","subcomponents","ListItem","tags","fjellvettreglene","bekledningsliste","OrderedListStory","name","render","jsxs","Flex","gap","direction","children","jsx","href","OrderedList","map","regel","UnorderedListStory","UnorderedList","gjenstand","CoverageListStory","args","CheckListItem","CrossListItem"],"mappings":"wOAOMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EAAAA,KACXC,cAAe,CAAAC,SACXA,EAAAA,UAEJC,KAAM,CAAC,aAMLC,EAAmB,CACrB,yCACA,sCACA,oCACA,sDACA,+DACA,iEACA,8CACA,uCACA,2CAGEC,EAAmB,CACrB,2BACA,qDACA,4CACA,oDACA,sCACA,aACA,uEACA,yBACA,kCACA,oEAGSC,EAA0B,CACnCC,KAAM,cACNC,OAAQ,IACJC,EAAAA,KAACC,QAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAAA,IAAC,MAAGD,SAAgB,4BACnB,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAAA,IAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,qCAEHC,EAAAA,IAAAE,EAAAA,YAAA,CAAY,aAAW,mBACnBH,SAAiBT,EAAAa,KAAKC,GAClBJ,EAAAA,IAAAZ,EAAAA,SAAA,CAAsBW,SAARK,GAAAA,WAOtBC,EAA4B,CACrCZ,KAAM,gBACNC,OAAQ,IACJC,EAAAA,KAACC,QAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAAA,IAAC,MAAGD,SAAuB,mCAC1B,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAAA,IAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,uCAEHC,EAAAA,IAAAM,EAAAA,cAAA,CAAc,aAAW,mBACrBP,SAAiBR,EAAAY,KAAKI,GAClBP,EAAAA,IAAAZ,EAAAA,SAAA,CAA0BW,SAAZQ,GAAAA,WAOtBC,EAA2B,CACpCf,KAAM,gBACNC,OAASe,GACLd,EAAAA,KAACT,EACGA,KAAA,CAAAa,SAAA,CAAAC,EAAAA,IAACU,iBAAcX,SAAM,WACrBC,EAAAA,IAACU,iBAAcX,SAAW,gBAC1BC,EAAAA,IAACW,iBAAcZ,SAAc,mBAC7BC,EAAAA,IAACW,iBAAcZ,SAAqB"}
+{"version":3,"file":"List.stories.cjs","sources":["../../../../../src/components/list/stories/List.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { List, OrderedList, UnorderedList } from \"../List.js\";\nimport { CheckListItem, CrossListItem, ListItem } from \"../ListItem.js\";\n\nconst meta = {\n    title: \"Komponenter/List\",\n    component: List,\n    subcomponents: {\n        ListItem,\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof OrderedList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst fjellvettreglene = [\n    \"Planlegg turen og meld fra hvor du går\",\n    \"Tilpass turen etter evne og forhold\",\n    \"Ta hensyn til vær- og skredvarsel\",\n    \"Vær forberedt på uvær og kulde, selv på korte turer\",\n    \"Ta med nødvendig utstyr for å kunne hjelpe deg selv og andre\",\n    \"Ta trygge veivalg. Gjenkjenn skredfarlig terreng og usikker is\",\n    \"Bruk kart og kompass. Vit alltid hvor du er\",\n    \"Vend i tide, det er ingen skam å snu\",\n    \"Spar på kreftene og søk ly om nødvendig\",\n];\n\nconst bekledningsliste = [\n    \"Regntøy (jakke og bukse)\",\n    \"Tynn vindjakke og turbukse (med god fukttransport)\",\n    \"Undertøy i ull/ullblanding + ekstra skift\",\n    \"Sokker med mye ull og god passform + ekstra skift\",\n    \"Ullgenser/jakke eller tynn dunjakke\",\n    \"Ekstra lue\",\n    \"Ullvotter eller andre vanter/votter som er varme selv når de er våte\",\n    \"Lette innesko/inneklær\",\n    \"Fjellstøvler og gjerne gamasjer\",\n    \"Shorts og t-skjorte (ull/kunstfiber) hvis det er meldt varmt vær\",\n];\n\nexport const OrderedListStory: Story = {\n    name: \"OrderedList\",\n    render: () => (\n        <Flex gap={24} direction=\"column\">\n            <h2>Fjellvettreglene</h2>\n            <p>\n                Liste fra{\" \"}\n                <a href=\"https://www.dnt.no/fjellvettreglene/\">\n                    DNTs side om fjellvettreglene\n                </a>\n            </p>\n            <OrderedList aria-label=\"Fjellvettreglene\">\n                {fjellvettreglene.map((regel) => (\n                    <ListItem key={regel}>{regel}</ListItem>\n                ))}\n            </OrderedList>\n        </Flex>\n    ),\n};\n\nexport const UnorderedListStory: Story = {\n    name: \"UnorderedList\",\n    render: () => (\n        <Flex gap={24} direction=\"column\">\n            <h2>Pakkeliste (bekledning)</h2>\n            <p>\n                Liste fra{\" \"}\n                <a href=\"https://www.dnt.no/fjellvettreglene/\">\n                    DNTs pakkeliste for sommerturer\n                </a>\n            </p>\n            <UnorderedList aria-label=\"Fjellvettreglene\">\n                {bekledningsliste.map((gjenstand) => (\n                    <ListItem key={gjenstand}>{gjenstand}</ListItem>\n                ))}\n            </UnorderedList>\n        </Flex>\n    ),\n};\n\nexport const CoverageListStory: Story = {\n    name: \"Coverage List\",\n    render: (args) => (\n        <List>\n            <CheckListItem>Dekkes</CheckListItem>\n            <CheckListItem>Dekkes også</CheckListItem>\n            <CrossListItem>Dekkes ikke :(</CrossListItem>\n            <CrossListItem>Dekkes heller ikke :(</CrossListItem>\n        </List>\n    ),\n};\n"],"names":["meta","title","component","List","subcomponents","ListItem","tags","fjellvettreglene","bekledningsliste","OrderedListStory","name","render","jsxs","Flex","gap","direction","children","jsx","href","OrderedList","map","regel","UnorderedListStory","UnorderedList","gjenstand","CoverageListStory","args","CheckListItem","CrossListItem"],"mappings":"+PAOMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EAAAA,KACXC,cAAe,CAAAC,SACXA,EAAAA,UAEJC,KAAM,CAAC,aAMLC,EAAmB,CACrB,yCACA,sCACA,oCACA,sDACA,+DACA,iEACA,8CACA,uCACA,2CAGEC,EAAmB,CACrB,2BACA,qDACA,4CACA,oDACA,sCACA,aACA,uEACA,yBACA,kCACA,oEAGSC,EAA0B,CACnCC,KAAM,cACNC,OAAQ,IACJC,EAAAA,KAACC,QAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAAA,IAAC,MAAGD,SAAgB,4BACnB,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAAA,IAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,qCAEHC,EAAAA,IAAAE,EAAAA,YAAA,CAAY,aAAW,mBACnBH,SAAiBT,EAAAa,KAAKC,GAClBJ,EAAAA,IAAAZ,EAAAA,SAAA,CAAsBW,SAARK,GAAAA,WAOtBC,EAA4B,CACrCZ,KAAM,gBACNC,OAAQ,IACJC,EAAAA,KAACC,QAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAAA,IAAC,MAAGD,SAAuB,mCAC1B,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAAA,IAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,uCAEHC,EAAAA,IAAAM,EAAAA,cAAA,CAAc,aAAW,mBACrBP,SAAiBR,EAAAY,KAAKI,GAClBP,EAAAA,IAAAZ,EAAAA,SAAA,CAA0BW,SAAZQ,GAAAA,WAOtBC,EAA2B,CACpCf,KAAM,gBACNC,OAASe,GACLd,EAAAA,KAACT,EACGA,KAAA,CAAAa,SAAA,CAAAC,EAAAA,IAACU,iBAAcX,SAAM,WACrBC,EAAAA,IAACU,iBAAcX,SAAW,gBAC1BC,EAAAA,IAACW,iBAAcZ,SAAc,mBAC7BC,EAAAA,IAACW,iBAAcZ,SAAqB"}

package/build/cjs/components/loader/Loader.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),a=require("./useDelayedRender.cjs");exports.Loader=({delay:s=0,variant:r="large",textDescription:t,className:d,dataTestAutoId:o="jkl-loader",inline:i=!1,...n})=>{const j=a.useDelayedRender(s);if(s&&!j)return null;const c=l.clsx("jkl-loader",d,{"jkl-loader--medium":"medium"===r,"jkl-loader--small":"small"===r,"jkl-loader--inline":i});return e.jsxs("span",{"aria-busy":"true",className:c,"data-testautoid":o,"data-testid":"jkl-loader",title:t,...n,children:[e.jsx("span",{className:"jkl-loader__dot jkl-loader__dot--left"}),e.jsx("span",{className:"jkl-loader__dot jkl-loader__dot--middle"}),e.jsx("span",{className:"jkl-loader__dot jkl-loader__dot--right"}),e.jsx("span",{className:"jkl-sr-only",children:t})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs");require("react");const a=require("./useDelayedRender.cjs");exports.Loader=({delay:s=0,variant:r="large",textDescription:t,className:d,dataTestAutoId:o="jkl-loader",inline:i=!1,...n})=>{const j=a.useDelayedRender(s);if(s&&!j)return null;const c=l.clsx("jkl-loader",d,{"jkl-loader--medium":"medium"===r,"jkl-loader--small":"small"===r,"jkl-loader--inline":i});return e.jsxs("span",{"aria-busy":"true",className:c,"data-testautoid":o,"data-testid":"jkl-loader",title:t,...n,children:[e.jsx("span",{className:"jkl-loader__dot jkl-loader__dot--left"}),e.jsx("span",{className:"jkl-loader__dot jkl-loader__dot--middle"}),e.jsx("span",{className:"jkl-loader__dot jkl-loader__dot--right"}),e.jsx("span",{className:"jkl-sr-only",children:t})]})};
 //# sourceMappingURL=Loader.cjs.map

package/build/cjs/components/loader/Loader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.cjs","sources":["../../../../src/components/loader/Loader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { LoaderProps } from \"./types.js\";\nimport { useDelayedRender } from \"./useDelayedRender.js\";\n\nexport const Loader = ({\n    delay = 0,\n    variant = \"large\",\n    textDescription,\n    className,\n    dataTestAutoId = \"jkl-loader\",\n    inline = false,\n    ...rest\n}: LoaderProps): JSX.Element | null => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    const componentClassName = clsx(\"jkl-loader\", className, {\n        \"jkl-loader--medium\": variant === \"medium\",\n        \"jkl-loader--small\": variant === \"small\",\n        \"jkl-loader--inline\": inline,\n    });\n\n    return (\n        <span\n            aria-busy=\"true\"\n            className={componentClassName}\n            data-testautoid={dataTestAutoId}\n            data-testid=\"jkl-loader\"\n            title={textDescription}\n            {...rest}\n        >\n            <span className=\"jkl-loader__dot jkl-loader__dot--left\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--middle\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--right\" />\n            <span className=\"jkl-sr-only\">{textDescription}</span>\n        </span>\n    );\n};\n"],"names":["delay","variant","textDescription","className","dataTestAutoId","inline","rest","renderComponent","useDelayedRender","componentClassName","clsx","jsxs","title","children","jsx"],"mappings":"gNAKsB,EAClBA,MAAAA,EAAQ,EACRC,QAAAA,EAAU,QACVC,gBAAAA,EACAC,UAAAA,EACAC,eAAAA,EAAiB,aACjBC,OAAAA,GAAS,KACNC,MAEG,MAAAC,EAAkBC,mBAAiBR,GAErC,GAAAA,IAAUO,EACH,OAAA,KAGL,MAAAE,EAAqBC,EAAAA,KAAK,aAAcP,EAAW,CACrD,qBAAkC,WAAZF,EACtB,oBAAiC,UAAZA,EACrB,qBAAsBI,IAItB,OAAAM,EAAAA,KAAC,OAAA,CACG,YAAU,OACVR,UAAWM,EACX,kBAAiBL,EACjB,cAAY,aACZQ,MAAOV,KACHI,EAEJO,SAAA,CAACC,EAAAA,IAAA,OAAA,CAAKX,UAAU,0CAChBW,EAAAA,IAAC,OAAK,CAAAX,UAAU,4CAChBW,EAAAA,IAAC,OAAK,CAAAX,UAAU,2CACfW,EAAAA,IAAA,OAAA,CAAKX,UAAU,cAAeU,SAAgBX,MAAA"}
+{"version":3,"file":"Loader.cjs","sources":["../../../../src/components/loader/Loader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { LoaderProps } from \"./types.js\";\nimport { useDelayedRender } from \"./useDelayedRender.js\";\n\nexport const Loader = ({\n    delay = 0,\n    variant = \"large\",\n    textDescription,\n    className,\n    dataTestAutoId = \"jkl-loader\",\n    inline = false,\n    ...rest\n}: LoaderProps): JSX.Element | null => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    const componentClassName = clsx(\"jkl-loader\", className, {\n        \"jkl-loader--medium\": variant === \"medium\",\n        \"jkl-loader--small\": variant === \"small\",\n        \"jkl-loader--inline\": inline,\n    });\n\n    return (\n        <span\n            aria-busy=\"true\"\n            className={componentClassName}\n            data-testautoid={dataTestAutoId}\n            data-testid=\"jkl-loader\"\n            title={textDescription}\n            {...rest}\n        >\n            <span className=\"jkl-loader__dot jkl-loader__dot--left\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--middle\" />\n            <span className=\"jkl-loader__dot jkl-loader__dot--right\" />\n            <span className=\"jkl-sr-only\">{textDescription}</span>\n        </span>\n    );\n};\n"],"names":["delay","variant","textDescription","className","dataTestAutoId","inline","rest","renderComponent","useDelayedRender","componentClassName","clsx","jsxs","title","children","jsx"],"mappings":"uOAKsB,EAClBA,MAAAA,EAAQ,EACRC,QAAAA,EAAU,QACVC,gBAAAA,EACAC,UAAAA,EACAC,eAAAA,EAAiB,aACjBC,OAAAA,GAAS,KACNC,MAEG,MAAAC,EAAkBC,mBAAiBR,GAErC,GAAAA,IAAUO,EACH,OAAA,KAGL,MAAAE,EAAqBC,EAAAA,KAAK,aAAcP,EAAW,CACrD,qBAAkC,WAAZF,EACtB,oBAAiC,UAAZA,EACrB,qBAAsBI,IAItB,OAAAM,EAAAA,KAAC,OAAA,CACG,YAAU,OACVR,UAAWM,EACX,kBAAiBL,EACjB,cAAY,aACZQ,MAAOV,KACHI,EAEJO,SAAA,CAACC,EAAAA,IAAA,OAAA,CAAKX,UAAU,0CAChBW,EAAAA,IAAC,OAAK,CAAAX,UAAU,4CAChBW,EAAAA,IAAC,OAAK,CAAAX,UAAU,2CACfW,EAAAA,IAAA,OAAA,CAAKX,UAAU,cAAeU,SAAgBX,MAAA"}

package/build/cjs/components/loader/skeletons/SkeletonAnimation.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("../useDelayedRender.cjs");exports.SkeletonAnimation=({className:r,delay:n=0,density:a,textDescription:i="Vennligst vent",...l})=>{const o=s.useDelayedRender(n);return n&&!o?null:e.jsx("div",{className:t.clsx("jkl-skeleton-animation",r),"aria-busy":"true","aria-label":i,...l,"data-density":a})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");require("react");const r=require("../useDelayedRender.cjs");exports.SkeletonAnimation=({className:s,delay:n=0,density:a,textDescription:i="Vennligst vent",...l})=>{const c=r.useDelayedRender(n);return n&&!c?null:e.jsx("div",{className:t.clsx("jkl-skeleton-animation",s),"aria-busy":"true","aria-label":i,...l,"data-density":a})};
 //# sourceMappingURL=SkeletonAnimation.cjs.map

package/build/cjs/components/loader/skeletons/SkeletonAnimation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonAnimation.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonAnimation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonAnimationProps } from \"../types.js\";\nimport { useDelayedRender } from \"../useDelayedRender.js\";\n\nexport const SkeletonAnimation = ({\n    className,\n    delay = 0,\n    density,\n    textDescription = \"Vennligst vent\",\n    ...rest\n}: SkeletonAnimationProps) => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-animation\", className)}\n            aria-busy=\"true\"\n            aria-label={textDescription}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n"],"names":["className","delay","density","textDescription","rest","renderComponent","useDelayedRender","jsx","clsx"],"mappings":"+NAKiC,EAC7BA,UAAAA,EACAC,MAAAA,EAAQ,EACRC,QAAAA,EACAC,gBAAAA,EAAkB,oBACfC,MAEG,MAAAC,EAAkBC,mBAAiBL,GAErC,OAAAA,IAAUI,EACH,KAIPE,EAAAA,IAAC,MAAA,CACGP,UAAWQ,EAAAA,KAAK,yBAA0BR,GAC1C,YAAU,OACV,aAAYG,KACRC,EACJ,eAAcF,GAAA"}
+{"version":3,"file":"SkeletonAnimation.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonAnimation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonAnimationProps } from \"../types.js\";\nimport { useDelayedRender } from \"../useDelayedRender.js\";\n\nexport const SkeletonAnimation = ({\n    className,\n    delay = 0,\n    density,\n    textDescription = \"Vennligst vent\",\n    ...rest\n}: SkeletonAnimationProps) => {\n    const renderComponent = useDelayedRender(delay);\n\n    if (delay && !renderComponent) {\n        return null;\n    }\n\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-animation\", className)}\n            aria-busy=\"true\"\n            aria-label={textDescription}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n"],"names":["className","delay","density","textDescription","rest","renderComponent","useDelayedRender","jsx","clsx"],"mappings":"sPAKiC,EAC7BA,UAAAA,EACAC,MAAAA,EAAQ,EACRC,QAAAA,EACAC,gBAAAA,EAAkB,oBACfC,MAEG,MAAAC,EAAkBC,mBAAiBL,GAErC,OAAAA,IAAUI,EACH,KAIPE,EAAAA,IAAC,MAAA,CACGP,UAAWQ,EAAAA,KAAK,yBAA0BR,GAC1C,YAAU,OACV,aAAYG,KACRC,EACJ,eAAcF,GAAA"}

package/build/cjs/components/loader/skeletons/SkeletonButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./SkeletonElement.cjs");exports.SkeletonButton=({style:r,density:o,...s})=>e.jsx(t.SkeletonElement,{...s,height:"compact"===o?24:40,style:{borderRadius:"999px",...r}});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const t=require("./SkeletonElement.cjs");exports.SkeletonButton=({style:r,density:o,...s})=>e.jsx(t.SkeletonElement,{...s,height:"compact"===o?24:40,style:{borderRadius:"999px",...r}});
 //# sourceMappingURL=SkeletonButton.cjs.map

package/build/cjs/components/loader/skeletons/SkeletonButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonButton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SkeletonButtonProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\n\nexport const SkeletonButton = ({\n    style,\n    density,\n    ...rest\n}: SkeletonButtonProps) => {\n    return (\n        <SkeletonElement\n            {...rest}\n            height={density === \"compact\" ? 24 : 40}\n            style={{ borderRadius: \"999px\", ...style }}\n        />\n    );\n};\n"],"names":["style","density","rest","jsx","SkeletonElement","height","borderRadius"],"mappings":"+KAI8B,EAC1BA,MAAAA,EACAC,QAAAA,KACGC,KAGCC,EAAAA,IAACC,EAAAA,gBAAA,IACOF,EACJG,OAAoB,YAAZJ,EAAwB,GAAK,GACrCD,MAAO,CAAEM,aAAc,WAAYN"}
+{"version":3,"file":"SkeletonButton.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonButton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SkeletonButtonProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\n\nexport const SkeletonButton = ({\n    style,\n    density,\n    ...rest\n}: SkeletonButtonProps) => {\n    return (\n        <SkeletonElement\n            {...rest}\n            height={density === \"compact\" ? 24 : 40}\n            style={{ borderRadius: \"999px\", ...style }}\n        />\n    );\n};\n"],"names":["style","density","rest","jsx","SkeletonElement","height","borderRadius"],"mappings":"sMAI8B,EAC1BA,MAAAA,EACAC,QAAAA,KACGC,KAGCC,EAAAA,IAACC,EAAAA,gBAAA,IACOF,EACJG,OAAoB,YAAZJ,EAAwB,GAAK,GACrCD,MAAO,CAAEM,aAAc,WAAYN"}

package/build/cjs/components/loader/skeletons/SkeletonCheckboxGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("./SkeletonElement.cjs"),l=require("./SkeletonLabel.cjs");exports.SkeletonCheckboxGroup=({className:r,checkboxes:o,density:n,labelProps:c,inputProps:i,...a})=>{const k="compact"===n;return e.jsxs("div",{className:t.clsx("jkl-skeleton-input",r),...a,children:[e.jsx(l.SkeletonLabel,{density:n,...c}),Array.from(Array(o)).map(((t,l)=>e.jsxs("div",{className:"jkl-skeleton-input__checkbox",children:[e.jsx(s.SkeletonElement,{width:k?22:24,height:k?22:24}),e.jsx(s.SkeletonElement,{width:k?201:216,height:k?22:24,...i})]},`jkl-skeleton-checkbox-${l}`)))]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");require("react");const s=require("./SkeletonElement.cjs"),r=require("./SkeletonLabel.cjs");exports.SkeletonCheckboxGroup=({className:l,checkboxes:o,density:c,labelProps:n,inputProps:i,...a})=>{const k="compact"===c;return e.jsxs("div",{className:t.clsx("jkl-skeleton-input",l),...a,children:[e.jsx(r.SkeletonLabel,{density:c,...n}),Array.from(Array(o)).map(((t,r)=>e.jsxs("div",{className:"jkl-skeleton-input__checkbox",children:[e.jsx(s.SkeletonElement,{width:k?22:24,height:k?22:24}),e.jsx(s.SkeletonElement,{width:k?201:216,height:k?22:24,...i})]},`jkl-skeleton-checkbox-${r}`)))]})};
 //# sourceMappingURL=SkeletonCheckboxGroup.cjs.map

package/build/cjs/components/loader/skeletons/SkeletonCheckboxGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCheckboxGroup.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonCheckboxGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonCheckboxGroupProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonCheckboxGroup = ({\n    className,\n    checkboxes,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonCheckboxGroupProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            {Array.from(Array(checkboxes)).map((_, index) => (\n                <div\n                    key={`jkl-skeleton-checkbox-${index}`}\n                    className=\"jkl-skeleton-input__checkbox\"\n                >\n                    <SkeletonElement\n                        width={compact ? 22 : 24}\n                        height={compact ? 22 : 24}\n                    />\n                    <SkeletonElement\n                        width={compact ? 201 : 216}\n                        height={compact ? 22 : 24}\n                        {...inputProps}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["className","checkboxes","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"kQAMqC,EACjCA,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAAA,KAAC,OAAIP,UAAWQ,EAAAA,KAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAA,IAAAC,EAAAA,cAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAaa,KAAI,CAACC,EAAGC,IACnCT,EAAAA,KAAC,MAAA,CAEGP,UAAU,+BAEVS,SAAA,CAAAC,EAAAA,IAACO,EAAAA,gBAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,KAE3BI,EAAAA,IAACO,EAAAA,gBAAA,CACGC,MAAOZ,EAAU,IAAM,IACvBa,OAAQb,EAAU,GAAK,MACnBF,MAVH,yBAAyBY,SAc1C"}
+{"version":3,"file":"SkeletonCheckboxGroup.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonCheckboxGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonCheckboxGroupProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonCheckboxGroup = ({\n    className,\n    checkboxes,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonCheckboxGroupProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            {Array.from(Array(checkboxes)).map((_, index) => (\n                <div\n                    key={`jkl-skeleton-checkbox-${index}`}\n                    className=\"jkl-skeleton-input__checkbox\"\n                >\n                    <SkeletonElement\n                        width={compact ? 22 : 24}\n                        height={compact ? 22 : 24}\n                    />\n                    <SkeletonElement\n                        width={compact ? 201 : 216}\n                        height={compact ? 22 : 24}\n                        {...inputProps}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["className","checkboxes","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"yRAMqC,EACjCA,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAAA,KAAC,OAAIP,UAAWQ,EAAAA,KAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAA,IAAAC,EAAAA,cAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAaa,KAAI,CAACC,EAAGC,IACnCT,EAAAA,KAAC,MAAA,CAEGP,UAAU,+BAEVS,SAAA,CAAAC,EAAAA,IAACO,EAAAA,gBAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,KAE3BI,EAAAA,IAACO,EAAAA,gBAAA,CACGC,MAAOZ,EAAU,IAAM,IACvBa,OAAQb,EAAU,GAAK,MACnBF,MAVH,yBAAyBY,SAc1C"}

package/build/cjs/components/loader/skeletons/SkeletonElement.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");exports.SkeletonElement=({shape:s="rect",width:l,height:r,style:i,className:c,...n})=>e.jsx("div",{className:t.clsx("jkl-skeleton-element",`jkl-skeleton-element--${s}`,c),style:{width:l,height:r,...i},...n});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");require("react");exports.SkeletonElement=({shape:s="rect",width:l,height:r,style:i,className:c,...n})=>e.jsx("div",{className:t.clsx("jkl-skeleton-element",`jkl-skeleton-element--${s}`,c),style:{width:l,height:r,...i},...n});
 //# sourceMappingURL=SkeletonElement.cjs.map

package/build/cjs/components/loader/skeletons/SkeletonElement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonElement.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonElement.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonElementProps } from \"../types.js\";\n\nexport const SkeletonElement = ({\n    shape = \"rect\",\n    width,\n    height,\n    style,\n    className,\n    ...rest\n}: SkeletonElementProps) => {\n    return (\n        <div\n            className={clsx(\n                \"jkl-skeleton-element\",\n                `jkl-skeleton-element--${shape}`,\n                className,\n            )}\n            style={{ width, height, ...style }}\n            {...rest}\n        />\n    );\n};\n"],"names":["shape","width","height","style","className","rest","jsx","clsx"],"mappings":"wLAI+B,EAC3BA,MAAAA,EAAQ,OACRC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,IAAC,MAAA,CACGF,UAAWG,EAAAA,KACP,uBACA,yBAAyBP,IACzBI,GAEJD,MAAO,CAAEF,MAAAA,EAAOC,OAAAA,KAAWC,MACvBE"}
+{"version":3,"file":"SkeletonElement.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonElement.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonElementProps } from \"../types.js\";\n\nexport const SkeletonElement = ({\n    shape = \"rect\",\n    width,\n    height,\n    style,\n    className,\n    ...rest\n}: SkeletonElementProps) => {\n    return (\n        <div\n            className={clsx(\n                \"jkl-skeleton-element\",\n                `jkl-skeleton-element--${shape}`,\n                className,\n            )}\n            style={{ width, height, ...style }}\n            {...rest}\n        />\n    );\n};\n"],"names":["shape","width","height","style","className","rest","jsx","clsx"],"mappings":"yMAI+B,EAC3BA,MAAAA,EAAQ,OACRC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,IAAC,MAAA,CACGF,UAAWG,EAAAA,KACP,uBACA,yBAAyBP,IACzBI,GAEJD,MAAO,CAAEF,MAAAA,EAAOC,OAAAA,KAAWC,MACvBE"}

package/build/cjs/components/loader/skeletons/SkeletonInput.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("./SkeletonElement.cjs"),l=require("./SkeletonLabel.cjs");exports.SkeletonInput=({className:r,density:n,labelProps:o,inputProps:i,...c})=>{const u="compact"===n;return e.jsxs("div",{className:t.clsx("jkl-skeleton-input",r),...c,children:[e.jsx(l.SkeletonLabel,{density:n,...o}),e.jsx(s.SkeletonElement,{width:u?301:316,height:u?32:48,...i})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");require("react");const s=require("./SkeletonElement.cjs"),r=require("./SkeletonLabel.cjs");exports.SkeletonInput=({className:l,density:n,labelProps:o,inputProps:c,...i})=>{const u="compact"===n;return e.jsxs("div",{className:t.clsx("jkl-skeleton-input",l),...i,children:[e.jsx(r.SkeletonLabel,{density:n,...o}),e.jsx(s.SkeletonElement,{width:u?301:316,height:u?32:48,...c})]})};
 //# sourceMappingURL=SkeletonInput.cjs.map

package/build/cjs/components/loader/skeletons/SkeletonInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonInput.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonInputProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonInput = ({\n    className,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonInputProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement\n                width={compact ? 301 : 316}\n                height={compact ? 32 : 48}\n                {...inputProps}\n            />\n        </div>\n    );\n};\n"],"names":["className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"0PAM6B,EACzBA,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAAA,KAAC,OAAIN,UAAWO,EAAAA,KAAK,qBAAsBP,MAAgBI,EACvDI,SAAA,CAACC,EAAAA,IAAAC,EAAAA,cAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAAAA,IAACE,EAAAA,gBAAA,CACGC,MAAOP,EAAU,IAAM,IACvBQ,OAAQR,EAAU,GAAK,MACnBF,MAEZ"}
+{"version":3,"file":"SkeletonInput.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonInputProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonInput = ({\n    className,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonInputProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement\n                width={compact ? 301 : 316}\n                height={compact ? 32 : 48}\n                {...inputProps}\n            />\n        </div>\n    );\n};\n"],"names":["className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"iRAM6B,EACzBA,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAAA,KAAC,OAAIN,UAAWO,EAAAA,KAAK,qBAAsBP,MAAgBI,EACvDI,SAAA,CAACC,EAAAA,IAAAC,EAAAA,cAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAAAA,IAACE,EAAAA,gBAAA,CACGC,MAAOP,EAAU,IAAM,IACvBQ,OAAQR,EAAU,GAAK,MACnBF,MAEZ"}

package/build/cjs/components/loader/skeletons/SkeletonLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./SkeletonElement.cjs");exports.SkeletonLabel=({density:r,...n})=>{const o="compact"===r;return e.jsx(t.SkeletonElement,{...n,width:o?100:115,height:o?12:16})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const t=require("./SkeletonElement.cjs");exports.SkeletonLabel=({density:r,...n})=>{const o="compact"===r;return e.jsx(t.SkeletonElement,{...n,width:o?100:115,height:o?12:16})};
 //# sourceMappingURL=SkeletonLabel.cjs.map

package/build/cjs/components/loader/skeletons/SkeletonLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLabel.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SkeletonLabelProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\n\nexport const SkeletonLabel = ({ density, ...rest }: SkeletonLabelProps) => {\n    const compact = density === \"compact\";\n    return (\n        <SkeletonElement\n            {...rest}\n            width={compact ? 100 : 115}\n            height={compact ? 12 : 16}\n        />\n    );\n};\n"],"names":["density","rest","compact","jsx","SkeletonElement","width","height"],"mappings":"8KAI6B,EAAGA,QAAAA,KAAYC,MACxC,MAAMC,EAAsB,YAAZF,EAEZ,OAAAG,EAAAA,IAACC,EAAAA,gBAAA,IACOH,EACJI,MAAOH,EAAU,IAAM,IACvBI,OAAQJ,EAAU,GAAK,IAAA"}
+{"version":3,"file":"SkeletonLabel.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SkeletonLabelProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\n\nexport const SkeletonLabel = ({ density, ...rest }: SkeletonLabelProps) => {\n    const compact = density === \"compact\";\n    return (\n        <SkeletonElement\n            {...rest}\n            width={compact ? 100 : 115}\n            height={compact ? 12 : 16}\n        />\n    );\n};\n"],"names":["density","rest","compact","jsx","SkeletonElement","width","height"],"mappings":"qMAI6B,EAAGA,QAAAA,KAAYC,MACxC,MAAMC,EAAsB,YAAZF,EAEZ,OAAAG,EAAAA,IAACC,EAAAA,gBAAA,IACOH,EACJI,MAAOH,EAAU,IAAM,IACvBI,OAAQJ,EAAU,GAAK,IAAA"}

package/build/cjs/components/loader/skeletons/SkeletonRadioButtonGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs"),s=require("./SkeletonElement.cjs"),r=require("./SkeletonLabel.cjs");exports.SkeletonRadioButtonGroup=({className:l,radioButtons:o,density:n,labelProps:i,inputProps:c,...a})=>{const u="compact"===n;return e.jsxs("div",{className:t.clsx("jkl-skeleton-input",l),...a,children:[e.jsx(r.SkeletonLabel,{density:n,...i}),Array.from(Array(o)).map(((t,r)=>e.jsxs("div",{className:"jkl-skeleton-input__checkbox",children:[e.jsx(s.SkeletonElement,{width:u?22:24,height:u?22:24,style:{borderRadius:"50%"}}),e.jsx(s.SkeletonElement,{width:u?201:216,height:u?22:24,...c})]},`jkl-skeleton-checkbox-${r}`)))]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../clsx-E3yX_9sL.cjs");require("react");const s=require("./SkeletonElement.cjs"),r=require("./SkeletonLabel.cjs");exports.SkeletonRadioButtonGroup=({className:l,radioButtons:o,density:n,labelProps:i,inputProps:c,...a})=>{const u="compact"===n;return e.jsxs("div",{className:t.clsx("jkl-skeleton-input",l),...a,children:[e.jsx(r.SkeletonLabel,{density:n,...i}),Array.from(Array(o)).map(((t,r)=>e.jsxs("div",{className:"jkl-skeleton-input__checkbox",children:[e.jsx(s.SkeletonElement,{width:u?22:24,height:u?22:24,style:{borderRadius:"50%"}}),e.jsx(s.SkeletonElement,{width:u?201:216,height:u?22:24,...c})]},`jkl-skeleton-checkbox-${r}`)))]})};
 //# sourceMappingURL=SkeletonRadioButtonGroup.cjs.map