@fremtind/jokul 0.8.1 → 0.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { forwardRef, type CSSProperties, type ReactNode } from \"react\";\nimport { type WithOptionalChildren, type Density, type DataTestAutoId } from \"../../core\";\nimport { useId } from \"../../hooks\";\nimport { PopupTip, type PopupTipProps } from \"../tooltip\";\nimport { Label, type LabelProps } from \"./Label\";\nimport { SupportLabel, type SupportLabelProps } from \"./SupportLabel\";\n\nexport interface InputProps {\n    \"aria-describedby\"?: string;\n    \"aria-invalid\"?: boolean;\n    id?: string;\n}\n\nexport type InputGroupProps = WithOptionalChildren &\n    DataTestAutoId & {\n        id?: string;\n        className?: string;\n        \"data-testid\"?: string;\n        density?: Density;\n        errorLabel?: ReactNode;\n        helpLabel?: ReactNode;\n        inline?: boolean;\n        label: ReactNode;\n        labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n        supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n        tooltipProps?: PopupTipProps;\n        style?: CSSProperties;\n        render?: (props: InputProps) => JSX.Element;\n    };\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>((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        tooltipProps,\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 supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel ? \"error\" : helpLabel ? \"help\" : 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={cn(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={{ whiteSpace: tooltipProps ? \"nowrap\" : undefined, ...labelProps?.style }}\n                density={density}\n            >\n                {!tooltipProps && label}\n                {tooltipProps && (\n                    <>\n                        <span style={{ whiteSpace: \"normal\" }}>{label}</span>\n                        {`\\u00A0`}\n                        <PopupTip {...tooltipProps} />\n                    </>\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\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","tooltipProps","id","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","cn","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","jsx","PopupTip","SupportLabel","labelType","displayName"],"mappings":"8cA+BaA,EAAaC,EAAAA,YAA4C,CAACC,EAAOC,KACpE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,GAAAA,KACGC,GACHd,EAEEe,EAAMC,QAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,QAAM,qBAElBG,EAAcd,GAAcC,EAC5Bc,EAAkBf,EAAa,QAAUC,EAAY,YAAS,EAI9De,EAAyB,CAC3B,mBAHgBF,EAAcD,OAAY,EAI1C,iBAAwBb,QAAqB,EAC7CQ,GAAIE,GAGFO,EAAcZ,EACd,IAAMA,EAAOW,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ1B,EAAMG,UAAU,GAErD,GAAKqB,EAAMG,eAA2BJ,GAE/B,OAAAC,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMvB,OACZ,EAIP,OAAA6B,EAAAA,KAAC,MAAA,CACG5B,IAAAA,EACAC,UAAW4B,EAAG5B,EAAW,kBAAmB,CACxC,0BAA2BK,IAE/B,eAAcH,KACVU,EAEJX,SAAA,CAAA0B,EAAAA,KAACE,EAAAA,MAAA,CACGC,YAAU,EACVC,QAASlB,EACTmB,OAAQ3B,KACJE,EACJ0B,MAAO,CAAEC,WAAYxB,EAAe,cAAW,KAAc,MAAAH,OAAA,EAAAA,EAAY0B,OACzE/B,QAAAA,EAECD,SAAA,EAACS,GAAgBJ,EACjBI,GAEOiB,EAAAA,KAAAQ,WAAA,CAAAlC,SAAA,CAAAmC,MAAC,QAAKH,MAAO,CAAEC,WAAY,UAAajC,SAAMK,IAC7C,IACD8B,EAAAA,IAACC,EAAUA,SAAA,IAAG3B,UAIzBU,IACDgB,EAAAA,IAACE,EAAAA,aAAA,CACGN,OAAQ3B,KACJI,EACJH,MAAOW,EACPsB,UAAWrB,EACXP,GAAIK,EACJd,QAAAA,MACJ,IAKZN,EAAW4C,YAAc"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, type CSSProperties, type ReactNode } from \"react\";\nimport { type WithOptionalChildren, type Density, type DataTestAutoId } from \"../../core\";\nimport { useId } from \"../../hooks\";\nimport { PopupTip, type PopupTipProps } from \"../tooltip\";\nimport { Label, type LabelProps } from \"./Label\";\nimport { SupportLabel, type SupportLabelProps } from \"./SupportLabel\";\n\nexport interface InputProps {\n    \"aria-describedby\"?: string;\n    \"aria-invalid\"?: boolean;\n    id?: string;\n}\n\nexport type InputGroupProps = WithOptionalChildren &\n    DataTestAutoId & {\n        id?: string;\n        className?: string;\n        \"data-testid\"?: string;\n        density?: Density;\n        errorLabel?: ReactNode;\n        helpLabel?: ReactNode;\n        inline?: boolean;\n        label: ReactNode;\n        labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n        supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n        tooltipProps?: PopupTipProps;\n        style?: CSSProperties;\n        render?: (props: InputProps) => JSX.Element;\n    };\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>((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        tooltipProps,\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 supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel ? \"error\" : helpLabel ? \"help\" : 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={{ whiteSpace: tooltipProps ? \"nowrap\" : undefined, ...labelProps?.style }}\n                density={density}\n            >\n                {!tooltipProps && label}\n                {tooltipProps && (\n                    <>\n                        <span style={{ whiteSpace: \"normal\" }}>{label}</span>\n                        {`\\u00A0`}\n                        <PopupTip {...tooltipProps} />\n                    </>\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\nInputGroup.displayName = \"InputGroup\";\n"],"names":["InputGroup","forwardRef","props","ref","className","children","density","errorLabel","helpLabel","inline","label","labelProps","render","supportLabelProps","tooltipProps","id","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","inputProps","renderInput","input","React","Children","toArray","isValidElement","cloneElement","jsxs","clsx","Label","standAlone","htmlFor","srOnly","style","whiteSpace","Fragment","jsx","PopupTip","SupportLabel","labelType","displayName"],"mappings":"8dA+BaA,EAAaC,EAAAA,YAA4C,CAACC,EAAOC,KACpE,MACFC,UAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,GAAAA,KACGC,GACHd,EAEEe,EAAMC,QAAMH,GAAM,YAAa,CAAEI,gBAAiBJ,IAClDK,EAAYF,QAAM,qBAElBG,EAAcd,GAAcC,EAC5Bc,EAAkBf,EAAa,QAAUC,EAAY,YAAS,EAI9De,EAAyB,CAC3B,mBAHgBF,EAAcD,OAAY,EAI1C,iBAAwBb,QAAqB,EAC7CQ,GAAIE,GAGFO,EAAcZ,EACd,IAAMA,EAAOW,GACb,KACI,MAAME,EAAQC,EAAMC,SAASC,QAAQ1B,EAAMG,UAAU,GAErD,GAAKqB,EAAMG,eAA2BJ,GAE/B,OAAAC,EAAMI,aAAyBL,EAAO,IACtCF,KACAE,EAAMvB,OACZ,EAIP,OAAA6B,EAAAA,KAAC,MAAA,CACG5B,IAAAA,EACAC,UAAW4B,EAAAA,KAAK5B,EAAW,kBAAmB,CAC1C,0BAA2BK,IAE/B,eAAcH,KACVU,EAEJX,SAAA,CAAA0B,EAAAA,KAACE,EAAAA,MAAA,CACGC,YAAU,EACVC,QAASlB,EACTmB,OAAQ3B,KACJE,EACJ0B,MAAO,CAAEC,WAAYxB,EAAe,cAAW,KAAc,MAAAH,OAAAA,EAAAA,EAAY0B,OACzE/B,QAAAA,EAECD,SAAA,EAACS,GAAgBJ,EACjBI,GAEOiB,EAAAA,KAAAQ,WAAA,CAAAlC,SAAA,CAAAmC,MAAC,QAAKH,MAAO,CAAEC,WAAY,UAAajC,SAAMK,IAC7C,IACD8B,EAAAA,IAACC,EAAUA,SAAA,IAAG3B,UAIzBU,IACDgB,EAAAA,IAACE,EAAAA,aAAA,CACGN,OAAQ3B,KACJI,EACJH,MAAOW,EACPsB,UAAWrB,EACXP,GAAIK,EACJd,QAAAA,MACJ,IAKZN,EAAW4C,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { type CSSProperties, type FC } from \"react\";\nimport type { WithChildren, Density } from \"../../core\";\n\nexport type LabelVariant = \"small\" | \"medium\" | \"large\";\n\nexport interface LabelProps extends WithChildren {\n    id?: string;\n    variant?: LabelVariant;\n    density?: Density;\n    srOnly?: boolean;\n    standAlone?: boolean;\n    htmlFor?: string;\n    className?: string;\n    style?: CSSProperties;\n}\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 = classNames(\"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 {...rest} className={labelClassNames} htmlFor={htmlFor} data-density={density}>\n            {children}\n        </C>\n    );\n};\n"],"names":["variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","classNames","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"2JAiBqC,EACjCA,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEG,MAAAC,EAAkBC,EAAW,YAAaH,EAAW,CACvD,CAAC,cAAcN,KAAYA,EAC3B,qBAAsBE,IAGpBQ,EAAIN,EAAa,QAAU,OAE7B,OAACA,GAAcC,IACLA,OAAA,EACmB,eAAzBM,QAAQC,IAAIC,UACJC,QAAAC,KACJ,+UAMRC,MAACN,MAAMH,EAAMD,UAAWE,EAAiBH,QAAAA,EAAkB,eAAcJ,EACpEE,SAAAA,GACL"}
+{"version":3,"file":"Label.js","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type CSSProperties, type FC } from \"react\";\nimport type { WithChildren, Density } from \"../../core\";\n\nexport type LabelVariant = \"small\" | \"medium\" | \"large\";\n\nexport interface LabelProps extends WithChildren {\n    id?: string;\n    variant?: LabelVariant;\n    density?: Density;\n    srOnly?: boolean;\n    standAlone?: boolean;\n    htmlFor?: string;\n    className?: string;\n    style?: CSSProperties;\n}\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 {...rest} className={labelClassNames} htmlFor={htmlFor} data-density={density}>\n            {children}\n        </C>\n    );\n};\n"],"names":["variant","density","srOnly","children","standAlone","htmlFor","className","rest","labelClassNames","clsx","C","process","env","NODE_ENV","console","warn","jsx"],"mappings":"2KAiBqC,EACjCA,QAAAA,EAAU,QACVC,QAAAA,EACAC,OAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,UAAAA,EAAY,MACTC,MAEG,MAAAC,EAAkBC,EAAAA,KAAK,YAAaH,EAAW,CACjD,CAAC,cAAcN,KAAYA,EAC3B,qBAAsBE,IAGpBQ,EAAIN,EAAa,QAAU,OAE7B,OAACA,GAAcC,IACLA,OAAA,EACmB,eAAzBM,QAAQC,IAAIC,UACJC,QAAAC,KACJ,+UAMRC,MAACN,MAAMH,EAAMD,UAAWE,EAAiBH,QAAAA,EAAkB,eAAcJ,EACpEE,SAAAA,GACL"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("classnames");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js");const n=require("../icon/icons/ErrorIcon.js");require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js");const e=require("../icon/icons/SuccessIcon.js"),i=require("../icon/icons/WarningIcon.js");require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");exports.SupportLabel=({id:c,helpLabel:s,errorLabel:u,label:a,labelType:l="help",density:j,className:t,srOnly:q,...I})=>{const p=u||s||a,m="error"===l,h="success"===l,b=p?r("jkl-form-support-label",t,{"jkl-form-support-label--sr-only":q,"jkl-form-support-label--help":"help"===l||s&&!u,"jkl-form-support-label--error":m,"jkl-form-support-label--warning":"warning"===l||u,"jkl-form-support-label--success":h}):"jkl-dormant-form-support-label",d=p?I:{},f=m?n.ErrorIcon:h?e.SuccessIcon:i.WarningIcon;return o.jsxs("span",{id:c,className:b,...d,"data-density":j,children:[o.jsx(f,{variant:"small",className:"jkl-form-support-label__icon"}),o.jsx("span",{children:u||s||a})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js");const n=require("../icon/icons/ErrorIcon.js");require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js");const e=require("../icon/icons/SuccessIcon.js"),i=require("../icon/icons/WarningIcon.js");require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");exports.SupportLabel=({id:c,helpLabel:s,errorLabel:u,label:l,labelType:a="help",density:j,className:t,srOnly:q,...I})=>{const p=u||s||l,m="help"===a||s&&!u,h="warning"===a||u,b="error"===a,d="success"===a,f=p?r.clsx("jkl-form-support-label",t,{"jkl-form-support-label--sr-only":q,"jkl-form-support-label--help":m,"jkl-form-support-label--error":b,"jkl-form-support-label--warning":h,"jkl-form-support-label--success":d}):"jkl-dormant-form-support-label",w=p?I:{},k=b?n.ErrorIcon:d?e.SuccessIcon:i.WarningIcon;return o.jsxs("span",{id:c,className:f,...w,"data-density":j,children:[o.jsx(k,{variant:"small",className:"jkl-form-support-label__icon"}),o.jsx("span",{children:u||s||l})]})};
 //# sourceMappingURL=SupportLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SupportLabel.js","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC, type ReactNode } from \"react\";\nimport { type Density } from \"../../core\";\nimport { ErrorIcon, SuccessIcon, WarningIcon } from \"../icon\";\n\nexport type SupportLabelType = \"help\" | \"error\" | \"warning\" | \"success\";\n\nexport interface SupportLabelProps {\n    /**\n     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.\n     *\n     * @example\n     *  ```tsx\n     *  const uid = useId();\n     *  const supportId = useId();\n     *  const hasSupportText = helpLabel || errorLabel;\n     *  const describedBy = hasSupportText ? supportId : undefined;\n     *\n     *  return (\n     *    <div>\n     *      <Label standAlone htmlFor={uid}>\n     *        Velg en tekst\n     *      </Label>\n     *      <select\n     *        id={uid}\n     *        aria-describedby={describedBy}\n     *      >\n     *        <option value=\"e\">Example</option>\n     *      </select>\n     *      <SupportLabel\n     *        id={supportId}\n     *        label={errorLabel}\n     *        labelType=\"error\"\n     *        density={density}\n     *      />\n     *    </div>\n     *  );\n     *  ```\n     */\n    id: string;\n    /**\n     * @deprecated Bruk `label` for å få samme resultat.\n     */\n    helpLabel?: ReactNode;\n    /**\n     * @deprecated Bruk `label` og `labelType=\"warning\"` for å få samme resultat.\n     */\n    errorLabel?: ReactNode;\n    label?: ReactNode;\n    /**\n     * Bestemmer hvilket ikon som skal vises:\n     *\n     * - \"help\" viser ikke noe ikon\n     * - \"warning\" viser WarningIcon, det som tidligere ble vist med `errorLabel`\n     * - \"error\" viser ErrorIcon\n     * - \"success\" viser SuccessIcon\n     *\n     * @default \"help\"\n     */\n    labelType?: SupportLabelType;\n    density?: Density;\n    className?: string;\n    srOnly?: boolean;\n}\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        ? cn(\"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 id={id} className={componentClassName} {...restProps} data-density={density}>\n            <Icon variant=\"small\" className=\"jkl-form-support-label__icon\" />\n            <span>{errorLabel || helpLabel || label}</span>\n        </span>\n    );\n};\n"],"names":["id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isError","isSuccess","componentClassName","cn","restProps","Icon","ErrorIcon","SuccessIcon","WarningIcon","jsxs","children","jsx","variant"],"mappings":"gmDAiEmD,EAC/CA,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEG,MAAAC,EAAWP,GAAcD,GAAaE,EAItCO,EAAwB,UAAdN,EACVO,EAA0B,YAAdP,EAEZQ,EAAqBH,EACrBI,EAAG,yBAA0BP,EAAW,CACpC,kCAAmCC,EACnC,+BARmB,SAAdH,GAAyBH,IAAcC,EAS5C,gCAAiCQ,EACjC,kCATsB,YAAdN,GAA2BF,EAUnC,kCAAmCS,IAEvC,iCAEAG,EAAYL,EAAWD,EAAO,GAE9BO,EAAOL,EAAUM,EAAAA,UAAYL,EAAYM,EAAAA,YAAcC,EAAAA,YAGzD,OAAAC,OAAC,QAAKnB,GAAAA,EAAQM,UAAWM,KAAwBE,EAAW,eAAcT,EACtEe,SAAA,CAAAC,EAAAA,IAACN,EAAK,CAAAO,QAAQ,QAAQhB,UAAU,iCAC/Be,EAAAA,IAAA,OAAA,CAAMD,SAAclB,GAAAD,GAAaE,MACtC"}
