@fremtind/jokul 0.24.0 → 0.25.0

package/build/cjs/components/icon/types.d.cts

@@ -0,0 +1,19 @@
+/// <reference types="react" resolution-mode="require"/>
+export type IconVariant = "inherit" | "small" | "medium";
+export interface IconProps {
+    as?: "div" | "span";
+    "data-testid"?: string;
+    /**
+     * Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box.
+     * `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).
+     */
+    variant?: IconVariant;
+    /**
+     * Angir om ikonet skal vises i fet versjon
+     * @default false
+     */
+    bold?: boolean;
+    filled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),r=require("react").forwardRef(((r,n)=>{const{className:o,children:s,density:c,...a}=r;return t.jsx("button",{ref:n,type:"button",className:e.clsx("jkl-icon-button",o),"data-testid":"jkl-icon-button","data-density":c,...a,children:s})}));r.displayName="IconButton",exports.IconButton=r;
+//# sourceMappingURL=IconButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","sources":["../../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { Density } from \"../../core/types.js\";\n\nexport interface IconButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    density?: Density;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n    const { className, children, density, ...rest } = props;\n    return (\n        <button\n            ref={ref}\n            type=\"button\"\n            className={clsx(\"jkl-icon-button\", className)}\n            data-testid=\"jkl-icon-button\"\n            data-density={density}\n            {...rest}\n        >\n            {children}\n        </button>\n    );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"names":["IconButton","forwardRef","props","ref","className","children","density","rest","jsx","type","clsx","displayName"],"mappings":"6JAQaA,mBAAaC,YAA+C,CAACC,EAAOC,KAC7E,MAAQC,UAAAA,EAAWC,SAAAA,EAAUC,QAAAA,KAAYC,GAASL,EAE9C,OAAAM,EAAAA,IAAC,SAAA,CACGL,IAAAA,EACAM,KAAK,SACLL,UAAWM,EAAAA,KAAK,kBAAmBN,GACnC,cAAY,kBACZ,eAAcE,KACVC,EAEHF,SAAAA,GAAA,IAKbL,EAAWW,YAAc"}

package/build/cjs/components/icon-button/IconButton.d.cts

@@ -0,0 +1,6 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { Density } from '../../core/types.cjs;'
+export interface IconButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
+    density?: Density;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/build/cjs/components/icon-button/index.cjs

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

package/build/cjs/components/icon-button/index.cjs.map

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

package/build/cjs/components/icon-button/index.d.cts

@@ -0,0 +1,2 @@
+export type { IconButtonProps } from './IconButton.cjs;'
+export { IconButton } from './IconButton.cjs;'

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","sources":["../../../../src/components/image/Image.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { useElementDimensions } from \"../../hooks/useElementDimensions/useElementDimensions.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\n\nexport interface ImageProps {\n    src: string;\n    srcSet?: string;\n    placeholder?: string;\n    /**\n     * Send inn en tom streng hvis bildet kun er dekorativt. Sannsynligvis bør du beskrive innholdet i bildet så en person med nedsatt syn får en fullgod opplevelse av siden.\n     * Les mer på https://jokul.fremtind.no/universell-utforming/guide#uu/dekorativt-innhold\n     */\n    alt: string;\n    className?: string;\n}\n\nexport const Image: FC<ImageProps> = ({ className, placeholder, alt, ...imageProperties }) => {\n    const [imageRef, imageLoaded] = useImageLoadingStatus();\n    const [containerRef, dimensions] = useElementDimensions<HTMLDivElement>(400);\n\n    return (\n        <div\n            ref={containerRef}\n            className={clsx(\"jkl-image\", className, {\n                \"jkl-image--loading\": !imageLoaded,\n            })}\n        >\n            {/* Placeholder er bevisst uten loading og decoding for å vises umiddelbart */}\n            <img className=\"jkl-image__placeholder\" alt={alt} src={placeholder || imageProperties.src} />\n            <img\n                alt={alt}\n                className=\"jkl-image__image\"\n                data-testid=\"jkl-image__image\"\n                ref={imageRef}\n                sizes={`${dimensions.width}px`}\n                loading=\"lazy\"\n                decoding=\"async\"\n                {...imageProperties}\n            />\n        </div>\n    );\n};\n"],"names":["className","placeholder","alt","imageProperties","imageRef","imageLoaded","useImageLoadingStatus","containerRef","dimensions","useElementDimensions","jsxs","ref","clsx","children","jsx","src","sizes","width","loading","decoding"],"mappings":"2RAiBqC,EAAGA,UAAAA,EAAWC,YAAAA,EAAaC,IAAAA,KAAQC,MACpE,MAAOC,EAAUC,GAAeC,EAAsBA,yBAC/CC,EAAcC,GAAcC,uBAAqC,KAGpE,OAAAC,EAAAA,KAAC,MAAA,CACGC,IAAKJ,EACLP,UAAWY,EAAAA,KAAK,YAAaZ,EAAW,CACpC,sBAAuBK,IAI3BQ,SAAA,CAAAC,MAAC,OAAId,UAAU,yBAAyBE,IAAAA,EAAUa,IAAKd,GAAeE,EAAgBY,MACtFD,EAAAA,IAAC,MAAA,CACGZ,IAAAA,EACAF,UAAU,mBACV,cAAY,mBACZW,IAAKP,EACLY,MAAO,GAAGR,EAAWS,UACrBC,QAAQ,OACRC,SAAS,WACLhB,MACR"}

package/build/cjs/components/image/index.cjs

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

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

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

package/build/cjs/components/image/index.d.cts

@@ -0,0 +1,3 @@
+import { Image, ImageProps } from './Image.cjs;'
+export type { ImageProps };
+export { Image };

