@fremtind/jokul 0.64.2 → 0.66.1

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, { FC } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport { 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,EACA,YACA,EAEAW,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/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport { InputGroupProps, InputProps } from \"./types.js\";\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(\n    (props, ref) => {\n        const {\n            className,\n            children,\n            density,\n            errorLabel,\n            helpLabel,\n            inline,\n            label,\n            labelProps,\n            render,\n            supportLabelProps,\n            tooltip,\n            id,\n            ...rest\n        } = props;\n\n        const uid = useId(id || \"jkl-input\", { generateSuffix: !id });\n        const supportId = useId(\"jkl-support-label\");\n\n        const hasTooltip = !!tooltip;\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        const inputProps: InputProps = {\n            \"aria-describedby\": describedBy,\n            \"aria-invalid\": Boolean(errorLabel) ? true : undefined,\n            id: uid,\n        };\n\n        const renderInput = render\n            ? () => render(inputProps)\n            : () => {\n                  const input = React.Children.toArray(props.children)[0];\n\n                  if (!React.isValidElement<InputProps>(input)) return;\n\n                  return React.cloneElement<InputProps>(input, {\n                      ...inputProps,\n                      ...input.props,\n                  });\n              };\n\n        return (\n            <div\n                ref={ref}\n                className={clsx(className, \"jkl-input-group\", {\n                    \"jkl-input-group--inline\": inline,\n                })}\n                data-density={density}\n                {...rest}\n            >\n                <Label\n                    standAlone\n                    htmlFor={uid}\n                    srOnly={inline}\n                    {...labelProps}\n                    style={{\n                        whiteSpace: hasTooltip ? \"nowrap\" : undefined,\n                        ...labelProps?.style,\n                    }}\n                    density={density}\n                >\n                    {hasTooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {label}\n                            </span>\n                            {`\\u00A0`}\n                            {tooltip}\n                        </>\n                    ) : (\n                        label\n                    )}\n                </Label>\n                {renderInput()}\n                <SupportLabel\n                    srOnly={inline}\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            </div>\n        );\n    },\n);\n\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","tooltip","id","rest","uid","useId","generateSuffix","supportId","hasTooltip","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","jsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","SupportLabel","labelType","displayName"],"mappings":"2RAOO,MAAMA,EAAaC,GACtB,CAACC,EAAOC,KACE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,GACHd,EAEEe,EAAMC,EAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,EAAM,qBAElBG,IAAeP,EAEfQ,EAAcf,GAAcC,EAC5Be,EAAkBhB,EAClB,QACAC,EACA,YACA,EAIAgB,EAAyB,CAC3B,mBAHgBF,EAAcF,OAAY,EAI1C,iBAAwBb,QAAqB,EAC7CQ,GAAIE,GAGFQ,EAAcb,EACd,IAAMA,EAAOY,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ3B,EAAMG,UAAU,GAEhDsB,GAAAA,EAAMG,eAA2BJ,GAE/BC,OAAAA,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMxB,OACZ,EAIP,OAAA8B,EAAC,MAAA,CACG7B,IAAAA,EACAC,UAAW6B,EAAK7B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVU,EAEJX,SAAA,CAAA6B,EAACC,EAAA,CACGC,YAAU,EACVC,QAASpB,EACTqB,OAAQ7B,KACJE,EACJ4B,MAAO,CACHC,WAAYnB,EAAa,cAAW,KACjC,MAAAV,OAAA,EAAAA,EAAY4B,OAEnBjC,QAAAA,EAECD,WAEO2B,EAAAS,EAAA,CAAApC,SAAA,CAAA6B,EAAC,QAAKK,MAAO,CAAEC,WAAY,UACtBnC,SACLK,IACC,IACAI,KAGLJ,IAGPe,IACDS,EAACQ,EAAA,CACGJ,OAAQ7B,KACJI,EACJH,MAAOY,EACPqB,UAAWpB,EACXR,GAAIK,EACJd,QAAAA,MACJ,IAMhBN,EAAW4C,YAAc"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { Label } from \"./Label.js\";\nimport { SupportLabel } from \"./SupportLabel.js\";\nimport type { InputGroupProps, InputProps } from \"./types.js\";\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(\n    (props, ref) => {\n        const {\n            className,\n            children,\n            density,\n            errorLabel,\n            helpLabel,\n            inline,\n            label,\n            labelProps,\n            render,\n            supportLabelProps,\n            tooltip,\n            id,\n            ...rest\n        } = props;\n\n        const uid = useId(id || \"jkl-input\", { generateSuffix: !id });\n        const supportId = useId(\"jkl-support-label\");\n\n        const hasTooltip = !!tooltip;\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        const inputProps: InputProps = {\n            \"aria-describedby\": describedBy,\n            \"aria-invalid\": errorLabel ? true : undefined,\n            id: uid,\n        };\n\n        const renderInput = render\n            ? () => render(inputProps)\n            : () => {\n                  const input = React.Children.toArray(props.children)[0];\n\n                  if (!React.isValidElement<InputProps>(input)) return;\n\n                  return React.cloneElement<InputProps>(input, {\n                      ...inputProps,\n                      ...input.props,\n                  });\n              };\n\n        return (\n            <div\n                ref={ref}\n                className={clsx(className, \"jkl-input-group\", {\n                    \"jkl-input-group--inline\": inline,\n                })}\n                data-density={density}\n                {...rest}\n            >\n                <Label\n                    standAlone\n                    htmlFor={uid}\n                    srOnly={inline}\n                    {...labelProps}\n                    style={{\n                        whiteSpace: hasTooltip ? \"nowrap\" : undefined,\n                        ...labelProps?.style,\n                    }}\n                    density={density}\n                >\n                    {hasTooltip ? (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>\n                                {label}\n                            </span>\n                            {\"\\u00A0\"}\n                            {tooltip}\n                        </>\n                    ) : (\n                        label\n                    )}\n                </Label>\n                {renderInput()}\n                <SupportLabel\n                    srOnly={inline}\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            </div>\n        );\n    },\n);\n\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","tooltip","id","rest","uid","useId","generateSuffix","supportId","hasTooltip","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","jsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","SupportLabel","labelType","displayName"],"mappings":"2RAOO,MAAMA,EAAaC,GACtB,CAACC,EAAOC,KACE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,GACHd,EAEEe,EAAMC,EAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,EAAM,qBAElBG,IAAeP,EAEfQ,EAAcf,GAAcC,EAC5Be,EAAkBhB,EAClB,QACAC,EACE,YACA,EAIFgB,EAAyB,CAC3B,mBAHgBF,EAAcF,OAAY,EAI1C,iBAAgBb,QAAoB,EACpCQ,GAAIE,GAGFQ,EAAcb,EACd,IAAMA,EAAOY,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ3B,EAAMG,UAAU,GAEhDsB,GAAAA,EAAMG,eAA2BJ,GAE/BC,OAAAA,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMxB,OACZ,EAIP,OAAA8B,EAAC,MAAA,CACG7B,IAAAA,EACAC,UAAW6B,EAAK7B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVU,EAEJX,SAAA,CAAA6B,EAACC,EAAA,CACGC,YAAU,EACVC,QAASpB,EACTqB,OAAQ7B,KACJE,EACJ4B,MAAO,CACHC,WAAYnB,EAAa,cAAW,KACjC,MAAAV,OAAA,EAAAA,EAAY4B,OAEnBjC,QAAAA,EAECD,WAEO2B,EAAAS,EAAA,CAAApC,SAAA,CAAA6B,EAAC,QAAKK,MAAO,CAAEC,WAAY,UACtBnC,SACLK,IACC,IACAI,KAGLJ,IAGPe,IACDS,EAACQ,EAAA,CACGJ,OAAQ7B,KACJI,EACJH,MAAOY,EACPqB,UAAWpB,EACXR,GAAIK,EACJd,QAAAA,MACJ,IAMhBN,EAAW4C,YAAc"}

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 { 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 { 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 { 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 { 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 { 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 { 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/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n    ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        external = false,\n        className = \"\",\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n\n    const srId = useId();\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            aria-describedby={external ? srId : undefined}\n            {...rest}\n        >\n            <span className=\"jkl-link__content\">{children}</span>\n            {(external || rest.target === \"_blank\") && (\n                <span hidden={true} id={srId}>\n                    Ekstern lenke\n                </span>\n            )}\n        </Component>\n    );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","hidden","id"],"mappings":"iIASO,MAAMA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,IAGT,OAAAC,EAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAK,WAAYR,EAAW,CACnC,qBAAsBD,IAE1B,mBAAkBA,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,SACfD,EAAC,QAAKE,QAAQ,EAAMC,GAAIP,EAAMJ,SAE9B,oBAIhB"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n    ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        external = false,\n        className = \"\",\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n\n    const srId = useId();\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            aria-describedby={external ? srId : undefined}\n            {...rest}\n        >\n            <span className=\"jkl-link__content\">{children}</span>\n            {(external || rest.target === \"_blank\") && (\n                <span hidden={true} id={srId}>\n                    Ekstern lenke\n                </span>\n            )}\n        </Component>\n    );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","hidden","id"],"mappings":"iIASO,MAAMA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,IAGT,OAAAC,EAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAK,WAAYR,EAAW,CACnC,qBAAsBD,IAE1B,mBAAkBA,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,SACfD,EAAC,QAAKE,QAAQ,EAAMC,GAAIP,EAAMJ,SAE9B,oBAIhB"}

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 { 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/LinkList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.js","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ItemProps, LinkComponent, LinkListProps } from \"./types.js\";\n\nconst Item: ItemProps = ({ className, ...rest }) => {\n    return (\n        <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>\n    );\n};\n\nconst Link = React.forwardRef(function LinkListLink<\n    ElementType extends React.ElementType = \"a\",\n>(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list-link\", className)}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\nexport const LinkList = ({\n    variant,\n    className,\n    ...rest\n}: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"sLASA,MAMMA,EAAOC,EAAMC,YAAW,SAG1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAACJ,EAAA,CACGE,UAAWG,EAAK,qBAAsBH,GACtCJ,IAAAA,KACIK,EAEHF,SAAA,CAAAA,EACDK,EAACC,EAAe,CAAAL,UAAU,gCAGtC,IAEaM,EAAW,EACpBC,QAAAA,EACAP,UAAAA,KACGC,KAKCG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA7Ce,EAAGR,UAAAA,KAAcC,KAEjCG,EAAC,MAAGJ,UAAWG,EAAK,qBAAsBH,MAAgBC"}
+{"version":3,"file":"LinkList.js","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n    PolymorphicPropsWithRef,\n    PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport type { ItemProps, LinkComponent, LinkListProps } from \"./types.js\";\n\nconst Item: ItemProps = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest} />;\n};\n\nconst Link = React.forwardRef(function LinkListLink<\n    ElementType extends React.ElementType = \"a\",\n>(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list-link\", className)}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\nexport const LinkList = ({\n    variant,\n    className,\n    ...rest\n}: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"sLASA,MAIMA,EAAOC,EAAMC,YAAW,SAG1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,EAACJ,EAAA,CACGE,UAAWG,EAAK,qBAAsBH,GACtCJ,IAAAA,KACIK,EAEHF,SAAA,CAAAA,EACDK,EAACC,EAAe,CAAAL,UAAU,gCAGtC,IAEaM,EAAW,EACpBC,QAAAA,EACAP,UAAAA,KACGC,KAKCG,EAH0B,YAAZG,EAAwB,KAAO,KAG5C,CACGP,UAAWG,EAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,IAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA3Ce,EAAGR,UAAAA,KAAcC,KAC9BG,EAAC,MAAGJ,UAAWG,EAAK,qBAAsBH,MAAgBC"}

package/build/es/components/link-list/index.d.ts

@@ -1,2 +1,2 @@
 export { LinkList } from './LinkList.js';
-export { type LinkListProps, type UnorderedLinkListProps, type OrderedLinkListProps, type LinkComponent, type ItemProps, } from './types.js';
+export type { LinkListProps, UnorderedLinkListProps, OrderedLinkListProps, LinkComponent, ItemProps, } from './types.js';

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 { 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, { FC } from \"react\";\nimport { 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, { FC } from \"react\";\nimport { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 {\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