+{"version":3,"file":"SupportLabel.js","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC, type ReactNode } from \"react\";\nimport { type Density } from \"../../core\";\nimport { ErrorIcon, SuccessIcon, WarningIcon } from \"../icon\";\n\nexport type SupportLabelType = \"help\" | \"error\" | \"warning\" | \"success\";\n\nexport interface SupportLabelProps {\n    /**\n     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.\n     *\n     * @example\n     *  ```tsx\n     *  const uid = useId();\n     *  const supportId = useId();\n     *  const hasSupportText = helpLabel || errorLabel;\n     *  const describedBy = hasSupportText ? supportId : undefined;\n     *\n     *  return (\n     *    <div>\n     *      <Label standAlone htmlFor={uid}>\n     *        Velg en tekst\n     *      </Label>\n     *      <select\n     *        id={uid}\n     *        aria-describedby={describedBy}\n     *      >\n     *        <option value=\"e\">Example</option>\n     *      </select>\n     *      <SupportLabel\n     *        id={supportId}\n     *        label={errorLabel}\n     *        labelType=\"error\"\n     *        density={density}\n     *      />\n     *    </div>\n     *  );\n     *  ```\n     */\n    id: string;\n    /**\n     * @deprecated Bruk `label` for å få samme resultat.\n     */\n    helpLabel?: ReactNode;\n    /**\n     * @deprecated Bruk `label` og `labelType=\"warning\"` for å få samme resultat.\n     */\n    errorLabel?: ReactNode;\n    label?: ReactNode;\n    /**\n     * Bestemmer hvilket ikon som skal vises:\n     *\n     * - \"help\" viser ikke noe ikon\n     * - \"warning\" viser WarningIcon, det som tidligere ble vist med `errorLabel`\n     * - \"error\" viser ErrorIcon\n     * - \"success\" viser SuccessIcon\n     *\n     * @default \"help\"\n     */\n    labelType?: SupportLabelType;\n    density?: Density;\n    className?: string;\n    srOnly?: boolean;\n}\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 id={id} className={componentClassName} {...restProps} data-density={density}>\n            <Icon variant=\"small\" className=\"jkl-form-support-label__icon\" />\n            <span>{errorLabel || helpLabel || label}</span>\n        </span>\n    );\n};\n"],"names":["id","helpLabel","errorLabel","label","labelType","density","className","srOnly","rest","hasLabel","isHelp","isWarning","isError","isSuccess","componentClassName","clsx","restProps","Icon","ErrorIcon","SuccessIcon","WarningIcon","jsxs","children","jsx","variant"],"mappings":"gnDAiEmD,EAC/CA,GAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,UAAAA,EAAY,OACZC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,KACGC,MAEG,MAAAC,EAAWP,GAAcD,GAAaE,EAEtCO,EAAuB,SAAdN,GAAyBH,IAAcC,EAChDS,EAA0B,YAAdP,GAA2BF,EACvCU,EAAwB,UAAdR,EACVS,EAA0B,YAAdT,EAEZU,EAAqBL,EACrBM,OAAK,yBAA0BT,EAAW,CACtC,kCAAmCC,EACnC,+BAAgCG,EAChC,gCAAiCE,EACjC,kCAAmCD,EACnC,kCAAmCE,IAEvC,iCAEAG,EAAYP,EAAWD,EAAO,GAE9BS,EAAOL,EAAUM,EAAAA,UAAYL,EAAYM,EAAAA,YAAcC,EAAAA,YAGzD,OAAAC,OAAC,QAAKrB,GAAAA,EAAQM,UAAWQ,KAAwBE,EAAW,eAAcX,EACtEiB,SAAA,CAAAC,EAAAA,IAACN,EAAK,CAAAO,QAAQ,QAAQlB,UAAU,iCAC/BiB,EAAAA,IAAA,OAAA,CAAMD,SAAcpB,GAAAD,GAAaE,MACtC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./List.js"),t=require("./ListItem.js");exports.List=e.List,exports.OrderedList=e.OrderedList,exports.UnorderedList=e.UnorderedList,exports.CheckListItem=t.CheckListItem,exports.CrossListItem=t.CrossListItem,exports.ListItem=t.ListItem;
+//# sourceMappingURL=index.js.map

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

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