package/build/cjs/components/image/useImageLoadingStatus.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useImageLoadingStatus=t=>{const u=e.useRef(null),[r,n]=e.useState(!1);return e.useEffect((()=>{u.current&&((e,t)=>{let u;!function r(){if(e.complete)return clearTimeout(u),void(null==t||t());u=window.setTimeout(r,50)}()})(u.current,(()=>{n(!0),null==t||t()}))}),[t]),[u,r]};
+//# sourceMappingURL=useImageLoadingStatus.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useImageLoadingStatus.cjs","sources":["../../../../src/components/image/useImageLoadingStatus.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from \"react\";\n\nconst doWhenImageLoaded = (image: HTMLImageElement, callback?: () => void) => {\n    let timeout: number | undefined;\n\n    function checkLoaded() {\n        if (image.complete) {\n            clearTimeout(timeout);\n            callback?.();\n            return;\n        }\n        timeout = window.setTimeout(checkLoaded, 50);\n    }\n\n    checkLoaded();\n};\n\nexport const useImageLoadingStatus = (callback?: () => void): [RefObject<HTMLImageElement>, boolean] => {\n    const imageRef = useRef<HTMLImageElement>(null);\n    const [imageLoaded, setImageLoaded] = useState(false);\n\n    useEffect(() => {\n        imageRef.current &&\n            doWhenImageLoaded(imageRef.current, () => {\n                setImageLoaded(true);\n                callback?.();\n            });\n    }, [callback]);\n\n    return [imageRef, imageLoaded];\n};\n"],"names":["callback","imageRef","useRef","imageLoaded","setImageLoaded","useState","useEffect","current","image","timeout","checkLoaded","complete","clearTimeout","window","setTimeout","doWhenImageLoaded"],"mappings":"uIAiBsCA,IAC5B,MAAAC,EAAWC,SAAyB,OACnCC,EAAaC,GAAkBC,YAAS,GAE/CC,OAAAA,EAAAA,WAAU,KACNL,EAASM,SApBS,EAACC,EAAyBR,KAC5C,IAAAS,GAEJ,SAASC,IACL,GAAIF,EAAMG,SAGN,OAFAC,aAAaH,QACF,MAAAT,GAAAA,KAGLS,EAAAI,OAAOC,WAAWJ,EAAa,GAC7C,CAEYA,IASJK,CAAkBd,EAASM,SAAS,KAChCH,GAAe,GACJ,MAAAJ,GAAAA,MACd,GACN,CAACA,IAEG,CAACC,EAAUE,EAAW"}

