@fremtind/jokul 0.66.0 → 0.66.1

package/build/es/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","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":["Image","className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"mQAMO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,YAAAA,EACAC,IAAAA,KACGC,MAEG,MAACC,EAAUC,GAAeC,KACzBC,EAAcC,GACjBC,EAAqC,KAGrC,OAAAC,EAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,EAAC,MAAA,CACGd,UAAU,yBACVE,IAAAA,EACAa,IAAKd,GAAeE,EAAgBY,MAGxCD,EAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}
+{"version":3,"file":"Image.js","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":["Image","className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"iRAMO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,YAAAA,EACAC,IAAAA,KACGC,MAEG,MAACC,EAAUC,GAAeC,KACzBC,EAAcC,GACjBC,EAAqC,KAGrC,OAAAC,EAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,EAAC,MAAA,CACGd,UAAU,yBACVE,IAAAA,EACAa,IAAKd,GAAeE,EAAgBY,MAGxCD,EAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}

package/build/es/components/image/stories/Image.stories.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{Image as e}from"../Image.js";const s="/images/dog-400.jpg",t={title:"Komponenter/Image",component:e,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"]}}},i={args:{className:"fluid"},render:s=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...s})})},r={args:{className:"static"},render:s=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...s})})};export{i as Fluid,r as Static,t as default};
+import{jsx as a}from"react/jsx-runtime";import"react";import{Image as e}from"../Image.js";const t="/images/dog-400.jpg",s={title:"Komponenter/Image",component:e,parameters:{layout:"centered"},tags:["autodocs"],args:{src:t,srcSet:`${t} 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:t=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...t})})},i={args:{className:"static"},render:t=>a("div",{style:{width:"50vw",height:"auto"},children:a(e,{...t})})};export{r as Fluid,i as Static,s as default};
 //# sourceMappingURL=Image.stories.js.map

package/build/es/components/image/stories/Image.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.stories.js","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":"4EAOA,MAAMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EACXC,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,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc"}
+{"version":3,"file":"Image.stories.js","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":"0FAOA,MAAMA,EAAS,sBAMAC,EAAA,CACXC,MAAO,oBACPC,UAAWC,EACXC,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,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc,OAMdM,EAA+B,CACxChB,KAAM,CACFK,UAAW,UAEfI,OAASC,GAEAC,EAAA,MAAA,CAAIC,MAAO,CAAEC,MAAO,OAAQC,OAAQ,QACjCC,SAAAJ,EAACf,EAAO,IAAGc"}

package/build/es/components/input-group/FieldGroup.js

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

package/build/es/components/input-group/FieldGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","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":["FieldGroup","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":"qPAOa,MAAAA,EAAmCC,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,EAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAClB,QACAD,EACE,YACA,EAEFW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAACe,EAAA,SAAA,CAAOhB,UAAU,0BACdC,SAAAe,EAACC,MAAUpB,EAAYO,QAAAA,EAClBH,SAAAF,EAEOe,EAAAI,EAAA,CAAAjB,SAAA,CAAAe,EAAC,QAAKG,MAAO,CAAEC,WAAY,UACtBnB,SACLL,IACC,IACAG,KAGLH,MAIXK,GACCC,GAAaC,IACXa,EAACK,EAAA,IACOvB,EACJwB,MAAOX,EACPY,UAAWX,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}
+{"version":3,"file":"FieldGroup.js","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":["FieldGroup","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":"mQAOa,MAAAA,EAAmCC,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,EAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAClB,QACAD,EACE,YACA,EAEFW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAACe,EAAA,SAAA,CAAOhB,UAAU,0BACdC,SAAAe,EAACC,MAAUpB,EAAYO,QAAAA,EAClBH,SAAAF,EAEOe,EAAAI,EAAA,CAAAjB,SAAA,CAAAe,EAAC,QAAKG,MAAO,CAAEC,WAAY,UACtBnB,SACLL,IACC,IACAG,KAGLH,MAIXK,GACCC,GAAaC,IACXa,EAACK,EAAA,IACOvB,EACJwB,MAAOX,EACPY,UAAWX,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}

package/build/es/components/input-group/Label.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";const s=({variant:s="small",density:n,srOnly:t,children:l,standAlone:o,htmlFor:r,className:c="",...i})=>{const d=a("jkl-label",c,{[`jkl-label--${s}`]:s,"jkl-label--sr-only":t}),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(p,{...i,className:d,htmlFor:r,"data-density":n,children:l})};export{s as Label};
+import{jsx as e}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import"react";const s=({variant:s="small",density:t,srOnly:n,children:l,standAlone:o,htmlFor:r,className:c="",...i})=>{const p=a("jkl-label",c,{[`jkl-label--${s}`]:s,"jkl-label--sr-only":n}),d=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(d,{...i,className:p,htmlFor:r,"data-density":t,children:l})};export{s as Label};
 //# sourceMappingURL=Label.js.map

package/build/es/components/input-group/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","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":["Label","variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"sFAIO,MAAMA,EAAwB,EACjCC,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEGC,MAAAA,EAAkBC,EAAK,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,EAACN,EAAA,IACOH,EACJD,UAAWE,EACXH,QAAAA,EACA,eAAcJ,EAEbE,SAAAA,GAAA"}
+{"version":3,"file":"Label.js","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":["Label","variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"oGAIO,MAAMA,EAAwB,EACjCC,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEGC,MAAAA,EAAkBC,EAAK,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,EAACN,EAAA,IACOH,EACJD,UAAWE,EACXH,QAAAA,EACA,eAAcJ,EAEbE,SAAAA,GAAA"}

package/build/es/components/input-group/SupportLabel.js

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as s}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import{ErrorIcon as l}from"../icon/icons/ErrorIcon.js";import{SuccessIcon as a}from"../icon/icons/SuccessIcon.js";import{WarningIcon as e}from"../icon/icons/WarningIcon.js";const n=({id:n,helpLabel:c,errorLabel:p,label:t,labelType:i="help",density:m,className:j,srOnly:u,...b})=>{const f=p||c||t,d="error"===i,k="success"===i,h=f?o("jkl-form-support-label",j,{"jkl-form-support-label--sr-only":u,"jkl-form-support-label--help":"help"===i||c&&!p,"jkl-form-support-label--error":d,"jkl-form-support-label--warning":"warning"===i||p,"jkl-form-support-label--success":k}):"jkl-dormant-form-support-label";return r("span",{id:n,className:h,...f?b:{},"data-density":m,children:[s(d?l:k?a:e,{variant:"small",className:"jkl-form-support-label__icon"}),s("span",{children:p||c||t})]})};export{n as SupportLabel};
+import{jsxs as r,jsx as s}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import"react";import{ErrorIcon as l}from"../icon/icons/ErrorIcon.js";import{SuccessIcon as a}from"../icon/icons/SuccessIcon.js";import{WarningIcon as e}from"../icon/icons/WarningIcon.js";const n=({id:n,helpLabel:c,errorLabel:p,label:t,labelType:i="help",density:m,className:j,srOnly:u,...b})=>{const f=p||c||t,d="error"===i,k="success"===i,h=f?o("jkl-form-support-label",j,{"jkl-form-support-label--sr-only":u,"jkl-form-support-label--help":"help"===i||c&&!p,"jkl-form-support-label--error":d,"jkl-form-support-label--warning":"warning"===i||p,"jkl-form-support-label--success":k}):"jkl-dormant-form-support-label";return r("span",{id:n,className:h,...f?b:{},"data-density":m,children:[s(d?l:k?a:e,{variant:"small",className:"jkl-form-support-label__icon"}),s("span",{children:p||c||t})]})};export{n as SupportLabel};
 //# sourceMappingURL=SupportLabel.js.map

package/build/es/components/input-group/SupportLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportLabel.js","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":["SupportLabel","id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isError","isSuccess","componentClassName","clsx","jsxs","children","jsx","ErrorIcon","SuccessIcon","WarningIcon","variant"],"mappings":"6QAOO,MAAMA,EAAsC,EAC/CC,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEGC,MAAAA,EAAWP,GAAcD,GAAaE,EAItCO,EAAwB,UAAdN,EACVO,EAA0B,YAAdP,EAEZQ,EAAqBH,EACrBI,EAAK,yBAA0BP,EAAW,CACtC,kCAAmCC,EACnC,+BARmB,SAAdH,GAAyBH,IAAcC,EAS5C,gCAAiCQ,EACjC,kCATsB,YAAdN,GAA2BF,EAUnC,kCAAmCS,IAEvC,iCAOF,OAAAG,EAAC,OAAA,CACGd,GAAAA,EACAM,UAAWM,KAPDH,EAAWD,EAAO,GAS5B,eAAcH,EAEdU,SAAA,CAAAC,EATKN,EAAUO,EAAYN,EAAYO,EAAcC,EAS/C,CAAAC,QAAQ,QAAQd,UAAU,iCAC/BU,EAAA,OAAA,CAAMD,SAAcb,GAAAD,GAAaE,MAAM"}
+{"version":3,"file":"SupportLabel.js","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":["SupportLabel","id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isError","isSuccess","componentClassName","clsx","jsxs","children","jsx","ErrorIcon","SuccessIcon","WarningIcon","variant"],"mappings":"2RAOO,MAAMA,EAAsC,EAC/CC,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEGC,MAAAA,EAAWP,GAAcD,GAAaE,EAItCO,EAAwB,UAAdN,EACVO,EAA0B,YAAdP,EAEZQ,EAAqBH,EACrBI,EAAK,yBAA0BP,EAAW,CACtC,kCAAmCC,EACnC,+BARmB,SAAdH,GAAyBH,IAAcC,EAS5C,gCAAiCQ,EACjC,kCATsB,YAAdN,GAA2BF,EAUnC,kCAAmCS,IAEvC,iCAOF,OAAAG,EAAC,OAAA,CACGd,GAAAA,EACAM,UAAWM,KAPDH,EAAWD,EAAO,GAS5B,eAAcH,EAEdU,SAAA,CAAAC,EATKN,EAAUO,EAAYN,EAAYO,EAAcC,EAS/C,CAAAC,QAAQ,QAAQd,UAAU,iCAC/BU,EAAA,OAAA,CAAMD,SAAcb,GAAAD,GAAaE,MAAM"}

package/build/es/components/input-group/stories/FieldGroup.stories.js

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

package/build/es/components/input-group/stories/FieldGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.stories.js","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":"yRAQA,MAAMA,EAAa,CACfC,MAAO,oCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,KAAM,aASZC,EACFC,EAACC,EAAS,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,EAAArB,EAAA,IAAeoB,EAAOf,QAASA,EAAUE,OAAmB,EACzDe,SAAA,CAAAd,EAACe,GAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,YACAd,EAACe,GAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,WACAd,EAACe,GAASX,KAAK,YAAYY,MAAM,YAAYC,SAAS,EAAOH,SAE7D"}
+{"version":3,"file":"FieldGroup.stories.js","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":"uSAQA,MAAMA,EAAa,CACfC,MAAO,oCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,QAAS,CACLC,KAAM,aASZC,EACFC,EAACC,EAAS,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,EAAArB,EAAA,IAAeoB,EAAOf,QAASA,EAAUE,OAAmB,EACzDe,SAAA,CAAAd,EAACe,GAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,YACAd,EAACe,GAASX,KAAK,YAAYY,MAAM,QAAQC,SAAS,EAAOH,SAEzD,WACAd,EAACe,GAASX,KAAK,YAAYY,MAAM,YAAYC,SAAS,EAAOH,SAE7D"}

package/build/es/components/input-group/stories/InputGroup.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{BaseTextInput as e}from"../../text-input/BaseTextInput.js";import{InputGroup as r}from"../InputGroup.js";/* empty css                         *//* empty css                         */const o={title:"Komponenter/InputGroup",component:r,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},p={name:"InputGroup",args:{label:"Fødeselsnummer"},render:o=>t(r,{...o,children:t(e,{})})};export{p as InputGroupStory,o as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import{BaseTextInput as e}from"../../text-input/BaseTextInput.js";import{InputGroup as r}from"../InputGroup.js";/* empty css                         *//* empty css                         */const o={title:"Komponenter/InputGroup",component:r,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},p={name:"InputGroup",args:{label:"Fødeselsnummer"},render:o=>t(r,{...o,children:t(e,{})})};export{p as InputGroupStory,o as default};
 //# sourceMappingURL=InputGroup.stories.js.map

package/build/es/components/input-group/stories/InputGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.stories.js","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":"sOAOA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFJ,MAAO,kBAEXK,OAASC,GACLC,EAACZ,MAAeW,EACZE,SAACD,EAAAE,EAAA,CAAA"}
+{"version":3,"file":"InputGroup.stories.js","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":"oPAOA,MAAMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAAyB,CAClCC,KAAM,aACNC,KAAM,CACFJ,MAAO,kBAEXK,OAASC,GACLC,EAACZ,MAAeW,EACZE,SAACD,EAAAE,EAAA,CAAA"}

package/build/es/components/input-group/stories/Label.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{Label as a}from"../Label.js";/* empty css                         */const t={title:"Komponenter/InputGroup/Label",component:a,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Label",args:{variant:"small",standAlone:!1,srOnly:!1},render:t=>e(a,{...t,children:"Label"})};export{r as LabelStory,t as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{Label as a}from"../Label.js";/* empty css                         */const t={title:"Komponenter/InputGroup/Label",component:a,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Label",args:{variant:"small",standAlone:!1,srOnly:!1},render:t=>e(a,{...t,children:"Label"})};export{r as LabelStory,t as default};
 //# sourceMappingURL=Label.stories.js.map

package/build/es/components/input-group/stories/Label.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.stories.js","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":"mHAKA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,QAAS,QACTC,YAAY,EACZC,QAAQ,GAEZC,OAASC,KAAWX,EAAO,IAAGW,EAAOC,SAAK"}
+{"version":3,"file":"Label.stories.js","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":"iIAKA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,QAAS,QACTC,YAAY,EACZC,QAAQ,GAEZC,OAASC,KAAWX,EAAO,IAAGW,EAAOC,SAAK"}

package/build/es/components/input-group/stories/SupportLabel.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{SupportLabel as t}from"../SupportLabel.js";/* empty css                         */const a={title:"Komponenter/InputGroup/SupportLabel",component:t,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},r={name:"SupportLabel",args:{labelType:"help"},render:a=>e(t,{...a,label:a.label?a.label:`Dette er en ${a.labelType} label`})};export{r as SupportLabelStory,a as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{SupportLabel as t}from"../SupportLabel.js";/* empty css                         */const a={title:"Komponenter/InputGroup/SupportLabel",component:t,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{label:{control:"text"}}},r={name:"SupportLabel",args:{labelType:"help"},render:a=>e(t,{...a,label:a.label?a.label:`Dette er en ${a.labelType} label`})};export{r as SupportLabelStory,a as default};
 //# sourceMappingURL=SupportLabel.stories.js.map

package/build/es/components/input-group/stories/SupportLabel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportLabel.stories.js","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":"iIAMA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAA2B,CACpCC,KAAM,eACNC,KAAM,CACFC,UAAW,QAEfC,OAASC,GACLC,EAACb,EAAA,IACOY,EACJP,MACIO,EAAMP,MACAO,EAAMP,MACN,eAAeO,EAAMF"}
+{"version":3,"file":"SupportLabel.stories.js","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":"+IAMA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,QAAS,UASRC,EAA2B,CACpCC,KAAM,eACNC,KAAM,CACFC,UAAW,QAEfC,OAASC,GACLC,EAACb,EAAA,IACOY,EACJP,MACIO,EAAMP,MACAO,EAAMP,MACN,eAAeO,EAAMF"}

package/build/es/components/link/stories/Link.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{Link as e}from"../Link.js";const r={title:"Komponenter/Link",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{href:{control:"text",defaultValue:"https://www.fremtind.no"}}},a={name:"Link",args:{children:"Example Link",external:!1,as:"a",target:"#",href:"https://www.fremtind.no"},render:r=>t(e,{style:{cursor:"pointer"},...r,as:r.as||"a"})};export{a as LinkStory,r as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import{Link as e}from"../Link.js";const r={title:"Komponenter/Link",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{href:{control:"text",defaultValue:"https://www.fremtind.no"}}},a={name:"Link",args:{children:"Example Link",external:!1,as:"a",target:"#",href:"https://www.fremtind.no"},render:r=>t(e,{style:{cursor:"pointer"},...r,as:r.as||"a"})};export{a as LinkStory,r as default};
 //# sourceMappingURL=Link.stories.js.map

package/build/es/components/link/stories/Link.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.stories.js","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":"0EAKA,MAAMA,EAAa,CACfC,MAAO,mBACPC,UAAWC,EACXC,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,EAAAjB,EAAA,CAAKkB,MAAO,CAAEC,OAAQ,cAAiBH,EAAOH,GAAIG,EAAMH,IAAM"}
+{"version":3,"file":"Link.stories.js","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":"wFAKA,MAAMA,EAAa,CACfC,MAAO,mBACPC,UAAWC,EACXC,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,EAAAjB,EAAA,CAAKkB,MAAO,CAAEC,OAAQ,cAAiBH,EAAOH,GAAIG,EAAMH,IAAM"}

package/build/es/components/link-list/stories/LinkList.stories.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{LinkList as n}from"../LinkList.js";const i={title:"Komponenter/List/LinkList",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:i=>e(n,{style:{minWidth:"50vw"},...i,children:[r(n.Item,{children:r(n.Link,{href:"#",children:"SpareBank 1"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"DNB"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"LOfavør"})}),r(n.Item,{children:r(n.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};export{t as LinkListStory,i as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{LinkList as i}from"../LinkList.js";const n={title:"Komponenter/List/LinkList",component:i,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{variant:{control:"radio",options:["ordered","unordered"]}}},t={name:"LinkList",args:{variant:"unordered"},render:n=>e(i,{style:{minWidth:"50vw"},...n,children:[r(i.Item,{children:r(i.Link,{href:"#",children:"SpareBank 1"})}),r(i.Item,{children:r(i.Link,{href:"#",children:"DNB"})}),r(i.Item,{children:r(i.Link,{href:"#",children:"LOfavør"})}),r(i.Item,{children:r(i.Link,{href:"#",children:"Norsk Sykepleierforbund"})})]})};export{t as LinkListStory,n as default};
 //# sourceMappingURL=LinkList.stories.js.map

package/build/es/components/link-list/stories/LinkList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.stories.js","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":"4FAKA,MAAMA,EAAa,CACfC,MAAO,4BACPC,UAAWC,EACXC,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,EAAAb,EAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAjB,EAASkB,KAAT,CACGF,SAACC,EAAAjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}
+{"version":3,"file":"LinkList.stories.js","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":"0GAKA,MAAMA,EAAa,CACfC,MAAO,4BACPC,UAAWC,EACXC,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,EAAAb,EAAA,CAASc,MAAO,CAAEC,SAAU,WAAcH,EACvCI,SAAA,CAACC,EAAAjB,EAASkB,KAAT,CACGF,SAACC,EAAAjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,kBAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,UAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA,cAE5BC,EAACjB,EAASkB,KAAT,CACGF,SAAAC,EAACjB,EAASmB,KAAT,CAAcC,KAAK,IAAIJ,SAAA"}

package/build/es/components/list/List.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";function s(s){return({children:d,className:t,...i})=>e("ordered"===s?"ol":"ul",{className:r("jkl-list",t,{"jkl-list--ordered":"ordered"===s}),"data-testid":"jkl-list",...i,children:d})}const d=s("unordered");d.displayName="UnorderedList";const t=s("ordered");t.displayName="OrderedList";const i=d;i.displayName="List";export{i as List,t as OrderedList,d as UnorderedList};
+import{jsx as e}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import"react";function s(s){return({children:d,className:t,...i})=>e("ordered"===s?"ol":"ul",{className:r("jkl-list",t,{"jkl-list--ordered":"ordered"===s}),"data-testid":"jkl-list",...i,children:d})}const d=s("unordered");d.displayName="UnorderedList";const t=s("ordered");t.displayName="OrderedList";const i=d;i.displayName="List";export{i as List,t as OrderedList,d as UnorderedList};
 //# sourceMappingURL=List.js.map

package/build/es/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","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","jsx","clsx","UnorderedList","displayName","OrderedList","List"],"mappings":"sFAMA,SAASA,EAAkBC,GACS,MAAA,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAInDC,EAHmB,YAAbJ,EAAyB,KAAO,KAGrC,CACGE,UAAWG,EAAK,WAAYH,EAAW,CACnC,oBAAkC,YAAbF,IAEzB,cAAY,cACRG,EAEHF,SAAAA,GAKjB,CAEa,MAAAK,EAAgBP,EAAkB,aAC/CO,EAAcC,YAAc,gBACf,MAAAC,EAAcT,EAAkB,WAC7CS,EAAYD,YAAc,cACnB,MAAME,EAAOH,EACpBG,EAAKF,YAAc"}
+{"version":3,"file":"List.js","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","jsx","clsx","UnorderedList","displayName","OrderedList","List"],"mappings":"oGAMA,SAASA,EAAkBC,GACS,MAAA,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAInDC,EAHmB,YAAbJ,EAAyB,KAAO,KAGrC,CACGE,UAAWG,EAAK,WAAYH,EAAW,CACnC,oBAAkC,YAAbF,IAEzB,cAAY,cACRG,EAEHF,SAAAA,GAKjB,CAEa,MAAAK,EAAgBP,EAAkB,aAC/CO,EAAcC,YAAc,gBACf,MAAAC,EAAcT,EAAkB,WAC7CS,EAAYD,YAAc,cACnB,MAAME,EAAOH,EACpBG,EAAKF,YAAc"}

package/build/es/components/list/ListItem.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";function e(e){return({className:i,children:c,...m})=>s("li",{className:t("jkl-list__item",i,{"jkl-list__item--iconed":"normal"!==e,"jkl-list__item--check":"check"===e,"jkl-list__item--cross":"cross"===e}),"data-testid":"jkl-list-item",...m,children:c})}const i=e("normal");i.displayName="ListItem";const c=e("cross");c.displayName="CrossListItem";const m=e("check");m.displayName="CheckListItem";export{m as CheckListItem,c as CrossListItem,i as ListItem};
+import{jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import"react";function e(e){return({className:i,children:c,...m})=>s("li",{className:t("jkl-list__item",i,{"jkl-list__item--iconed":"normal"!==e,"jkl-list__item--check":"check"===e,"jkl-list__item--cross":"cross"===e}),"data-testid":"jkl-list-item",...m,children:c})}const i=e("normal");i.displayName="ListItem";const c=e("cross");c.displayName="CrossListItem";const m=e("check");m.displayName="CheckListItem";export{m as CheckListItem,c as CrossListItem,i as ListItem};
 //# sourceMappingURL=ListItem.js.map

package/build/es/components/list/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","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","className","children","rest","jsx","clsx","ListItem","displayName","CrossListItem","CheckListItem"],"mappings":"sFAUA,SAASA,EAAaC,GACkB,MAAA,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,KAEvDC,EAAC,KAAA,CACGH,UAAWI,EAAK,iBAAkBJ,EAAW,CACzC,yBAA2C,WAAjBD,EAC1B,wBAA0C,UAAjBA,EACzB,wBAA0C,UAAjBA,IAE7B,cAAY,mBACRG,EAEHD,SAAAA,GAKjB,CAEa,MAAAI,EAAWP,EAAa,UACrCO,EAASC,YAAc,WACV,MAAAC,EAAgBT,EAAa,SAC1CS,EAAcD,YAAc,gBACf,MAAAE,EAAgBV,EAAa,SAC1CU,EAAcF,YAAc"}
+{"version":3,"file":"ListItem.js","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","className","children","rest","jsx","clsx","ListItem","displayName","CrossListItem","CheckListItem"],"mappings":"oGAUA,SAASA,EAAaC,GACkB,MAAA,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,KAEvDC,EAAC,KAAA,CACGH,UAAWI,EAAK,iBAAkBJ,EAAW,CACzC,yBAA2C,WAAjBD,EAC1B,wBAA0C,UAAjBA,EACzB,wBAA0C,UAAjBA,IAE7B,cAAY,mBACRG,EAEHD,SAAAA,GAKjB,CAEa,MAAAI,EAAWP,EAAa,UACrCO,EAASC,YAAc,WACV,MAAAC,EAAgBT,EAAa,SAC1CS,EAAcD,YAAc,gBACf,MAAAE,EAAgBV,EAAa,SAC1CU,EAAcF,YAAc"}

package/build/es/components/list/stories/List.stories.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Flex as t}from"../../flex/Flex.js";import{List as s,OrderedList as n,UnorderedList as l}from"../List.js";import{ListItem as i,CheckListItem as d,CrossListItem as o}from"../ListItem.js";const a={title:"Komponenter/List",component:s,subcomponents:{ListItem:i},tags:["autodocs"]},k=["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"],g=["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"],m={name:"OrderedList",render:()=>e(t,{gap:24,direction:"column",children:[r("h2",{children:"Fjellvettreglene"}),e("p",{children:["Liste fra"," ",r("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs side om fjellvettreglene"})]}),r(n,{"aria-label":"Fjellvettreglene",children:k.map((e=>r(i,{children:e},e)))})]})},h={name:"UnorderedList",render:()=>e(t,{gap:24,direction:"column",children:[r("h2",{children:"Pakkeliste (bekledning)"}),e("p",{children:["Liste fra"," ",r("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs pakkeliste for sommerturer"})]}),r(l,{"aria-label":"Fjellvettreglene",children:g.map((e=>r(i,{children:e},e)))})]})},v={name:"Coverage List",render:t=>e(s,{children:[r(d,{children:"Dekkes"}),r(d,{children:"Dekkes også"}),r(o,{children:"Dekkes ikke :("}),r(o,{children:"Dekkes heller ikke :("})]})};export{v as CoverageListStory,m as OrderedListStory,h as UnorderedListStory,a as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{Flex as t}from"../../flex/Flex.js";import{List as s,OrderedList as n,UnorderedList as l}from"../List.js";import{ListItem as i,CheckListItem as d,CrossListItem as o}from"../ListItem.js";const a={title:"Komponenter/List",component:s,subcomponents:{ListItem:i},tags:["autodocs"]},k=["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"],g=["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"],m={name:"OrderedList",render:()=>e(t,{gap:24,direction:"column",children:[r("h2",{children:"Fjellvettreglene"}),e("p",{children:["Liste fra"," ",r("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs side om fjellvettreglene"})]}),r(n,{"aria-label":"Fjellvettreglene",children:k.map((e=>r(i,{children:e},e)))})]})},h={name:"UnorderedList",render:()=>e(t,{gap:24,direction:"column",children:[r("h2",{children:"Pakkeliste (bekledning)"}),e("p",{children:["Liste fra"," ",r("a",{href:"https://www.dnt.no/fjellvettreglene/",children:"DNTs pakkeliste for sommerturer"})]}),r(l,{"aria-label":"Fjellvettreglene",children:g.map((e=>r(i,{children:e},e)))})]})},v={name:"Coverage List",render:t=>e(s,{children:[r(d,{children:"Dekkes"}),r(d,{children:"Dekkes også"}),r(o,{children:"Dekkes ikke :("}),r(o,{children:"Dekkes heller ikke :("})]})};export{v as CoverageListStory,m as OrderedListStory,h as UnorderedListStory,a as default};
 //# sourceMappingURL=List.stories.js.map

package/build/es/components/list/stories/List.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.stories.js","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":"kPAOA,MAAMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EACXC,cAAe,CACXC,SAAAA,GAEJC,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,EAACC,GAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAC,MAAGD,SAAgB,uBACnB,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,qCAEHC,EAAAE,EAAA,CAAY,aAAW,mBACnBH,SAAiBT,EAAAa,KAAKC,GAClBJ,EAAAZ,EAAA,CAAsBW,SAARK,GAAAA,WAOtBC,EAA4B,CACrCZ,KAAM,gBACNC,OAAQ,IACJC,EAACC,GAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAC,MAAGD,SAAuB,8BAC1B,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,uCAEHC,EAAAM,EAAA,CAAc,aAAW,mBACrBP,SAAiBR,EAAAY,KAAKI,GAClBP,EAAAZ,EAAA,CAA0BW,SAAZQ,GAAAA,WAOtBC,EAA2B,CACpCf,KAAM,gBACNC,OAASe,GACLd,EAACT,EACG,CAAAa,SAAA,CAAAC,EAACU,GAAcX,SAAM,WACrBC,EAACU,GAAcX,SAAW,gBAC1BC,EAACW,GAAcZ,SAAc,mBAC7BC,EAACW,GAAcZ,SAAqB"}
+{"version":3,"file":"List.stories.js","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":"gQAOA,MAAMA,EAAO,CACTC,MAAO,mBACPC,UAAWC,EACXC,cAAe,CACXC,SAAAA,GAEJC,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,EAACC,GAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAC,MAAGD,SAAgB,uBACnB,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,qCAEHC,EAAAE,EAAA,CAAY,aAAW,mBACnBH,SAAiBT,EAAAa,KAAKC,GAClBJ,EAAAZ,EAAA,CAAsBW,SAARK,GAAAA,WAOtBC,EAA4B,CACrCZ,KAAM,gBACNC,OAAQ,IACJC,EAACC,GAAKC,IAAK,GAAIC,UAAU,SACrBC,SAAA,CAAAC,EAAC,MAAGD,SAAuB,8BAC1B,IAAE,CAAAA,SAAA,CAAA,YACW,IACTC,EAAA,IAAA,CAAEC,KAAK,uCAAuCF,SAE/C,uCAEHC,EAAAM,EAAA,CAAc,aAAW,mBACrBP,SAAiBR,EAAAY,KAAKI,GAClBP,EAAAZ,EAAA,CAA0BW,SAAZQ,GAAAA,WAOtBC,EAA2B,CACpCf,KAAM,gBACNC,OAASe,GACLd,EAACT,EACG,CAAAa,SAAA,CAAAC,EAACU,GAAcX,SAAM,WACrBC,EAACU,GAAcX,SAAW,gBAC1BC,EAACW,GAAcZ,SAAc,mBAC7BC,EAACW,GAAcZ,SAAqB"}

package/build/es/components/loader/Loader.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as e}from"react/jsx-runtime";import{c as l}from"../../../clsx-BeLtu-UY.js";import{useDelayedRender as s}from"./useDelayedRender.js";const r=({delay:r=0,variant:d="large",textDescription:t,className:o,dataTestAutoId:n="jkl-loader",inline:i=!1,...m})=>{const j=s(r);if(r&&!j)return null;const c=l("jkl-loader",o,{"jkl-loader--medium":"medium"===d,"jkl-loader--small":"small"===d,"jkl-loader--inline":i});return a("span",{"aria-busy":"true",className:c,"data-testautoid":n,"data-testid":"jkl-loader",title:t,...m,children:[e("span",{className:"jkl-loader__dot jkl-loader__dot--left"}),e("span",{className:"jkl-loader__dot jkl-loader__dot--middle"}),e("span",{className:"jkl-loader__dot jkl-loader__dot--right"}),e("span",{className:"jkl-sr-only",children:t})]})};export{r as Loader};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import{c as l}from"../../../clsx-BeLtu-UY.js";import"react";import{useDelayedRender as s}from"./useDelayedRender.js";const r=({delay:r=0,variant:t="large",textDescription:d,className:o,dataTestAutoId:i="jkl-loader",inline:n=!1,...m})=>{const j=s(r);if(r&&!j)return null;const c=l("jkl-loader",o,{"jkl-loader--medium":"medium"===t,"jkl-loader--small":"small"===t,"jkl-loader--inline":n});return a("span",{"aria-busy":"true",className:c,"data-testautoid":i,"data-testid":"jkl-loader",title:d,...m,children:[e("span",{className:"jkl-loader__dot jkl-loader__dot--left"}),e("span",{className:"jkl-loader__dot jkl-loader__dot--middle"}),e("span",{className:"jkl-loader__dot jkl-loader__dot--right"}),e("span",{className:"jkl-sr-only",children:d})]})};export{r as Loader};
 //# sourceMappingURL=Loader.js.map

package/build/es/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","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":["Loader","delay","variant","textDescription","className","dataTestAutoId","inline","rest","renderComponent","useDelayedRender","componentClassName","clsx","jsxs","title","children","jsx"],"mappings":"yJAKO,MAAMA,EAAS,EAClBC,MAAAA,EAAQ,EACRC,QAAAA,EAAU,QACVC,gBAAAA,EACAC,UAAAA,EACAC,eAAAA,EAAiB,aACjBC,OAAAA,GAAS,KACNC,MAEGC,MAAAA,EAAkBC,EAAiBR,GAErC,GAAAA,IAAUO,EACH,OAAA,KAGLE,MAAAA,EAAqBC,EAAK,aAAcP,EAAW,CACrD,qBAAkC,WAAZF,EACtB,oBAAiC,UAAZA,EACrB,qBAAsBI,IAItB,OAAAM,EAAC,OAAA,CACG,YAAU,OACVR,UAAWM,EACX,kBAAiBL,EACjB,cAAY,aACZQ,MAAOV,KACHI,EAEJO,SAAA,CAACC,EAAA,OAAA,CAAKX,UAAU,0CAChBW,EAAC,OAAK,CAAAX,UAAU,4CAChBW,EAAC,OAAK,CAAAX,UAAU,2CACfW,EAAA,OAAA,CAAKX,UAAU,cAAeU,SAAgBX,MAAA"}
+{"version":3,"file":"Loader.js","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":["Loader","delay","variant","textDescription","className","dataTestAutoId","inline","rest","renderComponent","useDelayedRender","componentClassName","clsx","jsxs","title","children","jsx"],"mappings":"uKAKO,MAAMA,EAAS,EAClBC,MAAAA,EAAQ,EACRC,QAAAA,EAAU,QACVC,gBAAAA,EACAC,UAAAA,EACAC,eAAAA,EAAiB,aACjBC,OAAAA,GAAS,KACNC,MAEGC,MAAAA,EAAkBC,EAAiBR,GAErC,GAAAA,IAAUO,EACH,OAAA,KAGLE,MAAAA,EAAqBC,EAAK,aAAcP,EAAW,CACrD,qBAAkC,WAAZF,EACtB,oBAAiC,UAAZA,EACrB,qBAAsBI,IAItB,OAAAM,EAAC,OAAA,CACG,YAAU,OACVR,UAAWM,EACX,kBAAiBL,EACjB,cAAY,aACZQ,MAAOV,KACHI,EAEJO,SAAA,CAACC,EAAA,OAAA,CAAKX,UAAU,0CAChBW,EAAC,OAAK,CAAAX,UAAU,4CAChBW,EAAC,OAAK,CAAAX,UAAU,2CACfW,EAAA,OAAA,CAAKX,UAAU,cAAeU,SAAgBX,MAAA"}

package/build/es/components/loader/skeletons/SkeletonAnimation.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import{useDelayedRender as a}from"../useDelayedRender.js";const t=({className:t,delay:n=0,density:r,textDescription:i="Vennligst vent",...l})=>{const o=a(n);return n&&!o?null:e("div",{className:s("jkl-skeleton-animation",t),"aria-busy":"true","aria-label":i,...l,"data-density":r})};export{t as SkeletonAnimation};
+import{jsx as e}from"react/jsx-runtime";import{c as t}from"../../../../clsx-BeLtu-UY.js";import"react";import{useDelayedRender as a}from"../useDelayedRender.js";const s=({className:s,delay:n=0,density:r,textDescription:i="Vennligst vent",...o})=>{const l=a(n);return n&&!l?null:e("div",{className:t("jkl-skeleton-animation",s),"aria-busy":"true","aria-label":i,...o,"data-density":r})};export{s as SkeletonAnimation};
 //# sourceMappingURL=SkeletonAnimation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonAnimation.js","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":["SkeletonAnimation","className","delay","density","textDescription","rest","renderComponent","useDelayedRender","jsx","clsx"],"mappings":"mJAKO,MAAMA,EAAoB,EAC7BC,UAAAA,EACAC,MAAAA,EAAQ,EACRC,QAAAA,EACAC,gBAAAA,EAAkB,oBACfC,MAEGC,MAAAA,EAAkBC,EAAiBL,GAErC,OAAAA,IAAUI,EACH,KAIPE,EAAC,MAAA,CACGP,UAAWQ,EAAK,yBAA0BR,GAC1C,YAAU,OACV,aAAYG,KACRC,EACJ,eAAcF,GAAA"}
+{"version":3,"file":"SkeletonAnimation.js","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":["SkeletonAnimation","className","delay","density","textDescription","rest","renderComponent","useDelayedRender","jsx","clsx"],"mappings":"iKAKO,MAAMA,EAAoB,EAC7BC,UAAAA,EACAC,MAAAA,EAAQ,EACRC,QAAAA,EACAC,gBAAAA,EAAkB,oBACfC,MAEGC,MAAAA,EAAkBC,EAAiBL,GAErC,OAAAA,IAAUI,EACH,KAIPE,EAAC,MAAA,CACGP,UAAWQ,EAAK,yBAA0BR,GAC1C,YAAU,OACV,aAAYG,KACRC,EACJ,eAAcF,GAAA"}

package/build/es/components/loader/skeletons/SkeletonButton.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{SkeletonElement as t}from"./SkeletonElement.js";const o=({style:o,density:s,...n})=>e(t,{...n,height:"compact"===s?24:40,style:{borderRadius:"999px",...o}});export{o as SkeletonButton};
+import{jsx as t}from"react/jsx-runtime";import"react";import{SkeletonElement as e}from"./SkeletonElement.js";const o=({style:o,density:r,...s})=>t(e,{...s,height:"compact"===r?24:40,style:{borderRadius:"999px",...o}});export{o as SkeletonButton};
 //# sourceMappingURL=SkeletonButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.js","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":["SkeletonButton","style","density","rest","jsx","SkeletonElement","height","borderRadius"],"mappings":"+FAIO,MAAMA,EAAiB,EAC1BC,MAAAA,EACAC,QAAAA,KACGC,KAGCC,EAACC,EAAA,IACOF,EACJG,OAAoB,YAAZJ,EAAwB,GAAK,GACrCD,MAAO,CAAEM,aAAc,WAAYN"}
+{"version":3,"file":"SkeletonButton.js","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":["SkeletonButton","style","density","rest","jsx","SkeletonElement","height","borderRadius"],"mappings":"6GAIO,MAAMA,EAAiB,EAC1BC,MAAAA,EACAC,QAAAA,KACGC,KAGCC,EAACC,EAAA,IACOF,EACJG,OAAoB,YAAZJ,EAAwB,GAAK,GACrCD,MAAO,CAAEM,aAAc,WAAYN"}

package/build/es/components/loader/skeletons/SkeletonCheckboxGroup.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../../clsx-BeLtu-UY.js";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as l}from"./SkeletonLabel.js";const r=({className:r,checkboxes:n,density:a,labelProps:c,inputProps:i,...m})=>{const k="compact"===a;return e("div",{className:t("jkl-skeleton-input",r),...m,children:[s(l,{density:a,...c}),Array.from(Array(n)).map(((t,l)=>e("div",{className:"jkl-skeleton-input__checkbox",children:[s(o,{width:k?22:24,height:k?22:24}),s(o,{width:k?201:216,height:k?22:24,...i})]},`jkl-skeleton-checkbox-${l}`)))]})};export{r as SkeletonCheckboxGroup};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import"react";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as r}from"./SkeletonLabel.js";const l=({className:l,checkboxes:a,density:n,labelProps:c,inputProps:i,...m})=>{const k="compact"===n;return e("div",{className:s("jkl-skeleton-input",l),...m,children:[t(r,{density:n,...c}),Array.from(Array(a)).map(((s,r)=>e("div",{className:"jkl-skeleton-input__checkbox",children:[t(o,{width:k?22:24,height:k?22:24}),t(o,{width:k?201:216,height:k?22:24,...i})]},`jkl-skeleton-checkbox-${r}`)))]})};export{l as SkeletonCheckboxGroup};
 //# sourceMappingURL=SkeletonCheckboxGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCheckboxGroup.js","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":["SkeletonCheckboxGroup","className","checkboxes","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"6MAMO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAaa,KAAI,CAACC,EAAGC,IACnCT,EAAC,MAAA,CAEGP,UAAU,+BAEVS,SAAA,CAAAC,EAACO,EAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,KAE3BI,EAACO,EAAA,CACGC,MAAOZ,EAAU,IAAM,IACvBa,OAAQb,EAAU,GAAK,MACnBF,MAVH,yBAAyBY,SAc1C"}
+{"version":3,"file":"SkeletonCheckboxGroup.js","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":["SkeletonCheckboxGroup","className","checkboxes","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"2NAMO,MAAMA,EAAwB,EACjCC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAaa,KAAI,CAACC,EAAGC,IACnCT,EAAC,MAAA,CAEGP,UAAU,+BAEVS,SAAA,CAAAC,EAACO,EAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,KAE3BI,EAACO,EAAA,CACGC,MAAOZ,EAAU,IAAM,IACvBa,OAAQb,EAAU,GAAK,MACnBF,MAVH,yBAAyBY,SAc1C"}

package/build/es/components/loader/skeletons/SkeletonElement.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as t}from"../../../../clsx-BeLtu-UY.js";const s=({shape:s="rect",width:l,height:m,style:a,className:o,...i})=>e("div",{className:t("jkl-skeleton-element",`jkl-skeleton-element--${s}`,o),style:{width:l,height:m,...a},...i});export{s as SkeletonElement};
+import{jsx as e}from"react/jsx-runtime";import{c as t}from"../../../../clsx-BeLtu-UY.js";import"react";const s=({shape:s="rect",width:l,height:m,style:a,className:o,...r})=>e("div",{className:t("jkl-skeleton-element",`jkl-skeleton-element--${s}`,o),style:{width:l,height:m,...a},...r});export{s as SkeletonElement};
 //# sourceMappingURL=SkeletonElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonElement.js","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":["SkeletonElement","shape","width","height","style","className","rest","jsx","clsx"],"mappings":"yFAIO,MAAMA,EAAkB,EAC3BC,MAAAA,EAAQ,OACRC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAC,MAAA,CACGF,UAAWG,EACP,uBACA,yBAAyBP,IACzBI,GAEJD,MAAO,CAAEF,MAAAA,EAAOC,OAAAA,KAAWC,MACvBE"}
+{"version":3,"file":"SkeletonElement.js","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":["SkeletonElement","shape","width","height","style","className","rest","jsx","clsx"],"mappings":"uGAIO,MAAMA,EAAkB,EAC3BC,MAAAA,EAAQ,OACRC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAC,MAAA,CACGF,UAAWG,EACP,uBACA,yBAAyBP,IACzBI,GAEJD,MAAO,CAAEF,MAAAA,EAAOC,OAAAA,KAAWC,MACvBE"}

package/build/es/components/loader/skeletons/SkeletonInput.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as n}from"./SkeletonLabel.js";const l=({className:l,density:r,labelProps:a,inputProps:m,...i})=>{const p="compact"===r;return e("div",{className:s("jkl-skeleton-input",l),...i,children:[t(n,{density:r,...a}),t(o,{width:p?301:316,height:p?32:48,...m})]})};export{l as SkeletonInput};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import"react";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as n}from"./SkeletonLabel.js";const r=({className:r,density:l,labelProps:a,inputProps:m,...i})=>{const p="compact"===l;return e("div",{className:s("jkl-skeleton-input",r),...i,children:[t(n,{density:l,...a}),t(o,{width:p?301:316,height:p?32:48,...m})]})};export{r as SkeletonInput};
 //# sourceMappingURL=SkeletonInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonInput.js","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":["SkeletonInput","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"6MAMO,MAAMA,EAAgB,EACzBC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIN,UAAWO,EAAK,qBAAsBP,MAAgBI,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAA,CACGC,MAAOP,EAAU,IAAM,IACvBQ,OAAQR,EAAU,GAAK,MACnBF,MAEZ"}
+{"version":3,"file":"SkeletonInput.js","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":["SkeletonInput","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"2NAMO,MAAMA,EAAgB,EACzBC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIN,UAAWO,EAAK,qBAAsBP,MAAgBI,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAA,CACGC,MAAOP,EAAU,IAAM,IACvBQ,OAAQR,EAAU,GAAK,MACnBF,MAEZ"}

package/build/es/components/loader/skeletons/SkeletonLabel.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{SkeletonElement as t}from"./SkeletonElement.js";const o=({density:o,...n})=>{const r="compact"===o;return e(t,{...n,width:r?100:115,height:r?12:16})};export{o as SkeletonLabel};
+import{jsx as t}from"react/jsx-runtime";import"react";import{SkeletonElement as e}from"./SkeletonElement.js";const o=({density:o,...r})=>{const n="compact"===o;return t(e,{...r,width:n?100:115,height:n?12:16})};export{o as SkeletonLabel};
 //# sourceMappingURL=SkeletonLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLabel.js","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":["SkeletonLabel","density","rest","compact","jsx","SkeletonElement","width","height"],"mappings":"+FAIO,MAAMA,EAAgB,EAAGC,QAAAA,KAAYC,MACxC,MAAMC,EAAsB,YAAZF,EAEZ,OAAAG,EAACC,EAAA,IACOH,EACJI,MAAOH,EAAU,IAAM,IACvBI,OAAQJ,EAAU,GAAK,IAAA"}
+{"version":3,"file":"SkeletonLabel.js","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":["SkeletonLabel","density","rest","compact","jsx","SkeletonElement","width","height"],"mappings":"6GAIO,MAAMA,EAAgB,EAAGC,QAAAA,KAAYC,MACxC,MAAMC,EAAsB,YAAZF,EAEZ,OAAAG,EAACC,EAAA,IACOH,EACJI,MAAOH,EAAU,IAAM,IACvBI,OAAQJ,EAAU,GAAK,IAAA"}

package/build/es/components/loader/skeletons/SkeletonRadioButtonGroup.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as r}from"./SkeletonLabel.js";const l=({className:l,radioButtons:a,density:n,labelProps:i,inputProps:m,...c})=>{const k="compact"===n;return e("div",{className:s("jkl-skeleton-input",l),...c,children:[t(r,{density:n,...i}),Array.from(Array(a)).map(((s,r)=>e("div",{className:"jkl-skeleton-input__checkbox",children:[t(o,{width:k?22:24,height:k?22:24,style:{borderRadius:"50%"}}),t(o,{width:k?201:216,height:k?22:24,...m})]},`jkl-skeleton-checkbox-${r}`)))]})};export{l as SkeletonRadioButtonGroup};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as o}from"../../../../clsx-BeLtu-UY.js";import"react";import{SkeletonElement as s}from"./SkeletonElement.js";import{SkeletonLabel as r}from"./SkeletonLabel.js";const a=({className:a,radioButtons:l,density:n,labelProps:i,inputProps:m,...c})=>{const p="compact"===n;return e("div",{className:o("jkl-skeleton-input",a),...c,children:[t(r,{density:n,...i}),Array.from(Array(l)).map(((o,r)=>e("div",{className:"jkl-skeleton-input__checkbox",children:[t(s,{width:p?22:24,height:p?22:24,style:{borderRadius:"50%"}}),t(s,{width:p?201:216,height:p?22:24,...m})]},`jkl-skeleton-checkbox-${r}`)))]})};export{a as SkeletonRadioButtonGroup};
 //# sourceMappingURL=SkeletonRadioButtonGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRadioButtonGroup.js","sources":["../../../../../src/components/loader/skeletons/SkeletonRadioButtonGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonRadioButtonGroupProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonRadioButtonGroup = ({\n    className,\n    radioButtons,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonRadioButtonGroupProps) => {\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(radioButtons)).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                        style={{ borderRadius: \"50%\" }}\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":["SkeletonRadioButtonGroup","className","radioButtons","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height","style","borderRadius"],"mappings":"6MAMO,MAAMA,EAA2B,EACpCC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAea,KAAI,CAACC,EAAGC,IACrCT,EAAC,MAAA,CAEGP,UAAU,+BAEVS,SAAA,CAAAC,EAACO,EAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,GACvBc,MAAO,CAAEC,aAAc,SAE3BX,EAACO,EAAA,CACGC,MAAOZ,EAAU,IAAM,IACvBa,OAAQb,EAAU,GAAK,MACnBF,MAXH,yBAAyBY,SAe1C"}
+{"version":3,"file":"SkeletonRadioButtonGroup.js","sources":["../../../../../src/components/loader/skeletons/SkeletonRadioButtonGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonRadioButtonGroupProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonRadioButtonGroup = ({\n    className,\n    radioButtons,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonRadioButtonGroupProps) => {\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(radioButtons)).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                        style={{ borderRadius: \"50%\" }}\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":["SkeletonRadioButtonGroup","className","radioButtons","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height","style","borderRadius"],"mappings":"2NAMO,MAAMA,EAA2B,EACpCC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,OAAIP,UAAWQ,EAAK,qBAAsBR,MAAgBK,EACvDI,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACpCS,MAAMC,KAAKD,MAAMX,IAAea,KAAI,CAACC,EAAGC,IACrCT,EAAC,MAAA,CAEGP,UAAU,+BAEVS,SAAA,CAAAC,EAACO,EAAA,CACGC,MAAOZ,EAAU,GAAK,GACtBa,OAAQb,EAAU,GAAK,GACvBc,MAAO,CAAEC,aAAc,SAE3BX,EAACO,EAAA,CACGC,MAAOZ,EAAU,IAAM,IACvBa,OAAQb,EAAU,GAAK,MACnBF,MAXH,yBAAyBY,SAe1C"}

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";const a=({className:a,density:l,width:t,style:o,...m})=>e("div",{className:s("jkl-skeleton-table",a),style:{width:t,...o},...m,"data-density":l}),l=({className:a,...l})=>e("div",{className:s("jkl-skeleton-table__header",a),...l}),t=({className:a,...l})=>e("div",{className:s("jkl-skeleton-table__row",a),...l});export{a as SkeletonTable,l as SkeletonTableHeader,t as SkeletonTableRow};
+import{jsx as e}from"react/jsx-runtime";import{c as a}from"../../../../clsx-BeLtu-UY.js";import"react";const s=({className:s,density:l,width:t,style:o,...m})=>e("div",{className:a("jkl-skeleton-table",s),style:{width:t,...o},...m,"data-density":l}),l=({className:s,...l})=>e("div",{className:a("jkl-skeleton-table__header",s),...l}),t=({className:s,...l})=>e("div",{className:a("jkl-skeleton-table__row",s),...l});export{s as SkeletonTable,l as SkeletonTableHeader,t as SkeletonTableRow};
 //# sourceMappingURL=SkeletonTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTable.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    SkeletonTableHeaderProps,\n    SkeletonTableProps,\n    SkeletonTableRowProps,\n} from \"../types.js\";\n\nexport const SkeletonTable = ({\n    className,\n    density,\n    width,\n    style,\n    ...rest\n}: SkeletonTableProps) => {\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-table\", className)}\n            style={{ width, ...style }}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n\nexport const SkeletonTableHeader = ({\n    className,\n    ...rest\n}: SkeletonTableHeaderProps) => {\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-table__header\", className)}\n            {...rest}\n        />\n    );\n};\n\nexport const SkeletonTableRow = ({\n    className,\n    ...rest\n}: SkeletonTableRowProps) => {\n    return (\n        <div className={clsx(\"jkl-skeleton-table__row\", className)} {...rest} />\n    );\n};\n"],"names":["SkeletonTable","className","density","width","style","rest","jsx","clsx","SkeletonTableHeader","SkeletonTableRow"],"mappings":"yFAQO,MAAMA,EAAgB,EACzBC,UAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,MAAAA,KACGC,KAGCC,EAAC,MAAA,CACGL,UAAWM,EAAK,qBAAsBN,GACtCG,MAAO,CAAED,MAAAA,KAAUC,MACfC,EACJ,eAAcH,IAKbM,EAAsB,EAC/BP,UAAAA,KACGI,KAGCC,EAAC,MAAA,CACGL,UAAWM,EAAK,6BAA8BN,MAC1CI,IAKHI,EAAmB,EAC5BR,UAAAA,KACGI,KAGCC,EAAC,OAAIL,UAAWM,EAAK,0BAA2BN,MAAgBI"}
+{"version":3,"file":"SkeletonTable.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    SkeletonTableHeaderProps,\n    SkeletonTableProps,\n    SkeletonTableRowProps,\n} from \"../types.js\";\n\nexport const SkeletonTable = ({\n    className,\n    density,\n    width,\n    style,\n    ...rest\n}: SkeletonTableProps) => {\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-table\", className)}\n            style={{ width, ...style }}\n            {...rest}\n            data-density={density}\n        />\n    );\n};\n\nexport const SkeletonTableHeader = ({\n    className,\n    ...rest\n}: SkeletonTableHeaderProps) => {\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-table__header\", className)}\n            {...rest}\n        />\n    );\n};\n\nexport const SkeletonTableRow = ({\n    className,\n    ...rest\n}: SkeletonTableRowProps) => {\n    return (\n        <div className={clsx(\"jkl-skeleton-table__row\", className)} {...rest} />\n    );\n};\n"],"names":["SkeletonTable","className","density","width","style","rest","jsx","clsx","SkeletonTableHeader","SkeletonTableRow"],"mappings":"uGAQO,MAAMA,EAAgB,EACzBC,UAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,MAAAA,KACGC,KAGCC,EAAC,MAAA,CACGL,UAAWM,EAAK,qBAAsBN,GACtCG,MAAO,CAAED,MAAAA,KAAUC,MACfC,EACJ,eAAcH,IAKbM,EAAsB,EAC/BP,UAAAA,KACGI,KAGCC,EAAC,MAAA,CACGL,UAAWM,EAAK,6BAA8BN,MAC1CI,IAKHI,EAAmB,EAC5BR,UAAAA,KACGI,KAGCC,EAAC,OAAIL,UAAWM,EAAK,0BAA2BN,MAAgBI"}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as a}from"./SkeletonLabel.js";const n=({className:n,density:l,labelProps:r,inputProps:i,...m})=>{const c="compact"===l;return e("div",{className:s("jkl-skeleton-input",n),...m,"data-density":l,children:[t(a,{density:l,...r}),t(o,{width:c?301:316,height:c?148:168,...i})]})};export{n as SkeletonTextArea};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as s}from"../../../../clsx-BeLtu-UY.js";import"react";import{SkeletonElement as o}from"./SkeletonElement.js";import{SkeletonLabel as a}from"./SkeletonLabel.js";const r=({className:r,density:n,labelProps:l,inputProps:i,...m})=>{const c="compact"===n;return e("div",{className:s("jkl-skeleton-input",r),...m,"data-density":n,children:[t(a,{density:n,...l}),t(o,{width:c?301:316,height:c?148:168,...i})]})};export{r as SkeletonTextArea};
 //# sourceMappingURL=SkeletonTextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTextArea.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonTextAreaProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonTextArea = ({\n    className,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonTextAreaProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-input\", className)}\n            {...rest}\n            data-density={density}\n        >\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement\n                width={compact ? 301 : 316}\n                height={compact ? 148 : 168}\n                {...inputProps}\n            />\n        </div>\n    );\n};\n"],"names":["SkeletonTextArea","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"6MAMO,MAAMA,EAAmB,EAC5BC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,MAAA,CACGN,UAAWO,EAAK,qBAAsBP,MAClCI,EACJ,eAAcH,EAEdO,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAA,CACGC,MAAOP,EAAU,IAAM,IACvBQ,OAAQR,EAAU,IAAM,OACpBF,MACR"}
+{"version":3,"file":"SkeletonTextArea.js","sources":["../../../../../src/components/loader/skeletons/SkeletonTextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonTextAreaProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonTextArea = ({\n    className,\n    density,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonTextAreaProps) => {\n    const compact = density === \"compact\";\n    return (\n        <div\n            className={clsx(\"jkl-skeleton-input\", className)}\n            {...rest}\n            data-density={density}\n        >\n            <SkeletonLabel density={density} {...labelProps} />\n            <SkeletonElement\n                width={compact ? 301 : 316}\n                height={compact ? 148 : 168}\n                {...inputProps}\n            />\n        </div>\n    );\n};\n"],"names":["SkeletonTextArea","className","density","labelProps","inputProps","rest","compact","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"2NAMO,MAAMA,EAAmB,EAC5BC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,MAEH,MAAMC,EAAsB,YAAZJ,EAEZ,OAAAK,EAAC,MAAA,CACGN,UAAWO,EAAK,qBAAsBP,MAClCI,EACJ,eAAcH,EAEdO,SAAA,CAACC,EAAAC,EAAA,CAAcT,QAAAA,KAAsBC,IACrCO,EAACE,EAAA,CACGC,MAAOP,EAAU,IAAM,IACvBQ,OAAQR,EAAU,IAAM,OACpBF,MACR"}