package/build/cjs/components/modal/Modal.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),s=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const r=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const n=require("../icon-button/IconButton.js"),c=s.forwardRef((({className:s,...r},n)=>o.jsx("div",{className:e.clsx("jkl-modal-container",s),...r,ref:n})));c.displayName="ModalContainer";const i=s.forwardRef((({className:s,transparent:r,...n},c)=>o.jsx("div",{className:e.clsx("jkl-modal-overlay",s,{"jkl-modal-overlay--transparent":r}),...n,ref:c})));i.displayName="ModalOverlay";const a=s.forwardRef((({className:s,component:r,padding:n,style:c,...i},a)=>{const l=r||"div";return o.jsx(l,{className:e.clsx("jkl jkl-modal",s),style:{"--jkl-modal-padding":n?`var(--jkl-spacing-${n})`:void 0,...c},...i,ref:a})}));a.displayName="Modal";const l=s.forwardRef((({className:s,...r},n)=>o.jsx("div",{className:e.clsx("jkl-modal-header",s),...r,ref:n})));l.displayName="ModalHeader";const t=s.forwardRef((({className:s,...r},n)=>o.jsx("p",{className:e.clsx("jkl-modal-title",s),...r,ref:n})));t.displayName="ModalTitle";const d=s.forwardRef((({className:s,...c},i)=>o.jsx(n.IconButton,{className:e.clsx("jkl-modal-close",s),"data-testautoid":"jkl-modal-close",...c,ref:i,children:o.jsx(r.CloseIcon,{variant:"medium"})})));d.displayName="ModalCloseButton";const j=s.forwardRef((({className:s,...r},n)=>o.jsx("div",{className:e.clsx("jkl-modal-body",s),...r,ref:n})));j.displayName="ModalBody";const u=s.forwardRef((({className:s,...r},n)=>o.jsx("div",{className:e.clsx("jkl-modal-actions",s),...r,ref:n})));u.displayName="ModalActions",exports.Modal=a,exports.ModalActions=u,exports.ModalBody=j,exports.ModalCloseButton=d,exports.ModalContainer=c,exports.ModalHeader=l,exports.ModalOverlay=i,exports.ModalTitle=t;
+//# sourceMappingURL=Modal.js.map

package/build/cjs/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport type { WithOptionalChildren } from \"../..\";\nimport { CloseIcon } from \"../icon\";\nimport { IconButton, type IconButtonProps } from \"../icon-button\";\nimport { ModalConfig } from \"./useModal\";\n\nexport interface ModalProps extends WithOptionalChildren {\n    id?: string;\n    className?: string;\n    component?: React.ElementType;\n    style?: React.CSSProperties;\n    /**\n     * Overstyrer padding på modalen via en CSS-variabel.\n     */\n    padding?: 16 | 24 | 40;\n}\n\ntype BaseModalProps = Omit<ModalProps, \"padding\" | \"component\">;\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalContainer = forwardRef<HTMLDivElement, ModalConfig[\"container\"] & BaseModalProps>(\n    ({ className, ...rest }, ref) => {\n        return <div className={clsx(\"jkl-modal-container\", className)} {...rest} ref={ref} />;\n    },\n);\nModalContainer.displayName = \"ModalContainer\";\n\ntype ModalOverlayProps = ModalConfig[\"overlay\"] &\n    BaseModalProps & {\n        /**\n         * Rendre uten bakgrunnsfarge, men med click target for å lukke modalen ved klikk utenfor.\n         */\n        transparent?: boolean;\n    };\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n    ({ className, transparent, ...rest }, ref) => (\n        <div\n            className={clsx(\"jkl-modal-overlay\", className, {\n                \"jkl-modal-overlay--transparent\": transparent,\n            })}\n            {...rest}\n            ref={ref}\n        />\n    ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n    ({ className, component, padding, style, ...rest }, ref) => {\n        const C = component || \"div\";\n        return (\n            <C\n                className={clsx(\"jkl jkl-modal\", className)}\n                style={\n                    {\n                        \"--jkl-modal-padding\": padding ? `var(--jkl-spacing-${padding})` : undefined,\n                        ...style,\n                    } as React.CSSProperties\n                }\n                {...rest}\n                ref={ref}\n            />\n        );\n    },\n);\nModal.displayName = \"Modal\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n    <div className={clsx(\"jkl-modal-header\", className)} {...rest} ref={ref} />\n));\nModalHeader.displayName = \"ModalHeader\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalTitle = forwardRef<HTMLParagraphElement, ModalConfig[\"title\"] & BaseModalProps>(\n    ({ className, ...rest }, ref) => <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />,\n);\nModalTitle.displayName = \"ModalTitle\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalCloseButton = forwardRef<\n    HTMLButtonElement,\n    Omit<ModalConfig[\"closeButton\"], \"onClick\"> & BaseModalProps & IconButtonProps\n>(({ className, ...rest }, ref) => (\n    <IconButton className={clsx(\"jkl-modal-close\", className)} data-testautoid=\"jkl-modal-close\" {...rest} ref={ref}>\n        <CloseIcon variant=\"medium\" />\n    </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n    <div className={clsx(\"jkl-modal-body\", className)} {...rest} ref={ref} />\n));\nModalBody.displayName = \"ModalBody\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n    <div className={clsx(\"jkl-modal-actions\", className)} {...rest} ref={ref} />\n));\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","C","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"opDAuBaA,EAAiBC,EAAAA,YAC1B,EAAGC,UAAAA,KAAcC,GAAQC,IACdC,MAAC,OAAIH,UAAWI,EAAAA,KAAK,sBAAuBJ,MAAgBC,EAAMC,IAAAA,MAGjFJ,EAAeO,YAAc,iBAatB,MAAMC,EAAeP,EAAAA,YACxB,EAAGC,UAAAA,EAAWO,YAAAA,KAAgBN,GAAQC,IAClCC,EAAAA,IAAC,MAAA,CACGH,UAAWI,EAAAA,KAAK,oBAAqBJ,EAAW,CAC5C,iCAAkCO,OAElCN,EACJC,IAAAA,MAIZI,EAAaD,YAAc,eAKpB,MAAMG,EAAQT,EAAAA,YACjB,EAAGC,UAAAA,EAAWS,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,KAAUV,GAAQC,KAChD,MAAMU,EAAIH,GAAa,MAEnB,OAAAN,EAAAA,IAACS,EAAA,CACGZ,UAAWI,EAAAA,KAAK,gBAAiBJ,GACjCW,MACI,CACI,sBAAuBD,EAAU,qBAAqBA,UAAa,KAChEC,MAGPV,EACJC,IAAAA,GAAA,IAKhBM,EAAMH,YAAc,QAKb,MAAMQ,EAAcd,EAA2CA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,UAC1F,MAAI,CAAAF,UAAWI,OAAK,mBAAoBJ,MAAgBC,EAAMC,IAAAA,MAEnEW,EAAYR,YAAc,cAKnB,MAAMS,EAAaf,EAAAA,YACtB,EAAGC,UAAAA,KAAcC,GAAQC,IAAQC,EAAAA,IAAC,IAAE,CAAAH,UAAWI,EAAAA,KAAK,kBAAmBJ,MAAgBC,EAAMC,IAAAA,MAEjGY,EAAWT,YAAc,aAKZ,MAAAU,EAAmBhB,EAG9BA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,IACtBC,EAAAA,IAAAa,EAAAA,WAAA,CAAWhB,UAAWI,EAAAA,KAAK,kBAAmBJ,GAAY,kBAAgB,qBAAsBC,EAAMC,IAAAA,EACnGe,SAAAd,MAACe,EAAAA,UAAU,CAAAC,QAAQ,eAG3BJ,EAAiBV,YAAc,mBAKxB,MAAMe,EAAYrB,EAA2CA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,UACxF,MAAI,CAAAF,UAAWI,OAAK,iBAAkBJ,MAAgBC,EAAMC,IAAAA,MAEjEkB,EAAUf,YAAc,YAKjB,MAAMgB,EAAetB,EAA2CA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,UAC3F,MAAI,CAAAF,UAAWI,OAAK,oBAAqBJ,MAAgBC,EAAMC,IAAAA,MAEpEmB,EAAahB,YAAc"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Modal.js"),e=require("./useModal.js");exports.Modal=o.Modal,exports.ModalActions=o.ModalActions,exports.ModalBody=o.ModalBody,exports.ModalCloseButton=o.ModalCloseButton,exports.ModalContainer=o.ModalContainer,exports.ModalHeader=o.ModalHeader,exports.ModalOverlay=o.ModalOverlay,exports.ModalTitle=o.ModalTitle,exports.useModal=e.useModal;
+//# sourceMappingURL=index.js.map

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

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

package/build/cjs/components/modal/useModal.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-a11y-dialog");require("react"),require("../../hooks/useScreen/useScreen.js");const o=require("../../hooks/useId/useId.js");exports.useModal=function(r){const{id:t,role:s="dialog",closeButtonLabel:u="Lukk",...l}=r,a=o.useId(t||"jkl-modal",{generateSuffix:!t}),[i,d]=e.useA11yDialog({id:a,role:s,...l}),{dialog:n,...c}=d;return[i,{modal:d.dialog,...c,closeButton:{...d.closeButton,"aria-label":u}}]};
+//# sourceMappingURL=useModal.js.map