package/build/cjs/components/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/Accordion.cjs"),o=require("./accordion/AccordionItem.cjs"),r=require("./breadcrumb/Breadcrumb.cjs"),t=require("./breadcrumb/BreadcrumbItem.cjs"),s=require("./button/Button.cjs"),n=require("./card/Card.cjs"),i=require("./card/CardImage.cjs"),a=require("./card/NavCard.cjs"),c=require("./card/TaskCard.cjs"),p=require("./card/InfoCard.cjs"),u=require("./checkbox/Checkbox.cjs"),l=require("./combobox/Combobox.cjs"),x=require("./cookie-consent/CookieConsent.cjs"),d=require("./cookie-consent/CookieConsentContext.cjs"),b=require("./datepicker/validation.cjs"),T=require("./datepicker/utils.cjs"),I=require("./datepicker/DatePicker.cjs"),j=require("./feedback/Feedback.cjs"),g=require("./feedback/presets.cjs"),q=require("./flex/Flex.cjs"),m=require("./description-list/DescriptionList.cjs"),C=require("./expander/Expander.cjs"),k=require("./expander/ExpandSection.cjs"),S=require("./icon/Icon.cjs"),h=require("./icon/icons/animated/ArrowVerticalAnimated.cjs"),B=require("./icon/icons/animated/ArrowHorizontalAnimated.cjs"),L=require("./icon/icons/animated/PlusRemoveAnimated.cjs"),M=require("./icon/icons/ArrowDownIcon.cjs"),v=require("./icon/icons/ArrowLeftIcon.cjs"),w=require("./icon/icons/ArrowNorthEastIcon.cjs"),A=require("./icon/icons/ArrowRightIcon.cjs"),P=require("./icon/icons/ArrowUpIcon.cjs"),R=require("./icon/icons/CalendarIcon.cjs"),F=require("./icon/icons/CheckIcon.cjs"),y=require("./icon/icons/ChevronDownIcon.cjs"),D=require("./icon/icons/ChevronLeftIcon.cjs"),E=require("./icon/icons/ChevronRightIcon.cjs"),f=require("./icon/icons/ChevronUpIcon.cjs"),G=require("./icon/icons/CloseIcon.cjs"),N=require("./icon/icons/CopyIcon.cjs"),H=require("./icon/icons/DotsIcon.cjs"),U=require("./icon/icons/DragIcon.cjs"),W=require("./icon/icons/ErrorIcon.cjs"),V=require("./icon/icons/GreenCheckIcon.cjs"),O=require("./icon/icons/HamburgerIcon.cjs"),z=require("./icon/icons/InfoIcon.cjs"),Q=require("./icon/icons/LinkIcon.cjs"),Y=require("./icon/icons/PlusIcon.cjs"),J=require("./icon/icons/QuestionIcon.cjs"),K=require("./icon/icons/RedCrossIcon.cjs"),X=require("./icon/icons/SearchIcon.cjs"),Z=require("./icon/icons/SuccessIcon.cjs"),$=require("./icon/icons/WarningIcon.cjs"),_=require("./icon/icons/MinusIcon.cjs"),ee=require("./icon/icons/ThumbDownIcon.cjs"),oe=require("./icon/icons/ThumbUpIcon.cjs"),re=require("./icon/icons/TrashCanIcon.cjs"),te=require("./icon/icons/PenIcon.cjs"),se=require("./icon-button/IconButton.cjs"),ne=require("./image/Image.cjs"),ie=require("./input-group/FieldGroup.cjs"),ae=require("./input-group/InputGroup.cjs"),ce=require("./input-group/Label.cjs"),pe=require("./input-group/SupportLabel.cjs"),ue=require("./link/Link.cjs"),le=require("./link/NavLink.cjs"),xe=require("./link-list/LinkList.cjs"),de=require("./list/List.cjs"),be=require("./list/ListItem.cjs"),Te=require("./loader/Loader.cjs"),Ie=require("./loader/skeletons/SkeletonAnimation.cjs"),je=require("./loader/skeletons/SkeletonButton.cjs"),ge=require("./loader/skeletons/SkeletonCheckboxGroup.cjs"),qe=require("./loader/skeletons/SkeletonElement.cjs"),me=require("./loader/skeletons/SkeletonInput.cjs"),Ce=require("./loader/skeletons/SkeletonRadioButtonGroup.cjs"),ke=require("./loader/skeletons/SkeletonTable.cjs"),Se=require("./loader/skeletons/SkeletonTextArea.cjs"),he=require("./logo/Logo.cjs"),Be=require("./logo/LogoStamp.cjs"),Le=require("./logo/text-paths/ForsikringLevertAvFremtind.cjs"),Me=require("./logo/text-paths/FraSB1ogDNB.cjs"),ve=require("./logo/text-paths/InnovasjonFraFremtind.cjs"),we=require("./logo/text-paths/TeknologiFraFremtind.cjs"),Ae=require("./logo/text-paths/VartEgetForsikringsselskap.cjs"),Pe=require("./logo/text-paths/VartForsikringsselskap.cjs"),Re=require("./menu/Menu.cjs"),Fe=require("./menu/MenuItem.cjs"),ye=require("./menu/MenuItemCheckbox.cjs"),De=require("./menu/MenuDivider.cjs"),Ee=require("./message/Message.cjs"),fe=require("./message/FormErrorMessage.cjs"),Ge=require("./modal/Modal.cjs"),Ne=require("./modal/useModal.cjs"),He=require("./pagination/Pagination.cjs"),Ue=require("./popover/Popover.cjs"),We=require("./progress-bar/Countdown.cjs"),Ve=require("./progress-bar/ProgressBar.cjs"),Oe=require("./radio-button/RadioButton.cjs"),ze=require("./radio-button/RadioButtonGroup.cjs"),Qe=require("./radio-button/BaseRadioButton.cjs"),Ye=require("./select/Select.cjs"),Je=require("./select/NativeSelect.cjs"),Ke=require("./summary-table/SummaryTable.cjs"),Xe=require("./summary-table/SummaryTableRow.cjs"),Ze=require("./system-message/SystemMessage.cjs"),$e=require("./table/DataTable.cjs"),_e=require("./table/Table.cjs"),eo=require("./table/TableBody.cjs"),oo=require("./table/TableCaption.cjs"),ro=require("./table/TableCell.cjs"),to=require("./table/TableColumn.cjs"),so=require("./table/TableColumnGroup.cjs"),no=require("./table/tableContext.cjs"),io=require("./table/tableSectionContext.cjs"),ao=require("./table/TableFooter.cjs"),co=require("./table/TableHead.cjs"),po=require("./table/TableHeader.cjs"),uo=require("./table/TablePagination.cjs"),lo=require("./table/TableRow.cjs"),xo=require("./table/ExpandableTableRow.cjs"),bo=require("./table/ExpandableTableRowController.cjs"),To=require("./table/utils.cjs"),Io=require("./tabs/NavTab.cjs"),jo=require("./tabs/NavTabs.cjs"),go=require("./tabs/Tabs.cjs"),qo=require("./tabs/TabList.cjs"),mo=require("./tabs/Tab.cjs"),Co=require("./tabs/TabPanel.cjs"),ko=require("./tag/Tag.cjs"),So=require("./text-input/BaseTextArea.cjs"),ho=require("./text-input/BaseTextInput.cjs"),Bo=require("./text-input/TextArea.cjs"),Lo=require("./text-input/TextInput.cjs"),Mo=require("./toast/toastContext.cjs"),vo=require("./toggle-switch/ToggleSwitch.cjs"),wo=require("./toggle-switch/ToggleSlider.cjs"),Ao=require("./tooltip/Tooltip.cjs"),Po=require("./tooltip/TooltipContent.cjs"),Ro=require("./tooltip/TooltipTrigger.cjs"),Fo=require("./tooltip/PopupTip.cjs"),yo=require("./ScreenReaderOnly.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=u.Checkbox,exports.Combobox=l.Combobox,exports.getComboboxValuePair=l.getComboboxValuePair,exports.CookieConsent=x.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.isCorrectFormat=b.isCorrectFormat,exports.isWithinLowerBound=b.isWithinLowerBound,exports.isWithinUpperBound=b.isWithinUpperBound,exports.dayMonthYearRegex=T.dayMonthYearRegex,exports.formatInput=T.formatInput,exports.isBlurTargetOutside=T.isBlurTargetOutside,exports.parseDateString=T.parseDateString,exports.DatePicker=I.DatePicker,exports.Feedback=j.Feedback,exports.PRESETS=g.PRESETS,exports.Flex=q.Flex,exports.DescriptionDetail=m.DescriptionDetail,exports.DescriptionList=m.DescriptionList,exports.DescriptionTerm=m.DescriptionTerm,exports.Expander=C.Expander,exports.ExpandSection=k.ExpandSection,exports.Icon=S.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=B.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=L.PlusRemoveAnimated,exports.ArrowDownIcon=M.ArrowDownIcon,exports.ArrowLeftIcon=v.ArrowLeftIcon,exports.ArrowNorthEastIcon=w.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=P.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=F.CheckIcon,exports.ChevronDownIcon=y.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=E.ChevronRightIcon,exports.ChevronUpIcon=f.ChevronUpIcon,exports.CloseIcon=G.CloseIcon,exports.CopyIcon=N.CopyIcon,exports.DotsIcon=H.DotsIcon,exports.DragIcon=U.DragIcon,exports.ErrorIcon=W.ErrorIcon,exports.GreenCheckIcon=V.GreenCheckIcon,exports.HamburgerIcon=O.HamburgerIcon,exports.InfoIcon=z.InfoIcon,exports.LinkIcon=Q.LinkIcon,exports.PlusIcon=Y.PlusIcon,exports.QuestionIcon=J.QuestionIcon,exports.RedCrossIcon=K.RedCrossIcon,exports.SearchIcon=X.SearchIcon,exports.SuccessIcon=Z.SuccessIcon,exports.WarningIcon=$.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=te.PenIcon,exports.IconButton=se.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=pe.SupportLabel,exports.Link=ue.Link,exports.NavLink=le.NavLink,exports.LinkList=xe.LinkList,exports.List=de.List,exports.OrderedList=de.OrderedList,exports.UnorderedList=de.UnorderedList,exports.CheckListItem=be.CheckListItem,exports.CrossListItem=be.CrossListItem,exports.ListItem=be.ListItem,exports.Loader=Te.Loader,exports.SkeletonAnimation=Ie.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=ge.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=me.SkeletonInput,exports.SkeletonRadioButtonGroup=Ce.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=Se.SkeletonTextArea,exports.Logo=he.Logo,exports.LogoStamp=Be.LogoStamp,exports.ForsikringLevertAvFremtind=Le.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Me.FraSB1ogDNB,exports.InnovasjonFraFremtind=ve.InnovasjonFraFremtind,exports.TeknologiFraFremtind=we.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ae.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Pe.VartForsikringsselskap,exports.Menu=Re.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuItemCheckbox=ye.MenuItemCheckbox,exports.MenuDivider=De.MenuDivider,exports.ErrorMessage=Ee.ErrorMessage,exports.InfoMessage=Ee.InfoMessage,exports.SuccessMessage=Ee.SuccessMessage,exports.WarningMessage=Ee.WarningMessage,exports.FormErrorMessage=fe.FormErrorMessage,exports.Modal=Ge.Modal,exports.ModalActions=Ge.ModalActions,exports.ModalBody=Ge.ModalBody,exports.ModalCloseButton=Ge.ModalCloseButton,exports.ModalContainer=Ge.ModalContainer,exports.ModalHeader=Ge.ModalHeader,exports.ModalOverlay=Ge.ModalOverlay,exports.ModalTitle=Ge.ModalTitle,exports.useModal=Ne.useModal,exports.Pagination=He.Pagination,exports.Popover=Ue.Popover,exports.Countdown=We.Countdown,exports.ProgressBar=Ve.ProgressBar,exports.RadioButton=Oe.RadioButton,exports.RadioButtonGroup=ze.RadioButtonGroup,exports.BaseRadioButton=Qe.BaseRadioButton,exports.Select=Ye.Select,exports.NativeSelect=Je.NativeSelect,exports.SummaryTable=Ke.SummaryTable,exports.SummaryTableRow=Xe.SummaryTableRow,exports.ErrorSystemMessage=Ze.ErrorSystemMessage,exports.InfoSystemMessage=Ze.InfoSystemMessage,exports.SuccessSystemMessage=Ze.SuccessSystemMessage,exports.WarningSystemMessage=Ze.WarningSystemMessage,exports.DataTable=$e.DataTable,exports.Table=_e.Table,exports.TableBody=eo.TableBody,exports.TableCaption=oo.TableCaption,exports.TableCell=ro.TableCell,exports.TableColumn=to.TableColumn,exports.TableColumnGroup=so.TableColumnGroup,exports.TableContextProvider=no.TableContextProvider,exports.useTableContext=no.useTableContext,exports.TableSectionContextProvider=io.TableSectionContextProvider,exports.useTableSectionContext=io.useTableSectionContext,exports.TableFooter=ao.TableFooter,exports.TableHead=co.TableHead,exports.TableHeader=po.TableHeader,exports.TablePagination=uo.TablePagination,exports.TableRow=lo.TableRow,exports.ExpandableTableRow=xo.ExpandableTableRow,exports.ExpandableTableRowController=bo.ExpandableTableRowController,exports.useSortableTableHeader=To.useSortableTableHeader,exports.NavTab=Io.NavTab,exports.NavTabs=jo.NavTabs,exports.Tabs=go.Tabs,exports.TabList=qo.TabList,exports.Tab=mo.Tab,exports.TabPanel=Co.TabPanel,exports.ErrorTag=ko.ErrorTag,exports.InfoTag=ko.InfoTag,exports.SuccessTag=ko.SuccessTag,exports.Tag=ko.Tag,exports.WarningTag=ko.WarningTag,exports.BaseTextArea=So.BaseTextArea,exports.BaseTextInput=ho.BaseTextInput,exports.TextArea=Bo.TextArea,exports.TextInput=Lo.TextInput,exports.ToastProvider=Mo.ToastProvider,exports.useToast=Mo.useToast,exports.ToggleSwitch=vo.ToggleSwitch,exports.ToggleSlider=wo.ToggleSlider,exports.Tooltip=Ao.Tooltip,exports.TooltipContent=Po.TooltipContent,exports.TooltipTrigger=Ro.TooltipTrigger,exports.PopupTip=Fo.PopupTip,exports.ScreenReaderOnly=yo.ScreenReaderOnly;
+//# sourceMappingURL=index.cjs.map

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

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

package/build/cjs/components/index.d.cts

@@ -0,0 +1,39 @@
+export * from './accordion/index.cjs;'
+export * from './breadcrumb/index.cjs;'
+export * from './button/index.cjs;'
+export * from './card/index.cjs;'
+export * from './checkbox/index.cjs;'
+export * from './combobox/index.cjs;'
+export * from './cookie-consent/index.cjs;'
+export * from './datepicker/index.cjs;'
+export * from './feedback/index.cjs;'
+export * from './flex/index.cjs;'
+export * from './description-list/index.cjs;'
+export * from './expander/index.cjs;'
+export * from './icon/index.cjs;'
+export * from './icon-button/index.cjs;'
+export * from './image/index.cjs;'
+export * from './input-group/index.cjs;'
+export * from './link/index.cjs;'
+export * from './link-list/index.cjs;'
+export * from './list/index.cjs;'
+export * from './loader/index.cjs;'
+export * from './logo/index.cjs;'
+export * from './menu/index.cjs;'
+export * from './message/index.cjs;'
+export * from './modal/index.cjs;'
+export * from './pagination/index.cjs;'
+export * from './popover/index.cjs;'
+export * from './progress-bar/index.cjs;'
+export * from './radio-button/index.cjs;'
+export * from './select/index.cjs;'
+export * from './summary-table/index.cjs;'
+export * from './system-message/index.cjs;'
+export * from './table/index.cjs;'
+export * from './tabs/index.cjs;'
+export * from './tag/index.cjs;'
+export * from './text-input/index.cjs;'
+export * from './toast/index.cjs;'
+export * from './toggle-switch/index.cjs;'
+export * from './tooltip/index.cjs;'
+export { ScreenReaderOnly, type ScreenReaderOnlyProps } from './ScreenReaderOnly.cjs;'

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.cjs","sources":["../../../../src/components/input-group/FieldGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC, FieldsetHTMLAttributes } from \"react\";\nimport { DataTestAutoId, Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { PopupTip, PopupTipProps } from \"../tooltip/PopupTip.js\";\nimport { Label, LabelProps } from \"./Label.js\";\nimport { SupportLabel, SupportLabelProps } from \"./SupportLabel.js\";\n\nexport interface FieldGroupProps extends DataTestAutoId, FieldsetHTMLAttributes<HTMLFieldSetElement> {\n    legend: string;\n    labelProps?: Omit<LabelProps, \"children\" | \"density\">;\n    supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n    tooltipProps?: PopupTipProps;\n    className?: string;\n    helpLabel?: string;\n    errorLabel?: string;\n    density?: Density;\n}\n\nexport const FieldGroup: FC<FieldGroupProps> = (props) => {\n    const {\n        id,\n        legend,\n        labelProps,\n        supportLabelProps,\n        tooltipProps,\n        className,\n        children,\n        helpLabel,\n        errorLabel,\n        density,\n        \"data-testautoid\": testAutoId,\n        ...rest\n    } = props;\n\n    const uid = useId(id || \"jkl-field-group\", { generateSuffix: !id });\n    const supportId = `${uid}_support-label`;\n\n    const supportText = errorLabel || helpLabel;\n    const supportTextType = errorLabel ? \"error\" : helpLabel ? \"help\" : undefined;\n\n    const describedBy = supportText ? supportId : undefined;\n\n    return (\n        <fieldset\n            id={uid}\n            className={clsx(\"jkl-field-group\", className)}\n            data-testautoid={testAutoId}\n            {...rest}\n            aria-describedby={describedBy}\n            data-density={density}\n        >\n            <legend className=\"jkl-field-group__legend\">\n                <Label {...labelProps} density={density}>\n                    {!tooltipProps && legend}\n                    {tooltipProps && (\n                        <>\n                            <span style={{ whiteSpace: \"normal\" }}>{legend}</span>\n                            {`\\u00A0`}\n                            <PopupTip {...tooltipProps} />\n                        </>\n                    )}\n                </Label>\n            </legend>\n            {children}\n            {(helpLabel || errorLabel) && (\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={supportText}\n                    labelType={supportTextType}\n                    id={supportId}\n                    density={density}\n                />\n            )}\n        </fieldset>\n    );\n};\n"],"names":["props","id","legend","labelProps","supportLabelProps","tooltipProps","className","children","helpLabel","errorLabel","density","testAutoId","rest","uid","useId","generateSuffix","supportId","supportText","supportTextType","describedBy","jsxs","clsx","jsx","Label","Fragment","style","whiteSpace","PopupTip","SupportLabel","label","labelType"],"mappings":"uTAmBgDA,IACtC,MACFC,GAAAA,EACAC,OAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,aAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,QAAAA,EACA,kBAAmBC,KAChBC,GACHZ,EAEEa,EAAMC,QAAMb,GAAM,kBAAmB,CAAEc,gBAAiBd,IACxDe,EAAY,GAAGH,kBAEfI,EAAcR,GAAcD,EAC5BU,EAAkBT,EAAa,QAAUD,EAAY,YAAS,EAE9DW,EAAcF,EAAcD,OAAY,EAG1C,OAAAI,EAAAA,KAAC,WAAA,CACGnB,GAAIY,EACJP,UAAWe,EAAAA,KAAK,kBAAmBf,GACnC,kBAAiBK,KACbC,EACJ,mBAAkBO,EAClB,eAAcT,EAEdH,SAAA,CAAAe,EAAAA,IAAC,UAAOhB,UAAU,0BACdC,gBAACgB,EAAAA,MAAO,IAAGpB,EAAYO,QAAAA,EAClBH,SAAA,EAACF,GAAgBH,EACjBG,GAEOe,EAAAA,KAAAI,WAAA,CAAAjB,SAAA,CAAAe,MAAC,QAAKG,MAAO,CAAEC,WAAY,UAAanB,SAAOL,IAC9C,IACDoB,EAAAA,IAACK,EAAUA,SAAA,IAAGtB,YAK7BE,GACCC,GAAaC,IACXa,EAAAA,IAACM,EAAAA,aAAA,IACOxB,EACJyB,MAAOZ,EACPa,UAAWZ,EACXjB,GAAIe,EACJN,QAAAA,MACJ"}

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