package/build/cjs/components/modal/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sources":["../../../../src/components/modal/useModal.ts"],"sourcesContent":["import { A11yDialogConfig, A11yDialogProps, useA11yDialog } from \"react-a11y-dialog\";\nimport { useId } from \"../../hooks\";\n\nexport interface UseModalOptions extends Omit<A11yDialogProps, \"id\" | \"closeButtonPosition\"> {\n    id?: string;\n    /**\n     * @default \"Lukk\"\n     */\n    closeButtonLabel?: string;\n    /**\n     * Sett til `alertdialog` om du ønsker å slå av muligheten til å lukke med ESC og klikk utenfor.\n     *\n     * @default \"dialog\"\n     */\n    role?: \"dialog\" | \"alertdialog\";\n    /**\n     * Påkrevd for universell utforming. Tittelen kan gjenbrukes som `children` i `<ModalTitle>` med en konstant.\n     */\n    title: string;\n}\n\nexport type ModalInstance = ReturnType<typeof useModal>[0];\n\nexport interface ModalConfig extends Omit<A11yDialogConfig, \"dialog\"> {\n    modal: A11yDialogConfig[\"dialog\"];\n    closeButton: A11yDialogConfig[\"closeButton\"] & {\n        \"aria-label\": string;\n    };\n}\n\n/**\n * @example\n * ```jsx\n * const heading = \"Bekreft sletting\";\n * const [instance, { title, overlay, container, modal, closeButton }] = useModal({ title: heading });\n *\n * useEffect(() => {\n *      if (!instance) {\n *          return;\n *      }\n *      instance.show();\n *  }, [instance]);\n *\n * return ReactDOM.createPortal(\n *      <ModalContainer {...container}>\n *          <ModalOverlay {...overlay} />\n *          <Modal {...modal}>\n *              <ModalHeader>\n *                  <ModalTitle {...title}>{heading}</ModalTitle>\n *                  <ModalCloseButton {...closeButton} />\n *              </ModalHeader>\n *              <ModalBody>\n *                  Er du sikker på at du vil slette Foo Bar Baz?\n *              </ModalBody>\n *              <ModalActions>\n *                  <PrimaryButton\n *                      onClick={() => {\n *                          // Do the thing\n *                          instance?.hide()\n *                      }}\n *                  >\n *                      Bekreft\n *                  </PrimaryButton>\n *                  <TertiaryButton onClick={() => instance?.hide()}>\n *                     Avbryt\n *                 </TertiaryButton>\n *              </ModalActions>\n *          </Modal>\n *      </ModalContainer>,\n *      document.body,\n *  );\n * ```\n */\nexport function useModal(props: UseModalOptions) {\n    const { id: idProp, role = \"dialog\", closeButtonLabel = \"Lukk\", ...rest } = props;\n\n    const id = useId(idProp || \"jkl-modal\", { generateSuffix: !idProp });\n\n    const [instance, config] = useA11yDialog({\n        id,\n        role,\n        ...rest,\n    });\n\n    const { dialog, ...restConfig } = config;\n\n    const modalConfig: ModalConfig = {\n        modal: config.dialog,\n        ...restConfig,\n        closeButton: {\n            ...config.closeButton,\n            \"aria-label\": closeButtonLabel,\n        },\n    };\n\n    return [instance, modalConfig] as const;\n}\n"],"names":["props","id","idProp","role","closeButtonLabel","rest","useId","generateSuffix","instance","config","useA11yDialog","dialog","restConfig","modal","closeButton"],"mappings":"mPAyEO,SAAkBA,GACf,MAAEC,GAAIC,EAAQC,KAAAA,EAAO,SAAUC,iBAAAA,EAAmB,UAAWC,GAASL,EAEtEC,EAAKK,QAAMJ,GAAU,YAAa,CAAEK,gBAAiBL,KAEpDM,EAAUC,GAAUC,gBAAc,CACrCT,GAAAA,EACAE,KAAAA,KACGE,KAGCM,OAAAA,KAAWC,GAAeH,EAW3B,MAAA,CAACD,EATyB,CAC7BK,MAAOJ,EAAOE,UACXC,EACHE,YAAa,IACNL,EAAOK,YACV,aAAcV,IAK1B"}

package/build/cjs/components/radio-button/BaseRadioButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),t=require("react");require("../../hooks/useScreen/useScreen.js");const s=require("../../hooks/useId/useId.js"),r=t.forwardRef(((t,r)=>{const{id:i,className:n,checked:o,children:l,label:d,density:u,inline:c,invalid:j,name:b,value:k,onChange:h,...m}=t,x=s.useId(i||"jkl-radio-button",{generateSuffix:!i});return e.jsxs("div",{className:a.clsx("jkl-radio-button",n,{"jkl-radio-button--inline":c,"jkl-radio-button--error":j}),"data-density":u,children:[e.jsx("input",{name:b,ref:r,...m,id:x,className:"jkl-radio-button__input",type:"radio",onChange:h,value:k,checked:o}),e.jsxs("label",{"data-testid":"jkl-radio-button__label-tag",htmlFor:x,className:"jkl-radio-button__label",children:[e.jsx("span",{"aria-hidden":!0,className:"jkl-radio-button__dot"}),e.jsx("span",{className:"jkl-radio-button__text",children:d||l})]})]})}));r.displayName="BaseRadioButton",exports.BaseRadioButton=r;
+//# sourceMappingURL=BaseRadioButton.js.map

package/build/cjs/components/radio-button/BaseRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRadioButton.js","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ChangeEventHandler, forwardRef } from \"react\";\nimport { Density } from \"../..\";\nimport { useId } from \"../../hooks\";\nimport { RadioButtonProps } from \"./RadioButton\";\n\nexport interface BaseRadioButtonProps extends RadioButtonProps {\n    inline?: boolean;\n    density?: Density;\n    invalid?: boolean;\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>((props, ref) => {\n    const { id, className, checked, children, label, density, inline, invalid, name, value, onChange, ...rest } = props;\n\n    const inputId = useId(id || \"jkl-radio-button\", { generateSuffix: !id });\n\n    return (\n        <div\n            className={clsx(\"jkl-radio-button\", className, {\n                \"jkl-radio-button--inline\": inline,\n                \"jkl-radio-button--error\": invalid,\n            })}\n            data-density={density}\n        >\n            <input\n                name={name}\n                ref={ref}\n                {...rest}\n                id={inputId}\n                className=\"jkl-radio-button__input\"\n                type=\"radio\"\n                onChange={onChange}\n                value={value}\n                checked={checked}\n            />\n            <label data-testid=\"jkl-radio-button__label-tag\" htmlFor={inputId} className=\"jkl-radio-button__label\">\n                <span aria-hidden className=\"jkl-radio-button__dot\" />\n                <span className=\"jkl-radio-button__text\">{label || children}</span>\n            </label>\n        </div>\n    );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","density","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"4QAaaA,EAAkBC,EAAAA,YAAmD,CAACC,EAAOC,KACtF,MAAQC,GAAAA,EAAIC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,EAAUC,MAAAA,EAAOC,QAAAA,EAASC,OAAAA,EAAQC,QAAAA,EAASC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,KAAaC,GAASb,EAExGc,EAAUC,QAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAG/D,OAAAe,EAAAA,KAAC,MAAA,CACGd,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,WAEH,QAAM,CAAA,cAAY,8BAA8BiB,QAASP,EAASX,UAAU,0BACzEE,SAAA,CAAAc,EAAAA,IAAC,OAAK,CAAA,eAAW,EAAChB,UAAU,0BAC3BgB,EAAAA,IAAA,OAAA,CAAKhB,UAAU,yBAA0BE,YAASA,SACvD,IAKZP,EAAgBwB,YAAc"}

package/build/cjs/components/radio-button/RadioButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react");require("../../hooks/useScreen/useScreen.js");const r=require("../../hooks/useId/useId.js");require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../input-group/SupportLabel.js");require("../input-group/InputGroup.js");const n=require("./BaseRadioButton.js"),c=require("./radioGroupContext.js"),s=e.forwardRef(((e,s)=>{const{checked:u,value:t,supportLabelProps:j,helpLabel:a,...q}=e,{value:I,density:p,...l}=c.useRadioGroupContext(),d=r.useId("jkl-support-label");return o.jsxs(o.Fragment,{children:[o.jsx(n.BaseRadioButton,{...l,...q,ref:s,checked:typeof u<"u"?u:typeof I<"u"?t===I:void 0,value:t,"aria-describedby":a?d:void 0}),o.jsx(i.SupportLabel,{...j,label:a,labelType:"help",id:d,density:p})]})}));s.displayName="RadioButton",exports.RadioButton=s;
+//# sourceMappingURL=RadioButton.js.map

package/build/cjs/components/radio-button/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, ChangeEventHandler, ReactNode } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { SupportLabel, SupportLabelProps } from \"../input-group\";\nimport { BaseRadioButton } from \"./BaseRadioButton\";\nimport { useRadioGroupContext } from \"./radioGroupContext\";\n\nexport interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n    children?: ReactNode;\n    value: string;\n    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */\n    name?: string;\n    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /** @deprecated Bruk children */\n    label?: ReactNode;\n    helpLabel?: ReactNode;\n    supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>((props, ref) => {\n    const { checked, value, supportLabelProps, helpLabel, ...rest } = props;\n    const { value: selectedValue, density, ...context } = useRadioGroupContext();\n    const supportId = useId(\"jkl-support-label\");\n\n    return (\n        <>\n            <BaseRadioButton\n                {...context}\n                {...rest}\n                ref={ref}\n                checked={\n                    typeof checked !== \"undefined\"\n                        ? checked\n                        : typeof selectedValue !== \"undefined\"\n                        ? value === selectedValue\n                        : undefined\n                }\n                value={value}\n                aria-describedby={helpLabel ? supportId : undefined}\n            />\n            <SupportLabel\n                {...supportLabelProps}\n                label={helpLabel}\n                labelType={\"help\"}\n                id={supportId}\n                density={density}\n            />\n        </>\n    );\n});\n\nRadioButton.displayName = \"RadioButton\";\n"],"names":["RadioButton","forwardRef","props","ref","checked","value","supportLabelProps","helpLabel","rest","selectedValue","density","context","useRadioGroupContext","supportId","useId","jsxs","Fragment","children","jsx","BaseRadioButton","SupportLabel","label","labelType","id","displayName"],"mappings":"u6DAmBaA,EAAcC,EAAAA,YAA+C,CAACC,EAAOC,KAC9E,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAC1DG,MAAOI,EAAeC,QAAAA,KAAYC,GAAYC,EAAAA,uBAChDC,EAAYC,QAAM,qBAExB,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACzBJ,IAAUI,OACV,EAEVJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAAAA,IAACE,EAAAA,aAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,MAER,IAIRV,EAAYwB,YAAc"}

package/build/cjs/components/radio-button/RadioButtonGroup.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../input-group/FieldGroup.js");require("../input-group/InputGroup.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("./radioGroupContext.js");exports.RadioButtonGroup=r=>{const{name:e,value:c,onChange:s,errorLabel:u,inline:t=!1,density:a,labelProps:j={variant:"medium"},...q}=r;return o.jsx(i.RadioGroupContextProvider,{state:{onChange:s,value:c,name:e,invalid:!!u,inline:t,density:a},children:o.jsx(n.FieldGroup,{errorLabel:u,labelProps:j,"data-testid":"jkl-radio-button-group",density:a,...q,role:"radiogroup","aria-invalid":!!u})})};
+//# sourceMappingURL=RadioButtonGroup.js.map