@@ -0,0 +1,16 @@
+import { FC, FieldsetHTMLAttributes } from 'react';
+import { DataTestAutoId, Density } from '../../core/types.cjs;'
+import { PopupTipProps } from '../tooltip/PopupTip.cjs;'
+import { LabelProps } from './Label.cjs;'
+import { SupportLabelProps } from './SupportLabel.cjs;'
+export interface FieldGroupProps extends DataTestAutoId, FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legend: string;
+    labelProps?: Omit<LabelProps, "children" | "density">;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
+    tooltipProps?: PopupTipProps;
+    className?: string;
+    helpLabel?: string;
+    errorLabel?: string;
+    density?: Density;
+}
+export declare const FieldGroup: FC<FieldGroupProps>;

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

@@ -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"),l=require("react"),i=require("../../hooks/useId/useId.cjs"),s=require("../tooltip/PopupTip.cjs"),t=require("./Label.cjs"),n=require("./SupportLabel.cjs"),o=l.forwardRef(((o,p)=>{const{className:a,children:d,density:u,errorLabel:c,helpLabel:j,inline:b,label:y,labelProps:h,render:x,supportLabelProps:m,tooltipProps:v,id:f,...q}=o,L=i.useId(f||"jkl-input",{generateSuffix:!f}),S=i.useId("jkl-support-label"),g=c||j,I=c?"error":j?"help":void 0,P={"aria-describedby":g?S:void 0,"aria-invalid":!!c||void 0,id:L},k=x?()=>x(P):()=>{const e=l.Children.toArray(o.children)[0];if(l.isValidElement(e))return l.cloneElement(e,{...P,...e.props})};return e.jsxs("div",{ref:p,className:r.clsx(a,"jkl-input-group",{"jkl-input-group--inline":b}),"data-density":u,...q,children:[e.jsxs(t.Label,{standAlone:!0,htmlFor:L,srOnly:b,...h,style:{whiteSpace:v?"nowrap":void 0,...null==h?void 0:h.style},density:u,children:[!v&&y,v&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{whiteSpace:"normal"},children:y})," ",e.jsx(s.PopupTip,{...v})]})]}),k(),e.jsx(n.SupportLabel,{srOnly:b,...m,label:g,labelType:I,id:S,density:u})]})}));o.displayName="InputGroup",exports.InputGroup=o;
+//# sourceMappingURL=InputGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.cjs","sources":["../../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, type CSSProperties, type ReactNode } from \"react\";\nimport { DataTestAutoId, Density, WithOptionalChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { PopupTip, PopupTipProps } from \"../tooltip/PopupTip.js\";\nimport { Label, LabelProps } from \"./Label.js\";\nimport { SupportLabel, SupportLabelProps } from \"./SupportLabel.js\";\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":"uTA+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/InputGroup.d.cts

@@ -0,0 +1,40 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { DataTestAutoId, Density, WithOptionalChildren } from '../../core/types.cjs;'
+import { PopupTipProps } from '../tooltip/PopupTip.cjs;'
+import { LabelProps } from './Label.cjs;'
+import { SupportLabelProps } from './SupportLabel.cjs;'
+export interface InputProps {
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    id?: string;
+}
+export type InputGroupProps = WithOptionalChildren & DataTestAutoId & {
+    id?: string;
+    className?: string;
+    "data-testid"?: string;
+    density?: Density;
+    errorLabel?: ReactNode;
+    helpLabel?: ReactNode;
+    inline?: boolean;
+    label: ReactNode;
+    labelProps?: Omit<LabelProps, "children" | "density">;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
+    tooltipProps?: PopupTipProps;
+    style?: CSSProperties;
+    render?: (props: InputProps) => JSX.Element;
+};
+export declare const InputGroup: React.ForwardRefExoticComponent<WithOptionalChildren & DataTestAutoId & {
+    id?: string | undefined;
+    className?: string | undefined;
+    "data-testid"?: string | undefined;
+    density?: Density | undefined;
+    errorLabel?: ReactNode;
+    helpLabel?: ReactNode;
+    inline?: boolean | undefined;
+    label: ReactNode;
+    labelProps?: Omit<LabelProps, "density" | "children"> | undefined;
+    supportLabelProps?: Omit<SupportLabelProps, "density" | "id" | "helpLabel" | "errorLabel"> | undefined;
+    tooltipProps?: PopupTipProps | undefined;
+    style?: React.CSSProperties | undefined;
+    render?: ((props: InputProps) => JSX.Element) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","sources":["../../../../src/components/input-group/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type CSSProperties, type FC } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\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/Label.d.cts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+import { Density, WithChildren } from '../../core/types.cjs;'
+export type LabelVariant = "small" | "medium" | "large";
+export interface LabelProps extends WithChildren {
+    id?: string;
+    variant?: LabelVariant;
+    density?: Density;
+    srOnly?: boolean;
+    standAlone?: boolean;
+    htmlFor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Label: FC<LabelProps>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs");const r=require("../icon/icons/ErrorIcon.cjs");require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs");const n=require("../icon/icons/SuccessIcon.cjs"),e=require("../icon/icons/WarningIcon.cjs");require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs"),require("../icon/icons/TrashCanIcon.cjs"),require("../icon/icons/PenIcon.cjs");exports.SupportLabel=({id:i,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?o.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?r.ErrorIcon:d?n.SuccessIcon:e.WarningIcon;return c.jsxs("span",{id:i,className:f,...w,"data-density":j,children:[c.jsx(k,{variant:"small",className:"jkl-form-support-label__icon"}),c.jsx("span",{children:u||s||l})]})};
+//# sourceMappingURL=SupportLabel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportLabel.cjs","sources":["../../../../src/components/input-group/SupportLabel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC, type ReactNode } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { ErrorIcon, SuccessIcon, WarningIcon } from \"../icon/index.js\";\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":"mpDAiEmD,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/input-group/SupportLabel.d.cts

@@ -0,0 +1,61 @@
+import { FC, ReactNode } from 'react';
+import { Density } from '../../core/types.cjs;'
+export type SupportLabelType = "help" | "error" | "warning" | "success";
+export interface SupportLabelProps {
+    /**
+     * En ID er påkrevd for å kunne referere til SupportLabel med aria-describedby.
+     *
+     * @example
+     *  ```tsx
+     *  const uid = useId();
+     *  const supportId = useId();
+     *  const hasSupportText = helpLabel || errorLabel;
+     *  const describedBy = hasSupportText ? supportId : undefined;
+     *
+     *  return (
+     *    <div>
+     *      <Label standAlone htmlFor={uid}>
+     *        Velg en tekst
+     *      </Label>
+     *      <select
+     *        id={uid}
+     *        aria-describedby={describedBy}
+     *      >
+     *        <option value="e">Example</option>
+     *      </select>
+     *      <SupportLabel
+     *        id={supportId}
+     *        label={errorLabel}
+     *        labelType="error"
+     *        density={density}
+     *      />
+     *    </div>
+     *  );
+     *  ```
+     */
+    id: string;
+    /**
+     * @deprecated Bruk `label` for å få samme resultat.
+     */
+    helpLabel?: ReactNode;
+    /**
+     * @deprecated Bruk `label` og `labelType="warning"` for å få samme resultat.
+     */
+    errorLabel?: ReactNode;
+    label?: ReactNode;
+    /**
+     * Bestemmer hvilket ikon som skal vises:
+     *
+     * - "help" viser ikke noe ikon
+     * - "warning" viser WarningIcon, det som tidligere ble vist med `errorLabel`
+     * - "error" viser ErrorIcon
+     * - "success" viser SuccessIcon
+     *
+     * @default "help"
+     */
+    labelType?: SupportLabelType;
+    density?: Density;
+    className?: string;
+    srOnly?: boolean;
+}
+export declare const SupportLabel: FC<SupportLabelProps>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FieldGroup.cjs"),r=require("./InputGroup.cjs"),p=require("./Label.cjs"),o=require("./SupportLabel.cjs");exports.FieldGroup=e.FieldGroup,exports.InputGroup=r.InputGroup,exports.Label=p.Label,exports.SupportLabel=o.SupportLabel;
+//# sourceMappingURL=index.cjs.map

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

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