package/build/cjs/components/radio-button/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC } from \"react\";\nimport { Density } from \"../..\";\nimport { FieldGroup, type FieldGroupProps } from \"../input-group\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext\";\n\nexport interface RadioButtonGroupProps extends Omit<FieldGroupProps, \"onChange\"> {\n    legend: string;\n    /** Alle RadioButton i gruppen får dette som name. */\n    name?: string;\n    /** Om gruppen skal være controlled setter du den valgte verdien her. */\n    value?: string;\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    helpLabel?: string;\n    /**\n     * Erstatter hjelpeteksten (hvis noen) med en feilmelding.\n     * Merker samtidig alle RadioButton i gruppen som ugyldige.\n     */\n    errorLabel?: string;\n    /**\n     * Setter inline-modifieren på alle RadioButton i gruppen.\n     * @default false\n     */\n    inline?: boolean;\n    density?: Density;\n}\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n    const {\n        name,\n        value,\n        onChange,\n        errorLabel,\n        inline = false,\n        density,\n        labelProps = { variant: \"medium\" },\n        ...rest\n    } = props;\n\n    return (\n        <RadioGroupContextProvider\n            state={{\n                onChange,\n                value,\n                name,\n                invalid: Boolean(errorLabel),\n                inline,\n                density,\n            }}\n        >\n            <FieldGroup\n                errorLabel={errorLabel}\n                labelProps={labelProps}\n                data-testid=\"jkl-radio-button-group\"\n                density={density}\n                {...rest}\n                role=\"radiogroup\"\n                aria-invalid={Boolean(errorLabel)}\n            />\n        </RadioGroupContextProvider>\n    );\n};\n"],"names":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"srDA0B4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}

package/build/cjs/components/radio-button/index.js

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

package/build/cjs/components/radio-button/index.js.map

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

package/build/cjs/components/radio-button/radioGroupContext.js

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

package/build/cjs/components/radio-button/radioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroupContext.js","sources":["../../../../src/components/radio-button/radioGroupContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ChangeEventHandler } from \"react\";\nimport { Density, WithChildren } from \"../..\";\n\ntype RadioGroupContext = {\n    name: string | undefined;\n    value: string | undefined;\n    inline: boolean;\n    density?: Density;\n    invalid: boolean;\n    onChange: ChangeEventHandler<HTMLInputElement> | undefined;\n};\n\nconst radioGroupContext = createContext<RadioGroupContext>({\n    name: undefined,\n    value: undefined,\n    onChange: () => {\n        return;\n    },\n    inline: false,\n    density: undefined,\n    invalid: false,\n});\n\nexport const useRadioGroupContext = (): RadioGroupContext => useContext(radioGroupContext);\n\ninterface Props extends WithChildren {\n    state: RadioGroupContext;\n}\n\nexport const RadioGroupContextProvider: React.FC<Props> = ({ state, children }) => (\n    <radioGroupContext.Provider value={state}>{children}</radioGroupContext.Provider>\n);\n"],"names":["radioGroupContext","createContext","name","value","onChange","inline","density","invalid","state","children","jsx","Provider","useContext"],"mappings":"wIAYMA,EAAoBC,EAAAA,cAAiC,CACvDC,UAAM,EACNC,WAAO,EACPC,SAAU,OAGVC,QAAQ,EACRC,aAAS,EACTC,SAAS,sCAS6C,EAAGC,MAAAA,EAAOC,SAAAA,KAC/DC,EAAAA,IAAAV,EAAkBW,SAAlB,CAA2BR,MAAOK,EAAQC,SAAAA,iCAPX,IAAyBG,EAAAA,WAAWZ"}

package/build/cjs/components/select/NativeSelect.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-gBndJVSb.cjs");require("../tag/Tag.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),exports.NativeSelect=e.NativeSelect;
+//# sourceMappingURL=NativeSelect.js.map

package/build/cjs/components/select/NativeSelect.js.map

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

package/build/cjs/components/select/Select.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-gBndJVSb.cjs");require("../tag/Tag.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("./select-utils.js"),exports.Select=e.Select;
+//# sourceMappingURL=Select.js.map

package/build/cjs/components/select/Select.js.map

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

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

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

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

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

package/build/cjs/components/select/select-utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.focusSelected=function(e,o){let t=null;o&&(t=e.querySelector('[aria-selected="true"]:not([hidden])')),(!o||!t)&&(t=e.querySelector('[role="option"]')),null==t||t.focus(),e.scrollTop=(null==t?void 0:t.offsetTop)||0},exports.toLower=function(e=""){return e.toLowerCase().replace(/[\W_]+/g,"")};
+//# sourceMappingURL=select-utils.js.map

package/build/cjs/components/select/select-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-utils.js","sources":["../../../../src/components/select/select-utils.ts"],"sourcesContent":["export function toLower(str = \"\") {\n    return str.toLowerCase().replace(/[\\W_]+/g, \"\"); // strip all non-alphanumeric chars\n}\n\nexport function focusSelected(listEl: HTMLElement, selected: string | undefined) {\n    let focusedItem: HTMLElement | null = null;\n    if (selected) {\n        // Move focus to selected option\n        focusedItem = listEl.querySelector(`[aria-selected=\"true\"]:not([hidden])`);\n    }\n    if (!selected || !focusedItem) {\n        // Move focus to first option if either no selected value or the value could not be found.\n        // This may happen with searchable selects if the currently selected value is filtered out.\n        focusedItem = listEl.querySelector('[role=\"option\"]');\n    }\n    focusedItem?.focus();\n    // Make sure the selected/focused item is visible in the list if it scrolls\n    listEl.scrollTop = focusedItem?.offsetTop || 0;\n}\n"],"names":["listEl","selected","focusedItem","querySelector","focus","scrollTop","offsetTop","str","toLowerCase","replace"],"mappings":"sGAIgB,SAAcA,EAAqBC,GAC/C,IAAIC,EAAkC,KAClCD,IAEcC,EAAAF,EAAOG,cAAc,2CAElCF,IAAaC,KAGAA,EAAAF,EAAOG,cAAc,oBAEvC,MAAAD,GAAAA,EAAaE,QAENJ,EAAAK,WAAY,MAAAH,OAAAA,EAAAA,EAAaI,YAAa,CACjD,kBAlBgB,SAAQC,EAAM,IAC1B,OAAOA,EAAIC,cAAcC,QAAQ,UAAW,GAChD"}