package/build/cjs/components/input-group/index.d.cts

@@ -0,0 +1,4 @@
+export { FieldGroup, type FieldGroupProps } from './FieldGroup.cjs;'
+export { InputGroup, type InputGroupProps, type InputProps } from './InputGroup.cjs;'
+export { Label, type LabelProps, type LabelVariant } from './Label.cjs;'
+export { SupportLabel, type SupportLabelProps, type SupportLabelType } from './SupportLabel.cjs;'

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

@@ -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"),t=require("react").forwardRef((function(t,s){const{external:l=!1,className:n="",children:c,as:a="a",...i}=t,o=a;return e.jsx(o,{ref:s,className:r.clsx("jkl-link",n,{"jkl-link--external":l}),...i,children:c})}));exports.Link=t;
+//# sourceMappingURL=Link.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type LinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        external?: boolean;\n    }\n>;\n\nexport type LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<ElementType extends React.ElementType = \"a\">(\n    props: LinkProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const { external = false, className = \"\", children, as = \"a\", ...rest } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\"jkl-link\", className, {\n                \"jkl-link--external\": external,\n            })}\n            {...rest}\n        >\n            {children}\n        </Component>\n    );\n});\n"],"names":["Link","forwardRef","props","ref","external","className","children","as","rest","Component","jsx","clsx"],"mappings":"6JAeaA,mBAAaC,YAAW,SACjCC,EACAC,GAEM,MAAEC,SAAAA,GAAW,EAAOC,UAAAA,EAAY,GAAIC,SAAAA,EAAUC,GAAAA,EAAK,OAAQC,GAASN,EACpEO,EAAYF,EAGd,OAAAG,EAAAA,IAACD,EAAA,CACGN,IAAAA,EACAE,UAAWM,EAAAA,KAAK,WAAYN,EAAW,CACnC,qBAAsBD,OAEtBI,EAEHF,SAAAA,GAGb"}

package/build/cjs/components/link/Link.d.cts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs;'
+export type LinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    external?: boolean;
+}>;
+export type LinkComponent = <ElementType extends React.ElementType = "a">(props: LinkProps<ElementType>) => React.ReactElement | null;
+export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;

package/build/cjs/components/link/NavLink.cjs

@@ -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"),a=require("react").forwardRef((function(a,c){const{active:n=!1,back:t=!1,className:i,children:s,as:l="a",...o}=a,k=l;return e.jsx(k,{ref:c,className:r.clsx("jkl-nav-link",{"jkl-nav-link--active":n,"jkl-nav-link--back":t},i),...o,children:s})}));exports.NavLink=a;
+//# sourceMappingURL=NavLink.cjs.map

package/build/cjs/components/link/NavLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.cjs","sources":["../../../../src/components/link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n    ElementType,\n    {\n        active?: boolean;\n        back?: boolean;\n    }\n>;\n\nexport type LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const NavLink = React.forwardRef(function NavLink<ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n    ref?: PolymorphicRef<ElementType>,\n) {\n    const { active = false, back = false, className, children, as = \"a\", ...rest } = props;\n    const Component = as;\n\n    return (\n        <Component\n            ref={ref}\n            className={clsx(\n                \"jkl-nav-link\",\n                {\n                    \"jkl-nav-link--active\": active,\n                    \"jkl-nav-link--back\": back,\n                },\n                className,\n            )}\n            {...rest}\n        >\n            {children}\n        </Component>\n    );\n});\n"],"names":["NavLink","forwardRef","props","ref","active","back","className","children","as","rest","Component","jsx","clsx"],"mappings":"6JAgBaA,mBAAgBC,YAAW,SACpCC,EACAC,GAEM,MAAEC,OAAAA,GAAS,EAAOC,KAAAA,GAAO,EAAOC,UAAAA,EAAWC,SAAAA,EAAUC,GAAAA,EAAK,OAAQC,GAASP,EAC3EQ,EAAYF,EAGd,OAAAG,EAAAA,IAACD,EAAA,CACGP,IAAAA,EACAG,UAAWM,EAAAA,KACP,eACA,CACI,uBAAwBR,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAAA,GAGb"}

package/build/cjs/components/link/NavLink.d.cts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs;'
+export type NavLinkProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    active?: boolean;
+    back?: boolean;
+}>;
+export type LinkComponent = <ElementType extends React.ElementType = "a">(props: NavLinkProps<ElementType>) => React.ReactElement | null;
+export declare const NavLink: React.ForwardRefExoticComponent<Omit<NavLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;

package/build/cjs/components/link/index.cjs

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

package/build/cjs/components/link/index.cjs.map

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

package/build/cjs/components/link/index.d.cts

@@ -0,0 +1,2 @@
+export { Link, type LinkProps } from './Link.cjs;'
+export { NavLink, type NavLinkProps } from './NavLink.cjs;'

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),i=require("react");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs");const o=require("../icon/icons/ArrowRightIcon.cjs");require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/WarningIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs"),require("../icon/icons/TrashCanIcon.cjs"),require("../icon/icons/PenIcon.cjs");const r=i.forwardRef((function(i,r){const{as:e="a",children:s,className:u,...j}=i;return c.jsxs(e,{className:n.clsx("jkl-link-list-link",u),ref:r,...j,children:[s,c.jsx(o.ArrowRightIcon,{className:"jkl-link-list-link__arrow"})]})})),e=({variant:i,className:o,...r})=>{const e="ordered"===i?"ol":"ul";return c.jsx(e,{className:n.clsx("jkl-link-list",o,{"jkl-link-list--ordered":"ordered"===i,"jkl-link-list--unordered":"unordered"===i}),...r})};e.Link=r,e.Item=({className:i,...o})=>c.jsx("li",{className:n.clsx("jkl-link-list-item",i),...o}),exports.LinkList=e;
+//# sourceMappingURL=LinkList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkList.cjs","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/index.js\";\n\nconst Item: FC<ComponentProps<\"li\">> = ({ className, ...rest }) => {\n    return <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>;\n};\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n) => React.ReactElement | null;\n\nconst Link = React.forwardRef(function LinkListLink<ElementType extends React.ElementType = \"a\">(\n    props: PolymorphicPropsWithRef<ElementType>,\n    ref: PolymorphicRef<ElementType>,\n) {\n    const { as: Component = \"a\", children, className, ...rest } = props;\n\n    return (\n        <Component className={clsx(\"jkl-link-list-link\", className)} ref={ref} {...rest}>\n            {children}\n            <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n        </Component>\n    );\n}) as LinkComponent;\n\ntype UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {\n    variant: \"unordered\";\n};\n\ntype OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {\n    variant: \"ordered\";\n};\n\ntype LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;\n\nexport const LinkList = ({ variant, className, ...rest }: LinkListProps): React.JSX.Element => {\n    const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n    return (\n        <Component\n            className={clsx(\"jkl-link-list\", className, {\n                \"jkl-link-list--ordered\": variant === \"ordered\",\n                \"jkl-link-list--unordered\": variant === \"unordered\",\n            })}\n            {...rest}\n        />\n    );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"uoDAKA,MAQMA,EAAOC,EAAMC,YAAW,SAC1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,OAACJ,GAAUE,UAAWG,EAAAA,KAAK,qBAAsBH,GAAYJ,IAAAA,KAAcK,EACtEF,SAAA,CAAAA,EACDK,EAAAA,IAACC,EAAeA,eAAA,CAAAL,UAAU,gCAGtC,IAYaM,EAAW,EAAGC,QAAAA,EAASP,UAAAA,KAAcC,MACxC,MAAAH,EAAwB,YAAZS,EAAwB,KAAO,KAG7C,OAAAH,EAAAA,IAACN,EAAA,CACGE,UAAWG,EAAAA,KAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,GAAA,EAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA/C8B,EAAGR,UAAAA,KAAcC,KAC7CG,EAAAA,IAAC,MAAGJ,UAAWG,EAAAA,KAAK,qBAAsBH,MAAgBC"}

package/build/cjs/components/link-list/LinkList.d.cts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs;'
+type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
+type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
+    variant: "unordered";
+};
+type OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {
+    variant: "ordered";
+};
+type LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;
+export declare const LinkList: {
+    ({ variant, className, ...rest }: LinkListProps): React.JSX.Element;
+    Link: LinkComponent;
+    Item: React.FC<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+};
+export {};

package/build/cjs/components/link-list/index.cjs

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

package/build/cjs/components/link-list/index.cjs.map

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

package/build/cjs/components/link-list/index.d.cts

@@ -0,0 +1 @@
+export { LinkList } from './LinkList.cjs;'

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

@@ -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.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/list/List.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\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/List.d.cts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../core/types.cjs;'
+export interface ListProps extends WithChildren {
+    className?: string;
+}
+export declare const UnorderedList: React.FC<ListProps>;
+export declare const OrderedList: React.FC<ListProps>;
+export declare const List: React.FC<ListProps>;

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

@@ -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.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.cjs","sources":["../../../../src/components/list/ListItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\n\nexport interface ListItemProps extends WithChildren {\n    className?: string;\n}\n\ntype ValidListItems = \"normal\" | \"check\" | \"cross\";\n\nfunction makeListItem(listItemType: ValidListItems): FC<ListItemProps> {\n    const ListItem: FC<ListItemProps> = ({ className, children, ...rest }) => {\n        return (\n            <li\n                className={clsx(\"jkl-list__item\", className, {\n                    \"jkl-list__item--iconed\": listItemType !== \"normal\",\n                    \"jkl-list__item--check\": listItemType === \"check\",\n                    \"jkl-list__item--cross\": listItemType === \"cross\",\n                })}\n                data-testid=\"jkl-list-item\"\n                {...rest}\n            >\n                {children}\n            </li>\n        );\n    };\n    return ListItem;\n}\n\nexport const ListItem = makeListItem(\"normal\");\nListItem.displayName = \"ListItem\";\nexport const CrossListItem = makeListItem(\"cross\");\nCrossListItem.displayName = \"CrossListItem\";\nexport const CheckListItem = makeListItem(\"check\");\nCheckListItem.displayName = \"CheckListItem\";\n"],"names":["makeListItem","listItemType","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/ListItem.d.cts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../core/types.cjs;'
+export interface ListItemProps extends WithChildren {
+    className?: string;
+}
+export declare const ListItem: React.FC<ListItemProps>;
+export declare const CrossListItem: React.FC<ListItemProps>;
+export declare const CheckListItem: React.FC<ListItemProps>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./List.cjs"),t=require("./ListItem.cjs");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.cjs.map

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

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

package/build/cjs/components/list/index.d.cts

@@ -0,0 +1,3 @@
+export type { ListProps } from './List.cjs;'
+export { UnorderedList, OrderedList, List } from './List.cjs;'
+export { ListItem, CheckListItem, CrossListItem } from './ListItem.cjs;'

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

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

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

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