package/build/cjs/components/tag/Tag.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("classnames");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const r=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../icon-button/IconButton.js");function e(e){const c=({className:c,density:s,dismissAction:u,children:a,...t})=>n.jsxs("span",{className:o("jkl-tag",{"jkl-tag--info":"info"===e,"jkl-tag--error":"error"===e,"jkl-tag--warning":"warning"===e,"jkl-tag--success":"success"===e},c),"data-density":s,...t,children:[a,u&&n.jsx(i.IconButton,{className:"jkl-tag__dismiss-action",density:s,title:u.label,onClick:u.onClick,onFocus:u.onFocus,onBlur:u.onBlur,children:n.jsx(r.CloseIcon,{variant:"small",bold:!0})})]});return c.displayName=function(n){switch(n){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(e),c}const c=e(),s=e("info"),u=e("error"),a=e("warning"),t=e("success");exports.ErrorTag=u,exports.InfoTag=s,exports.SuccessTag=t,exports.Tag=c,exports.WarningTag=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const r=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../icon-button/IconButton.js");function c(c){const e=({className:e,density:s,dismissAction:u,children:a,...t})=>n.jsxs("span",{className:o.clsx("jkl-tag",{"jkl-tag--info":"info"===c,"jkl-tag--error":"error"===c,"jkl-tag--warning":"warning"===c,"jkl-tag--success":"success"===c},e),"data-density":s,...t,children:[a,u&&n.jsx(i.IconButton,{className:"jkl-tag__dismiss-action",density:s,title:u.label,onClick:u.onClick,onFocus:u.onFocus,onBlur:u.onBlur,children:n.jsx(r.CloseIcon,{variant:"small",bold:!0})})]});return e.displayName=function(n){switch(n){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(c),e}const e=c(),s=c("info"),u=c("error"),a=c("warning"),t=c("success");exports.ErrorTag=u,exports.InfoTag=s,exports.SuccessTag=t,exports.Tag=e,exports.WarningTag=a;
 //# sourceMappingURL=Tag.js.map

package/build/cjs/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEventHandler } from \"react\";\nimport { Density } from \"../../core\";\nimport { CloseIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nexport interface DismissAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n    density?: Density;\n    dismissAction?: DismissAction;\n}\n\ntype Variant = \"info\" | \"error\" | \"warning\" | \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n    switch (variant) {\n        case \"info\":\n            return \"InfoTag\";\n        case \"error\":\n            return \"ErrorTag\";\n        case \"warning\":\n            return \"WarningTag\";\n        case \"success\":\n            return \"SuccessTag\";\n        default:\n            return \"Tag\";\n    }\n}\n\nfunction tagFactory(variant?: Variant) {\n    const Tag: FC<TagProps> = ({ className, density, dismissAction, children, ...rest }) => (\n        <span\n            className={cx(\n                \"jkl-tag\",\n                {\n                    \"jkl-tag--info\": variant === \"info\",\n                    \"jkl-tag--error\": variant === \"error\",\n                    \"jkl-tag--warning\": variant === \"warning\",\n                    \"jkl-tag--success\": variant === \"success\",\n                },\n                className,\n            )}\n            data-density={density}\n            {...rest}\n        >\n            {children}\n            {dismissAction && (\n                <IconButton\n                    className=\"jkl-tag__dismiss-action\"\n                    density={density}\n                    title={dismissAction.label}\n                    onClick={dismissAction.onClick}\n                    onFocus={dismissAction.onFocus}\n                    onBlur={dismissAction.onBlur}\n                >\n                    <CloseIcon variant=\"small\" bold />\n                </IconButton>\n            )}\n        </span>\n    );\n    Tag.displayName = getDisplayName(variant);\n    return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","dismissAction","children","rest","jsxs","cx","jsx","IconButton","title","label","onClick","onFocus","onBlur","CloseIcon","bold","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"inDAiCA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,cAAAA,EAAeC,SAAAA,KAAaC,KACzEC,EAAAA,KAAC,OAAA,CACGL,UAAWM,EACP,UACA,CACI,gBAA6B,SAAZR,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVG,EAEHD,SAAA,CAAAA,EACAD,GACGK,EAAAA,IAACC,EAAAA,WAAA,CACGR,UAAU,0BACVC,QAAAA,EACAQ,MAAOP,EAAcQ,MACrBC,QAAST,EAAcS,QACvBC,QAASV,EAAcU,QACvBC,OAAQX,EAAcW,OAEtBV,SAACI,EAAAA,IAAAO,YAAA,CAAUhB,QAAQ,QAAQiB,MAAI,SAK/ChB,OAAAA,EAAIiB,YA9CR,SAAwBlB,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAiCsBmB,CAAenB,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNqB,EAAUrB,EAAW,QACrBsB,EAAWtB,EAAW,SACtBuB,EAAavB,EAAW,WACxBwB,EAAaxB,EAAW"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEventHandler } from \"react\";\nimport { Density } from \"../../core\";\nimport { CloseIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nexport interface DismissAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n    density?: Density;\n    dismissAction?: DismissAction;\n}\n\ntype Variant = \"info\" | \"error\" | \"warning\" | \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n    switch (variant) {\n        case \"info\":\n            return \"InfoTag\";\n        case \"error\":\n            return \"ErrorTag\";\n        case \"warning\":\n            return \"WarningTag\";\n        case \"success\":\n            return \"SuccessTag\";\n        default:\n            return \"Tag\";\n    }\n}\n\nfunction tagFactory(variant?: Variant) {\n    const Tag: FC<TagProps> = ({ className, density, dismissAction, children, ...rest }) => (\n        <span\n            className={clsx(\n                \"jkl-tag\",\n                {\n                    \"jkl-tag--info\": variant === \"info\",\n                    \"jkl-tag--error\": variant === \"error\",\n                    \"jkl-tag--warning\": variant === \"warning\",\n                    \"jkl-tag--success\": variant === \"success\",\n                },\n                className,\n            )}\n            data-density={density}\n            {...rest}\n        >\n            {children}\n            {dismissAction && (\n                <IconButton\n                    className=\"jkl-tag__dismiss-action\"\n                    density={density}\n                    title={dismissAction.label}\n                    onClick={dismissAction.onClick}\n                    onFocus={dismissAction.onFocus}\n                    onBlur={dismissAction.onBlur}\n                >\n                    <CloseIcon variant=\"small\" bold />\n                </IconButton>\n            )}\n        </span>\n    );\n    Tag.displayName = getDisplayName(variant);\n    return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","dismissAction","children","rest","jsxs","clsx","jsx","IconButton","title","label","onClick","onFocus","onBlur","CloseIcon","bold","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"ioDAiCA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,cAAAA,EAAeC,SAAAA,KAAaC,KACzEC,EAAAA,KAAC,OAAA,CACGL,UAAWM,EAAAA,KACP,UACA,CACI,gBAA6B,SAAZR,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVG,EAEHD,SAAA,CAAAA,EACAD,GACGK,EAAAA,IAACC,EAAAA,WAAA,CACGR,UAAU,0BACVC,QAAAA,EACAQ,MAAOP,EAAcQ,MACrBC,QAAST,EAAcS,QACvBC,QAASV,EAAcU,QACvBC,OAAQX,EAAcW,OAEtBV,SAACI,EAAAA,IAAAO,YAAA,CAAUhB,QAAQ,QAAQiB,MAAI,SAK/ChB,OAAAA,EAAIiB,YA9CR,SAAwBlB,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAiCsBmB,CAAenB,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNqB,EAAUrB,EAAW,QACrBsB,EAAWtB,EAAW,SACtBuB,EAAavB,EAAW,WACxBwB,EAAaxB,EAAW"}

package/build/cjs/components/tooltip/PopupTip.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("classnames"),i=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js");const e=require("../icon/icons/QuestionIcon.js");require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const r=require("./Tooltip.js"),c=require("./TooltipContent.js"),s=require("./TooltipTrigger.js");exports.PopupTip=({content:u,triggerProps:t,...j})=>{const[l,q]=i.useState(!1);return o.jsxs(r.Tooltip,{triggerOn:"click",...j,children:[o.jsx(s.TooltipTrigger,{children:o.jsxs("button",{...t,onFocus:o=>{var n;q(!0),null==(n=null==t?void 0:t.onFocus)||n.call(t,o)},onBlur:o=>{var n;q(!1),null==(n=null==t?void 0:t.onBlur)||n.call(t,o)},type:"button",className:n("jkl-tooltip-question-button",null==t?void 0:t.className),children:[o.jsx(e.QuestionIcon,{variant:"inherit",bold:l}),o.jsx("span",{className:"jkl-sr-only",children:"Vis hjelpetekst"})]})}),o.jsx(c.TooltipContent,{children:u})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),i=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js");const r=require("../icon/icons/QuestionIcon.js");require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const e=require("./Tooltip.js"),c=require("./TooltipContent.js"),s=require("./TooltipTrigger.js");exports.PopupTip=({content:u,triggerProps:t,...j})=>{const[l,q]=i.useState(!1);return o.jsxs(e.Tooltip,{triggerOn:"click",...j,children:[o.jsx(s.TooltipTrigger,{children:o.jsxs("button",{...t,onFocus:o=>{var n;q(!0),null==(n=null==t?void 0:t.onFocus)||n.call(t,o)},onBlur:o=>{var n;q(!1),null==(n=null==t?void 0:t.onBlur)||n.call(t,o)},type:"button",className:n.clsx("jkl-tooltip-question-button",null==t?void 0:t.className),children:[o.jsx(r.QuestionIcon,{variant:"inherit",bold:l}),o.jsx("span",{className:"jkl-sr-only",children:"Vis hjelpetekst"})]})}),o.jsx(c.TooltipContent,{children:u})]})};
 //# sourceMappingURL=PopupTip.js.map

package/build/cjs/components/tooltip/PopupTip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupTip.js","sources":["../../../../src/components/tooltip/PopupTip.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { useState, type FC, type ReactNode, HTMLProps, FocusEventHandler } from \"react\";\nimport { QuestionIcon } from \"../icon\";\nimport { Tooltip, type TooltipProps } from \"./Tooltip\";\nimport { TooltipContent } from \"./TooltipContent\";\nimport { TooltipTrigger } from \"./TooltipTrigger\";\n\nexport interface PopupTipProps extends Omit<TooltipProps, \"triggerOn\" | \"children\"> {\n    /**\n     * Innholdet i tooltipet som vises\n     */\n    content: ReactNode;\n    /**\n     * Eventuelle props du vil sette på trigger-knappen for tooltipet\n     */\n    triggerProps?: Omit<HTMLProps<HTMLButtonElement>, \"children\" | \"type\">;\n}\n\nexport const PopupTip: FC<PopupTipProps> = ({ content, triggerProps, ...tooltipProps }) => {\n    const [isBold, setIsBold] = useState(false);\n\n    const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n        setIsBold(true);\n        triggerProps?.onFocus?.(event);\n    };\n    const handleBlur: FocusEventHandler<HTMLButtonElement> = (event) => {\n        setIsBold(false);\n        triggerProps?.onBlur?.(event);\n    };\n\n    return (\n        <Tooltip triggerOn=\"click\" {...tooltipProps}>\n            <TooltipTrigger>\n                <button\n                    {...triggerProps}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                    type=\"button\"\n                    className={cn(\"jkl-tooltip-question-button\", triggerProps?.className)}\n                >\n                    <QuestionIcon variant=\"inherit\" bold={isBold} />\n                    <span className=\"jkl-sr-only\">Vis hjelpetekst</span>\n                </button>\n            </TooltipTrigger>\n            <TooltipContent>{content}</TooltipContent>\n        </Tooltip>\n    );\n};\n"],"names":["content","triggerProps","tooltipProps","isBold","setIsBold","useState","jsxs","Tooltip","triggerOn","children","jsx","TooltipTrigger","onFocus","event","_a","call","onBlur","type","className","cn","QuestionIcon","variant","bold","TooltipContent"],"mappings":"usDAkB2C,EAAGA,QAAAA,EAASC,aAAAA,KAAiBC,MACpE,MAAOC,EAAQC,GAAaC,YAAS,GAWrC,OACKC,EAAAA,KAAAC,EAAAA,QAAA,CAAQC,UAAU,WAAYN,EAC3BO,SAAA,CAAAC,MAACC,EAAAA,eACG,CAAAF,SAAAH,EAAAA,KAAC,SAAA,IACOL,EACJW,QAd2CC,UACvDT,GAAU,GACV,OAAAU,EAAA,MAAAb,SAAAA,EAAcW,UAAdE,EAAAC,KAAAd,EAAwBY,EAAK,EAajBG,OAX0CH,UACtDT,GAAU,GACV,OAAAU,EAAA,MAAAb,OAAAA,EAAAA,EAAce,SAAdF,EAAAC,KAAAd,EAAuBY,EAAAA,EAUXI,KAAK,SACLC,UAAWC,EAAG,8BAA+B,MAAAlB,SAAAA,EAAciB,WAE3DT,SAAA,CAAAC,EAAAA,IAACU,EAAaA,aAAA,CAAAC,QAAQ,UAAUC,KAAMnB,IACrCO,EAAAA,IAAA,OAAA,CAAKQ,UAAU,cAAcT,SAAe,yBAGrDC,EAAAA,IAACa,kBAAgBd,SAAQT,MAC7B"}
+{"version":3,"file":"PopupTip.js","sources":["../../../../src/components/tooltip/PopupTip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState, type FC, type ReactNode, HTMLProps, FocusEventHandler } from \"react\";\nimport { QuestionIcon } from \"../icon\";\nimport { Tooltip, type TooltipProps } from \"./Tooltip\";\nimport { TooltipContent } from \"./TooltipContent\";\nimport { TooltipTrigger } from \"./TooltipTrigger\";\n\nexport interface PopupTipProps extends Omit<TooltipProps, \"triggerOn\" | \"children\"> {\n    /**\n     * Innholdet i tooltipet som vises\n     */\n    content: ReactNode;\n    /**\n     * Eventuelle props du vil sette på trigger-knappen for tooltipet\n     */\n    triggerProps?: Omit<HTMLProps<HTMLButtonElement>, \"children\" | \"type\">;\n}\n\nexport const PopupTip: FC<PopupTipProps> = ({ content, triggerProps, ...tooltipProps }) => {\n    const [isBold, setIsBold] = useState(false);\n\n    const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n        setIsBold(true);\n        triggerProps?.onFocus?.(event);\n    };\n    const handleBlur: FocusEventHandler<HTMLButtonElement> = (event) => {\n        setIsBold(false);\n        triggerProps?.onBlur?.(event);\n    };\n\n    return (\n        <Tooltip triggerOn=\"click\" {...tooltipProps}>\n            <TooltipTrigger>\n                <button\n                    {...triggerProps}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                    type=\"button\"\n                    className={clsx(\"jkl-tooltip-question-button\", triggerProps?.className)}\n                >\n                    <QuestionIcon variant=\"inherit\" bold={isBold} />\n                    <span className=\"jkl-sr-only\">Vis hjelpetekst</span>\n                </button>\n            </TooltipTrigger>\n            <TooltipContent>{content}</TooltipContent>\n        </Tooltip>\n    );\n};\n"],"names":["content","triggerProps","tooltipProps","isBold","setIsBold","useState","jsxs","Tooltip","triggerOn","children","jsx","TooltipTrigger","onFocus","event","_a","call","onBlur","type","className","clsx","QuestionIcon","variant","bold","TooltipContent"],"mappings":"utDAkB2C,EAAGA,QAAAA,EAASC,aAAAA,KAAiBC,MACpE,MAAOC,EAAQC,GAAaC,YAAS,GAWrC,OACKC,EAAAA,KAAAC,EAAAA,QAAA,CAAQC,UAAU,WAAYN,EAC3BO,SAAA,CAAAC,MAACC,EAAAA,eACG,CAAAF,SAAAH,EAAAA,KAAC,SAAA,IACOL,EACJW,QAd2CC,UACvDT,GAAU,GACV,OAAAU,EAAA,MAAAb,SAAAA,EAAcW,UAAdE,EAAAC,KAAAd,EAAwBY,EAAK,EAajBG,OAX0CH,UACtDT,GAAU,GACV,OAAAU,EAAA,MAAAb,OAAAA,EAAAA,EAAce,SAAdF,EAAAC,KAAAd,EAAuBY,EAAAA,EAUXI,KAAK,SACLC,UAAWC,EAAAA,KAAK,8BAA+B,MAAAlB,SAAAA,EAAciB,WAE7DT,SAAA,CAAAC,EAAAA,IAACU,EAAaA,aAAA,CAAAC,QAAQ,UAAUC,KAAMnB,IACrCO,EAAAA,IAAA,OAAA,CAAKQ,UAAU,cAAcT,SAAe,yBAGrDC,EAAAA,IAACa,kBAAgBd,SAAQT,MAC7B"}

package/build/cjs/components/tooltip/TooltipContent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("classnames"),s=require("framer-motion"),i=require("react");require("../../hooks/useScreen/useScreen.js");const n=require("../../hooks/useId/useId.js"),o=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=i.forwardRef((function({className:i,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=o.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=n.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsxs(s.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(s.motion.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r("jkl-tooltip-content",i),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})}));exports.TooltipContent=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("framer-motion"),i=require("react");require("../../hooks/useScreen/useScreen.js");const o=require("../../hooks/useId/useId.js"),n=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=i.forwardRef((function({className:i,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=n.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=o.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsxs(s.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(s.motion.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r.clsx("jkl-tooltip-content",i),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})}));exports.TooltipContent=l;
 //# sourceMappingURL=TooltipContent.js.map

package/build/cjs/components/tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport cn from \"classnames\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n    switch (true) {\n        case placement.startsWith(\"top\"):\n            return {\n                top: value,\n            };\n        case placement.startsWith(\"left\"):\n            return {\n                left: value,\n                right: -value,\n            };\n        case placement.startsWith(\"bottom\"):\n            return {\n                top: -value,\n            };\n        case placement.startsWith(\"right\"):\n            return {\n                left: -value,\n                right: value,\n            };\n\n        default:\n            return {\n                top: value,\n            };\n    }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n    { className, children, ...props },\n    forwardedRef,\n) {\n    const {\n        triggerOn,\n        arrowElement,\n        isOpen,\n        getFloatingProps,\n        placement,\n        isPositioned,\n        middlewareData: { arrow },\n        floatingStyles,\n        refs,\n    } = useTooltipContext();\n    const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n    const contentId = useId(\"jkl-tooltip-content\");\n\n    // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    let theme: string | undefined;\n    if (refs.reference.current) {\n        const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n            \"--jkl-background-color\",\n        );\n        // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n        // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n        theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n    }\n\n    return (\n        <FloatingPortal>\n            <AnimatePresence>\n                {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n            tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n                {triggerOn === \"hover\" && (\n                    <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n                        {children}\n                    </span>\n                )}\n                {isOpen && (\n                    <span className=\"jkl\" key={`${contentId}-wrapper`}>\n                        <motion.span\n                            key={contentId}\n                            ref={ref}\n                            initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n                            animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n                            exit={{\n                                opacity: 0,\n                                ...getPositionAnimation(placement, -5),\n                                transition: { ease: \"easeIn\", duration: 0.15 },\n                            }}\n                            transition={{ ease: \"easeOut\", duration: 0.25 }}\n                            data-placement={placement}\n                            aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n                            className={cn(\"jkl-tooltip-content\", className)}\n                            {...getFloatingProps({ ...props, id: contentId })}\n                            style={{ ...floatingStyles }}\n                            data-theme={theme}\n                        >\n                            {children}\n                            <span\n                                aria-hidden\n                                className=\"jkl-tooltip-content__arrow\"\n                                ref={arrowElement}\n                                style={{\n                                    left: isPositioned ? `${arrow?.x}px` : \"\",\n                                    top: isPositioned ? `${arrow?.y}px` : \"\",\n                                }}\n                            />\n                        </motion.span>\n                    </span>\n                )}\n            </AnimatePresence>\n        </FloatingPortal>\n    );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","jsx","FloatingPortal","jsxs","AnimatePresence","setDescription","hidden","motion","span","initial","opacity","animate","exit","transition","ease","duration","cn","id","style","x","y"],"mappings":"iVAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAGI,OAAAC,EAAAA,IAACC,EAAAA,eACG,CAAA3B,SAAA4B,EAAAA,KAACC,EAAAA,gBAGI,CAAA7B,SAAA,CAAc,UAAAG,GACVuB,EAAAA,IAAA,OAAA,CAAKb,IAAKF,EAAKmB,eAAgBC,QAAM,EACjC/B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGqB,EAAAA,IAAC,OAAK,CAAA3B,UAAU,MACZC,SAAA4B,EAAAA,KAACI,EAAAA,OAAOC,KAAP,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAW,GACnC+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,EAAG,sBAAuB1C,MACjCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD0B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX3B,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,SAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,SAAAA,EAAOoC,MAAQ,QAxBzC7B,IAFc,GAAGA,iBAmClD"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n    switch (true) {\n        case placement.startsWith(\"top\"):\n            return {\n                top: value,\n            };\n        case placement.startsWith(\"left\"):\n            return {\n                left: value,\n                right: -value,\n            };\n        case placement.startsWith(\"bottom\"):\n            return {\n                top: -value,\n            };\n        case placement.startsWith(\"right\"):\n            return {\n                left: -value,\n                right: value,\n            };\n\n        default:\n            return {\n                top: value,\n            };\n    }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n    { className, children, ...props },\n    forwardedRef,\n) {\n    const {\n        triggerOn,\n        arrowElement,\n        isOpen,\n        getFloatingProps,\n        placement,\n        isPositioned,\n        middlewareData: { arrow },\n        floatingStyles,\n        refs,\n    } = useTooltipContext();\n    const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n    const contentId = useId(\"jkl-tooltip-content\");\n\n    // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n    // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n    let theme: string | undefined;\n    if (refs.reference.current) {\n        const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n            \"--jkl-background-color\",\n        );\n        // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n        // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n        theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n    }\n\n    return (\n        <FloatingPortal>\n            <AnimatePresence>\n                {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n            tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n                {triggerOn === \"hover\" && (\n                    <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n                        {children}\n                    </span>\n                )}\n                {isOpen && (\n                    <span className=\"jkl\" key={`${contentId}-wrapper`}>\n                        <motion.span\n                            key={contentId}\n                            ref={ref}\n                            initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n                            animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n                            exit={{\n                                opacity: 0,\n                                ...getPositionAnimation(placement, -5),\n                                transition: { ease: \"easeIn\", duration: 0.15 },\n                            }}\n                            transition={{ ease: \"easeOut\", duration: 0.25 }}\n                            data-placement={placement}\n                            aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n                            className={clsx(\"jkl-tooltip-content\", className)}\n                            {...getFloatingProps({ ...props, id: contentId })}\n                            style={{ ...floatingStyles }}\n                            data-theme={theme}\n                        >\n                            {children}\n                            <span\n                                aria-hidden\n                                className=\"jkl-tooltip-content__arrow\"\n                                ref={arrowElement}\n                                style={{\n                                    left: isPositioned ? `${arrow?.x}px` : \"\",\n                                    top: isPositioned ? `${arrow?.y}px` : \"\",\n                                }}\n                            />\n                        </motion.span>\n                    </span>\n                )}\n            </AnimatePresence>\n        </FloatingPortal>\n    );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","jsx","FloatingPortal","jsxs","AnimatePresence","setDescription","hidden","motion","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"iWAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAGI,OAAAC,EAAAA,IAACC,EAAAA,eACG,CAAA3B,SAAA4B,EAAAA,KAACC,EAAAA,gBAGI,CAAA7B,SAAA,CAAc,UAAAG,GACVuB,EAAAA,IAAA,OAAA,CAAKb,IAAKF,EAAKmB,eAAgBC,QAAM,EACjC/B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGqB,EAAAA,IAAC,OAAK,CAAA3B,UAAU,MACZC,SAAA4B,EAAAA,KAACI,EAAAA,OAAOC,KAAP,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAa,GACrC+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,EAAAA,KAAK,sBAAuB1C,MACnCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD0B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX3B,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,SAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,SAAAA,EAAOoC,MAAQ,QAxBzC7B,IAFc,GAAGA,iBAmClD"}

package/build/cjs/components/tooltip/TooltipTrigger.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@floating-ui/react"),t=require("classnames"),o=require("react"),n=require("./Tooltip.js"),l=o.forwardRef((function({children:l,className:s,...i},a){var c,p;const{isOpen:u,setOpen:f,getReferenceProps:d,refs:g,triggerOn:m}=n.useTooltipContext(),x=l.ref,b=r.useMergeRefs([x,g.setReference,a]),j=()=>{"click"===m&&f(!1)},q=[null==(c=g.reference.current)?void 0:c.textContent,null==(p=g.description.current)?void 0:p.textContent].filter(Boolean).join(". ");return o.isValidElement(l)?o.cloneElement(l,d({ref:b,"aria-label":q,...l.props,...i,className:t(l.props.className,s),"data-tooltip-shown":u,style:{...l.props.style},tabIndex:"click"===m?0:void 0,onBlur:()=>{l.props.onBlur&&l.props.onBlur(),j()}})):e.jsx("button",{"data-tooltip-shown":u,...d({className:t(s,"jkl-tooltip-trigger"),type:"button",ref:b,onBlur:j,"aria-label":q,...i}),children:l})}));exports.TooltipTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@floating-ui/react"),t=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),l=require("./Tooltip.js"),n=o.forwardRef((function({children:n,className:s,...i},a){var c,p;const{isOpen:u,setOpen:f,getReferenceProps:d,refs:g,triggerOn:x}=l.useTooltipContext(),m=n.ref,b=r.useMergeRefs([m,g.setReference,a]),j=()=>{"click"===x&&f(!1)},q=[null==(c=g.reference.current)?void 0:c.textContent,null==(p=g.description.current)?void 0:p.textContent].filter(Boolean).join(". ");return o.isValidElement(n)?o.cloneElement(n,d({ref:b,"aria-label":q,...n.props,...i,className:t.clsx(n.props.className,s),"data-tooltip-shown":u,style:{...n.props.style},tabIndex:"click"===x?0:void 0,onBlur:()=>{n.props.onBlur&&n.props.onBlur(),j()}})):e.jsx("button",{"data-tooltip-shown":u,...d({className:t.clsx(s,"jkl-tooltip-trigger"),type:"button",ref:b,onBlur:j,"aria-label":q,...i}),children:n})}));exports.TooltipTrigger=n;
 //# sourceMappingURL=TooltipTrigger.js.map

package/build/cjs/components/tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","sources":["../../../../src/components/tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { useMergeRefs } from \"@floating-ui/react\";\nimport cn from \"classnames\";\nimport React, { forwardRef, type HTMLProps } from \"react\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nexport const TooltipTrigger = forwardRef<HTMLElement, HTMLProps<HTMLElement>>(function TooltipTrigger(\n    { children, className, ...props },\n    forwardedRef,\n) {\n    const { isOpen, setOpen, getReferenceProps, refs, triggerOn } = useTooltipContext();\n    const childrenRef = (children as any).ref;\n    const ref = useMergeRefs([childrenRef, refs.setReference, forwardedRef]);\n\n    const handleBlur = () => {\n        triggerOn === \"click\" && setOpen(false);\n    };\n\n    const ariaLabel = [\n        (refs.reference.current as HTMLElement | null)?.textContent,\n        refs.description.current?.textContent,\n    ]\n        .filter(Boolean)\n        .join(\". \");\n\n    if (React.isValidElement(children)) {\n        return React.cloneElement(\n            children,\n            getReferenceProps({\n                ref,\n                \"aria-label\": ariaLabel,\n                ...children.props,\n                ...props,\n                className: cn(children.props.className, className),\n                \"data-tooltip-shown\": isOpen,\n                style: { ...children.props.style },\n                tabIndex: triggerOn === \"click\" ? 0 : undefined,\n                onBlur: () => {\n                    children.props.onBlur && children.props.onBlur();\n                    handleBlur();\n                },\n            }),\n        );\n    }\n\n    return (\n        <button\n            data-tooltip-shown={isOpen}\n            {...getReferenceProps({\n                className: cn(className, \"jkl-tooltip-trigger\"),\n                // Sørg for at vi ikke sender inn skjemaer ved klikk på knappen\n                type: \"button\",\n                ref,\n                onBlur: handleBlur,\n                \"aria-label\": ariaLabel,\n                ...props,\n            })}\n        >\n            {children}\n        </button>\n    );\n});\n"],"names":["TooltipTrigger","forwardRef","children","className","props","forwardedRef","isOpen","setOpen","getReferenceProps","refs","triggerOn","useTooltipContext","childrenRef","ref","useMergeRefs","setReference","handleBlur","ariaLabel","_a","reference","current","textContent","_b","description","filter","Boolean","join","React","isValidElement","cloneElement","cn","style","tabIndex","onBlur","jsx","type"],"mappings":"0NAKaA,EAAiBC,EAAAA,YAAgD,UACxEC,SAAAA,EAAUC,UAAAA,KAAcC,GAC1BC,WAEA,MAAQC,OAAAA,EAAQC,QAAAA,EAASC,kBAAAA,EAAmBC,KAAAA,EAAMC,UAAAA,GAAcC,EAAAA,oBAC1DC,EAAeV,EAAiBW,IAChCA,EAAMC,EAAAA,aAAa,CAACF,EAAaH,EAAKM,aAAcV,IAEpDW,EAAa,KACD,UAAAN,GAAWH,GAAQ,EAAK,EAGpCU,EAAY,CACb,OAAAC,EAAAT,EAAKU,UAAUC,gBAAfF,EAA+CG,YAChD,OAAAC,EAAAb,EAAKc,YAAYH,gBAAjBE,EAA0BD,aAEzBG,OAAOC,SACPC,KAAK,MAEN,OAAAC,EAAMC,eAAe1B,GACdyB,EAAME,aACT3B,EACAM,EAAkB,CACdK,IAAAA,EACA,aAAcI,KACXf,EAASE,SACTA,EACHD,UAAW2B,EAAG5B,EAASE,MAAMD,UAAWA,GACxC,qBAAsBG,EACtByB,MAAO,IAAK7B,EAASE,MAAM2B,OAC3BC,SAAwB,UAAdtB,EAAwB,OAAI,EACtCuB,OAAQ,KACJ/B,EAASE,MAAM6B,QAAU/B,EAASE,MAAM6B,SAC7BjB,QAOvBkB,EAAAA,IAAC,SAAA,CACG,qBAAoB5B,KAChBE,EAAkB,CAClBL,UAAW2B,EAAG3B,EAAW,uBAEzBgC,KAAM,SACNtB,IAAAA,EACAoB,OAAQjB,EACR,aAAcC,KACXb,IAGNF,SAAAA,GAGb"}
+{"version":3,"file":"TooltipTrigger.js","sources":["../../../../src/components/tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { useMergeRefs } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { forwardRef, type HTMLProps } from \"react\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nexport const TooltipTrigger = forwardRef<HTMLElement, HTMLProps<HTMLElement>>(function TooltipTrigger(\n    { children, className, ...props },\n    forwardedRef,\n) {\n    const { isOpen, setOpen, getReferenceProps, refs, triggerOn } = useTooltipContext();\n    const childrenRef = (children as any).ref;\n    const ref = useMergeRefs([childrenRef, refs.setReference, forwardedRef]);\n\n    const handleBlur = () => {\n        triggerOn === \"click\" && setOpen(false);\n    };\n\n    const ariaLabel = [\n        (refs.reference.current as HTMLElement | null)?.textContent,\n        refs.description.current?.textContent,\n    ]\n        .filter(Boolean)\n        .join(\". \");\n\n    if (React.isValidElement(children)) {\n        return React.cloneElement(\n            children,\n            getReferenceProps({\n                ref,\n                \"aria-label\": ariaLabel,\n                ...children.props,\n                ...props,\n                className: clsx(children.props.className, className),\n                \"data-tooltip-shown\": isOpen,\n                style: { ...children.props.style },\n                tabIndex: triggerOn === \"click\" ? 0 : undefined,\n                onBlur: () => {\n                    children.props.onBlur && children.props.onBlur();\n                    handleBlur();\n                },\n            }),\n        );\n    }\n\n    return (\n        <button\n            data-tooltip-shown={isOpen}\n            {...getReferenceProps({\n                className: clsx(className, \"jkl-tooltip-trigger\"),\n                // Sørg for at vi ikke sender inn skjemaer ved klikk på knappen\n                type: \"button\",\n                ref,\n                onBlur: handleBlur,\n                \"aria-label\": ariaLabel,\n                ...props,\n            })}\n        >\n            {children}\n        </button>\n    );\n});\n"],"names":["TooltipTrigger","forwardRef","children","className","props","forwardedRef","isOpen","setOpen","getReferenceProps","refs","triggerOn","useTooltipContext","childrenRef","ref","useMergeRefs","setReference","handleBlur","ariaLabel","_a","reference","current","textContent","_b","description","filter","Boolean","join","React","isValidElement","cloneElement","clsx","style","tabIndex","onBlur","jsx","type"],"mappings":"0OAKaA,EAAiBC,EAAAA,YAAgD,UACxEC,SAAAA,EAAUC,UAAAA,KAAcC,GAC1BC,WAEA,MAAQC,OAAAA,EAAQC,QAAAA,EAASC,kBAAAA,EAAmBC,KAAAA,EAAMC,UAAAA,GAAcC,EAAAA,oBAC1DC,EAAeV,EAAiBW,IAChCA,EAAMC,EAAAA,aAAa,CAACF,EAAaH,EAAKM,aAAcV,IAEpDW,EAAa,KACD,UAAAN,GAAWH,GAAQ,EAAK,EAGpCU,EAAY,CACb,OAAAC,EAAAT,EAAKU,UAAUC,cAAf,EAAAF,EAA+CG,YAChD,OAAAC,EAAAb,EAAKc,YAAYH,cAAjB,EAAAE,EAA0BD,aAEzBG,OAAOC,SACPC,KAAK,MAEN,OAAAC,EAAMC,eAAe1B,GACdyB,EAAME,aACT3B,EACAM,EAAkB,CACdK,IAAAA,EACA,aAAcI,KACXf,EAASE,SACTA,EACHD,UAAW2B,EAAAA,KAAK5B,EAASE,MAAMD,UAAWA,GAC1C,qBAAsBG,EACtByB,MAAO,IAAK7B,EAASE,MAAM2B,OAC3BC,SAAwB,UAAdtB,EAAwB,OAAI,EACtCuB,OAAQ,KACJ/B,EAASE,MAAM6B,QAAU/B,EAASE,MAAM6B,SAC7BjB,QAOvBkB,EAAAA,IAAC,SAAA,CACG,qBAAoB5B,KAChBE,EAAkB,CAClBL,UAAW2B,EAAAA,KAAK3B,EAAW,uBAE3BgC,KAAM,SACNtB,IAAAA,EACAoB,OAAQjB,EACR,aAAcC,KACXb,IAGNF,SAAAA,GAGb"}